/* ============================================================ SD HEADER CATALOG SAME AS LINKS V119 Цель: - КАТАЛОГ визуально такой же как МАГАЗИНЫ / О НАС / КОНТАКТЫ - никаких теней - никаких стеклянных плашек - никаких glow - никаких старых pseudo smoke - одинаковый hover - DARK + LIGHT ============================================================ */ /* ============================================================ 1. КАТАЛОГ — ЖЁСТКО УБИРАЕМ ВСЕ СТАРЫЕ ЭФФЕКТЫ НА ВСЕХ РАЗМЕРАХ ЭКРАНА ============================================================ */ html body.site-home-modern .home-catalog-v1{ box-shadow:none !important; filter:none !important; -webkit-filter:none !important; text-shadow:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; } html body.site-home-modern .home-catalog-v1:hover, html body.site-home-modern .home-catalog-v1:focus, html body.site-home-modern .home-catalog-v1:focus-visible, html body.site-home-modern .home-catalog-v1:active{ box-shadow:none !important; filter:none !important; -webkit-filter:none !important; text-shadow:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; } /* ============================================================ 2. УБИРАЕМ ТЕНИ С ИКОНКИ ============================================================ */ html body.site-home-modern .home-catalog-icon-v1{ filter:none !important; -webkit-filter:none !important; text-shadow:none !important; box-shadow:none !important; opacity:1 !important; } html body.site-home-modern .home-catalog-icon-v1 i{ box-shadow:none !important; filter:none !important; } /* ============================================================ 3. DESKTOP Здесь КАТАЛОГ становится визуально ровно таким же, как центральные ссылки. ============================================================ */ @media (min-width:981px){ /* -------------------------------------------------------- ОБЩИЙ СТИЛЬ ВСЕХ ПУНКТОВ -------------------------------------------------------- */ html body.site-home-modern .home-catalog-v1, html body.site-home-modern .home-links-v1 > a, html body.site-home-modern .home-links-v1 > button{ position:relative !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; height:auto !important; min-height:0 !important; margin:0 !important; padding: 12px 6px !important; border:0 !important; border-radius:0 !important; background: transparent !important; box-shadow: none !important; filter: none !important; -webkit-filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; color: var(--home-fg) !important; font-family: inherit !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1 !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: none !important; white-space: nowrap !important; transition: transform .25s ease, color .25s ease !important; } /* -------------------------------------------------------- КАТАЛОГ — только небольшой gap из-за иконки -------------------------------------------------------- */ html body.site-home-modern .home-catalog-v1{ gap: 10px !important; width:auto !important; min-width:0 !important; max-width:none !important; overflow:visible !important; isolation:auto !important; } /* -------------------------------------------------------- УБИРАЕМ СТАРЫЙ ::before КАТАЛОГА ПОЛНОСТЬЮ -------------------------------------------------------- */ html body.site-home-modern .home-catalog-v1::before{ content:none !important; display:none !important; background:none !important; border:0 !important; box-shadow:none !important; filter:none !important; opacity:0 !important; } /* ======================================================== 4. ОДИНАКОВАЯ НИЖНЯЯ ЛИНИЯ ======================================================== */ html body.site-home-modern .home-catalog-v1::after, html body.site-home-modern .home-links-v1 > a::after, html body.site-home-modern .home-links-v1 > button::after{ content:"" !important; display:block !important; position:absolute !important; left:50% !important; right:50% !important; bottom:4px !important; height:1px !important; border:0 !important; border-radius:0 !important; background: currentColor !important; box-shadow: none !important; filter: none !important; opacity:0 !important; pointer-events:none !important; transition: left .25s ease, right .25s ease, opacity .25s ease !important; } /* ======================================================== 5. ОДИНАКОВЫЙ HOVER ======================================================== */ html body.site-home-modern .home-catalog-v1:hover, html body.site-home-modern .home-links-v1 > a:hover, html body.site-home-modern .home-links-v1 > button:hover{ transform: translateY(-2px) scale(1.045) !important; background: transparent !important; border: 0 !important; box-shadow: none !important; filter: none !important; -webkit-filter: none !important; text-shadow: none !important; } html body.site-home-modern .home-catalog-v1:hover::after, html body.site-home-modern .home-links-v1 > a:hover::after, html body.site-home-modern .home-links-v1 > button:hover::after{ left:6% !important; right:6% !important; opacity:.72 !important; box-shadow: none !important; } /* ======================================================== 6. DARK ======================================================== */ html[data-site-theme="dark"] body.site-home-modern .home-catalog-v1, html[data-site-theme="dark"] body.site-home-modern .home-links-v1 > a, html[data-site-theme="dark"] body.site-home-modern .home-links-v1 > button{ color:#f5f5f5 !important; background: transparent !important; box-shadow: none !important; text-shadow: none !important; } html[data-site-theme="dark"] body.site-home-modern .home-catalog-v1:hover, html[data-site-theme="dark"] body.site-home-modern .home-links-v1 > a:hover, html[data-site-theme="dark"] body.site-home-modern .home-links-v1 > button:hover{ color:#fff !important; background: transparent !important; box-shadow: none !important; text-shadow: none !important; } /* ======================================================== 7. LIGHT ======================================================== */ html[data-site-theme="light"] body.site-home-modern .home-catalog-v1, html[data-site-theme="light"] body.site-home-modern .home-links-v1 > a, html[data-site-theme="light"] body.site-home-modern .home-links-v1 > button{ color:#171717 !important; background: transparent !important; box-shadow: none !important; text-shadow: none !important; } html[data-site-theme="light"] body.site-home-modern .home-catalog-v1:hover, html[data-site-theme="light"] body.site-home-modern .home-links-v1 > a:hover, html[data-site-theme="light"] body.site-home-modern .home-links-v1 > button:hover{ color:#000 !important; background: transparent !important; box-shadow: none !important; text-shadow: none !important; } } /* ============================================================ 8. MOBILE / TABLET Геометрию компактной кнопки Каталог НЕ ломаем. Просто гарантированно убираем дым / тени / glow. ============================================================ */ @media (max-width:980px){ html body.site-home-modern .home-catalog-v1, html body.site-home-modern .home-catalog-v1:hover, html body.site-home-modern .home-catalog-v1:focus, html body.site-home-modern .home-catalog-v1:active{ box-shadow:none !important; filter:none !important; -webkit-filter:none !important; text-shadow:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; } html body.site-home-modern .home-catalog-v1::before, html body.site-home-modern .home-catalog-v1::after{ content:none !important; display:none !important; box-shadow:none !important; filter:none !important; } }