/* ============================================
HEADER — Amarant Design v5.0 (Clean)
Desktop:  Лого | Каталог | Поиск | Адрес | Телефон | Иконки
Mobile:   Лого | Адрес+Телефон | Корзина | Бургер
============================================ */

/* === BASE HEADER === */
/* ============================================
HEADER — БАЗОВЫЕ СТИЛИ (ВСЕГДА БЕЛАЯ ШАПКА)
============================================ */
/* ============================================
HEADER — БАЗОВЫЕ СТИЛИ (ВСЕГДА БЕЛАЯ ШАПКА)
============================================ */
#amarant-header {
background: #fff;
box-shadow: 0 2px 8px rgba(0,0,0,0.06);
position: sticky;
top: 0;
z-index: 100;
transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.header-inner {
background: #fff;
border-bottom: 1px solid #eee;
padding: 12px 0;
transition: background-color 0.3s ease, border-color 0.3s ease;
}

/* ============================================
SCROLLED STATE — шапка становится белой (на главной)
Добавляется JS при скролле > 50px
============================================ */
/* ============================================
SCROLLED STATE — шапка становится белой (на главной)
Добавляется JS при скролле > 50px
============================================ */
.header-container {
    display: flex;
    align-items: center;
    gap: 16px;
}

/* === LOGO === */
.header-logo {
    flex-shrink: 0;
}

.header-logo .custom-logo-link {
    display: block;
}

.header-logo img,
.header-logo .custom-logo-link img {
    max-height: 44px;
    width: auto;
    display: block;
}

.logo-link {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-decoration: none;
    color: inherit;
}

.logo-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}

.logo-tagline {
    font-size: 12px;
    color: #666;
    font-weight: 400;
    line-height: 1.2;
    margin-top: 2px;
    letter-spacing: 0.3px;
}

/* === CATALOG BUTTON === */
.catalog-wrapper {
    position: relative;
    flex-shrink: 0;
}

.btn-catalog {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    background: #2e7d32;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
    font-family: inherit;
    white-space: nowrap;
}

.btn-catalog:hover {
    background: #1b5e20;
}

.btn-catalog.active {
    background: #1b5e20 !important;
    color: #fff !important;
}

/* === SEARCH === */
.header-search {
    flex: 1;
    max-width: 480px;
    min-width: 200px;
}

.header-search form {
    display: flex;
    position: relative;
}

.header-search input[type="search"] {
    width: 100%;
    padding: 11px 44px 11px 16px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s;
    font-family: inherit;
}

.header-search input[type="search"]:focus {
    border-color: #2e7d32;
}

.header-search input[type="search"]::placeholder {
    color: #999;
}

.header-search button {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    background: #2e7d32;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    color: #fff;
    padding: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.header-search button:hover {
    background: #1b5e20;
}

/* === PHONE === */
.header-phone {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}

.phone-number {
    font-size: 15px;
    font-weight: 700;
    color: #1a1a1a;
    text-decoration: none;
    white-space: nowrap;
}

.phone-number:hover {
    color: #2e7d32;
}

.phone-callback {
    font-size: 12px;
    color: #2e7d32;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.phone-callback:hover {
    color: #1b5e20;
}

/* === ICONS === */
.header-icons {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 16px;
}

.header-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    color: #333;
    text-decoration: none;
    font-size: 11px;
    position: relative;
    transition: color 0.2s;
}

.header-icon:hover {
    color: #2e7d32;
}

.header-icon svg {
    width: 22px;
    height: 22px;
}

/* === CART BADGE === */
.cart-badge {
    position: absolute;
    top: -6px;
    right: -10px;
    background: #d32f2f;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    line-height: 1;
    border: 2px solid #fff;
    box-sizing: content-box;
}

.cart-badge[style*="display:none"],
.cart-badge[style*="display: none"] {
    display: none !important;
}

/* === BURGER (hidden on desktop) === */
.burger-btn {
    display: none;
    width: 40px;
    height: 40px;
    background: #fff;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 10px;
    flex-shrink: 0;
}

.burger-btn span {
    display: block;
    width: 20px;
    height: 2px;
    background: #333;
    transition: transform 0.3s, opacity 0.3s;
}

.burger-btn.active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.burger-btn.active span:nth-child(2) {
    opacity: 0;
}

.burger-btn.active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

/* === HEADER ADDRESS === */
.header-address-link {
    display: flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    line-height: 1.3;
    transition: color 0.2s ease, opacity 0.2s ease;
    white-space: nowrap;
}

.header-address-link:hover,
.header-address-link:active {
    color: #2e7d32;
    opacity: 0.7;
}

.header-address-link svg {
    flex-shrink: 0;
}

.header-phone-link {
    text-decoration: none;
    color: #2e7d32;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}

.header-phone-link:hover {
    color: #1b5e20;
}

/* === DESKTOP CONTACTS === */
.header-address-desktop,
.header-phone-desktop {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}

.header-phone-desktop .phone-number {
    text-decoration: none;
    color: #2e7d32;
    font-size: 15px;
    font-weight: 600;
}

.header-phone-desktop .phone-callback {
    font-size: 12px;
    color: #2e7d32;
    text-decoration: underline;
}

/* === MOBILE CONTACTS (hidden on desktop) === */
.header-contact-mobile {
    display: none;
    flex-direction: column;
    align-items: center;
    gap: 3px;
}

/* === HEADER LAYOUT (left / center / right) === */
.header-left,
.header-center,
.header-right {
    display: flex;
    align-items: center;
    gap: 16px;
}

.header-left {
    order: 1;
    flex-shrink: 0;
}

.header-center {
    order: 2;
    flex: 1;
    justify-content: center;
    gap: 24px;
}

.header-right {
    order: 3;
    justify-content: flex-end;
    gap: 16px;
    flex-shrink: 0;
}

/* === CATALOG DROPDOWN (Desktop) === */
.catalog-dropdown {
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
    overflow-y: auto;
    border-top: 3px solid #2e7d32;
}

.catalog-dropdown.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.catalog-dropdown-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 32px;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Scrollbar */
.catalog-dropdown-inner::-webkit-scrollbar {
    width: 10px;
}

.catalog-dropdown-inner::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 5px;
}

.catalog-dropdown-inner::-webkit-scrollbar-thumb {
    background: #2e7d32;
    border-radius: 5px;
}

.catalog-dropdown-inner::-webkit-scrollbar-thumb:hover {
    background: #1b5e20;
}

.catalog-dropdown-inner {
    scrollbar-width: thin;
    scrollbar-color: #2e7d32 #f5f5f5;
}

/* Search in dropdown */
.catalog-dropdown-search {
    margin-bottom: 20px;
    max-width: 600px;
}

.catalog-dropdown-search form {
    display: flex;
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    overflow: hidden;
    transition: border-color 0.2s;
}

.catalog-dropdown-search form:focus-within {
    border-color: #2e7d32;
}

.catalog-dropdown-search input[type="search"] {
    flex: 1;
    padding: 12px 16px;
    border: none;
    font-size: 15px;
    outline: none;
    font-family: inherit;
}

.catalog-dropdown-search button {
    background: #2e7d32;
    color: #fff;
    border: none;
    padding: 0 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.catalog-dropdown-search button:hover {
    background: #1b5e20;
}

/* Section titles */
.catalog-section-title,
.catalog-dropdown-title {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #999;
    letter-spacing: 0.8px;
    margin: 20px 0 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #f0f0f0;
}

/* Categories grid */
.catalog-dropdown-menu {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4px 24px;
    list-style: none;
    padding: 0;
    margin: 0 0 24px;
}

.catalog-cat-item {
    position: relative;
}

.catalog-cat-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 9px 12px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    border-radius: 6px;
    transition: all 0.15s;
}

.catalog-cat-link:hover {
    background: #f5f9f5;
    color: #2e7d32;
}

.catalog-cat-link .cat-arrow {
    font-size: 20px;
    color: #bbb;
    transition: transform 0.2s, color 0.2s;
}

.catalog-cat-item.has-children:hover > .catalog-cat-link .cat-arrow {
    transform: translateX(3px);
    color: #2e7d32;
}

/* Subcategories (hover flyout) */
.catalog-subcategories {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    min-width: 260px;
    max-width: 360px;
    background: #fff;
    padding: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    list-style: none;
    z-index: 10;
    border: 1px solid #f0f0f0;
    max-height: 400px;
    overflow-y: auto;
}

.catalog-cat-item.has-children:hover > .catalog-subcategories {
    display: block;
    animation: subFadeIn 0.15s ease-out;
}

@keyframes subFadeIn {
    from { opacity: 0; transform: translateX(-8px); }
    to   { opacity: 1; transform: translateX(0); }
}

.catalog-subcategories li a {
    display: block;
    padding: 7px 12px;
    color: #555;
    text-decoration: none;
    font-size: 13px;
    border-radius: 5px;
    transition: all 0.15s;
}

.catalog-subcategories li a:hover {
    background: #f5f9f5;
    color: #2e7d32;
    padding-left: 16px;
}

/* === MOBILE MENU OVERLAY === */
.mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}

.mobile-menu-overlay.active {
    opacity: 1;
    visibility: visible;
}

.mobile-menu {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 400px;
    height: 100%;
    background: #fff;
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.2);
}

.mobile-menu-overlay.active .mobile-menu {
    transform: translateX(0);
}

.mobile-menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid #eee;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 2;
}

.mobile-menu-title {
    font-size: 20px;
    font-weight: 700;
    color: #1a1a1a;
}

.mobile-menu-close {
    background: none;
    border: none;
    font-size: 32px;
    cursor: pointer;
    color: #666;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background 0.2s;
}

.mobile-menu-close:hover {
    background: #f0f0f0;
    color: #2e7d32;
}

.mobile-menu-content {
    padding: 16px 24px 32px;
}

/* Search in mobile menu */
.mobile-search {
    margin-bottom: 20px;
}

.mobile-search form {
    display: flex;
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    overflow: hidden;
}

.mobile-search input {
    flex: 1;
    padding: 12px 16px;
    border: none;
    font-size: 15px;
    outline: none;
}

.mobile-search button {
    background: #2e7d32;
    color: #fff;
    border: none;
    padding: 0 18px;
    cursor: pointer;
}

/* Section titles in mobile menu */
.mobile-section-title {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #999;
    margin: 20px 0 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid #f0f0f0;
}

/* Categories list */
.mobile-categories {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}

.mobile-cat-item {
    border-bottom: 1px solid #f5f5f5;
}

.mobile-cat-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 8px;
    color: #333;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    transition: all 0.2s;
}

.mobile-cat-link:hover {
    color: #2e7d32;
}

.mobile-cat-item .cat-arrow {
    font-size: 22px;
    color: #bbb;
    transition: transform 0.2s;
}

.mobile-cat-item.open .cat-arrow {
    transform: rotate(90deg);
    color: #2e7d32;
}

/* Subcategories (accordion) */
.mobile-subcategories {
    display: none;
    list-style: none;
    padding: 4px 0 8px 20px;
    margin: 0;
    background: #fafafa;
    border-radius: 6px;
}

.mobile-cat-item.open .mobile-subcategories {
    display: block;
}

.mobile-subcategories li a {
    display: block;
    padding: 8px 12px;
    color: #555;
    text-decoration: none;
    font-size: 13px;
    border-radius: 4px;
}

.mobile-subcategories li a:hover {
    background: #e8f5e9;
    color: #2e7d32;
}

/* Mobile nav menu */
.mobile-nav-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobile-nav-menu li {
    border-bottom: 1px solid #f0f0f0;
}

.mobile-nav-menu li a {
    display: block;
    padding: 12px 8px;
    color: #333;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
}

.mobile-nav-menu li a:hover {
    color: #2e7d32;
}

/* ============================================
MEDIA QUERIES
============================================ */

/* Tablet (769px - 1024px) */
@media (max-width: 1024px) and (min-width: 769px) {
    .header-container {
        gap: 12px;
    }
    .header-center {
        gap: 12px;
    }
    .header-search form {
        width: 180px;
    }
    .btn-catalog span {
        font-size: 13px;
    }
    .catalog-dropdown-menu {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Mobile (≤768px) */
@media (max-width: 768px) {
    .header-container {
        display: grid;
        grid-template-columns: auto 1fr auto;
        gap: 8px;
        padding: 8px 12px;
        align-items: center;
    }

    .header-left {
        grid-column: 1;
    }

    .logo-wrapper {
        gap: 1px;
    }

    .logo-wrapper .custom-logo,
    .logo-link img {
        max-width: 90px;
        height: auto;
    }

    .logo-tagline {
        font-size: 10px;
        margin-top: 1px;
    }

    .header-center {
        grid-column: 2;
        justify-content: center;
        gap: 0;
    }

    .header-contact-mobile {
        display: flex;
    }

    .catalog-wrapper,
    .header-search {
        display: none;
    }

    .header-right {
        grid-column: 3;
        justify-content: flex-end;
        gap: 8px;
    }

    .header-address-desktop,
    .header-phone-desktop {
        display: none;
    }

    .header-icon-account {
        display: none;
    }

    .header-cart-icon {
        position: relative;
    }

    .header-cart-icon svg {
        width: 22px;
        height: 22px;
    }

    .header-cart-icon > span:not(.cart-badge) {
        display: none;
    }

    .cart-badge {
        position: absolute;
        top: -6px;
        right: -6px;
        background: #2e7d32;
        color: #fff;
        font-size: 10px;
        font-weight: 700;
        min-width: 16px;
        height: 16px;
        padding: 0 4px;
        border-radius: 8px;
    }

    .burger-btn {
        display: flex;
        width: 32px;
        height: 28px;
        padding: 5px;
    }

    .burger-btn span {
        width: 18px;
        height: 2px;
    }

    .header-address-link {
        font-size: 11px;
    }

    .header-address-link svg {
        width: 13px;
        height: 13px;
    }

    .header-phone-link {
        font-size: 12px;
    }

    .header-icons {
        gap: 10px;
    }

    .header-icon span:not(.cart-badge) {
        display: none;
    }
}

/* Small mobile (≤480px) */
@media (max-width: 480px) {
    .header-container {
        gap: 6px;
        padding: 6px 10px;
    }

    .logo-wrapper .custom-logo,
    .logo-link img {
        max-width: 75px;
    }

    .logo-tagline {
        font-size: 9px;
    }

    .header-address-link {
        font-size: 10px;
    }

    .header-phone-link {
        font-size: 11px;
    }

    .header-icon {
        width: 32px;
        height: 32px;
    }

    .cart-badge {
        min-width: 14px;
        height: 14px;
        font-size: 9px;
        top: -5px;
        right: -5px;
    }

    .header-cart-icon svg {
        width: 20px;
        height: 20px;
    }

    .burger-btn {
        width: 28px;
        height: 24px;
    }
}

/* Extra small (≤360px) */
@media (max-width: 360px) {
    .logo-wrapper .custom-logo,
    .logo-link img {
        max-width: 70px;
    }

    .header-address-link {
        font-size: 9px;
    }

    .header-phone-link {
        font-size: 10px;
    }
}

/* Desktop (≥769px) — hide mobile elements */
@media (min-width: 769px) {
    .header-contact-mobile {
        display: none !important;
    }
    .burger-btn {
        display: none !important;
    }
    .catalog-wrapper {
        display: block !important;
        position: relative;
    }
}

/* Desktop (≥1025px) — burger fully hidden */
@media (min-width: 1025px) {
    .burger-btn {
        display: none !important;
    }
}

/* Mobile (≤1024px) — hide catalog */
@media (max-width: 1024px) {
    .catalog-wrapper {
        display: none !important;
    }
}

/* ============================================
TRANSPARENT HEADER (Desktop only) — эффект при скролле
============================================ */
@media (min-width: 1025px) {
    /* По умолчанию шапка прозрачная, без тени */
    .header-inner {
        background: transparent !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
        transition: background-color 0.3s ease, border-color 0.3s ease;
    }
    
    /* === Белый текст/иконки на прозрачном фоне === */
    body.home #amarant-header .logo-tagline,
    body.home #amarant-header .header-address-link,
    body.home #amarant-header .header-phone-link,
    body.home #amarant-header .phone-number,
    body.home #amarant-header .phone-callback,
    body.home body.home #amarant-header .header-icon {
        color: #fff !important;
    }
    
    #amarant-header .header-icon svg,
    #amarant-header .header-address-link svg {
        stroke: #fff !important;
        color: #fff !important;
    }
    
    #amarant-header .header-icon:hover,
    #amarant-header .header-address-link:hover,
    #amarant-header .header-phone-link:hover,
    #amarant-header .phone-number:hover {
        color: rgba(255, 255, 255, 0.8) !important;
    }
    
    /* Поиск — полупрозрачный фон */
    #amarant-header .header-search input[type="search"] {
        background: rgba(255, 255, 255, 0.15) !important;
        border-color: rgba(255, 255, 255, 0.3) !important;
        color: #fff !important;
        transition: all 0.3s ease;
    }
    
    #amarant-header .header-search input[type="search"]::placeholder {
        color: rgba(255, 255, 255, 0.7) !important;
    }
    
    #amarant-header .header-search input[type="search"]:focus {
        background: rgba(255, 255, 255, 0.25) !important;
        border-color: rgba(255, 255, 255, 0.6) !important;
    }
    
    /* Кнопка Каталог — более яркая, с тенью */
    #amarant-header .btn-catalog {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
        transition: all 0.3s ease;
    }
    
    #amarant-header .header-search button {
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    }
    
    /* Badge корзины — добавим тень, чтобы был виден на светлом фоне баннера */
    #amarant-header .cart-badge {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    }
    
    /* === При скролле — шапка становится белой === */
    #amarant-header.scrolled {
        background: #fff !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    }
    
    #amarant-header.scrolled .header-inner {
        background: #fff !important;
        border-bottom-color: #eee !important;
    }
    
    /* Возвращаем тёмный текст */
    #amarant-header.scrolled .logo-tagline {
        color: #666 !important;
    }
    
    #amarant-header.scrolled .header-address-link {
        color: #333 !important;
    }
    
    #amarant-header.scrolled .header-phone-link,
    #amarant-header.scrolled .phone-number,
    #amarant-header.scrolled .phone-callback {
        color: #2e7d32 !important;
    }
    
    #amarant-header.scrolled .header-icon {
        color: #333 !important;
    }
    
    #amarant-header.scrolled .header-icon svg,
    #amarant-header.scrolled .header-address-link svg {
        stroke: currentColor !important;
        color: currentColor !important;
    }
    
    #amarant-header.scrolled .header-icon:hover {
        color: #2e7d32 !important;
    }
    
    #amarant-header.scrolled .header-address-link:hover,
    #amarant-header.scrolled .header-phone-link:hover,
    #amarant-header.scrolled .phone-number:hover {
        color: #1b5e20 !important;
    }
    
    /* Поиск — обычный белый */
    #amarant-header.scrolled .header-search input[type="search"] {
        background: #fff !important;
        border-color: #e0e0e0 !important;
        color: #333 !important;
    }
    
    #amarant-header.scrolled .header-search input[type="search"]::placeholder {
        color: #999 !important;
    }
    
    #amarant-header.scrolled .header-search input[type="search"]:focus {
        border-color: #2e7d32 !important;
    }
    
    #amarant-header.scrolled .btn-catalog,
    #amarant-header.scrolled .header-search button {
        box-shadow: none;
    }
    
    #amarant-header.scrolled .cart-badge {
        box-shadow: none;
    }
    
    /* === Когда открыт dropdown каталога — шапка всегда белая === */
    #amarant-header.has-dropdown-open {
        background: #fff !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    }
    
    #amarant-header.has-dropdown-open .header-inner {
        background: #fff !important;
        border-bottom-color: #eee !important;
    }
    
    #amarant-header.has-dropdown-open .logo-tagline {
        color: #666 !important;
    }
    
    #amarant-header.has-dropdown-open .header-address-link {
        color: #333 !important;
    }
    
    #amarant-header.has-dropdown-open .header-phone-link,
    #amarant-header.has-dropdown-open .phone-number,
    #amarant-header.has-dropdown-open .phone-callback {
        color: #2e7d32 !important;
    }
    
    #amarant-header.has-dropdown-open .header-icon {
        color: #333 !important;
    }
    
    #amarant-header.has-dropdown-open .header-icon svg,
    #amarant-header.has-dropdown-open .header-address-link svg {
        stroke: currentColor !important;
        color: currentColor !important;
    }
    
    #amarant-header.has-dropdown-open .header-search input[type="search"] {
        background: #fff !important;
        border-color: #e0e0e0 !important;
        color: #333 !important;
    }
    
    #amarant-header.has-dropdown-open .header-search input[type="search"]::placeholder {
        color: #999 !important;
    }
}

/* ============================================
TRANSPARENT HEADER — Исправление белой полосы
Эти правила имеют высокий приоритет (!important)
и гарантированно делают шапку прозрачной
============================================ */

/* Базовое состояние — прозрачная шапка */
.header-inner {
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: none !important;
}

/* ============================================
SCROLLED STATE — белая шапка при прокрутке
============================================ */
#amarant-header.scrolled {
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
}

#amarant-header.scrolled .header-inner {
    background: #fff !important;
    border-bottom: 1px solid #eee !important;
}

/* ============================================
DROPDOWN OPEN STATE — белая шапка при открытом каталоге
============================================ */
#amarant-header.has-dropdown-open {
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
}

#amarant-header.has-dropdown-open .header-inner {
    background: #fff !important;
    border-bottom: 1px solid #eee !important;
}

/* ============================================
МОБИЛЬНАЯ ВЕРСИЯ (≤1024px) — всегда белая шапка
На мобильных прозрачность не нужна
============================================ */
@media (max-width: 1024px) {
    #amarant-header {
        background: #fff !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
    }
    
    .header-inner {
        background: #fff !important;
        border-bottom: 1px solid #eee !important;
    }
    
    /* Возвращаем тёмный текст на мобильных */
    #amarant-header .logo-tagline {
        color: #666 !important;
    }
    
    #amarant-header .header-address-link {
        color: #333 !important;
    }
    
    #amarant-header .header-phone-link,
    #amarant-header .phone-number {
        color: #2e7d32 !important;
    }
    
    #amarant-header .header-icon {
        color: #333 !important;
    }
    
    #amarant-header .header-icon svg,
    #amarant-header .header-address-link svg {
        stroke: currentColor !important;
    }
    
    #amarant-header .header-search input[type="search"] {
        background: #fff !important;
        border-color: #e0e0e0 !important;
        color: #333 !important;
    }
    
    #amarant-header .header-search input[type="search"]::placeholder {
        color: #999 !important;
    }
}

/* ============================================
HERO SECTION — убираем верхний отступ,
чтобы баннер заходил под прозрачную шапку
============================================ */
@media (min-width: 1025px) {
    /* Если HERO — первая секция на странице */
    .site-main > .amarant-hero:first-child {
        margin-top: -80px !important;
        padding-top: 160px !important;
    }
    
    /* Для залогиненных пользователей (admin bar) */
    body.admin-bar .site-main > .amarant-hero:first-child {
        margin-top: -80px !important;
        padding-top: calc(160px + 32px) !important;
    }
}

/* ============================================
TRANSPARENT HEADER (Desktop, Home page with Hero)
============================================ */
/* Только на главной и только на десктопе */
@media (min-width: 1025px) {
    body.home .header-inner {
        background: transparent !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
        transition: background-color 0.3s ease, border-color 0.3s ease;
    }
    
    /* Белый текст/иконки на прозрачной шапке */
    /* Поиск — полупрозрачный фон */
    /* Badge корзины — с тенью для видимости */
    /* ============================================
    SCROLLED STATE — шапка становится белой
    ============================================ */
    /* Поиск — обычный белый */
    }

/* ============================================
TRANSPARENT HEADER — только на ГЛАВНОЙ (body.home)
Десктоп (>=1025px)
============================================ */
@media (min-width: 1025px) {
    /* Прозрачная шапка на главной */
    body.home body.home #amarant-header {
        background: transparent !important;
        box-shadow: none !important;
        transition: background-color 0.3s ease, box-shadow 0.3s ease;
    }
    
    body.home .header-inner {
        background: transparent !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
        transition: background-color 0.3s ease, border-color 0.3s ease;
    }
    
    /* Белый текст/иконки на прозрачной шапке */
    body.home #amarant-header .logo-tagline,
    body.home #amarant-header .header-address-link,
    body.home #amarant-header .header-phone-link,
    body.home #amarant-header .phone-number,
    body.home #amarant-header .phone-callback,
    body.home body.home #amarant-header .header-icon {
        color: #fff !important;
    }
    
    body.home #amarant-header .header-icon svg,
    body.home #amarant-header .header-address-link svg {
        stroke: #fff !important;
    }
    
    /* Поиск — полупрозрачный */
    body.home #amarant-header .header-search input[type="search"] {
        background: rgba(255, 255, 255, 0.15) !important;
        border-color: rgba(255, 255, 255, 0.4) !important;
        color: #fff !important;
    }
    
    body.home #amarant-header .header-search input[type="search"]::placeholder {
        color: rgba(255, 255, 255, 0.8) !important;
    }
    
    body.home #amarant-header .cart-badge {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    }
    
    /* ============================================
    SCROLLED STATE — шапка становится белой при прокрутке
    ============================================ */
    body.home #amarant-header.scrolled {
        background: #fff !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    }
    
    body.home #amarant-header.scrolled .header-inner {
        background: #fff !important;
        border-bottom: 1px solid #eee !important;
    }
    
    body.home #amarant-header.scrolled .logo-tagline {
        color: #666 !important;
    }
    
    body.home #amarant-header.scrolled .header-address-link {
        color: #333 !important;
    }
    
    body.home #amarant-header.scrolled .header-phone-link,
    body.home #amarant-header.scrolled .phone-number,
    body.home #amarant-header.scrolled .phone-callback {
        color: #2e7d32 !important;
    }
    
    body.home #amarant-header.scrolled .header-icon {
        color: #333 !important;
    }
    
    body.home #amarant-header.scrolled .header-icon svg,
    body.home #amarant-header.scrolled .header-address-link svg {
        stroke: currentColor !important;
    }
    
    body.home #amarant-header.scrolled .header-search input[type="search"] {
        background: #fff !important;
        border-color: #e0e0e0 !important;
        color: #333 !important;
    }
    
    body.home #amarant-header.scrolled .header-search input[type="search"]::placeholder {
        color: #999 !important;
    }
    
    body.home #amarant-header.scrolled .cart-badge {
        box-shadow: none;
    }
    
    /* HERO заходит под шапку */
    body.home .site-main > .amarant-hero:first-child {
        margin-top: -80px !important;
        padding-top: 160px !important;
    }
}

/* ============================================
TRANSPARENT HEADER — Только на ГЛАВНОЙ (body.home)
Десктоп (≥1025px)
============================================ */
@media (min-width: 1025px) {
    /* Прозрачная шапка на главной */
    body.home #amarant-header {
        background: transparent !important;
        box-shadow: none !important;
        transition: background-color 0.3s ease, box-shadow 0.3s ease;
    }
    
    body.home .header-inner {
        background: transparent !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
        transition: background-color 0.3s ease, border-color 0.3s ease;
    }
    
    /* Белый текст на прозрачной шапке */
    body.home #amarant-header .logo-tagline,
    body.home #amarant-header .header-address-link,
    body.home #amarant-header .header-address-link span,
    body.home #amarant-header .header-phone-link,
    body.home #amarant-header .phone-number,
    body.home #amarant-header .phone-callback,
    body.home #amarant-header .header-icon,
    body.home #amarant-header .header-icon span {
        color: #fff !important;
    }
    
    body.home #amarant-header .header-icon svg,
    body.home #amarant-header .header-address-link svg {
        stroke: #fff !important;
        color: #fff !important;
    }
    
    body.home #amarant-header .header-icon:hover,
    body.home #amarant-header .header-address-link:hover,
    body.home #amarant-header .header-phone-link:hover,
    body.home #amarant-header .phone-number:hover {
        color: rgba(255, 255, 255, 0.8) !important;
    }
    
    /* Поиск — полупрозрачный фон */
    body.home #amarant-header .header-search input[type="search"] {
        background: rgba(255, 255, 255, 0.15) !important;
        border-color: rgba(255, 255, 255, 0.3) !important;
        color: #fff !important;
    }
    
    body.home #amarant-header .header-search input[type="search"]::placeholder {
        color: rgba(255, 255, 255, 0.7) !important;
    }
    
    body.home #amarant-header .header-search input[type="search"]:focus {
        background: rgba(255, 255, 255, 0.25) !important;
        border-color: rgba(255, 255, 255, 0.6) !important;
    }
    
    /* Кнопка Каталог — с тенью на прозрачном фоне */
    body.home #amarant-header .btn-catalog {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    }
    
    /* Badge корзины — с тенью */
    body.home #amarant-header .cart-badge {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    }
    
    /* ============================================
    SCROLLED STATE — белая шапка при прокрутке
    ============================================ */
    body.home #amarant-header.scrolled {
        background: #fff !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    }
    
    body.home #amarant-header.scrolled .header-inner {
        background: #fff !important;
        border-bottom: 1px solid #eee !important;
    }
    
    /* Возвращаем тёмные цвета */
    body.home #amarant-header.scrolled .logo-tagline {
        color: #666 !important;
    }
    
    body.home #amarant-header.scrolled .header-address-link,
    body.home #amarant-header.scrolled .header-address-link span {
        color: #333 !important;
    }
    
    body.home #amarant-header.scrolled .header-icon,
    body.home #amarant-header.scrolled .header-icon span {
        color: #333 !important;
    }
    
    body.home #amarant-header.scrolled .header-icon svg,
    body.home #amarant-header.scrolled .header-address-link svg {
        stroke: currentColor !important;
        color: currentColor !important;
    }
    
    body.home #amarant-header.scrolled .header-phone-link,
    body.home #amarant-header.scrolled .phone-number,
    body.home #amarant-header.scrolled .phone-callback {
        color: #2e7d32 !important;
    }
    
    body.home #amarant-header.scrolled .header-icon:hover {
        color: #2e7d32 !important;
    }
    
    body.home #amarant-header.scrolled .header-address-link:hover,
    body.home #amarant-header.scrolled .header-phone-link:hover,
    body.home #amarant-header.scrolled .phone-number:hover {
        color: #1b5e20 !important;
    }
    
    /* Поиск — обычный белый */
    body.home #amarant-header.scrolled .header-search input[type="search"] {
        background: #fff !important;
        border-color: #e0e0e0 !important;
        color: #333 !important;
    }
    
    body.home #amarant-header.scrolled .header-search input[type="search"]::placeholder {
        color: #999 !important;
    }
    
    body.home #amarant-header.scrolled .header-search input[type="search"]:focus {
        border-color: #2e7d32 !important;
    }
    
    body.home #amarant-header.scrolled .btn-catalog {
        box-shadow: none;
    }
    
    body.home #amarant-header.scrolled .cart-badge {
        box-shadow: none;
    }
}

/* ============================================
TRANSPARENT HEADER — Главная страница (body.home)
Работает только на десктопе (≥1025px)
============================================ */
@media (min-width: 1025px) {
    /* Прозрачная шапка на главной */
    body.home #amarant-header {
        background: transparent !important;
        box-shadow: none !important;
        transition: background-color 0.3s ease, box-shadow 0.3s ease;
    }
    body.home .header-inner {
        background: transparent !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
        transition: background-color 0.3s ease, border-color 0.3s ease;
    }
    /* Белый текст на прозрачной шапке */
    body.home .logo-tagline,
    body.home .header-address-link,
    body.home .header-address-link span,
    body.home .header-phone-link,
    body.home .phone-number,
    body.home .phone-callback,
    body.home .header-icon,
    body.home .header-icon span {
        color: #fff !important;
    }
    body.home .header-icon svg,
    body.home .header-address-link svg {
        stroke: #fff !important;
        color: #fff !important;
    }
    body.home .header-icon:hover,
    body.home .header-address-link:hover,
    body.home .header-phone-link:hover {
        color: rgba(255,255,255,0.8) !important;
    }
    body.home .btn-catalog {
        box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    }
    body.home .cart-badge {
        box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    }
    body.home .header-search input[type="search"] {
        background: rgba(255,255,255,0.15) !important;
        border-color: rgba(255,255,255,0.3) !important;
        color: #fff !important;
    }
    body.home .header-search input[type="search"]::placeholder {
        color: rgba(255,255,255,0.7) !important;
    }
    
    /* === SCROLLED STATE — шапка становится белой === */
    body.home #amarant-header.scrolled {
        background: #fff !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
    }
    body.home #amarant-header.scrolled .header-inner {
        background: #fff !important;
        border-bottom-color: #eee !important;
    }
    body.home #amarant-header.scrolled .logo-tagline {
        color: #666 !important;
    }
    body.home #amarant-header.scrolled .header-address-link,
    body.home #amarant-header.scrolled .header-address-link span {
        color: #333 !important;
    }
    body.home #amarant-header.scrolled .header-icon,
    body.home #amarant-header.scrolled .header-icon span {
        color: #333 !important;
    }
    body.home #amarant-header.scrolled .header-icon svg,
    body.home #amarant-header.scrolled .header-address-link svg {
        stroke: currentColor !important;
        color: currentColor !important;
    }
    body.home #amarant-header.scrolled .header-phone-link,
    body.home #amarant-header.scrolled .phone-number,
    body.home #amarant-header.scrolled .phone-callback {
        color: #2e7d32 !important;
    }
    body.home #amarant-header.scrolled .header-icon:hover {
        color: #2e7d32 !important;
    }
    body.home #amarant-header.scrolled .header-search input[type="search"] {
        background: #fff !important;
        border-color: #e0e0e0 !important;
        color: #333 !important;
    }
    body.home #amarant-header.scrolled .header-search input[type="search"]::placeholder {
        color: #999 !important;
    }
    body.home #amarant-header.scrolled .btn-catalog {
        box-shadow: none;
    }
    body.home #amarant-header.scrolled .cart-badge {
        box-shadow: none;
    }
}

/* HERO заходит под шапку (только на главной) */
@media (min-width: 1025px) {
    body.home .site-main > .amarant-hero:first-child {
        margin-top: -80px !important;
        padding-top: 160px !important;
    }
}

/* ============================================
ВНУТРЕННИЕ СТРАНИЦЫ (не главная) — Явные правила
На страницах без body.home — шапка белая с видимыми элементами
============================================ */

/* Шапка — белая с тенью */
body:not(.home) #amarant-header {
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
}

body:not(.home) .header-inner {
    background: #fff !important;
    border-bottom: 1px solid #eee !important;
}

/* Слоган — тёмный */
body:not(.home) .logo-tagline {
    color: #666 !important;
}

/* Адрес — чёрный → зелёный при hover */
body:not(.home) .header-address-link {
    color: #333 !important;
}

body:not(.home) .header-address-link:hover {
    color: #2e7d32 !important;
    opacity: 1 !important;
}

body:not(.home) .header-address-link svg {
    stroke: #333 !important;
    color: #333 !important;
}

body:not(.home) .header-address-link:hover svg {
    stroke: #2e7d32 !important;
    color: #2e7d32 !important;
}

/* Телефон — зелёный → тёмно-зелёный при hover */
body:not(.home) .header-phone-link,
body:not(.home) .phone-number {
    color: #2e7d32 !important;
}

body:not(.home) .header-phone-link:hover,
body:not(.home) .phone-number:hover {
    color: #1b5e20 !important;
}

body:not(.home) .phone-callback {
    color: #2e7d32 !important;
}

body:not(.home) .phone-callback:hover {
    color: #1b5e20 !important;
}

/* Поиск — видимый input */
body:not(.home) .header-search input[type="search"] {
    background: #fff !important;
    border: 2px solid #e0e0e0 !important;
    color: #333 !important;
}

body:not(.home) .header-search input[type="search"]::placeholder {
    color: #999 !important;
}

body:not(.home) .header-search input[type="search"]:focus {
    border-color: #2e7d32 !important;
}

body:not(.home) .header-search button {
    background: #2e7d32 !important;
    color: #fff !important;
}

/* Иконки Войти и Корзина — ЧЁРНЫЕ → зелёные при hover */
body:not(.home) .header-icon {
    color: #333 !important;
}

body:not(.home) .header-icon:hover {
    color: #2e7d32 !important;
}

body:not(.home) .header-icon svg {
    stroke: #333 !important;
    color: #333 !important;
}

body:not(.home) .header-icon:hover svg {
    stroke: #2e7d32 !important;
    color: #2e7d32 !important;
}

body:not(.home) .header-icon span:not(.cart-badge) {
    color: #333 !important;
}

body:not(.home) .header-icon:hover span:not(.cart-badge) {
    color: #2e7d32 !important;
}

/* Badge корзины — красный, всегда видимый */
body:not(.home) .cart-badge {
    background: #e53935 !important;
    color: #fff !important;
    box-shadow: none !important;
}

/* Кнопка Каталог — без тени на белом фоне */
body:not(.home) .btn-catalog {
    box-shadow: none !important;
}

/* ============================================
НЕ-ГЛАВНЫЕ СТРАНИЦЫ (body:not(.home))
Принудительно белая шапка с тёмным текстом
(те же стили, что и "шапка при скролле" на главной)
============================================ */
body:not(.home) #amarant-header {
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
}

body:not(.home) .header-inner {
    background: #fff !important;
    border-bottom: 1px solid #eee !important;
}

/* Слоган — тёмный */
body:not(.home) .logo-tagline {
    color: #666 !important;
}

/* Адрес — чёрный → зелёный при hover */
body:not(.home) .header-address-link,
body:not(.home) .header-address-link span {
    color: #333 !important;
}

body:not(.home) .header-address-link svg {
    stroke: #2e7d32 !important;
    color: #2e7d32 !important;
}

body:not(.home) .header-address-link:hover {
    color: #2e7d32 !important;
    opacity: 0.7 !important;
}

/* Телефон — зелёный → тёмно-зелёный при hover */
body:not(.home) .header-phone-link,
body:not(.home) .phone-number,
body:not(.home) .phone-callback {
    color: #2e7d32 !important;
}

body:not(.home) .header-phone-link:hover,
body:not(.home) .phone-number:hover,
body:not(.home) .phone-callback:hover {
    color: #1b5e20 !important;
}

/* Поиск — видимый белый input */
body:not(.home) .header-search input[type="search"] {
    background: #fff !important;
    border: 2px solid #e0e0e0 !important;
    color: #333 !important;
}

body:not(.home) .header-search input[type="search"]::placeholder {
    color: #999 !important;
}

body:not(.home) .header-search input[type="search"]:focus {
    border-color: #2e7d32 !important;
}

/* Иконки Войти/Корзина — чёрные → зелёные при hover */
body:not(.home) .header-icon,
body:not(.home) .header-icon span:not(.cart-badge) {
    color: #333 !important;
}

body:not(.home) .header-icon svg {
    stroke: #333 !important;
    color: #333 !important;
}

body:not(.home) .header-icon:hover {
    color: #2e7d32 !important;
}

body:not(.home) .header-icon:hover svg {
    stroke: #2e7d32 !important;
    color: #2e7d32 !important;
}

body:not(.home) .header-icon:hover span:not(.cart-badge) {
    color: #2e7d32 !important;
}

/* Badge корзины — красный, всегда видимый */
body:not(.home) .cart-badge {
    background: #d32f2f !important;
    color: #fff !important;
    border: 2px solid #fff !important;
    box-shadow: none !important;
}

/* Кнопка Каталог — без тени */
body:not(.home) .btn-catalog {
    box-shadow: none !important;
}

/* ============================================
ВНУТРЕННИЕ СТРАНИЦЫ (НЕ главная)
Явные правила для нормальной видимости
============================================ */
@media (min-width: 1025px) {
    body:not(.home) #amarant-header {
        background: #fff !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
    }
    
    body:not(.home) .header-inner {
        background: #fff !important;
        border-bottom: 1px solid #eee !important;
    }
    
    /* Логотип и слоган */
    body:not(.home) .logo-tagline {
        color: #666 !important;
    }
    
    /* Адрес */
    body:not(.home) .header-address-link,
    body:not(.home) .header-address-link span {
        color: #333 !important;
    }
    
    body:not(.home) .header-address-link:hover {
        color: #2e7d32 !important;
    }
    
    body:not(.home) .header-address-link svg {
        stroke: #2e7d32 !important;
    }
    
    /* Телефон */
    body:not(.home) .phone-number,
    body:not(.home) .header-phone-link {
        color: #2e7d32 !important;
    }
    
    body:not(.home) .phone-number:hover,
    body:not(.home) .header-phone-link:hover {
        color: #1b5e20 !important;
    }
    
    body:not(.home) .phone-callback {
        color: #2e7d32 !important;
    }
    
    body:not(.home) .phone-callback:hover {
        color: #1b5e20 !important;
    }
    
    /* Поиск */
    body:not(.home) .header-search input[type="search"] {
        background: #fff !important;
        border: 2px solid #e0e0e0 !important;
        color: #333 !important;
    }
    
    body:not(.home) .header-search input[type="search"]::placeholder {
        color: #999 !important;
    }
    
    body:not(.home) .header-search input[type="search"]:focus {
        border-color: #2e7d32 !important;
    }
    
    /* Иконки Войти/Корзина — ВОЗВРАЩАЕМ ТЕКСТ */
    body:not(.home) .header-icon {
        color: #333 !important;
        flex-direction: column !important;
        gap: 3px !important;
    }
    
    body:not(.home) .header-icon span:not(.cart-badge) {
        display: block !important;
        font-size: 11px !important;
        color: #333 !important;
    }
    
    body:not(.home) .header-icon svg {
        stroke: #333 !important;
        color: #333 !important;
    }
    
    body:not(.home) .header-icon:hover {
        color: #2e7d32 !important;
    }
    
    body:not(.home) .header-icon:hover span:not(.cart-badge) {
        color: #2e7d32 !important;
    }
    
    body:not(.home) .header-icon:hover svg {
        stroke: #2e7d32 !important;
        color: #2e7d32 !important;
    }
    
    /* Badge корзины */
    body:not(.home) .cart-badge {
        background: #e53935 !important;
        color: #fff !important;
    }
    
    /* Кнопка Каталог */
    body:not(.home) .btn-catalog {
        box-shadow: none !important;
    }
}

/* ============================================
ВСЕ СТРАНИЦЫ КРОМЕ ГЛАВНОЙ — белая шапка (как .scrolled на главной)
============================================ */
body:not(.home) #amarant-header {
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
}

body:not(.home) .header-inner {
    background: #fff !important;
    border-bottom: 1px solid #eee !important;
}

body:not(.home) .logo-tagline {
    color: #666 !important;
}

body:not(.home) .header-address-link {
    color: #333 !important;
}

body:not(.home) .header-address-link svg {
    stroke: currentColor !important;
}

body:not(.home) .header-phone-link,
body:not(.home) .phone-number,
body:not(.home) .phone-callback {
    color: #2e7d32 !important;
}

body:not(.home) .header-icon {
    color: #333 !important;
}

body:not(.home) .header-icon svg {
    stroke: currentColor !important;
}

body:not(.home) .header-search input[type="search"] {
    background: #fff !important;
    border-color: #e0e0e0 !important;
    color: #333 !important;
}

body:not(.home) .header-search input[type="search"]::placeholder {
    color: #999 !important;
}

body:not(.home) .cart-badge {
    background: #e53935 !important;
    color: #fff !important;
}