/* DKX v44 palette: full light interface. Main background/forms: #FCF6F5 CTA "Получить расчет": #990011 Call "Позвонить": #128C4A Neutral/text: #1a1818 / #a8a4a3 */ #dkx.dkx, #dkx { background: #FCF6F5 !important; color: #1a1818 !important; } #dkx *, #dkx *::before, #dkx *::after { box-sizing: border-box !important; } #dkx::before, #dkx::after { display: none !important; content: none !important; } #dkx .dkx__site-photo-bg { background: #FCF6F5 !important; } #dkx .dkx__site-photo-bg img { opacity: .13 !important; filter: grayscale(1) brightness(1.28) contrast(1.02) !important; mix-blend-mode: multiply !important; } #dkx .dkx__site-photo-overlay { background: radial-gradient(circle at 14% 8%, rgba(153,0,17,.10), transparent 30%), radial-gradient(circle at 86% 18%, rgba(168,164,163,.22), transparent 28%), linear-gradient(180deg, rgba(252,246,245,.92) 0%, rgba(252,246,245,.96) 52%, #FCF6F5 100%) !important; } #dkx .dkx__wrap { color: #1a1818 !important; } #dkx .dkx__header { background: rgba(252,246,245,.88) !important; border-bottom: 1px solid rgba(168,164,163,.35) !important; box-shadow: 0 14px 44px rgba(26,24,24,.08) !important; backdrop-filter: blur(18px) saturate(1.08) !important; -webkit-backdrop-filter: blur(18px) saturate(1.08) !important; } #dkx .dkx__logo, #dkx .dkx__nav, #dkx .dkx__nav a, #dkx .dkx__phone { color: #1a1818 !important; } #dkx .dkx__nav a:hover, #dkx .dkx__phone:hover, #dkx .dkx__section-title span, #dkx .dkx__title span, #dkx .dkx__price, #dkx .dkx__step-num, #dkx .dkx__kicker, #dkx .dkx__gallery-title span { color: #990011 !important; text-shadow: none !important; } #dkx .dkx__title, #dkx .dkx__section-title, #dkx .dkx__step-title, #dkx .dkx__topline h3, #dkx .dkx__summary h3, #dkx .dkx__process-center strong, #dkx .dkx__modal-card h3, #dkx .dkx__footer-title { color: #1a1818 !important; text-shadow: none !important; } #dkx .dkx__section-text, #dkx .dkx__hero-step span, #dkx .dkx__line-description, #dkx .dkx__material-meta, #dkx .dkx__protect-material-subtitle, #dkx .dkx__footer-text, #dkx .dkx__modal-card p, #dkx .dkx__agreement, #dkx .dkx__messengers-title { color: rgba(26,24,24,.68) !important; } #dkx .dkx__kicker { background: rgba(153,0,17,.075) !important; border: 1px solid rgba(153,0,17,.20) !important; } #dkx .dkx__kicker-dot { background: #990011 !important; box-shadow: 0 0 0 7px rgba(153,0,17,.12) !important; } #dkx .dkx__hero, #dkx .dkx__section, #dkx .dkx__footer { background: transparent !important; } #dkx .dkx__hero::before { background: radial-gradient(circle at 10% 4%, rgba(153,0,17,.10), transparent 30%), linear-gradient(180deg, rgba(252,246,245,.94), rgba(252,246,245,.84)) !important; } #dkx .dkx__hero::after, #dkx .dkx__yellow-dots { opacity: .18 !important; filter: none !important; } #dkx .dkx__panel, #dkx .dkx__process, #dkx .dkx__topline, #dkx .dkx__summary, #dkx .dkx__video-card, #dkx .dkx__modal-card, #dkx .dkx__footer, #dkx .dkx__gallery-card, #dkx .dkx__gallery-modal-card, #dkx #dkxMobileMenu .dkx-mobile-menu-card, #dkx #dkx-config .dkx__config-modal-backdrop + .dkx__panel, #dkx #dkx-config .dkx__protect-material-modal { background: radial-gradient(circle at 92% 0%, rgba(153,0,17,.055), transparent 34%), linear-gradient(180deg, #FCF6F5 0%, rgba(252,246,245,.94) 100%) !important; border: 1px solid rgba(168,164,163,.36) !important; color: #1a1818 !important; box-shadow: 0 1px 0 rgba(252,246,245,.90) inset, 0 22px 70px rgba(26,24,24,.10) !important; } #dkx .dkx__video, #dkx .dkx__video-cover { background: radial-gradient(circle at 50% 30%, rgba(153,0,17,.10), transparent 35%), linear-gradient(145deg, #FCF6F5, #FCF6F5) !important; color: #1a1818 !important; border-color: rgba(168,164,163,.30) !important; } #dkx .dkx__video-cover-title, #dkx .dkx__video-cover-text { color: #1a1818 !important; } #dkx .dkx__btn, #dkx button, #dkx a { -webkit-tap-highlight-color: transparent !important; } #dkx .dkx__btn--gold, #dkx [data-dkx-open-modal], #dkx #dkxModal .dkx__btn[type="submit"], #dkx .dkx__modal-card .dkx__btn[type="submit"], #dkx #dkxMobileBar .dkx__btn--gold { position: relative !important; overflow: hidden !important; color: #FCF6F5 !important; background: linear-gradient(135deg, #990011 0%, #990011 48%, #990011 100%) !important; border: 1px solid rgba(153,0,17,.34) !important; box-shadow: 0 8px 0 #990011, 0 0 0 1px rgba(252,246,245,.28) inset, 0 16px 36px rgba(153,0,17,.28), 0 26px 70px rgba(26,24,24,.16) !important; text-shadow: 0 1px 0 rgba(26,24,24,.36) !important; } #dkx .dkx__btn--gold:hover, #dkx [data-dkx-open-modal]:hover, #dkx #dkxModal .dkx__btn[type="submit"]:hover { transform: translateY(-4px) scale(1.02) !important; box-shadow: 0 12px 0 #990011, 0 0 0 1px rgba(252,246,245,.30) inset, 0 22px 46px rgba(153,0,17,.34), 0 32px 86px rgba(26,24,24,.20) !important; } #dkx .dkx__btn--gold::before, #dkx [data-dkx-open-modal]::before { background: linear-gradient(90deg, transparent, rgba(252,246,245,.46), transparent) !important; } #dkx .dkx__call-green, #dkx a[href^="tel:"].dkx__btn, #dkx .dkx__mobile-header-call, #dkx .dkx__summary-actions a[href^="tel:"], #dkx .dkx__hero-actions a[href^="tel:"], #dkx #dkxMobileMenu .dkx-mobile-menu-call { color: #FCF6F5 !important; background: linear-gradient(135deg, #128C4A 0%, #128C4A 56%, #128C4A 100%) !important; border: 1px solid rgba(18,140,74,.30) !important; box-shadow: 0 7px 0 #128C4A, 0 0 0 1px rgba(252,246,245,.28) inset, 0 14px 34px rgba(18,140,74,.26), 0 24px 64px rgba(26,24,24,.12) !important; text-shadow: 0 1px 0 rgba(26,24,24,.30) !important; } #dkx .dkx__call-green:hover, #dkx a[href^="tel:"].dkx__btn:hover, #dkx .dkx__mobile-header-call:hover { transform: translateY(-3px) scale(1.015) !important; box-shadow: 0 10px 0 #128C4A, 0 0 0 1px rgba(252,246,245,.28) inset, 0 18px 42px rgba(18,140,74,.30), 0 30px 74px rgba(26,24,24,.16) !important; } #dkx .dkx__btn--dark, #dkx .dkx__video-btn, #dkx .dkx__messenger { color: #1a1818 !important; background: linear-gradient(180deg, #FCF6F5 0%, #FCF6F5 100%) !important; border: 1px solid rgba(168,164,163,.42) !important; box-shadow: 0 6px 0 rgba(168,164,163,.38), 0 16px 42px rgba(26,24,24,.10) !important; text-shadow: none !important; } #dkx .dkx__messenger:hover, #dkx .dkx__btn--dark:hover, #dkx .dkx__video-btn:hover { border-color: rgba(153,0,17,.26) !important; color: #990011 !important; } #dkx .dkx__choice, #dkx .dkx__protect-choice, #dkx .dkx__pill, #dkx .dkx__material, #dkx #dkxLineTabs .dkx__choice--line, #dkx #dkxLineTabs .dkx__line-card, #dkx #dkx-config .dkx__protect-material-card, #dkx #dkx-config .dkx__protect-material-colors .dkx__material { color: #1a1818 !important; background: radial-gradient(circle at 92% 12%, rgba(153,0,17,.045), transparent 32%), linear-gradient(180deg, #FCF6F5 0%, #FCF6F5 100%) !important; border-color: rgba(168,164,163,.42) !important; box-shadow: 0 1px 0 rgba(252,246,245,.95) inset, 0 16px 42px rgba(26,24,24,.10) !important; text-shadow: none !important; } #dkx .dkx__choice:hover, #dkx .dkx__protect-choice:hover, #dkx .dkx__pill:hover, #dkx .dkx__material:hover, #dkx #dkxLineTabs .dkx__choice--line:hover { border-color: rgba(153,0,17,.34) !important; transform: translateY(-3px) !important; } #dkx .dkx__choice.active, #dkx .dkx__protect-choice.active, #dkx .dkx__pill.active, #dkx .dkx__material.active, #dkx #dkxLineTabs .dkx__choice--line.active { color: #FCF6F5 !important; background: radial-gradient(circle at 80% 0%, rgba(252,246,245,.18), transparent 36%), linear-gradient(135deg, #990011 0%, #990011 52%, #990011 100%) !important; border-color: rgba(153,0,17,.42) !important; box-shadow: 0 8px 0 #990011, 0 18px 42px rgba(153,0,17,.25), 0 28px 72px rgba(26,24,24,.16) !important; } #dkx .dkx__choice.active *, #dkx .dkx__protect-choice.active *, #dkx .dkx__pill.active *, #dkx .dkx__material.active *, #dkx #dkxLineTabs .dkx__choice--line.active * { color: #FCF6F5 !important; } #dkx #dkxLineTabs .dkx__choice--line .dkx__line-title, #dkx #dkxLineTabs .dkx__line-title, #dkx .dkx__material-name, #dkx .dkx__protect-material-label strong { color: #1a1818 !important; } #dkx #dkxLineTabs .dkx__choice--line.active .dkx__line-title, #dkx #dkxLineTabs .dkx__choice--line.active .dkx__line-description { color: #FCF6F5 !important; } #dkx .dkx__step-num, #dkx .dkx__tag, #dkx .dkx__tags span, #dkx .dkx__topline-tags span, #dkx .dkx__material-badge { background: rgba(153,0,17,.07) !important; border: 1px solid rgba(153,0,17,.18) !important; color: #990011 !important; } #dkx .dkx__input, #dkx input, #dkx textarea, #dkx select, #dkxModal .dkx__input { color: #1a1818 !important; background: #FCF6F5 !important; border: 1px solid rgba(168,164,163,.50) !important; box-shadow: 0 10px 28px rgba(26,24,24,.06) inset !important; } #dkx .dkx__input::placeholder, #dkx input::placeholder, #dkx textarea::placeholder { color: rgba(26,24,24,.42) !important; } #dkx .dkx__input:focus, #dkx input:focus, #dkx textarea:focus, #dkx select:focus { border-color: rgba(153,0,17,.48) !important; box-shadow: 0 0 0 4px rgba(153,0,17,.10), 0 10px 28px rgba(26,24,24,.06) inset !important; outline: none !important; } #dkx .dkx__input--error { border-color: #990011 !important; box-shadow: 0 0 0 4px rgba(153,0,17,.12) !important; } #dkx #dkxFormError.visible, #dkx .dkx__error.visible { color: #990011 !important; background: rgba(153,0,17,.08) !important; border: 1px solid rgba(153,0,17,.20) !important; } #dkx #dkxModal .dkx__success, #dkx .dkx__success { color: #128C4A !important; background: rgba(18,140,74,.08) !important; border: 1px solid rgba(18,140,74,.22) !important; } #dkx .dkx__burger { background: #FCF6F5 !important; border: 1px solid rgba(168,164,163,.42) !important; box-shadow: 0 10px 28px rgba(26,24,24,.08) !important; } #dkx .dkx__burger span { background: #1a1818 !important; } #dkxMobileMenu { background: rgba(252,246,245,.76) !important; backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important; } #dkxMobileMenu .dkx-mobile-menu-card { background: linear-gradient(180deg, #FCF6F5 0%, #FCF6F5 100%) !important; border: 1px solid rgba(168,164,163,.38) !important; color: #1a1818 !important; box-shadow: 0 26px 74px rgba(26,24,24,.16) !important; } #dkxMobileMenu .dkx-mobile-menu-title, #dkxMobileMenu .dkx-mobile-menu-link { color: #1a1818 !important; } #dkxMobileMenu .dkx-mobile-menu-link { background: rgba(252,246,245,.86) !important; border: 1px solid rgba(168,164,163,.32) !important; } #dkxMobileMenu .dkx-mobile-menu-link::after { color: #990011 !important; } #dkxMobileMenu .dkx-mobile-menu-close { color: #1a1818 !important; background: #FCF6F5 !important; border: 1px solid rgba(168,164,163,.42) !important; } #dkxMobileBar { background: rgba(252,246,245,.92) !important; border-top: 1px solid rgba(168,164,163,.34) !important; box-shadow: 0 -16px 46px rgba(26,24,24,.10) !important; } #dkx .dkx__footer, #dkx .dkx__footer a { color: #1a1818 !important; } #dkx .dkx__footer .dkx__btn--gold { color: #FCF6F5 !important; } @media (max-width: 760px) { #dkx .dkx__site-photo-bg img { opacity: .10 !important; filter: grayscale(1) brightness(1.34) contrast(1) !important; } #dkx .dkx__header { background: rgba(252,246,245,.94) !important; } #dkx .dkx__title, #dkx .dkx__section-title, #dkx .dkx__step-title { color: #1a1818 !important; } }