:root {
    --header-panel: #0b1220;
    --header-panel-soft: #101827;
    --header-line: rgba(148,163,184,.16);
    --header-line-purple: rgba(139,92,246,.38);
    --header-text: #f8fafc;
    --header-muted: #94a3b8;
    --header-purple: #8b5cf6;
    --header-purple-dark: #6d28d9;
    --header-cyan: #22d3ee;
}

/*
 * Viewport guard shared by every public page.
 * `overflow-x: clip` prevents off-canvas UI (menus, tickers and modals) from
 * increasing the document width without turning the page into a scroll box.
 */
html,
body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
}

body > * {
    max-width: 100%;
}

main,
body main,
body .site-main {
    min-width: 0;
    max-width: 100%;
}

img,
video,
svg,
canvas,
iframe {
    max-width: 100%;
}

body .site-header {
    position: relative !important;
    z-index: 8000 !important;
    width: 100% !important;
    padding: 10px 0 12px !important;
    overflow: visible !important;
    border: 0 !important;
    background:
        radial-gradient(circle at 12% 0, rgba(109,40,217,.09), transparent 28%),
        linear-gradient(180deg, rgba(6,11,20,.98), rgba(7,12,21,.97)) !important;
    box-shadow: 0 12px 35px rgba(0,0,0,.18) !important;
    backdrop-filter: blur(16px) !important;
}

body .site-header > .container {
    width: min(1680px, calc(100% - 28px)) !important;
    max-width: 1680px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

body .site-header .header-shell {
    display: grid !important;
    gap: 9px !important;
    width: 100% !important;
    padding: 0 !important;
    overflow: visible !important;
}

body .site-header .header-top-bars {
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(148,163,184,.11) !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.02) !important;
}

body .site-header .header-top-bar {
    min-height: var(--bar-height, 36px) !important;
    border: 0 !important;
    box-shadow: none !important;
}

body .site-header .header-top-bar::after { display: none !important; content: none !important; }
body .site-header .header-top-bar-track { min-height: var(--bar-height,36px) !important; }
body .site-header .header-top-bar-item { gap: 8px !important; padding-right: var(--bar-gap,68px) !important; }
body .site-header .header-top-bar-title { font-weight: 950 !important; }
body .site-header .header-top-bar-text { opacity: .92 !important; }

body .site-header .topbar {
    position: relative !important;
    z-index: 8200 !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 10px 13px !important;
    overflow: visible !important;
    border: 1px solid var(--header-line) !important;
    border-radius: 18px !important;
    background: linear-gradient(145deg, rgba(15,24,40,.96), rgba(9,15,26,.98)) !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.025) !important;
}

body .site-header .logo {
    grid-column: auto !important;
    grid-row: auto !important;
    justify-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 200px !important;
    min-width: 200px !important;
    height: 100px !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transform: none !important;
    perspective: 700px !important;
}

body .site-header .logo:hover,
body .site-header .logo:focus-visible {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

body .site-header .logo picture { display: contents !important; }
body .site-header .logo img,
body .site-header .site-header-logo-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 180px !important;
    max-height: 90px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    filter: drop-shadow(0 8px 15px rgba(0,0,0,.24)) !important;
    backface-visibility: visible !important;
    transform: rotateY(0deg) !important;
    transform-origin: 50% 50% !important;
    transform-style: preserve-3d !important;
    transition: transform .8s cubic-bezier(.2,.75,.2,1), filter .25s ease !important;
}

body .site-header .logo:hover img,
body .site-header .logo:hover .site-header-logo-image,
body .site-header .logo:focus-visible img,
body .site-header .logo:focus-visible .site-header-logo-image {
    filter: drop-shadow(0 10px 20px rgba(139,92,246,.38)) !important;
    transform: rotateY(360deg) !important;
}

body .site-header .nav-categories {
    position: relative !important;
    z-index: 8400 !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    overflow: visible !important;
    border-top: 0 !important;
}

body .site-header .nav-category-list {
    position: relative !important;
    z-index: 8500 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 1 1 0 !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    overflow: visible !important;
}

body .site-header .nav-category-link {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 13px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    border: 1px solid rgba(148,163,184,.13) !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.025) !important;
    color: #b8c4d5 !important;
    box-shadow: none !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transform: none !important;
    animation: none !important;
    transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease !important;
}

body .site-header .nav-category-link::after { display: none !important; content: none !important; }
body .site-header .nav-category-link:hover,
body .site-header .nav-category-link.is-active,
body .site-header .nav-category-item:hover > .nav-category-link,
body .site-header .nav-category-item:focus-within > .nav-category-link {
    border-color: rgba(139,92,246,.50) !important;
    background: rgba(139,92,246,.13) !important;
    color: #fff !important;
    box-shadow: 0 9px 20px rgba(76,29,149,.13) !important;
    transform: translateY(-1px) !important;
}

body .site-header .nav-category-home.is-active,
body .site-header .nav-category-eventos.is-active,
body .site-header .nav-category-cartas.is-active,
body .site-header .nav-category-singles.is-active {
    border-color: rgba(167,139,250,.58) !important;
    background: linear-gradient(135deg,rgba(109,40,217,.30),rgba(139,92,246,.18)) !important;
    color: #fff !important;
}

body .site-header .nav-category-item {
    position: relative !important;
    z-index: 1 !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    margin: 0 0 -12px !important;
    padding: 0 0 12px !important;
    overflow: visible !important;
}

body .site-header .nav-category-item > .nav-category-link {
    width: 100% !important;
}

body .site-header .nav-category-item:hover,
body .site-header .nav-category-item:focus-within { z-index: 9000 !important; }

body .site-header .nav-category-dropdown {
    position: absolute !important;
    z-index: 9500 !important;
    top: calc(100% + 1px) !important;
    left: 50% !important;
    display: none !important;
    width: max-content !important;
    min-width: 290px !important;
    max-width: min(760px,calc(100vw - 28px)) !important;
    padding: 7px 0 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate(-50%,8px) !important;
    transition: opacity .16s ease, transform .16s ease, visibility .16s ease !important;
}

body .site-header .nav-category-dropdown::before {
    position: absolute !important;
    top: -8px !important;
    right: 0 !important;
    left: 0 !important;
    height: 12px !important;
    content: "" !important;
    pointer-events: auto !important;
}

body .site-header .nav-category-item:hover > .nav-category-dropdown,
body .site-header .nav-category-item:focus-within > .nav-category-dropdown,
body .site-header .nav-category-dropdown:hover {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate(-50%,0) !important;
}

body .site-header .nav-category-dropdown-inner,
body .site-header .nav-subdropdown-list {
    display: grid !important;
    gap: 5px !important;
    padding: 11px !important;
    overflow: visible !important;
    border: 1px solid rgba(139,92,246,.24) !important;
    border-radius: 14px !important;
    background: linear-gradient(145deg,rgba(15,24,40,.985),rgba(8,14,24,.99)) !important;
    box-shadow: 0 24px 65px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.035) !important;
    backdrop-filter: blur(18px) !important;
}

body .site-header .nav-category-dropdown-list,
body .site-header .nav-subdropdown-list { display: grid !important; grid-template-columns: 1fr !important; gap: 4px !important; }
body .site-header .nav-dropdown-item,
body .site-header .nav-subdropdown-item { position: relative !important; min-width: 0 !important; }

body .site-header .nav-category-dropdown-link,
body .site-header .nav-subdropdown-link {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    min-height: 39px !important;
    padding: 0 11px !important;
    border: 1px solid transparent !important;
    border-radius: 9px !important;
    background: transparent !important;
    color: #c6d0df !important;
    box-shadow: none !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

body .site-header .nav-category-dropdown-link:hover,
body .site-header .nav-subdropdown-link:hover,
body .site-header .nav-dropdown-item:hover > .nav-category-dropdown-link,
body .site-header .nav-subdropdown-item:hover > .nav-subdropdown-link {
    border-color: rgba(139,92,246,.24) !important;
    background: rgba(139,92,246,.09) !important;
    color: #fff !important;
}

body .site-header .nav-category-view-all {
    margin-top: 4px !important;
    border-color: rgba(139,92,246,.18) !important;
    background: rgba(139,92,246,.07) !important;
    color: #c4b5fd !important;
}

body .site-header .nav-subdropdown {
    position: absolute !important;
    z-index: 9600 !important;
    top: -8px !important;
    left: calc(100% - 3px) !important;
    min-width: 260px !important;
    padding-left: 10px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    display: none !important;
}

body .site-header .nav-dropdown-item:hover > .nav-subdropdown,
body .site-header .nav-subdropdown-item:hover > .nav-subdropdown,
body .site-header .nav-subdropdown:hover {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* Keep open desktop menus inside the viewport instead of expanding the page. */
body .site-header .nav-category-item:nth-child(-n+2) > .nav-category-dropdown {
    right: auto !important;
    left: 0 !important;
    transform: translateY(8px) !important;
}

body .site-header .nav-category-item:nth-child(-n+2):hover > .nav-category-dropdown,
body .site-header .nav-category-item:nth-child(-n+2):focus-within > .nav-category-dropdown {
    transform: translateY(0) !important;
}

body .site-header .nav-category-item:nth-last-child(-n+3) > .nav-category-dropdown {
    right: 0 !important;
    left: auto !important;
    transform: translateY(8px) !important;
}

body .site-header .nav-category-item:nth-last-child(-n+3):hover > .nav-category-dropdown,
body .site-header .nav-category-item:nth-last-child(-n+3):focus-within > .nav-category-dropdown {
    transform: translateY(0) !important;
}

body .site-header .nav-category-dropdown-list > .nav-dropdown-item:nth-child(3n) > .nav-subdropdown {
    right: calc(100% - 3px) !important;
    left: auto !important;
    padding-right: 10px !important;
    padding-left: 0 !important;
}

body .site-header .header-actions {
    position: relative !important;
    z-index: 8700 !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 7px !important;
    min-width: max-content !important;
    overflow: visible !important;
}

body .site-header .header-lang-switcher { position: relative !important; flex: 0 0 auto !important; }
body .site-header .header-lang-btn,
body .site-header .header-icon-btn,
body .site-header .header-user-link,
body .site-header .header-logout-link,
body .site-header .cart-link {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    border: 1px solid rgba(148,163,184,.15) !important;
    border-radius: 11px !important;
    background: rgba(255,255,255,.03) !important;
    color: #dbe5f2 !important;
    box-shadow: none !important;
    font-size: 14px !important;
    text-decoration: none !important;
    transform: none !important;
    transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease !important;
}

body .site-header .header-lang-btn {
    flex-basis: auto !important;
    width: auto !important;
    min-width: 54px !important;
    padding: 0 10px !important;
    gap: 6px !important;
    font-size: 10px !important;
    font-weight: 900 !important;
}

body .site-header .header-icon-btn::before,
body .site-header .header-user-link::before,
body .site-header .header-logout-link::before { display: none !important; content: none !important; }

body .site-header .header-lang-btn:hover,
body .site-header .header-icon-btn:hover,
body .site-header .header-user-link:hover,
body .site-header .header-logout-link:hover,
body .site-header .cart-link:hover {
    border-color: rgba(139,92,246,.50) !important;
    background: rgba(139,92,246,.13) !important;
    color: #fff !important;
    box-shadow: 0 9px 20px rgba(76,29,149,.13) !important;
    transform: translateY(-1px) !important;
}

body .site-header .header-user-link.is-logged { border-color: rgba(52,211,153,.22) !important; background: rgba(16,185,129,.07) !important; color: #a7f3d0 !important; }
body .site-header .header-logout-link { border-color: rgba(251,113,133,.16) !important; color: #fda4af !important; }
body .site-header .header-icon-symbol { position: relative !important; z-index: 1 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-family: Arial,Helvetica,sans-serif !important; font-size: 15px !important; line-height: 1 !important; }

body .site-header .header-wallet-balance {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 40px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(139,92,246,.22) !important;
    border-radius: 11px !important;
    background: rgba(139,92,246,.07) !important;
    color: #fff !important;
    box-shadow: none !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

body .site-header .header-wallet-balance span { color: #9e8fd3 !important; font-size: 9px !important; }
body .site-header .header-wallet-balance strong { color: #ede9fe !important; font-size: 10px !important; }
body .site-header .header-wallet-balance:hover { border-color: rgba(139,92,246,.48) !important; background: rgba(139,92,246,.13) !important; transform: translateY(-1px) !important; }

body .site-header .cart-link { border-color: rgba(139,92,246,.30) !important; background: linear-gradient(135deg,rgba(109,40,217,.20),rgba(139,92,246,.10)) !important; }
body .site-header .cart-count {
    position: absolute !important;
    top: -6px !important;
    right: -6px !important;
    display: grid !important;
    place-items: center !important;
    min-width: 20px !important;
    height: 20px !important;
    padding: 0 5px !important;
    border: 2px solid #0c1422 !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg,#8b5cf6,#6d28d9) !important;
    color: #fff !important;
    box-shadow: 0 7px 15px rgba(109,40,217,.32) !important;
    font-size: 8px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}

body .site-header .header-lang-dropdown {
    position: absolute !important;
    z-index: 9800 !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    display: grid !important;
    gap: 5px !important;
    min-width: 180px !important;
    padding: 9px !important;
    border: 1px solid rgba(139,92,246,.24) !important;
    border-radius: 13px !important;
    background: rgba(10,17,29,.98) !important;
    box-shadow: 0 24px 55px rgba(0,0,0,.42) !important;
}
body .site-header .header-lang-dropdown[hidden] { display: none !important; }
body .site-header .header-lang-link { display: flex !important; align-items: center !important; justify-content: space-between !important; min-height: 38px !important; padding: 0 10px !important; border: 1px solid transparent !important; border-radius: 8px !important; background: transparent !important; color: #b9c5d6 !important; font-size: 11px !important; font-weight: 800 !important; text-decoration: none !important; }
body .site-header .header-lang-link:hover,
body .site-header .header-lang-link.is-active { border-color: rgba(139,92,246,.24) !important; background: rgba(139,92,246,.09) !important; color: #fff !important; transform: none !important; }
body .site-header .header-lang-code { color: #a78bfa !important; font-size: 8px !important; font-weight: 950 !important; }

body .site-header .header-search-box {
    position: relative !important;
    z-index: 8800 !important;
    width: 100% !important;
    padding: 12px !important;
    border: 1px solid var(--header-line) !important;
    border-radius: 15px !important;
    background: linear-gradient(145deg,rgba(15,24,40,.98),rgba(9,15,26,.99)) !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.25) !important;
}
body .site-header .header-search-box[hidden] { display: none !important; }
body .site-header .header-search-wrap { position: relative !important; z-index: 1 !important; width: min(920px,100%) !important; margin: 0 auto !important; }
body .site-header .header-search-form { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; gap: 8px !important; width: 100% !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
body .site-header .header-search-form input { width: 100% !important; min-height: 44px !important; margin: 0 !important; padding: 0 13px !important; outline: 0 !important; border: 1px solid rgba(148,163,184,.18) !important; border-radius: 10px !important; background: #080f1a !important; color: #fff !important; box-shadow: none !important; font-size: 12px !important; }
body .site-header .header-search-form input:focus { border-color: rgba(139,92,246,.68) !important; box-shadow: 0 0 0 3px rgba(139,92,246,.11) !important; }
body .site-header .header-search-form .btn { min-height: 44px !important; padding: 0 18px !important; border: 1px solid rgba(196,181,253,.35) !important; border-radius: 10px !important; background: linear-gradient(135deg,var(--header-purple),var(--header-purple-dark)) !important; color: #fff !important; font-size: 10px !important; font-weight: 900 !important; }
body .site-header .header-search-live { position: absolute !important; z-index: 9900 !important; top: calc(100% + 7px) !important; right: 0 !important; left: 0 !important; max-height: min(65vh,520px) !important; overflow-y: auto !important; border: 1px solid rgba(139,92,246,.22) !important; border-radius: 13px !important; background: rgba(9,15,26,.99) !important; box-shadow: 0 25px 65px rgba(0,0,0,.48) !important; }
body .site-header .header-search-live[hidden] { display: none !important; }
body .site-header .header-search-result { display: grid !important; grid-template-columns: 52px minmax(0,1fr) auto !important; align-items: center !important; gap: 10px !important; min-height: 68px !important; padding: 8px 10px !important; border-bottom: 1px solid rgba(148,163,184,.08) !important; color: #fff !important; text-decoration: none !important; }
body .site-header .header-search-result:hover { background: rgba(139,92,246,.075) !important; }
body .site-header .header-search-result img,
body .site-header .header-search-result-placeholder { width: 52px !important; height: 52px !important; padding: 4px !important; border-radius: 8px !important; background: #fff !important; object-fit: contain !important; }
body .site-header .header-search-result-title { color: #e8edf5 !important; font-size: 10px !important; font-weight: 850 !important; }
body .site-header .header-search-result-meta { margin-top: 3px !important; color: #7f8da2 !important; font-size: 8px !important; }
body .site-header .header-search-result-price { color: #fff !important; font-size: 11px !important; font-weight: 950 !important; }
body .site-header .header-search-empty,
body .site-header .header-search-loading { padding: 16px !important; color: #8fa0b8 !important; font-size: 10px !important; text-align: center !important; }
body .site-header .header-search-footer { display: block !important; padding: 11px !important; border-top: 1px solid rgba(148,163,184,.09) !important; background: rgba(139,92,246,.06) !important; color: #c4b5fd !important; font-size: 9px !important; font-weight: 900 !important; text-align: center !important; text-decoration: none !important; }

body .site-header .mobile-nav-toggle { display: none !important; }
body .site-header .mobile-nav-box { position: relative !important; z-index: 8800 !important; display: none !important; width: 100% !important; padding: 0 !important; }
body .site-header .mobile-nav-box:not([hidden]) { display: block !important; }
body .site-header .mobile-nav-inner { display: grid !important; gap: 7px !important; max-height: min(72vh,620px) !important; padding: 11px !important; overflow-y: auto !important; border: 1px solid var(--header-line) !important; border-radius: 15px !important; background: linear-gradient(145deg,rgba(15,24,40,.99),rgba(9,15,26,.99)) !important; box-shadow: 0 22px 55px rgba(0,0,0,.32) !important; }
body .site-header .mobile-nav-inner > a,
body .site-header .mobile-lang-link,
body .site-header .mobile-menu-toggle,
body .site-header .mobile-subcategory-toggle { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-height: 43px !important; margin: 0 !important; padding: 0 12px !important; cursor: pointer !important; border: 1px solid rgba(148,163,184,.11) !important; border-radius: 10px !important; background: rgba(255,255,255,.025) !important; color: #c5d0df !important; box-shadow: none !important; font-size: 10px !important; font-weight: 850 !important; text-align: left !important; text-decoration: none !important; }
body .site-header .mobile-nav-inner > a:hover,
body .site-header .mobile-nav-inner > a.is-active,
body .site-header .mobile-lang-link:hover,
body .site-header .mobile-lang-link.is-active,
body .site-header .mobile-menu-accordion.is-open > .mobile-menu-toggle,
body .site-header .mobile-subcategory-accordion.is-open > .mobile-subcategory-toggle { border-color: rgba(139,92,246,.34) !important; background: rgba(139,92,246,.10) !important; color: #fff !important; }
body .site-header .mobile-menu-panel,
body .site-header .mobile-subcategory-panel { display: grid !important; gap: 5px !important; padding: 6px 0 2px 10px !important; }
body .site-header .mobile-menu-panel[hidden],
body .site-header .mobile-subcategory-panel[hidden] { display: none !important; }
body .site-header .mobile-subcategory-link { display: flex !important; align-items: center !important; min-height: 38px !important; padding: 0 11px !important; border: 1px solid rgba(148,163,184,.08) !important; border-radius: 9px !important; background: rgba(255,255,255,.018) !important; color: #9eabc0 !important; font-size: 9px !important; font-weight: 750 !important; text-decoration: none !important; }
body .site-header .mobile-subcategory-link:hover,
body .site-header .mobile-subcategory-all { border-color: rgba(139,92,246,.22) !important; color: #c4b5fd !important; }
body .site-header .mobile-menu-toggle-icon,
body .site-header .mobile-subcategory-toggle-icon { display: grid !important; place-items: center !important; flex: 0 0 26px !important; width: 26px !important; height: 26px !important; border-radius: 8px !important; background: rgba(139,92,246,.10) !important; color: #c4b5fd !important; transition: transform .18s ease !important; }
body .site-header .mobile-menu-accordion.is-open > .mobile-menu-toggle .mobile-menu-toggle-icon,
body .site-header .mobile-subcategory-accordion.is-open > .mobile-subcategory-toggle .mobile-subcategory-toggle-icon { transform: rotate(45deg) !important; }
body .site-header .mobile-lang-group { display: grid !important; gap: 5px !important; margin: 4px 0 0 !important; padding: 9px 0 0 !important; border-top: 1px solid rgba(148,163,184,.10) !important; }

@media (max-width: 1800px) {
    body .site-header .topbar { gap: 7px !important; padding-inline: 10px !important; }
    body .site-header .logo { width: 180px !important; min-width: 180px !important; height: 90px !important; padding: 0 !important; }
    body .site-header .logo img,
    body .site-header .site-header-logo-image { max-width: 160px !important; max-height: 80px !important; }
    body .site-header .nav-categories,
    body .site-header .nav-category-list { gap: 3px !important; }
    body .site-header .nav-category-link { min-height: 35px !important; padding: 0 6px !important; font-size: 8.5px !important; }
    body .site-header .header-actions { gap: 4px !important; }
    body .site-header .header-lang-btn,
    body .site-header .header-icon-btn,
    body .site-header .header-user-link,
    body .site-header .header-logout-link,
    body .site-header .cart-link { width: 34px !important; min-width: 34px !important; height: 36px !important; min-height: 36px !important; flex-basis: 34px !important; }
    body .site-header .header-lang-btn { width: auto !important; min-width: 47px !important; flex-basis: auto !important; padding-inline: 7px !important; }
    body .site-header .header-wallet-balance { min-height: 36px !important; padding-inline: 8px !important; }
    body .site-header .header-wallet-balance span { display: none !important; }
}

@media (max-width: 1380px) {
    body .site-header .topbar { gap: 7px !important; padding-inline: 9px !important; }
    body .site-header .logo { width: 160px !important; min-width: 160px !important; height: 80px !important; padding: 0 !important; }
    body .site-header .logo img,
    body .site-header .site-header-logo-image { max-width: 142px !important; max-height: 70px !important; }
    body .site-header .nav-categories,
    body .site-header .nav-category-list { gap: 4px !important; }
    body .site-header .nav-category-link { min-height: 34px !important; padding: 0 5px !important; font-size: 8px !important; }
    body .site-header .header-actions { gap: 4px !important; }
    body .site-header .header-lang-btn,
    body .site-header .header-icon-btn,
    body .site-header .header-user-link,
    body .site-header .header-logout-link,
    body .site-header .cart-link { width: 36px !important; min-width: 36px !important; height: 36px !important; min-height: 36px !important; flex-basis: 36px !important; }
    body .site-header .header-lang-btn { width: auto !important; min-width: 48px !important; flex-basis: auto !important; }
    body .site-header .header-wallet-balance span { display: none !important; }
}

@media (max-width: 1220px) {
    body .site-header { padding: 8px 0 10px !important; }
    body .site-header > .container { width: min(100% - 20px,1040px) !important; }
    body .site-header .topbar { grid-template-columns: minmax(0,1fr) auto !important; grid-template-rows: auto !important; padding: 10px 11px !important; border-radius: 15px !important; }
    body .site-header .logo { grid-column: auto !important; grid-row: auto !important; justify-self: center !important; width: 130px !important; min-width: 130px !important; height: 66px !important; }
    body .site-header .logo img,
    body .site-header .site-header-logo-image { max-width: 116px !important; max-height: 58px !important; }
    body .site-header .nav-categories { display: none !important; }
    body .site-header .header-actions { grid-column: 2 !important; grid-row: 1 !important; }
    body .site-header .mobile-nav-toggle { display: inline-flex !important; }
}

@media (max-width: 720px) {
    body .site-header > .container { width: calc(100% - 12px) !important; }
    body .site-header .header-top-bars { border-radius: 10px !important; }
    body .site-header .header-top-bar.hide-mobile { display: none !important; }
    body .site-header .header-top-bar { font-size: min(var(--bar-font-size,12px),11px) !important; }
    body .site-header .topbar { padding: 8px !important; }
    body .site-header .logo { grid-column: 1 / -1 !important; justify-self: center !important; align-self: center !important; width: 112px !important; min-width: 112px !important; height: 62px !important; margin: 0 auto !important; padding: 0 !important; border-radius: 0 !important; }
    body .site-header .logo img,
    body .site-header .site-header-logo-image { max-width: 102px !important; max-height: 54px !important; }
    body .site-header .header-lang-switcher,
    body .site-header .header-wallet-balance,
    body .site-header .header-ticket-link,
    body .site-header .header-logout-link { display: none !important; }
    body .site-header .header-icon-btn,
    body .site-header .header-user-link,
    body .site-header .cart-link { flex-basis: 37px !important; width: 37px !important; min-width: 37px !important; height: 37px !important; min-height: 37px !important; border-radius: 10px !important; }
    body .site-header .header-actions { gap: 4px !important; }
    body .site-header .header-search-box { padding: 9px !important; border-radius: 12px !important; }
    body .site-header .header-search-form { grid-template-columns: 1fr !important; }
    body .site-header .header-search-form .btn { width: 100% !important; }
    body .site-header .header-search-result { grid-template-columns: 44px minmax(0,1fr) !important; }
    body .site-header .header-search-result img,
    body .site-header .header-search-result-placeholder { width: 44px !important; height: 44px !important; }
    body .site-header .header-search-result-price { grid-column: 2 !important; justify-self: start !important; }
}

@media (max-width: 460px) {
    body .site-header .header-actions > .header-user-link:not(.is-logged) { display: none !important; }
    body .site-header .logo { width: 106px !important; min-width: 106px !important; margin-inline: auto !important; }
    body .site-header .cart-count { top: -5px !important; right: -5px !important; }
}