/* Финальный фикс: используется только фото-фон. Старые кодовые градиенты и псевдофоны отключены. */ .dkx { background: #1a1818 !important; } .dkx::before, .dkx::after, .dkx__hero::before, .dkx__hero::after, .dkx__section::before, .dkx__section::after { display: none !important; content: none !important; background: none !important; } .dkx__site-photo-bg { position: fixed !important; inset: 0 !important; z-index: 0 !important; pointer-events: none !important; overflow: hidden !important; background: #1a1818 !important; } .dkx__site-photo-bg img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; transform: none !important; filter: brightness(.22) saturate(.88) contrast(1.06) !important; } .dkx__site-photo-overlay { position: absolute !important; inset: 0 !important; background: linear-gradient(180deg, rgba(252,246,245,.88) 0%, rgba(252,246,245,.84) 44%, rgba(252,246,245,.92) 100%), linear-gradient(90deg, rgba(26,24,24,.42) 0%, rgba(26,24,24,.20) 45%, rgba(26,24,24,.46) 100%) !important; } .dkx > :not(style):not(.dkx__site-photo-bg) { position: relative !important; z-index: 2 !important; } /* Компактная шапка: внутри только логотип, меню и телефон. */ .dkx__header { position: sticky !important; top: 0 !important; z-index: 100 !important; background: rgba(252,246,245,.88) !important; backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important; border-bottom: 1px solid rgba(153,0,17,.18) !important; } .dkx__header-inner { min-height: 58px !important; height: 58px !important; padding-top: 0 !important; padding-bottom: 0 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 24px !important; } .dkx__logo { height: 58px !important; display: inline-flex !important; align-items: center !important; gap: 0 !important; flex: 0 0 auto !important; } .dkx__logo-img { width: 124px !important; max-width: 124px !important; height: auto !important; display: block !important; filter: drop-shadow(0 8px 18px rgba(26,24,24,.68)) !important; } .dkx__logo > span, .dkx__logo-mark { display: none !important; } .dkx__nav { display: flex !important; align-items: center !important; justify-content: center !important; gap: 22px !important; font-size: 12px !important; line-height: 1 !important; font-weight: 800 !important; } .dkx__phone { font-size: 12px !important; line-height: 1 !important; font-weight: 900 !important; } /* Hero не должен раздувать шапку и создавать лишний темный блок вокруг меню. */ .dkx__hero { min-height: auto !important; display: block !important; padding: 74px 0 78px !important; isolation: auto !important; } .dkx__yellow-dots { display: none !important; } .dkx__video-card { max-width: 420px !important; } .dkx__video { position:relative !important; background:#1a1818 !important; } .dkx__video.is-started iframe { opacity:1 !important; } .dkx__video iframe { position:relative !important; z-index:2 !important; opacity:0 !important; transition: opacity .22s ease !important; } .dkx__video-cover.hidden { display:none !important; } .dkx__video-controls--single { grid-template-columns:1fr !important; max-width:210px !important; margin:0 auto !important; } .dkx__video-play-icon { display:none !important; } @media (max-width: 960px) { .dkx__header-inner { min-height: 56px !important; height: 56px !important; } .dkx__logo, .dkx__logo-img { max-width: 116px !important; } .dkx__nav { gap: 14px !important; font-size: 11px !important; } } @media (max-width: 760px) { .dkx__site-photo-bg img { object-position: center top !important; filter: brightness(.44) saturate(1.02) contrast(1.06) !important; } .dkx__header-inner { min-height: 58px !important; height: 58px !important; } .dkx__logo-img { width: 112px !important; max-width: 112px !important; } .dkx__hero { padding: 50px 0 56px !important; } }