:root {
    --swiper-bullet: #fefefe;
    --swiper-bullet-active: #f3a109;
    --swiper-bullet-shadow: rgba(4, 120, 187, 0.35);
    --swiper-btn-bg: #ffffff;
    --swiper-btn-color: #111827;
    --swiper-btn-border: rgba(0, 0, 0, 0.08);
    --swiper-btn-hover-bg: #f3f4f6;
}

@font-face {
    font-family: "PingARLT";
    src:
        url(../fonts/PingARLT/PingARLT-Regular.woff2) format("woff2"),
        url(../fonts/PingARLT/PingARLT-Regular.woff) format("woff");
}
a {
    text-decoration: none;
}

/* Slim, warm-toned scrollbars across the storefront. */
* {
    scrollbar-width: thin;
    scrollbar-color: rgba(244, 93, 34, 0.62) transparent;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #ff9b57, #f45d22);
    border-radius: 999px;
    border: 1px solid transparent;
    background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
    background: #e94f17;
}

::-webkit-scrollbar-thumb:active {
    background: #c93f12;
}

::-webkit-scrollbar-corner {
    background: transparent;
}

body {
    font-family: "PingARLT", serif !important;
    scroll-behavior: smooth;
    background-image:
        radial-gradient(#10b981 0.5px, transparent 0.5px),
        radial-gradient(#10b981 0.5px, #fafaf9 0.5px);
    background-size: 20px 20px;
    box-shadow: 0 15px 30px -5px rgba(16, 185, 129, 0.1);
    background-position:
        0 0,
        10px 10px;
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.hero-swiper-pagination-bars {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0;
}

.hero-swiper-pagination-bars .swiper-pagination-bullet {
    margin: 0 !important;
    height: 100%;
    flex: 1 1 0;
    width: auto;
    border-radius: 999px;
    background: transparent;
    opacity: 1;
    transition: background-color 0.35s ease, opacity 0.35s ease;
}

.hero-swiper-pagination-bars .swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.18);
}

.hero-text-swiper,
.hero-image-swiper {
    width: 100%;
    min-height: 1px;
}

.hero-text-swiper .swiper-wrapper,
.hero-image-swiper .swiper-wrapper {
    align-items: stretch;
    height: auto !important;
}

.hero-text-swiper .swiper-slide,
.hero-image-swiper .swiper-slide {
    width: 100%;
    height: auto;
    min-height: 1px;
}

.hero-text-swiper .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hero-image-swiper .swiper-slide {
    display: flex;
    align-items: center;
}

@media (max-width: 639.98px) {
    .hero-swiper-pagination-bars {
        max-width: 240px;
    }

    .hero-text-swiper,
    .hero-image-swiper {
        overflow: visible;
    }

    .hero-text-swiper .swiper-wrapper,
    .hero-image-swiper .swiper-wrapper {
        min-height: inherit;
    }
}

.header-store-types-trigger {
    box-shadow: inset 0 0 0 1px rgba(244, 93, 34, 0.08);
}

.header-store-types-trigger__icon {
    background: rgba(255, 255, 255, 0.16);
    color: rgb(255, 255, 255);
}

.nav-dropdown__panel {
    isolation: isolate;
    border: 1px solid rgba(254, 215, 170, 0.95);
    background: linear-gradient(135deg, #fffdfb, #fff5e9);
    box-shadow: 0 24px 60px #15203330, 0 6px 18px #a75e2114;
}

.site-front [data-site-header] { z-index: 200; }
.header-store-types .nav-dropdown { width: min(620px, calc(100vw - 48px)); margin-top: 10px; }
.header-store-types .nav-dropdown::before { content: ''; position: absolute; left: 0; right: 0; top: -14px; height: 14px; }
.header-store-types:focus-within .nav-dropdown { visibility: visible; opacity: 1; transform: translateY(0); }
.header-store-types .nav-dropdown__panel { padding: 16px; border-radius: 22px; backdrop-filter: none; }
.header-store-types .nav-dropdown__panel::before { opacity: .25; }
.header-store-types .nav-dropdown__glow { display: none; }
.header-store-types .nav-dropdown__head { gap: 12px; margin-bottom: 12px; padding-bottom: 12px; }
.header-store-types .nav-dropdown__title { font-size: 16px; }
.header-store-types .nav-dropdown__desc { font-size: 11px; line-height: 1.7; }
.header-store-types .nav-dropdown__kicker { margin-bottom: 5px; font-size: 10px; letter-spacing: 0; }
.header-store-types .nav-dropdown__icon { display: none; }
.header-store-types .nav-dropdown__all-link { border-radius: 11px; padding: 10px 12px; font-size: 11px; }
.header-store-types .nav-dropdown__list { max-height: min(340px, calc(100svh - 290px)); gap: 9px; scrollbar-width: thin; scrollbar-color: #ffc9a6 transparent; }
.header-store-types .nav-dropdown__link { min-height: 78px; gap: 10px; padding: 11px; border-radius: 15px; background: #fff; }
.header-store-types .nav-dropdown__link::before { height: 2px; }
.header-store-types .nav-dropdown__link::after { display: none; }
.header-store-types .nav-dropdown__thumb { width: 40px; height: 40px; border-radius: 12px; }
.header-store-types .nav-dropdown__link-title { font-size: 12px; line-height: 1.6; }
.header-store-types .nav-dropdown__count { margin-top: 5px; padding: 2px 7px; font-size: 9px; }
.header-store-types .nav-dropdown__link-icon { width: 27px; height: 27px; border-radius: 9px; flex-shrink: 0; }
.header-store-types .nav-dropdown__link:hover { background: color-mix(in srgb, var(--nav-accent) 5%, white); }

.nav-dropdown__panel::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image:
        linear-gradient(90deg, rgba(244, 93, 34, 0.055) 1px, transparent 1px),
        linear-gradient(0deg, rgba(255, 176, 0, 0.055) 1px, transparent 1px);
    background-size: 32px 32px;
    mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}

.nav-dropdown__glow {
    position: absolute;
    z-index: -1;
    pointer-events: none;
    border-radius: 999px;
}

.nav-dropdown__glow--one {
    width: 12rem;
    height: 12rem;
    top: -7rem;
    right: -5rem;
    background: rgba(244, 93, 34, 0.2);
}

.nav-dropdown__glow--two {
    width: 10rem;
    height: 10rem;
    bottom: -6rem;
    left: 7rem;
    background: rgba(255, 176, 0, 0.18);
}

.nav-dropdown__head {
    border-bottom: 1px solid rgba(254, 215, 170, 0.85);
}

.nav-dropdown__kicker {
    background: rgba(255, 237, 213, 0.9);
    color: rgb(244, 93, 34);
    box-shadow: inset 0 0 0 1px rgba(251, 146, 60, 0.18);
}

.nav-dropdown__title {
    color: rgb(15, 23, 42);
}

.nav-dropdown__desc {
    color: rgba(71, 85, 105, 0.88);
}

.nav-dropdown__icon {
    border: 1px solid rgba(254, 215, 170, 0.95);
    background: rgba(255, 247, 237, 0.9);
    color: rgb(244, 93, 34);
}

.nav-dropdown__all-link {
    background: linear-gradient(135deg, rgb(244, 93, 34) 0%, rgb(255, 122, 26) 58%, rgb(255, 176, 0) 100%);
    box-shadow: 0 18px 34px -24px rgba(244, 93, 34, 0.75);
}

.nav-dropdown__all-link:hover {
    transform: translateY(-1px);
    box-shadow: 0 22px 38px -24px rgba(234, 88, 12, 0.78);
}

.nav-dropdown__link {
    --nav-accent: rgb(244, 93, 34);
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(226, 232, 240, 0.9);
    background: rgba(255, 255, 255, 0.86);
    text-decoration: none;
    box-shadow: 0 18px 36px -32px rgba(154, 52, 18, 0.45);
}

.nav-dropdown__link::before {
    content: "";
    position: absolute;
    inset-inline: 0;
    top: 0;
    height: 3px;
    background: var(--nav-accent);
    opacity: 0.9;
}

.nav-dropdown__link::after {
    content: "";
    position: absolute;
    width: 4.5rem;
    height: 4.5rem;
    left: -2.6rem;
    top: -2.6rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--nav-accent) 16%, transparent);
}

.nav-dropdown__link-title {
    color: rgb(15, 23, 42);
}

.nav-dropdown__link-meta {
    color: rgb(100, 116, 139);
}

.nav-dropdown__thumb {
    position: relative;
    z-index: 1;
    border: 1px solid color-mix(in srgb, var(--nav-accent) 24%, white);
    background: color-mix(in srgb, var(--nav-accent) 13%, white);
    color: var(--nav-accent);
}

.nav-dropdown__count {
    color: var(--nav-accent);
    background: color-mix(in srgb, var(--nav-accent) 10%, white);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--nav-accent) 16%, white);
}

.nav-dropdown__link-icon {
    background: rgb(248, 250, 252);
    color: rgb(100, 116, 139);
}

.nav-dropdown__link:hover {
    border-color: color-mix(in srgb, var(--nav-accent) 34%, white);
    background: color-mix(in srgb, var(--nav-accent) 7%, white);
    transform: translateY(-2px);
}

.nav-dropdown__link:hover .nav-dropdown__link-icon {
    background: var(--nav-accent);
    color: #fff;
    transform: translate(-2px, -2px);
}

.nav-dropdown__link--emerald {
    --nav-accent: rgb(244, 93, 34);
}

.nav-dropdown__link--amber {
    --nav-accent: rgb(255, 122, 26);
}

.nav-dropdown__link--sky {
    --nav-accent: rgb(234, 88, 12);
}

.nav-dropdown__link--rose {
    --nav-accent: rgb(239, 68, 68);
}

.nav-dropdown__link--violet {
    --nav-accent: rgb(245, 158, 11);
}

.nav-dropdown__link--lime {
    --nav-accent: rgb(217, 119, 6);
}

.nav-dropdown__link--slate {
    --nav-accent: rgb(100, 116, 139);
}

.mobile-menu-panel {
    background:
        radial-gradient(circle at 12% 4%, rgba(255, 122, 26, 0.22), transparent 28%),
        radial-gradient(circle at 86% 92%, rgba(255, 176, 0, 0.18), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 247, 237, 0.97));
    border-left: 1px solid rgba(254, 215, 170, 0.95);
    box-shadow: -24px 0 70px -42px rgba(154, 52, 18, 0.56);
}

.mobile-menu-panel::before,
.mobile-menu-panel::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.mobile-menu-panel::before {
    inset: 0;
    background-image:
        linear-gradient(90deg, rgba(244, 93, 34, 0.055) 1px, transparent 1px),
        linear-gradient(0deg, rgba(255, 176, 0, 0.055) 1px, transparent 1px);
    background-size: 30px 30px;
    mask-image: linear-gradient(180deg, #000 0%, transparent 72%);
}

.mobile-menu-panel::after {
    width: 12rem;
    height: 12rem;
    left: -5rem;
    top: 7rem;
    border-radius: 999px;
    background: rgba(244, 93, 34, 0.11);
}

.mobile-menu-header {
    position: relative;
    z-index: 1;
    background: linear-gradient(180deg, rgba(255, 247, 237, 0.9), rgba(255, 255, 255, 0));
}

.mobile-menu-brand__logo,
.mobile-menu-close,
.mobile-menu-group,
.mobile-menu-link,
.mobile-menu-action {
    border: 1px solid rgba(254, 215, 170, 0.76);
}

.mobile-menu-brand__logo,
.mobile-menu-close,
.mobile-menu-link,
.mobile-menu-group {
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 16px 32px -30px rgba(154, 52, 18, 0.48);
}

.mobile-menu-brand__title,
.mobile-menu-link__title,
.mobile-menu-group__title {
    color: rgb(15, 23, 42);
}

.mobile-menu-brand__subtitle,
.mobile-menu-link__meta,
.mobile-menu-group__meta {
    color: rgba(71, 85, 105, 0.88);
}

.mobile-menu-close,
.mobile-menu-link__icon {
    color: rgb(244, 93, 34);
}

.mobile-menu-link {
    min-height: 4.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border-radius: 1.15rem;
    padding: 0.7rem 0.9rem;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: background-color 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

.mobile-menu-nav {
    display: grid;
    gap: 0.65rem;
}

.mobile-menu-link__content {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.8rem;
}

.mobile-menu-link__badge {
    display: grid;
    width: 2.65rem;
    height: 2.65rem;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid rgba(244, 93, 34, 0.12);
    border-radius: 0.9rem;
    background: linear-gradient(145deg, rgba(255, 247, 237, 0.98), rgba(255, 237, 213, 0.74));
    color: rgb(234, 88, 12);
    font-size: 1.2rem;
}

.mobile-menu-link__copy {
    display: grid;
    min-width: 0;
    gap: 0.18rem;
}

.mobile-menu-link__title {
    font-size: 0.93rem;
    font-weight: 750;
    line-height: 1.4;
}

.mobile-menu-link__meta {
    font-size: 0.74rem;
    line-height: 1.45;
}

.mobile-menu-link--category {
    min-height: 3.75rem;
    border-radius: 0.95rem;
    padding: 0.5rem 0.7rem;
}

.mobile-menu-link--category .mobile-menu-link__badge {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.75rem;
    font-size: 1rem;
}

.mobile-menu-link--category .mobile-menu-link__meta {
    font-size: 0.7rem;
}

.mobile-menu-link__icon {
    flex: 0 0 auto;
    font-size: 1.1rem;
}

.mobile-menu-group__heading {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.mobile-menu-group__heading > i {
    display: grid;
    width: 2.65rem;
    height: 2.65rem;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid rgba(244, 93, 34, 0.12);
    border-radius: 0.9rem;
    background: linear-gradient(145deg, rgba(255, 247, 237, 0.98), rgba(255, 237, 213, 0.74));
    color: rgb(234, 88, 12);
    font-size: 1.2rem;
}

.mobile-menu-group__title,
.mobile-menu-group__meta {
    display: block;
}

.mobile-menu-group__title {
    font-size: 0.93rem;
    font-weight: 750;
    line-height: 1.4;
}

.mobile-menu-group__meta {
    margin-top: 0.18rem;
    font-size: 0.74rem;
}

.mobile-menu-group__links {
    display: grid;
    gap: 0.5rem;
    padding: 0 0.8rem 0.8rem;
}

.mobile-menu-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    margin-top: 1.1rem;
}

.mobile-menu-action {
    min-height: 3.2rem;
    gap: 0.45rem;
    transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.mobile-menu-action:hover {
    transform: translateY(-1px);
}

.mobile-menu-action i {
    font-size: 1.1rem;
}

.mobile-menu-link::before {
    content: "";
    position: absolute;
    inset-block: 0;
    right: 0;
    width: 4px;
    background: linear-gradient(180deg, #f45d22, #ffb000);
    opacity: 0;
    transition: opacity 0.22s ease;
}

.mobile-menu-link.is-active,
.mobile-menu-link:hover {
    background: rgba(255, 247, 237, 0.96);
    border-color: rgba(244, 93, 34, 0.34);
    transform: translateX(-2px);
    box-shadow: 0 22px 42px -32px rgba(154, 52, 18, 0.65);
}

.mobile-menu-link.is-active::before,
.mobile-menu-link:hover::before {
    opacity: 1;
}

.mobile-menu-link__icon {
    transition: transform 0.25s ease, color 0.25s ease;
}

.mobile-menu-link:hover .mobile-menu-link__icon {
    color: rgb(234, 88, 12);
    transform: translate(-2px, -2px);
}

.mobile-menu-group[open] .mobile-menu-group__icon {
    transform: rotate(180deg);
}

.mobile-menu-action--primary {
    background: linear-gradient(135deg, #f45d22 0%, #ff7a1a 58%, #ffb000 100%);
    color: #fff;
    box-shadow: 0 18px 34px -24px rgba(244, 93, 34, 0.8);
}

.mobile-menu-action--secondary {
    background: rgba(255, 255, 255, 0.82);
    color: rgb(244, 93, 34);
}

.mobile-menu-action--secondary:hover,
.mobile-menu-close:hover {
    background: rgb(255, 247, 237);
    color: rgb(244, 93, 34);
    border-color: rgba(244, 93, 34, 0.28);
}

.mobile-menu-group {
    overflow: hidden;
}

.mobile-menu-group__toggle {
    background: linear-gradient(135deg, rgba(255, 247, 237, 0.85), rgba(255, 255, 255, 0.72));
}

.mobile-menu-panel .drawer-scroll {
    position: relative;
    z-index: 1;
    scrollbar-color: rgba(244, 93, 34, 0.42) transparent;
}

.mobile-menu-panel .search_form label {
    overflow: hidden;
    border-radius: 999px;
    box-shadow: 0 16px 34px -30px rgba(154, 52, 18, 0.58);
}

.mobile-menu-panel .search_form input {
    border-color: rgba(254, 215, 170, 0.9) !important;
    background: rgba(255, 255, 255, 0.88) !important;
    color: rgb(15, 23, 42) !important;
}

.mobile-menu-panel .search_form input::placeholder {
    color: rgb(148, 163, 184) !important;
}

.mobile-menu-panel .search_form i {
    color: rgb(244, 93, 34) !important;
}

.mobile-menu-panel {
    max-width: 27rem;
    border: 0;
    border-inline-start: 1px solid #f1f1f1;
    border-radius: 1.75rem 0 0 1.75rem;
    background: #fff;
    box-shadow: -24px 0 70px -34px rgba(15, 23, 42, 0.35);
    backdrop-filter: none;
}

.mobile-menu-panel::before,
.mobile-menu-panel::after {
    display: none;
}

.mobile-menu-header {
    padding-top: max(1.25rem, env(safe-area-inset-top));
    background: #fff;
    border-bottom: 1px solid #f1f5f9;
}

.mobile-menu-brand__logo {
    width: 3rem;
    height: 3rem;
    border-color: #f1f5f9;
    border-radius: 1rem;
    box-shadow: 0 5px 14px rgba(15, 23, 42, 0.08);
}

.mobile-menu-brand__title {
    color: #17212b;
    font-size: 1rem;
}

.mobile-menu-brand__subtitle {
    margin-top: 0.2rem;
    color: #8a929b;
    font-size: 0.7rem;
    letter-spacing: 0;
}

.mobile-menu-close {
    flex: 0 0 auto;
    border: 0;
    background: #f5f6f7;
    color: #34404b;
}

.mobile-menu-close:hover {
    background: #fff0e9;
    color: #e94f17;
}

.mobile-menu-panel .drawer-scroll {
    padding-top: 1.1rem;
    padding-bottom: 1.25rem;
}

.mobile-menu-search label {
    border-radius: 0.9rem;
    box-shadow: none;
}

.mobile-menu-panel .search_form input {
    height: 3.1rem;
    border-color: #eef0f2 !important;
    border-radius: 0.9rem;
    background: #f7f8f9 !important;
    color: #17212b !important;
    font-weight: 600;
}

.mobile-menu-panel .search_form input:focus {
    border-color: #f45d22 !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(244, 93, 34, 0.1);
}

.mobile-menu-panel .search_form input::placeholder {
    color: #929aa3 !important;
}

.mobile-menu-panel .search_form i {
    color: #7e8790 !important;
}

.mobile-menu-section-title {
    margin: 0 0 0.15rem;
    color: #929aa3;
    font-size: 0.75rem;
    font-weight: 800;
}

.mobile-menu-nav {
    gap: 0.5rem;
}

.mobile-menu-link,
.mobile-menu-group {
    min-height: 4rem;
    border: 1px solid transparent;
    border-radius: 1rem;
    background: #fff;
    box-shadow: none;
}

.mobile-menu-link {
    padding: 0.55rem 0.65rem;
}

.mobile-menu-link__badge,
.mobile-menu-group__heading > i {
    width: 2.75rem;
    height: 2.75rem;
    border: 0;
    border-radius: 0.9rem;
    background: #fff2ec;
    color: #ed5926;
}

.mobile-menu-link__title,
.mobile-menu-group__title {
    color: #27313a;
    font-size: 0.9rem;
    font-weight: 750;
}

.mobile-menu-link__meta,
.mobile-menu-group__meta {
    color: #929aa3;
}

.mobile-menu-link__icon {
    color: #9ca3aa;
}

.mobile-menu-link.is-active,
.mobile-menu-link:hover {
    transform: none;
    border-color: #ffe0d2;
    background: #fff8f4;
    box-shadow: none;
}

.mobile-menu-link.is-active .mobile-menu-link__title {
    color: #e94f17;
}

.mobile-menu-group__toggle {
    min-height: 4.4rem;
    background: #fff;
}

.mobile-menu-group__links {
    gap: 0.35rem;
    padding: 0 0.65rem 0.65rem;
}

.mobile-menu-link--category {
    min-height: 3.35rem;
    border-color: #f1f3f5;
    background: #fafbfc;
}

.mobile-menu-footer {
    padding-bottom: max(1rem, env(safe-area-inset-bottom));
    border-top: 1px solid #edf0f2;
    background: #fff;
}

.mobile-menu-actions {
    gap: 0.6rem;
    margin-top: 0;
}

.mobile-menu-action {
    min-height: 3.15rem;
    border-radius: 0.9rem;
    border-color: transparent;
    box-shadow: none;
}

.mobile-menu-action--primary {
    background: #ed5926;
    color: #fff;
}

.mobile-menu-action--primary:hover {
    background: #d94b1d;
}

.mobile-menu-action--secondary {
    border-color: #edf0f2;
    background: #f7f8f9;
    color: #36414b;
}

.mobile-menu-action--secondary:hover {
    border-color: #ffe0d2;
    background: #fff8f4;
    color: #e94f17;
}

@media (max-width: 480px) {
    .mobile-menu-panel {
        max-width: none;
        border-inline-start: 0;
        border-radius: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mobile-menu-panel,
    .mobile-menu-link,
    .mobile-menu-action,
    .mobile-menu-close {
        scroll-behavior: auto;
        transition-duration: 0.01ms !important;
    }
}

.header-search-panel {
    background:
        radial-gradient(circle at 12% 0%, rgba(255, 176, 0, 0.16), transparent 18rem),
        radial-gradient(circle at 88% 8%, rgba(244, 93, 34, 0.14), transparent 18rem),
        linear-gradient(180deg, #fffaf5 0%, #ffffff 56%, #fff7ed 100%);
}

.header-search-result,
.header-search-shortcut {
    text-decoration: none;
}

.header-search-result:hover i:last-child,
.header-search-shortcut:hover i:last-child {
    color: rgb(244, 93, 34);
    transform: translate(-2px, -2px);
}

.home-shell,
.home-shell > *,
.home-shell aside,
.home-shell article,
.home-shell .swiper,
.home-shell .swiper-wrapper,
.home-shell .swiper-slide {
    min-width: 0;
    max-width: 100%;
}

.home-shell h1,
.home-shell h2,
.home-shell h3,
.home-shell p,
.home-shell span,
.home-shell a,
.home-shell button {
    overflow-wrap: anywhere;
}

.home-shell button,
.home-shell a {
    white-space: normal;
}

.home-sidebar,
.home-main-column,
.home-main-block,
.home-sidebar-card,
.home-main-card,
.home-deal-strip {
    min-height: 0;
}

.home-main-column {
    align-self: start;
}

.home-sidebar-card,
.home-main-card,
.home-deal-strip {
    height: auto;
}

.home-sidebar-card,
.home-main-card {
    display: flex;
    flex-direction: column;
}

.home-sidebar-card {
    position: relative;
    border: 1px solid rgba(254, 215, 170, 0.78);
    background:
        radial-gradient(circle at 14% 0%, rgba(255, 122, 26, 0.1), transparent 30%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 247, 237, 0.74));
    box-shadow: 0 22px 48px -36px rgba(154, 52, 18, 0.48);
    transition:
        transform 0.24s ease,
        border-color 0.24s ease,
        box-shadow 0.24s ease;
}

.home-sidebar-card:hover {
    transform: translateY(-3px);
    border-color: rgba(251, 146, 60, 0.42);
    box-shadow: 0 30px 60px -38px rgba(154, 52, 18, 0.62);
}

.home-sidebar-orb,
.home-sidebar-shine,
.home-sidebar-rings,
.home-promo-confetti,
.home-promo-glow-ring,
.home-promo-sweep,
.home-promo-spark {
    position: absolute;
    pointer-events: none;
}

.home-sidebar-orb {
    border-radius: 999px;
}

.home-sidebar-orb--one {
    width: 7rem;
    height: 7rem;
    top: -3rem;
    right: -2.5rem;
    background: rgba(244, 93, 34, 0.16);
}

.home-sidebar-orb--two {
    width: 5.5rem;
    height: 5.5rem;
    bottom: 2rem;
    left: -2.2rem;
    background: rgba(255, 176, 0, 0.18);
}

.home-sidebar-orb--three {
    width: 8rem;
    height: 8rem;
    top: -4rem;
    left: -3rem;
    background: rgba(244, 93, 34, 0.12);
}

.home-location-map {
    background:
        radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.9) 0 0.55rem, transparent 0.6rem),
        radial-gradient(circle at 82% 76%, rgba(255, 255, 255, 0.85) 0 0.55rem, transparent 0.6rem),
        linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);
    box-shadow: inset 0 0 0 1px rgba(251, 146, 60, 0.16);
}

.home-app-mini--upgraded {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
    background:
        radial-gradient(circle at 15% 12%, rgba(255, 255, 255, 0.25), transparent 28%),
        radial-gradient(circle at 86% 86%, rgba(255, 176, 0, 0.36), transparent 36%),
        linear-gradient(135deg, #f45d22 0%, #ff7a1a 56%, #e94f17 100%);
    box-shadow: 0 26px 58px -38px rgba(244, 93, 34, 0.88);
}

.home-sidebar-shine {
    inset: 0;
    background:
        linear-gradient(115deg, transparent 0 38%, rgba(255, 255, 255, 0.24) 44%, transparent 52%),
        linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
    background-size: 100% 100%, 28px 28px;
    opacity: 0.78;
}

.home-app-mini--upgraded .home-app-mini__media {
    background: rgba(255, 255, 255, 0.16);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}

.home-feature-list-card {
    background:
        radial-gradient(circle at 12% 10%, rgba(244, 93, 34, 0.12), transparent 30%),
        radial-gradient(circle at 90% 86%, rgba(255, 176, 0, 0.16), transparent 34%),
        linear-gradient(135deg, #ffffff 0%, #fff7ed 100%);
}

.home-sidebar-rings {
    width: 11rem;
    height: 11rem;
    left: -5.5rem;
    bottom: -5.5rem;
    border-radius: 999px;
    border: 1.3rem solid rgba(255, 237, 213, 0.85);
    box-shadow: 0 0 0 1.7rem rgba(255, 247, 237, 0.78);
}

.home-feature-pill {
    transition:
        transform 0.22s ease,
        background-color 0.22s ease,
        box-shadow 0.22s ease;
}

.home-feature-pill:hover {
    transform: translateX(-0.18rem);
    background: #fff;
    box-shadow: 0 18px 34px -28px rgba(154, 52, 18, 0.5);
}

.home-shortcuts-card {
    background:
        radial-gradient(circle at 12% 4%, rgba(255, 122, 26, 0.13), transparent 28%),
        linear-gradient(135deg, #ffffff 0%, #fffaf5 100%);
}

.home-shortcut-button {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(226, 232, 240, 0.8);
    background: #fff;
    color: var(--shortcut-accent, #f45d22);
    box-shadow: 0 14px 28px -26px rgba(15, 23, 42, 0.5);
    transition:
        transform 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease,
        background-color 0.22s ease;
}

.home-shortcut-button::before {
    content: "";
    position: absolute;
    inset-inline: 0;
    top: 0;
    height: 0.25rem;
    background: var(--shortcut-accent, #f45d22);
}

.home-shortcut-button::after {
    content: "";
    position: absolute;
    width: 4rem;
    height: 4rem;
    top: -2.3rem;
    left: -2.3rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--shortcut-accent, #f45d22) 14%, transparent);
}

.home-shortcut-button i,
.home-shortcut-button span {
    position: relative;
    z-index: 1;
}

.home-shortcut-button:hover {
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--shortcut-accent, #f45d22) 28%, white);
    background: color-mix(in srgb, var(--shortcut-accent, #f45d22) 7%, white);
    box-shadow: 0 22px 38px -30px rgba(15, 23, 42, 0.65);
}

.home-shortcut--green {
    --shortcut-accent: #16a34a;
}

.home-shortcut--orange {
    --shortcut-accent: #f45d22;
}

.home-shortcut--rose {
    --shortcut-accent: #f43f5e;
}

.home-shortcut--amber {
    --shortcut-accent: #f59e0b;
}

.home-promo-card {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.32);
    background:
        radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.32), transparent 27%),
        radial-gradient(circle at 86% 0%, rgba(255, 213, 79, 0.62), transparent 31%),
        radial-gradient(circle at 8% 98%, rgba(244, 63, 94, 0.48), transparent 34%),
        linear-gradient(135deg, #e73f15 0%, #f45d22 38%, #ff9f1c 100%);
    box-shadow:
        0 30px 68px -36px rgba(244, 93, 34, 0.96),
        inset 0 1px 0 rgba(255, 255, 255, 0.32),
        inset 0 -24px 56px rgba(136, 19, 55, 0.18);
}

.home-promo-card::before {
    content: "";
    position: absolute;
    inset: 0.55rem;
    z-index: 0;
    border: 1px dashed rgba(255, 255, 255, 0.42);
    border-radius: 1rem;
    pointer-events: none;
}

.home-promo-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image:
        linear-gradient(90deg, rgba(255, 255, 255, 0.11) 1px, transparent 1px),
        linear-gradient(0deg, rgba(255, 255, 255, 0.09) 1px, transparent 1px);
    background-size: 22px 22px;
    mask-image: radial-gradient(circle at 50% 50%, #000 0 52%, transparent 82%);
}

.home-promo-confetti {
    border-radius: 999px;
    z-index: 1;
    background: rgba(255, 255, 255, 0.7);
}

.home-promo-confetti--one {
    width: 0.7rem;
    height: 0.7rem;
    right: 1.25rem;
    top: 1.15rem;
    box-shadow:
        3.5rem 1.2rem 0 rgba(255, 255, 255, 0.38),
        1.7rem 5.8rem 0 rgba(255, 255, 255, 0.48),
        -1.2rem 6.4rem 0 rgba(255, 225, 116, 0.7),
        5.4rem 5.1rem 0 rgba(255, 255, 255, 0.42);
}

.home-promo-confetti--two {
    width: 4rem;
    height: 4rem;
    left: -1.7rem;
    top: 1.5rem;
    border: 0.8rem solid rgba(255, 255, 255, 0.22);
    background: rgba(255, 255, 255, 0.08);
    box-shadow: 2.6rem 5.8rem 0 -1.7rem rgba(255, 255, 255, 0.2);
}

.home-promo-confetti--three {
    width: 5.5rem;
    height: 5.5rem;
    right: -2.2rem;
    bottom: -2.2rem;
    border: 1rem solid rgba(255, 255, 255, 0.16);
    background: rgba(255, 213, 79, 0.28);
    box-shadow: -4.8rem -0.6rem 0 -2.4rem rgba(255, 255, 255, 0.24);
}

.home-promo-glow-ring {
    z-index: 0;
    width: 9.5rem;
    height: 9.5rem;
    left: 50%;
    bottom: -5.6rem;
    transform: translateX(-50%);
    border-radius: 999px;
    border: 1.15rem solid rgba(255, 255, 255, 0.15);
    box-shadow:
        0 0 0 1.2rem rgba(255, 255, 255, 0.05),
        0 -1.2rem 4rem rgba(255, 255, 255, 0.22);
}

.home-promo-sweep {
    z-index: 0;
    width: 4.5rem;
    height: 150%;
    top: -25%;
    right: 18%;
    transform: rotate(18deg);
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
}

.home-promo-spark {
    z-index: 2;
    color: rgba(255, 255, 255, 0.92);
    filter: drop-shadow(0 8px 16px rgba(136, 19, 55, 0.24));
}

.home-promo-spark--one {
    top: 1.3rem;
    left: 1.35rem;
    font-size: 1.35rem;
    transform: rotate(-16deg);
}

.home-promo-spark--two {
    right: 2.05rem;
    top: 4.7rem;
    font-size: 1rem;
    color: rgba(255, 243, 191, 0.95);
    transform: rotate(12deg);
}

.home-promo-spark--three {
    left: 2.6rem;
    bottom: 2.4rem;
    font-size: 1.1rem;
    color: rgba(255, 243, 191, 0.9);
    transform: rotate(-8deg);
}

.home-promo-badge {
    box-shadow:
        0 18px 28px -18px rgba(126, 34, 206, 0.42),
        0 10px 0 rgba(255, 255, 255, 0.16);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35);
}

.home-promo-cta {
    box-shadow:
        0 14px 28px -18px rgba(136, 19, 55, 0.62),
        inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.home-promo-cta:hover {
    box-shadow:
        0 18px 34px -20px rgba(136, 19, 55, 0.7),
        inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.home-deal-strip {
    background:
        radial-gradient(circle at 12% 0%, rgba(244, 63, 94, 0.16), transparent 30%),
        radial-gradient(circle at 88% 100%, rgba(245, 158, 11, 0.22), transparent 34%),
        linear-gradient(135deg, #fff7ed 0%, #ffffff 45%, #fff1f2 100%);
}

.home-deal-strip::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(90deg, rgba(245, 158, 11, 0.08) 1px, transparent 1px),
        linear-gradient(0deg, rgba(244, 63, 94, 0.07) 1px, transparent 1px);
    background-size: 28px 28px;
    mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}

.home-deal-strip__spark {
    position: absolute;
    pointer-events: none;
    border-radius: 999px;
}

.home-deal-strip__spark--one {
    width: 8rem;
    height: 8rem;
    right: -3rem;
    top: -4rem;
    background: rgba(251, 191, 36, 0.32);
}

.home-deal-strip__spark--two {
    width: 6.5rem;
    height: 6.5rem;
    left: 12rem;
    bottom: -4rem;
    background: rgba(244, 63, 94, 0.14);
}

.home-deal-strip__spark--three {
    width: 0.7rem;
    height: 0.7rem;
    left: 2rem;
    top: 1.4rem;
    background: rgb(244, 63, 94);
    box-shadow:
        1.6rem 1.2rem 0 rgba(245, 158, 11, 0.75),
        3.1rem -0.4rem 0 rgba(15, 23, 42, 0.12);
}

.home-deal-strip__media {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(255, 247, 237, 0.88));
    box-shadow: 0 20px 38px -28px rgba(15, 23, 42, 0.55);
}

.home-deal-strip__media img {
    object-fit: contain;
    object-position: center;
    transition: transform 0.35s ease;
}

.home-deal-strip:hover .home-deal-strip__media img {
    transform: scale(1.045);
}

.home-deal-strip__badge {
    background: rgba(255, 255, 255, 0.78);
    box-shadow: inset 0 0 0 1px rgba(245, 158, 11, 0.18), 0 14px 24px -22px rgba(15, 23, 42, 0.5);
}

.home-deal-strip__timer {
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 16px 30px -26px rgba(15, 23, 42, 0.55);
}

.home-deal-strip__cta {
    background: linear-gradient(135deg, #f43f5e 0%, #f59e0b 100%);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.home-deal-strip__cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 22px 40px -22px rgba(244, 63, 94, 0.85);
}

.home-deals-swiper {
    --swiper-pagination-color: rgb(244, 63, 94);
    --swiper-pagination-bullet-inactive-color: rgb(203, 213, 225);
    --swiper-pagination-bullet-inactive-opacity: 1;
}

.home-deals-swiper .swiper-slide {
    height: auto;
}

.home-deals-pagination .swiper-pagination-bullet {
    width: 0.55rem;
    height: 0.55rem;
    transition: width 0.2s ease, background-color 0.2s ease;
}

.home-deals-pagination .swiper-pagination-bullet-active {
    width: 1.4rem;
    border-radius: 999px;
}

.home-deal-strip > .grid {
    grid-template-columns: minmax(190px, 230px) minmax(0, 1fr) !important;
    align-items: stretch;
    gap: 1rem;
}

.home-deal-strip > .grid > .home-deal-strip__media {
    height: auto;
    min-height: 13rem;
    border-radius: 1rem;
}

.home-deal-strip > .grid > .min-w-0 {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.72);
    padding: 1rem;
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.76),
        0 18px 34px -30px rgba(15, 23, 42, 0.48);
    backdrop-filter: blur(10px);
}

.home-deal-strip > .grid > .min-w-0 > .flex:first-child {
    align-items: flex-start;
}

.home-deal-strip > .grid > .min-w-0 > .flex:first-child > div {
    min-width: 0;
}

.home-deal-strip > .grid > .min-w-0 > .flex:first-child a {
    flex-shrink: 0;
}

.home-deal-strip > .grid > .min-w-0 h3 {
    max-width: 46rem;
}

.home-deal-strip > .grid > .min-w-0 p {
    max-width: 52rem;
}

.home-deal-strip > .grid > .min-w-0 > .mt-4 {
    margin-top: auto;
    align-items: stretch;
    gap: 0.65rem;
}

.home-deal-strip__timer {
    min-width: 4.75rem;
}

.home-deal-strip > .grid > .flex:last-child {
    grid-column: 2;
    justify-content: flex-end;
    align-items: flex-end;
}

.home-deal-strip > .grid > .flex:last-child .home-deal-strip__cta {
    display: inline-flex;
    min-height: 3.25rem;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

@media (max-width: 767.98px) {
    .home-deal-strip > .grid {
        grid-template-columns: minmax(0, 1fr) !important;
        padding: 0.75rem;
    }

    .home-deal-strip > .grid > .home-deal-strip__media {
        min-height: 0;
        aspect-ratio: 16 / 11;
    }

    .home-deal-strip > .grid > .min-w-0 {
        padding: 0.85rem;
    }

    .home-deal-strip > .grid > .flex:last-child {
        grid-column: 1;
        justify-content: stretch;
    }

    .home-deal-strip > .grid > .flex:last-child .home-deal-strip__cta {
        width: 100%;
    }
}

@media (max-width: 479.98px) {
    .home-deal-strip > .grid > .min-w-0 > .mt-4 {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .home-deal-strip > .grid > .min-w-0 > .mt-4 > span {
        grid-column: 1 / -1;
        justify-content: center;
    }

    .home-deal-strip__timer {
        min-width: 0;
        padding-inline: 0.6rem;
    }
}

.home-category-panel {
    background:
        radial-gradient(circle at 9% 8%, rgba(16, 185, 129, 0.14), transparent 30%),
        radial-gradient(circle at 92% 100%, rgba(245, 158, 11, 0.18), transparent 34%),
        linear-gradient(135deg, #ffffff 0%, #f8fafc 48%, #ecfdf5 100%);
}

.home-category-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(90deg, rgba(16, 185, 129, 0.07) 1px, transparent 1px),
        linear-gradient(0deg, rgba(245, 158, 11, 0.06) 1px, transparent 1px);
    background-size: 30px 30px;
    mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent);
}

.home-category-panel__glow {
    position: absolute;
    pointer-events: none;
    border-radius: 999px;
}

.home-category-panel__glow--one {
    width: 9rem;
    height: 9rem;
    top: -4.5rem;
    right: -3rem;
    background: rgba(16, 185, 129, 0.2);
}

.home-category-panel__glow--two {
    width: 7rem;
    height: 7rem;
    bottom: -4rem;
    left: 8rem;
    background: rgba(245, 158, 11, 0.2);
}

.home-category-card {
    position: relative;
    overflow: hidden;
    color: rgb(15, 23, 42);
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(226, 232, 240, 0.88);
    box-shadow: 0 16px 32px -30px rgba(15, 23, 42, 0.55);
    transition:
        transform 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease,
        background-color 0.22s ease;
}

.home-category-card::before {
    content: "";
    position: absolute;
    inset-inline: 0;
    top: 0;
    height: 0.25rem;
    background: var(--category-accent, rgb(245, 158, 11));
}

.home-category-card::after {
    content: "";
    position: absolute;
    width: 4rem;
    height: 4rem;
    top: -2.2rem;
    left: -2.2rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--category-accent, rgb(245, 158, 11)) 18%, transparent);
}

.home-category-card:hover,
.home-category-card:focus-visible {
    transform: translateY(-4px);
    border-color: color-mix(in srgb, var(--category-accent, rgb(245, 158, 11)) 36%, white);
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 24px 44px -32px rgba(15, 23, 42, 0.7);
    outline: none;
}

.home-category-card__icon,
.home-category-card__image {
    position: relative;
    z-index: 1;
    color: var(--category-accent, rgb(245, 158, 11));
    background: color-mix(in srgb, var(--category-accent, rgb(245, 158, 11)) 13%, white);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--category-accent, rgb(245, 158, 11)) 16%, white);
}

.home-category-card__arrow {
    color: var(--category-accent, rgb(245, 158, 11));
    background: rgba(255, 255, 255, 0.84);
    box-shadow: inset 0 0 0 1px rgba(226, 232, 240, 0.9);
    opacity: 0;
    transform: translateY(0.35rem);
    transition: opacity 0.22s ease, transform 0.22s ease;
}

.home-category-card:hover .home-category-card__arrow,
.home-category-card:focus-visible .home-category-card__arrow {
    opacity: 1;
    transform: translateY(0);
}

.home-category-card--amber {
    --category-accent: rgb(245, 158, 11);
}

.home-category-card--emerald {
    --category-accent: rgb(16, 185, 129);
}

.home-category-card--sky {
    --category-accent: rgb(2, 132, 199);
}

.home-category-card--rose {
    --category-accent: rgb(244, 63, 94);
}

.home-category-card--violet {
    --category-accent: rgb(124, 58, 237);
}

.home-category-card--lime {
    --category-accent: rgb(101, 163, 13);
}

.home-category-card--slate {
    --category-accent: rgb(71, 85, 105);
}

.home-category-scroller {
    scroll-padding-inline: 1rem;
    scrollbar-width: thin;
    scrollbar-color: rgba(16, 185, 129, 0.45) transparent;
}

.home-category-scroller::-webkit-scrollbar {
    height: 0.45rem;
}

.home-category-scroller::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.52);
    border-radius: 999px;
}

.home-category-scroller::-webkit-scrollbar-thumb {
    background: rgba(16, 185, 129, 0.42);
    border-radius: 999px;
}

.home-featured-panel {
    background:
        radial-gradient(circle at 10% 0%, rgba(244, 63, 94, 0.13), transparent 30%),
        radial-gradient(circle at 88% 92%, rgba(14, 165, 233, 0.13), transparent 34%),
        linear-gradient(135deg, #ffffff 0%, #fff7ed 46%, #f8fafc 100%);
}

.home-featured-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        radial-gradient(circle, rgba(244, 63, 94, 0.12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(14, 165, 233, 0.05) 1px, transparent 1px);
    background-size: 22px 22px, 34px 34px;
    mask-image: linear-gradient(90deg, transparent, #000 13%, #000 87%, transparent);
}

.home-featured-panel__glow {
    position: absolute;
    pointer-events: none;
    border-radius: 999px;
}

.home-featured-panel__glow--one {
    width: 10rem;
    height: 10rem;
    top: -5rem;
    left: -3rem;
    background: rgba(244, 63, 94, 0.16);
}

.home-featured-panel__glow--two {
    width: 8rem;
    height: 8rem;
    right: 20%;
    bottom: -5rem;
    background: rgba(14, 165, 233, 0.16);
}

.home-featured-scroller {
    scrollbar-width: thin;
    scrollbar-color: rgba(244, 63, 94, 0.45) transparent;
}

.home-featured-scroller::-webkit-scrollbar {
    height: 0.45rem;
}

.home-featured-scroller::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.52);
    border-radius: 999px;
}

.home-featured-scroller::-webkit-scrollbar-thumb {
    background: rgba(244, 63, 94, 0.42);
    border-radius: 999px;
}

.home-featured-card {
    color: rgb(15, 23, 42);
    border: 1px solid rgba(226, 232, 240, 0.86);
    box-shadow: 0 18px 34px -30px rgba(15, 23, 42, 0.56);
    transition:
        transform 0.24s ease,
        border-color 0.24s ease,
        box-shadow 0.24s ease;
}

.home-featured-card:hover,
.home-featured-card:focus-visible {
    transform: translateY(-4px);
    border-color: rgba(244, 63, 94, 0.28);
    box-shadow: 0 28px 48px -34px rgba(15, 23, 42, 0.72);
    outline: none;
}

.home-featured-card__media::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, transparent 45%, rgba(15, 23, 42, 0.42));
}

.home-featured-card__media img {
    transition: transform 0.36s ease;
}

.home-featured-card:hover .home-featured-card__media img,
.home-featured-card:focus-visible .home-featured-card__media img {
    transform: scale(1.055);
}

.home-featured-card__go {
    color: rgb(244, 63, 94);
    background: rgba(255, 241, 242, 0.95);
    box-shadow: inset 0 0 0 1px rgba(244, 63, 94, 0.12);
    transition: transform 0.22s ease, background-color 0.22s ease;
}

.home-featured-card:hover .home-featured-card__go,
.home-featured-card:focus-visible .home-featured-card__go {
    transform: translateX(-0.2rem);
    background: rgb(255, 228, 230);
}

.hero-offers {
    background: rgb(15, 23, 42);
}

.hero-offers__bg-art {
    display: none;
}

.hero-offers__orb {
    display: none;
}

.hero-offers__orb--one {
    width: 18rem;
    height: 18rem;
    top: -9rem;
    right: -8rem;
    background: rgba(245, 158, 11, 0.2);
}

.hero-offers__orb--two {
    width: 15rem;
    height: 15rem;
    bottom: -8rem;
    left: -7rem;
    background: rgba(251, 191, 36, 0.28);
}

.hero-offers__orb--three {
    width: 9rem;
    height: 9rem;
    left: 44%;
    top: 16%;
    background: rgba(255, 255, 255, 0.72);
}

.hero-offers__content,
.hero-offers__media {
    position: relative;
    z-index: 1;
}

.hero-offers,
.hero-offers .swiper,
.hero-offers .swiper-wrapper,
.hero-offers .swiper-slide,
.hero-offers__slide {
    min-height: 320px;
}

.hero-offers__slide {
    height: 100%;
}

.hero-offers__blur-image {
    z-index: 0;
    object-fit: cover;
    object-position: center;
    filter: blur(22px);
    transform: scale(1.12);
    opacity: 0.78;
}

.hero-offers__slide::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.08), rgba(15, 23, 42, 0.22));
}

.hero-offers__full-image {
    z-index: 2;
    background: transparent;
    object-fit: contain;
    object-position: center;
}

.hero-offers__overlay {
    z-index: 3;
    box-shadow: 0 -22px 48px -30px rgba(15, 23, 42, 0.78);
}

.hero-offers__image {
    aspect-ratio: 1 / 0.88;
    overflow: hidden;
    border-radius: 1.35rem;
    padding: 0.5rem;
    background: rgba(255, 255, 255, 0.76);
    border: 1px solid rgba(245, 158, 11, 0.18);
    box-shadow: 0 22px 46px -36px rgba(15, 23, 42, 0.56);
}

.hero-offers__image img {
    border-radius: 0.95rem;
    transition: transform 0.45s ease;
}

.hero-offers:hover .hero-offers__image img {
    transform: scale(1.035);
}

.hero-offers__facts > div {
    box-shadow: 0 18px 34px -30px rgba(15, 23, 42, 0.48);
}

@media (max-width: 1023.98px) {
    .hero-offers__grid {
        min-height: auto;
    }
}

@media (min-width: 1280px) {
    .home-shell {
        grid-auto-rows: auto;
        align-items: start;
    }

    .home-sidebar {
        align-content: start;
        grid-template-rows: repeat(5, auto);
        align-self: start;
    }

    .home-sidebar-card {
        justify-content: flex-start;
        overflow: hidden;
    }

    .home-main-block {
        align-self: start;
    }

    .hero-offers {
        min-height: 0;
    }

    .hero-offers .swiper,
    .hero-offers .swiper-wrapper,
    .hero-offers .swiper-slide,
    .hero-offers__grid,
    .hero-offers__slide {
        height: 100%;
    }

    .hero-offers__grid,
    .hero-offers__slide {
        min-height: 0;
    }

    .home-deal-strip {
        min-height: 0;
    }

    .home-deal-strip > .grid {
        height: auto;
    }

    .home-main-card:first-child {
        min-height: 0;
    }

    .home-main-card:last-child {
        min-height: 0;
    }
}

@media (max-width: 639.98px) {
    .hero-offers__image {
        max-width: 17rem;
        margin-inline: auto;
    }
}

.home-shell [data-hero-slider].hero-offers {
    height: clamp(300px, 34vw, 430px);
    min-height: 0;
    background: rgb(15, 23, 42);
}

.home-shell [data-hero-slider] .swiper,
.home-shell [data-hero-slider] .swiper-wrapper,
.home-shell [data-hero-slider] .swiper-slide,
.home-shell [data-hero-slider] .hero-offers__slide {
    height: 100%;
    min-height: 0;
}

.offers-image-wrap img {
    object-fit: contain;
    object-position: center;
    background: #fff7ed;
}

@media (min-width: 1280px) {
    .home-shell [data-hero-slider].hero-offers {
        height: clamp(330px, 28vw, 460px);
        min-height: 0;
    }
}

@media (max-width: 639.98px) {
    .home-shell [data-hero-slider].hero-offers {
        height: clamp(260px, 72vw, 340px);
    }
}

.home-app-mini__media {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 7.25rem;
    height: 8.25rem;
    border-radius: 1.25rem;
    background: linear-gradient(180deg, rgba(245, 158, 11, 0.1), rgba(255, 255, 255, 0));
}

.home-app-mini__media img {
    position: relative;
    z-index: 1;
}

.home-app-mini__store {
    min-height: 2.5rem;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.home-steps {
    position: relative;
    border: 1px solid rgba(245, 158, 11, 0.12);
}

.home-steps::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: 1rem;
    background:
        radial-gradient(circle at 12% 15%, rgba(245, 158, 11, 0.08), transparent 28%),
        radial-gradient(circle at 88% 80%, rgba(251, 191, 36, 0.1), transparent 30%);
}

.home-step-card {
    isolation: isolate;
    transition:
        transform 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease;
}

.home-step-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 35px -28px rgba(15, 23, 42, 0.45);
}

.home-step-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 0.9rem;
    background: rgba(245, 158, 11, 0.1);
}

.home-step-card__number {
    line-height: 1;
}

@media (min-width: 768px) {
    .home-step-card:not(:last-child)::after {
        content: "";
        position: absolute;
        top: 50%;
        left: -0.9rem;
        z-index: -1;
        width: 1.8rem;
        height: 2px;
        background: linear-gradient(90deg, rgba(245, 158, 11, 0.45), rgba(245, 158, 11, 0));
    }
}

@media (max-width: 767.98px) {
    [dir="rtl"] .text-start {
        text-align: right;
    }

    .home-steps {
        padding: 1rem;
    }
}

@media (max-width: 639.98px) {
    .home-step-card {
        min-height: 5.25rem;
    }

    .home-shell {
        gap: 0.875rem;
    }

    .home-shell .swiper-wrapper {
        align-items: stretch;
    }

    .home-shell [data-hero-slider] {
        min-height: auto;
    }

    main [class*="rounded-2xl"] {
        max-width: 100%;
    }

    main img {
        max-width: 100%;
    }
}

@media (max-width: 379.98px) {
    .home-shell .grid-cols-2 {
        gap: 0.5rem;
    }

    .home-shell [data-hero-slider] {
        padding-inline: 0.875rem;
    }

    .home-app-mini {
        padding: 1rem;
    }

    .home-app-mini__media {
        width: 5.75rem;
        height: 7rem;
    }

    .home-app-mini__media img {
        width: 5.5rem;
        height: 6.5rem;
    }
}

.site-front {
    --front-brand: #f45d22;
    --front-brand-2: #ff7a1a;
    --front-brand-3: #ffb000;
    --front-brand-dark: #e94f17;
    --front-ink: #0f172a;
    --front-muted: #64748b;
    --front-soft: #fff7ed;
    --front-soft-2: #ffedd5;
    --front-ring: rgba(251, 146, 60, 0.28);
    --front-shadow: rgba(154, 52, 18, 0.18);
    background:
        radial-gradient(circle at 10% 4%, rgba(255, 122, 26, 0.08), transparent 30rem),
        radial-gradient(circle at 90% 18%, rgba(255, 176, 0, 0.08), transparent 28rem),
        linear-gradient(180deg, #fffaf5 0%, #ffffff 22rem, #fffaf5 100%);
    color: var(--front-ink);
}

.site-front main {
    position: relative;
}

.site-front ::selection {
    background: rgba(244, 93, 34, 0.22);
    color: var(--front-ink);
}

.site-front a {
    text-underline-offset: 0.18em;
}

.site-front a:hover {
    color: var(--front-brand);
}

.site-front input,
.site-front select,
.site-front textarea {
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}

.site-front input:focus,
.site-front select:focus,
.site-front textarea:focus {
    border-color: var(--front-brand) !important;
    box-shadow: 0 0 0 4px rgba(244, 93, 34, 0.12) !important;
    outline: none !important;
}

.site-front input[type="checkbox"],
.site-front input[type="radio"] {
    color: var(--front-brand) !important;
}

.site-front .text-\[\#0f4c81\],
.site-front [class*="text-[#0f4c81]"],
.site-front .text-blue-700,
.site-front .text-blue-600,
.site-front .text-sky-700,
.site-front .text-sky-600,
.site-front .text-emerald-700,
.site-front .text-emerald-600 {
    color: var(--front-brand) !important;
}

.site-front .bg-\[\#0f4c81\],
.site-front [class*="bg-[#0f4c81]"],
.site-front .bg-blue-700,
.site-front .bg-blue-600,
.site-front .bg-emerald-700,
.site-front .bg-emerald-600,
.site-front a.bg-slate-950,
.site-front button.bg-slate-950 {
    background: linear-gradient(135deg, var(--front-brand) 0%, var(--front-brand-2) 58%, var(--front-brand-3) 100%) !important;
    color: #fff !important;
    box-shadow: 0 18px 36px -24px rgba(244, 93, 34, 0.72);
}

.site-front .bg-\[\#0b3559\],
.site-front [class*="bg-[#0b3559]"],
.site-front section.bg-slate-950,
.site-front div.bg-slate-950:not([class*="/"]) {
    background:
        radial-gradient(circle at 12% 10%, rgba(255, 255, 255, 0.15), transparent 30%),
        linear-gradient(135deg, var(--front-brand-dark) 0%, var(--front-brand) 58%, var(--front-brand-2) 100%) !important;
}

.site-front .bg-blue-50,
.site-front .bg-sky-50,
.site-front .bg-emerald-50,
.site-front .bg-amber-50,
.site-front .bg-orange-50 {
    background-color: var(--front-soft) !important;
}

.site-front .border-blue-200,
.site-front .border-sky-200,
.site-front .border-emerald-200,
.site-front .border-amber-200,
.site-front .border-orange-100,
.site-front .ring-blue-100,
.site-front .ring-sky-100,
.site-front .ring-emerald-100,
.site-front .ring-amber-100,
.site-front .ring-orange-100 {
    border-color: var(--front-ring) !important;
    --tw-ring-color: var(--front-ring) !important;
}

.site-front [class*="focus:border-blue"],
.site-front [class*="focus:border-emerald"],
.site-front [class*="focus:border-sky"],
.site-front [class*="focus:border-amber"] {
    --tw-ring-color: rgba(244, 93, 34, 0.14) !important;
}

.site-front .shadow-blue-700\/20,
.site-front [class*="shadow-blue-"],
.site-front [class*="shadow-emerald-"],
.site-front [class*="shadow-sky-"] {
    --tw-shadow-color: rgba(244, 93, 34, 0.24) !important;
}

.site-front :is(a, button).rounded-xl,
.site-front :is(a, button).rounded-2xl,
.site-front :is(a, button).rounded-full {
    transition:
        transform 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        box-shadow 0.2s ease;
}

.site-front :is(a, button):not(:disabled):hover {
    border-color: rgba(244, 93, 34, 0.32);
}

.site-front :is(a, button).bg-white:hover,
.site-front :is(a, button).bg-slate-50:hover {
    background-color: var(--front-soft) !important;
    color: var(--front-brand) !important;
}

.site-front :is(.rounded-xl, .rounded-2xl, .rounded-\[1\.75rem\], .rounded-\[2rem\]).bg-white,
.site-front :is(.rounded-xl, .rounded-2xl, .rounded-\[1\.75rem\], .rounded-\[2rem\]).bg-slate-50 {
    border-color: rgba(254, 215, 170, 0.62);
}

.site-front table thead,
.site-front .choices__list--dropdown .choices__item--selectable.is-highlighted {
    background: var(--front-soft) !important;
}

.site-front .noUi-connect {
    background: var(--front-brand) !important;
}

.site-front .noUi-handle {
    border-color: var(--front-brand) !important;
    box-shadow: 0 8px 20px -12px rgba(244, 93, 34, 0.9) !important;
}

.site-front .notyf__toast--success {
    background: var(--front-brand) !important;
}

.site-front [data-scroll-top] {
    color: var(--front-brand) !important;
}

.scroll-top-bike {
    position: relative;
    display: inline-grid;
    line-height: 1;
    transform-origin: center 80%;
}

.scroll-top-bike i {
    grid-area: 1 / 1;
    font-size: inherit;
    line-height: inherit;
}

.scroll-top-bike__base { color: #94a3b8; }
.scroll-top-bike__fill {
    color: var(--front-brand, #f45d22);
    clip-path: inset(var(--scroll-empty, 100%) 0 0 0);
    transition: clip-path .15s linear;
}

[data-scroll-top].is-scrolling .scroll-top-bike {
    animation: scroll-bike-shake .45s ease-in-out infinite;
}

@keyframes scroll-bike-shake {
    0%, 100% { transform: translateY(0) rotate(0); }
    25% { transform: translateY(-1px) rotate(-4deg); }
    75% { transform: translateY(0) rotate(4deg); }
}

@media (prefers-reduced-motion: reduce) {
    [data-scroll-top].is-scrolling .scroll-top-bike { animation: none; }
    .scroll-top-bike__fill { transition: none; }
}

.site-bottom-nav {
    display: none;
}

body:has(.finder) [data-site-header] {
    z-index: 1400;
}

body:has(.finder) #mobileHeaderOverlay {
    z-index: 1490;
}

body:has(.finder) #mobileHeaderDrawer {
    z-index: 1500;
}

@media (max-width: 1023.98px) {
    body:has(.site-bottom-nav) #site-footer {
        padding-bottom: calc(112px + env(safe-area-inset-bottom));
    }

    body:has(.site-bottom-nav) .scroll-top-control {
        z-index: 110;
        bottom: calc(88px + env(safe-area-inset-bottom));
    }

    .site-bottom-nav {
        position: fixed;
        right: 50%;
        bottom: calc(9px + env(safe-area-inset-bottom));
        z-index: 100;
        display: grid;
        width: min(520px, calc(100% - 24px));
        grid-template-columns: repeat(5, minmax(0, 1fr));
        align-items: center;
        gap: 3px;
        padding: 7px;
        border: 1px solid #e9e4df;
        border-radius: 21px;
        background: #fffffff2;
        box-shadow: 0 12px 35px #172b4324;
        backdrop-filter: blur(18px);
        transform: translateX(50%);
    }

    .site-bottom-nav a,
    .site-bottom-nav button {
        display: flex;
        min-width: 0;
        min-height: 54px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        border-radius: 15px;
        color: #738091;
        text-decoration: none;
        transition: background-color .18s, color .18s, transform .18s;
    }

    .site-bottom-nav__search {
        justify-self: center;
        width: 46px;
        height: 46px;
        min-height: 46px;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: linear-gradient(140deg, #ff8d2d, #ff5b14);
        color: #fff;
        box-shadow: 0 5px 14px #e95b0b38;
    }

    .site-bottom-nav a i,
    .site-bottom-nav__search i {
        font-size: 21px;
        line-height: 1;
    }

    .site-bottom-nav a span {
        font-size: 9px;
        font-weight: 800;
        line-height: 1.2;
        white-space: nowrap;
    }

    .site-bottom-nav a.is-active {
        background: linear-gradient(140deg, #fff0e6, #fff8f3);
        color: #e95b0b;
    }

    .site-bottom-nav a.is-active i {
        filter: drop-shadow(0 2px 3px #ff65082e);
    }

    .site-bottom-nav a:active,
    .site-bottom-nav__search:active {
        transform: scale(.96);
    }
}

/* Mobile navigation: distinct icon surfaces and an elevated search action. */
@media (max-width: 1023.98px) {
    .site-bottom-nav {
        padding: 8px 6px;
        gap: 2px;
        border-color: #ffffff;
        border-radius: 25px;
        background: #ffffffed;
        box-shadow: 0 8px 32px #26364c1c, 0 1px 4px #26364c0a;
    }
    .site-bottom-nav a {position:relative;min-height:62px;gap:5px;color:#596579;border-radius:18px;}
    .site-bottom-nav a i {display:grid;place-items:center;width:36px;height:32px;border-radius:12px;font-size:23px;transition:background-color .18s,transform .18s;}
    .site-bottom-nav a span {font-size:10px;font-weight:800;line-height:1.4;}
    .site-bottom-nav a.is-active {background:#fff5ed;color:#c74c0b;}
    .site-bottom-nav a.is-active i {background:#ffe4cf;filter:none;}
    .site-bottom-nav a.is-active::after {content:"";position:absolute;bottom:2px;width:15px;height:3px;border-radius:9px;background:#f76a1d;}
    .site-bottom-nav a.site-bottom-nav__search {width:100%;height:auto;min-height:62px;background:none;box-shadow:none;color:#c74c0b;overflow:visible;}
    .site-bottom-nav a.site-bottom-nav__search i {width:46px;height:46px;margin-top:-20px;border:4px solid #fff;border-radius:17px;background:linear-gradient(145deg,#ff942f,#f45d16);color:#fff;box-shadow:0 5px 14px #ed651d33;font-size:24px;}
    .site-bottom-nav a.site-bottom-nav__search.is-active {background:#fff5ed;}
    .site-bottom-nav a:focus-visible {outline:2px solid #e86318;outline-offset:2px;}
    .site-bottom-nav a:hover i {transform:translateY(-2px);}
}
@media (prefers-reduced-motion: reduce) {
    .site-bottom-nav a, .site-bottom-nav a i {transition:none;}
}

.pac-container {
    z-index: 10050 !important;
    direction: rtl;
    text-align: right;
    border: 1px solid rgba(254, 215, 170, 0.9);
    border-radius: 1rem;
    margin-top: 0.35rem;
    box-shadow: 0 22px 50px -28px rgba(15, 23, 42, 0.45);
    overflow: hidden;
}

.pac-item {
    padding: 0.65rem 0.9rem;
    cursor: pointer;
    font-family: inherit;
}

.pac-item:hover,
.pac-item-selected {
    background-color: #fff7ed;
}

.pac-item-query {
    color: #0f172a;
    font-weight: 800;
}

[data-site-header] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.24) !important;
    box-shadow:
        0 14px 34px -23px rgba(91, 36, 17, 0.6),
        inset 0 1px 0 rgba(255, 255, 255, 0.18);
    background-size: 100% 100%;
}

[data-site-header] .site-header__top {
    min-height: 82px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

[data-site-header] .site-header__brand {
    gap: 11px;
}

[data-site-header] .site-header__brand > span:first-child {
    border-color: rgba(255, 255, 255, 0.86);
    border-radius: 17px;
    box-shadow:
        0 12px 25px -14px rgba(67, 24, 10, 0.65),
        inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

[data-site-header] .site-header__brand strong {
    text-shadow: 0 1px 8px rgba(83, 29, 12, 0.18);
}

[data-site-header] .site-header__brand small {
    color: rgba(255, 245, 237, 0.8);
}

[data-site-header] [data-header-search-link] {
    border-color: rgba(255, 255, 255, 0.34);
    background: rgba(112, 38, 17, 0.14);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.13),
        0 10px 24px -20px rgba(62, 23, 11, 0.65);
}

[data-site-header] [data-header-search-link]:hover,
[data-site-header] [data-header-search-link]:focus {
    border-color: rgba(255, 255, 255, 0.56);
    background: rgba(255, 255, 255, 0.18);
}

[data-site-header] .site-header__controls > a,
[data-site-header] .site-header__controls button,
[data-site-header] #headerNavRestore,
[data-site-header] #mobileMenuToggle {
    border-color: rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

[data-site-header] .site-header__controls > a:hover,
[data-site-header] .site-header__controls button:hover,
[data-site-header] #headerNavRestore:hover,
[data-site-header] #mobileMenuToggle:hover {
    border-color: rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.2);
}

[data-site-header] #headerAlertsBar {
    gap: 0;
    padding: 4px;
    border-color: rgba(255, 255, 255, 0.22);
    background: rgba(115, 43, 22, 0.13);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

[data-site-header] #headerAlertsBar > a {
    width: 42px;
    height: 42px;
    border-color: rgba(255, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    box-shadow: none;
}

[data-site-header] #headerAlertsBar > a:hover {
    background: rgba(255, 255, 255, 0.24);
}

[data-site-header] #headerAlertsBar > a > i {
    font-size: 19px;
}

[data-site-header] #headerAlertsBar > a > span {
    min-width: 18px;
    min-height: 18px;
    border: 2px solid #e85a29;
    font-size: 9px;
}

[data-site-header] #headerAlertsBar > a:only-child {
    width: 44px;
    height: 44px;
    border-color: rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
}

[data-site-header] #mobileHeaderCartSlot > a {
    position: relative;
    display: inline-flex;
    width: 39px;
    height: 39px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

[data-site-header] #mobileHeaderCartSlot > a:hover {
    border-color: rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.2);
}

[data-site-header] #mobileHeaderCartSlot > a > i {
    font-size: 19px;
}

[data-site-header] #mobileHeaderCartSlot > a > span {
    position: absolute;
    top: -5px;
    right: -5px;
    display: inline-flex;
    min-width: 18px;
    min-height: 18px;
    align-items: center;
    justify-content: center;
    padding-inline: 3px;
    border: 2px solid #e85a29;
    border-radius: 999px;
    background: #f43f5e;
    color: #fff;
    font-size: 9px;
    font-weight: 800;
}

[data-site-header] #headerNavShell {
    padding-top: 9px;
}

[data-site-header] #headerNavBar {
    gap: 12px;
    margin-bottom: 9px;
    padding: 7px 10px;
    border: 1px solid rgba(255, 255, 255, 0.17);
    border-radius: 17px;
    background: rgba(104, 35, 18, 0.12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

[data-site-header] #headerNavBar nav a,
[data-site-header] #headerNavBar > div:last-child > a,
[data-site-header] .header-store-types-trigger {
    min-height: 39px;
    padding-inline: 15px;
    border: 1px solid transparent;
    font-size: 13px;
    font-weight: 800;
}

[data-site-header] #headerNavBar nav a:hover,
[data-site-header] #headerNavBar > div:last-child > a:hover,
[data-site-header] .header-store-types-trigger:hover {
    border-color: rgba(255, 255, 255, 0.22);
    background: rgba(255, 255, 255, 0.14);
}

[data-site-header] #headerNavBar nav a[class*="bg-white/25"],
[data-site-header] #headerNavBar > div:last-child > a[class*="bg-white/25"] {
    border-color: rgba(255, 255, 255, 0.28);
    background: rgba(255, 255, 255, 0.19);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

[data-site-header] .header-store-types-trigger {
    border-color: rgba(255, 255, 255, 0.19);
    background: rgba(255, 255, 255, 0.1);
}

[data-site-header] .header-store-types-trigger__icon {
    background: rgba(255, 255, 255, 0.18);
}

@media (max-width: 1023.98px) {
    [data-site-header] .site-header__top {
        min-height: 70px;
        border-bottom: 0;
    }

    [data-site-header] .site-header__brand > span:first-child {
        width: 48px;
        height: 48px;
        border-radius: 15px;
    }

    [data-site-header] #headerAlertsBar > a {
        width: 38px;
        height: 38px;
    }
}

@media (max-width: 639.98px) {
    [data-site-header] .site-header__top {
        gap: 7px;
        padding-block: 9px;
    }

    [data-site-header] .site-header__brand {
        gap: 7px;
    }

    [data-site-header] .site-header__brand > span:first-child {
        width: 43px;
        height: 43px;
        padding: 5px;
        border-radius: 13px;
    }

    [data-site-header] .site-header__brand strong {
        max-width: 92px;
        font-size: 12px;
    }

    [data-site-header] .site-header__brand small {
        max-width: 92px;
        font-size: 8px;
        letter-spacing: 0.02em;
    }

    [data-site-header] .site-header__controls {
        gap: 5px;
    }

    [data-site-header] .site-header__controls > a,
    [data-site-header] .site-header__controls button,
    [data-site-header] #mobileMenuToggle {
        width: 39px;
        height: 39px;
        min-height: 39px;
        border-radius: 14px;
    }

    [data-site-header] #headerAlertsBar {
        gap: 0;
        padding: 3px;
    }

    [data-site-header] #headerAlertsBar > a {
        width: 34px;
        height: 34px;
    }

    [data-site-header] #headerAlertsBar > a:only-child {
        width: 38px;
        height: 38px;
    }

}