/* RECONA storefront component base bundle - generated from wwwroot/css/storefront/components/*.css */

/* === breadcrumb.css === */
/* Component base: Breadcrumb — structural layout and schema hooks. */
[data-storefront-shell="commerce"] [data-storefront-component="Breadcrumb"] .breadcrumb,
[data-storefront-shell="commerce"] [data-storefront-component="Breadcrumb"] nav[aria-label] {
    gap: .25rem;
    padding-block: .8rem;
    color: var(--sf-text-muted);
    font-size: .925rem;
}

[data-storefront-shell="commerce"] [data-storefront-component="Breadcrumb"] .breadcrumb,
[data-storefront-shell="commerce"] [data-storefront-component="Breadcrumb"] [itemtype*="BreadcrumbList"] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-width: 0;
    max-width: 100%;
}

[data-storefront-shell="commerce"] [data-storefront-component="Breadcrumb"] .breadcrumb-item {
    max-width: 100%;
    overflow-wrap: anywhere;
    white-space: normal;
}

/* === category-card.css === */
/* Component base: CategoryCard — homepage/category slider card shell. */
[data-storefront-shell="commerce"] [data-storefront-component="CategoryCard"] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

[data-storefront-shell="commerce"] [data-storefront-component="CategoryCard"] img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

[data-storefront-shell="commerce"] [data-storefront-component="CategoryCard"] span,
[data-storefront-shell="commerce"] [data-storefront-component="CategoryCard"] a {
    display: block;
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    white-space: normal;
}

/* === empty-state.css === */
/* Component base: EmptyState — centered empty results layout. */
[data-storefront-shell="commerce"] [data-storefront-component="EmptyState"] {
    display: block;
    padding: clamp(1.5rem, 4vw, 3rem) 1rem;
    text-align: center;
}

[data-storefront-shell="commerce"] [data-storefront-component="EmptyState"] img {
    max-width: min(280px, 80vw);
    height: auto;
    margin-inline: auto;
}

[data-storefront-shell="commerce"] [data-storefront-component="EmptyState"] span,
[data-storefront-shell="commerce"] [data-storefront-component="EmptyState"] p {
    display: inline-block;
    max-width: 100%;
    height: auto;
    min-height: 1.2em;
    line-height: 1.45;
    white-space: normal;
    overflow: visible;
}

/* === filters.css === */
/* Component base: Filters — search page sidebar layout and mobile drawer. */
[data-storefront-shell="commerce"] .search-layout {
    display: grid;
    grid-template-columns: minmax(264px, calc(17% * 1.1)) minmax(0, 1fr);
    position: fixed;
    top: var(--sf-header-stack-height, calc(var(--sf-header-utility-height, 40px) + var(--sf-header-main-height, 72px)));
    bottom: 0;
    left: 50%;
    right: auto;
    width: min(100%, var(--sf-layout-max-width, 1600px));
    transform: translateX(-50%);
    box-sizing: border-box;
    z-index: 100;
    background: var(--white-smoke, #f5f5f5);
}

[data-storefront-shell="commerce"] .search-layout__filters {
    min-width: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background: var(--sf-surface, #fff);
    border-right: 1px solid var(--sf-border, #efeff0);
}

[data-storefront-shell="commerce"] .search-layout__results,
[data-storefront-shell="commerce"] .search-layout .search-data {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: auto !important;
    min-width: 0;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: auto !important;
}

[data-storefront-shell="commerce"] .search-layout__filters [data-storefront-component="Filters"],
[data-storefront-shell="commerce"] .search-layout__filters .search-form-box {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 100%;
    overflow: visible;
    box-sizing: border-box;
    padding: 10px;
    background: var(--sf-surface, #fff) !important;
}

[data-storefront-shell="commerce"] [data-storefront-component="Filters"] .form {
    min-width: 0;
    max-width: 100%;
}

[data-storefront-shell="commerce"] [data-storefront-component="Filters"] .searchbind {
    min-width: 0;
    max-width: 100%;
    border-bottom: 1px solid var(--sf-border, var(--white-smoke, #efeff0));
    padding: 16px 0;
    font-size: 13px;
}

[data-storefront-shell="commerce"] [data-storefront-component="Filters"] .searchbind .h5 {
    font-weight: 700;
    font-size: 13px;
    color: var(--sf-text, #000);
    letter-spacing: 0;
    line-height: 18px;
    white-space: normal;
    overflow-wrap: anywhere;
}

[data-storefront-shell="commerce"] [data-storefront-component="Filters"] .searchbind.links a {
    display: block;
    color: var(--sf-text, var(--black, #000));
}

[data-storefront-shell="commerce"] [data-storefront-component="Filters"] .searchbind.checkright input[type="checkbox"] + label:before,
[data-storefront-shell="commerce"] [data-storefront-component="Filters"] .searchbind.checkright input[type="radio"] + label:before {
    width: 16px;
    height: 16px;
    font-size: 10px;
}

[data-storefront-shell="commerce"] [data-storefront-component="Filters"] .search-btn-box {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: var(--sf-primary, var(--theme-color, #0d6efd));
    text-align: left;
    font-size: 12px;
    box-sizing: border-box;
}

[data-storefront-shell="commerce"] [data-storefront-component="Filters"] .sf-filters__location-trigger {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--sf-border, #d3d3d3);
    border-radius: var(--sf-card-radius, 4px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[data-storefront-shell="commerce"] [data-storefront-component="Filters"] .search-category-box,
[data-storefront-shell="commerce"] [data-storefront-component="Filters"] #categoryCheckboxList {
    max-height: min(42vh, 360px);
    overflow-x: hidden;
    overflow-y: auto;
}

[data-storefront-shell="commerce"] [data-storefront-component="Filters"] .pricing-box {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    max-width: 100%;
}

[data-storefront-shell="commerce"] [data-storefront-component="Filters"] .pricing-box input {
    flex: 1 1 88px;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

[data-storefront-shell="commerce"] [data-storefront-component="Filters"] .pricing-box .go-btn {
    flex: 0 0 36px;
    width: 36px;
    min-width: 36px;
    background-color: var(--sf-surface-subtle, var(--l-grey, #e9ecef));
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgY2xhc3M9ImZlYXRoZXIgZmVhdGhlci1hcnJvdy1yaWdodCIgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48bGluZSB4MT0iNSIgeDI9IjE5IiB5MT0iMTIiIHkyPSIxMiIvPjxwb2x5bGluZSBwb2ludHM9IjEyIDUgMTkgMTIgMTIgMTkiLz48L3N2Zz4=");
    background-repeat: no-repeat;
    background-position: center;
    border: 0;
    cursor: pointer;
}

[data-storefront-shell="commerce"] [data-storefront-component="Filters"] .top-menu .back-btn {
    display: none;
}

@media (max-width: 991.98px) {
    [data-storefront-shell="commerce"] .search-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    [data-storefront-shell="commerce"] .search-layout__filters {
        position: fixed;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        padding: 0;
        margin: 0;
        border: 0;
        overflow: visible;
        background: transparent;
        z-index: 10002;
    }

    [data-storefront-shell="commerce"] .filter [data-filter-mobile-toggle="true"] {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        color: var(--sf-text, var(--body-f, #111));
        cursor: pointer;
    }

    [data-storefront-shell="commerce"] .filter [data-filter-mobile-toggle="true"] svg {
        width: 20px;
        height: 20px;
        stroke: var(--sf-text-muted, var(--grey, #6c757d));
    }

    [data-storefront-shell="commerce"] .search-layout__filters .search-form-box {
        position: fixed !important;
        top: 21px;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0;
        display: none;
        overflow-x: hidden;
        overflow-y: auto;
        z-index: 10001;
    }

    [data-storefront-shell="commerce"] .search-layout__filters .search-form-box.showfilter {
        display: block;
    }

    [data-storefront-shell="commerce"] [data-storefront-component="Filters"] .top-menu .back-btn {
        display: inline-flex;
    }
}

@media (min-width: 992px) {
    [data-storefront-shell="commerce"] .search-results-toolbar__actions .filter,
    [data-storefront-shell="commerce"] .filter [data-filter-mobile-toggle="true"] {
        display: none;
    }
}

@media screen and (max-width: 1030px) {
    [data-storefront-shell="commerce"] .search-layout {
        grid-template-columns: minmax(242px, calc(22% * 1.1)) minmax(0, 1fr);
    }
}

/* === footer.css === */
/* Component base: Footer — landmark spacing. */
[data-storefront-shell="commerce"] [data-storefront-component="Footer"] {
    display: block;
}

[data-storefront-shell="commerce"] [data-storefront-component="Footer"] footer,
[data-storefront-shell="commerce"] [data-storefront-component="Footer"] .copyright {
    width: 100%;
}

[data-storefront-shell="commerce"] footer[data-storefront-component="Footer"] #dvFooterLinkViewContainer.footer-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    gap: 1.5rem 2.5rem;
}

[data-storefront-shell="commerce"] footer[data-storefront-component="Footer"] .footer-links > ul.menu {
    flex: 1 1 10rem;
    width: auto;
    max-width: none;
    margin-bottom: 0;
}

[data-storefront-shell="commerce"] footer[data-storefront-component="Footer"] .footer-links ul {
    width: 100%;
    display: block;
}

[data-storefront-shell="commerce"] footer[data-storefront-component="Footer"] .container,
[data-storefront-shell="commerce"] footer[data-storefront-component="Footer"] .copyright .container {
    max-width: min(100%, var(--sf-layout-max-width, 1600px));
    width: 100%;
}

[data-storefront-shell="commerce"] footer[data-storefront-component="Footer"] .footer-cookie-preferences-item {
    list-style: none;
    padding-bottom: 7px;
}

/* Match storefront footer CMS column links (see storefront.css .menu li a). */
[data-storefront-shell="commerce"] footer[data-storefront-component="Footer"] .footer-links .footer-cookie-preferences-item .cookie-preferences-link--footer-nav {
    display: inline;
    min-height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    font: inherit;
    font-size: 16px;
    font-weight: var(--r-bold, 600);
    color: #f3f6fa;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
}

[data-storefront-shell="commerce"] footer[data-storefront-component="Footer"] .footer-links .footer-cookie-preferences-item .cookie-preferences-link--footer-nav:hover,
[data-storefront-shell="commerce"] footer[data-storefront-component="Footer"] .footer-links .footer-cookie-preferences-item .cookie-preferences-link--footer-nav:focus-visible {
    color: var(--theme-color);
}

/* === header.css === */
/* Component base: Header — shell layout, utility bar, main bar, search region. */
html[data-storefront-shell="commerce"] {
    --sf-header-main-height: 72px;
    --sf-header-utility-height: 40px;
    --sf-header-stack-height: calc(var(--sf-header-utility-height, 0px) + var(--sf-header-main-height, 72px));
    --sf-header-utility-font-size: clamp(12px, 0.95vw, 14px);
}

html[data-storefront-shell="commerce"][data-storefront-header-state="compact"] {
    --sf-header-utility-height: 0px;
}

html[data-storefront-shell="commerce"]:has([data-storefront-header-layout="inline"]),
html[data-storefront-shell="commerce"]:has([data-storefront-component="Header"]:not(:has(.storefront-header__utility))) {
    --sf-header-utility-height: 0px;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] {
    display: block;
    position: relative;
    z-index: 10100;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"]:not(:has(.storefront-header__utility)),
[data-storefront-shell="commerce"] [data-storefront-component="Header"][data-storefront-header-layout="inline"] {
    --sf-header-utility-height: 0px;
}

html[data-storefront-shell="commerce"][data-storefront-header-state="compact"] [data-storefront-component="Header"] .storefront-header__utility,
html[data-storefront-shell="commerce"][data-storefront-header-state="compact"] [data-storefront-component="Header"] .top-header {
    display: none !important;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__main,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .main-header,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__navigation {
    overflow: visible;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header {
    position: relative;
    z-index: 1000;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__utility,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-header {
    display: block !important;
    height: auto !important;
    min-height: 40px;
    padding: 0;
    font-family: var(--sf-font-family, inherit);
    font-size: var(--sf-header-utility-font-size, clamp(12px, 0.95vw, 14px));
    line-height: 1.35;
    background-color: var(--sf-header-utility-bg, var(--top-h-bg, #f5f5f5));
    color: var(--sf-header-utility-text, var(--top-h-c, #111));
    border-bottom: 1px solid var(--sf-border, #efeff0);
    --sf-header-utility-icon: var(--sf-header-utility-text, var(--top-h-c, #111));
    --sf-header-utility-badge-border: var(--sf-header-utility-bg, var(--top-h-bg, #f5f5f5));
    --sf-header-wishlist-badge-bg: var(--sf-primary, var(--theme-color, #0d6efd));
    --sf-header-alert-badge-bg: var(--sf-error, #b42318);
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__utility .customer-menu > li > a,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__utility .customer-menu > li > .dropdown-toggle,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-header .customer-menu > li > a,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-header .customer-menu > li > .dropdown-toggle {
    color: var(--sf-header-utility-icon);
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__utility .customer-menu > li > a:hover,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__utility .customer-menu > li > .dropdown-toggle:hover,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-header .customer-menu > li > a:hover,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-header .customer-menu > li > .dropdown-toggle:hover,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__utility .customer-menu > li.dropdown_hover:hover > .dropdown-toggle,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__utility .customer-menu > li.dropdown_hover.open > .dropdown-toggle,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-header .customer-menu > li.dropdown_hover:hover > .dropdown-toggle,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-header .customer-menu > li.dropdown_hover.open > .dropdown-toggle {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: var(--sf-header-utility-icon) !important;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__utility .customer-menu .inbox:has(.i-notify.has-unread-count) > a,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__utility .customer-menu .notify-counter:has(.notify.has-unread-count) > .dropdown-toggle,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-header .customer-menu .inbox:has(.i-notify.has-unread-count) > a,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-header .customer-menu .notify-counter:has(.notify.has-unread-count) > .dropdown-toggle {
    color: var(--sf-header-utility-icon) !important;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__utility .customer-menu .inbox:has(.i-notify.has-unread-count) > a svg,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__utility .customer-menu .notify-counter:has(.notify.has-unread-count) > .dropdown-toggle svg,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-header .customer-menu .inbox:has(.i-notify.has-unread-count) > a svg,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-header .customer-menu .notify-counter:has(.notify.has-unread-count) > .dropdown-toggle svg {
    fill: currentColor !important;
    filter: none !important;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__utility .customer-menu > li > a svg,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__utility .customer-menu > li > .dropdown-toggle svg,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__utility .customer-menu > li > a .storefront-header__action-icon-wrap svg,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__utility .customer-menu > li > .dropdown-toggle .storefront-header__action-icon-wrap svg,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-header .customer-menu > li > a svg,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-header .customer-menu > li > .dropdown-toggle svg,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-header .customer-menu > li > a .storefront-header__action-icon-wrap svg,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-header .customer-menu > li > .dropdown-toggle .storefront-header__action-icon-wrap svg {
    fill: currentColor;
    color: inherit;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__utility .customer-menu > li > a .fa,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__utility .customer-menu > li > .dropdown-toggle .fa,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-header .customer-menu > li > a .fa,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-header .customer-menu > li > .dropdown-toggle .fa {
    color: inherit;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__utility > .container,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-header > .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 16px;
    min-height: 40px;
    padding-top: 4px;
    padding-bottom: 4px;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .customer-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 2px 8px;
    margin: 0 0 0 auto;
    padding: 0;
    list-style: none;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .customer-menu > li {
    float: none;
    list-style: none;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .customer-menu > li > a,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .customer-menu > li > .dropdown-toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 36px;
    padding: 6px 12px;
    white-space: nowrap;
    text-decoration: none;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .customer-menu > li > a::after,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .customer-menu > li > .dropdown-toggle::after {
    display: none !important;
    content: none !important;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .customer-menu > li > a svg,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .customer-menu > li > .dropdown-toggle svg,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .customer-menu > li > a .storefront-header__action-icon-wrap svg,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .customer-menu > li > .dropdown-toggle .storefront-header__action-icon-wrap svg {
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .customer-menu .top-account-link .dropdown-menu {
    color: var(--sf-text, #111);
    background-color: var(--sf-surface, #fff);
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__action-icon-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    overflow: visible;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__action-icon-wrap svg {
    width: 28px;
    height: 28px;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__action-icon-wrap .notify:not(.cart-counter-span):not(.storefront-header__wishlist-badge),
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__action-icon-wrap .i-notify,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__action-icon-wrap [id^="spanannouncementCounter"],
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__action-icon-wrap [id^="spanInboxCounter"],
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-header .customer-menu .storefront-header__action-icon-wrap .notify:not(.cart-counter-span):not(.storefront-header__wishlist-badge),
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-header .customer-menu .storefront-header__action-icon-wrap .i-notify {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    margin: 0 !important;
    transform: translate(42%, -42%);
    min-width: 1.05rem;
    height: 1.05rem;
    padding: 0 4px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.05rem;
    border-radius: var(--sf-badge-radius, 999px);
    background: var(--sf-header-alert-badge-bg, var(--sf-error, #b42318)) !important;
    color: var(--sf-text-inverse, #fff) !important;
    border: 1.5px solid var(--sf-header-utility-badge-border, var(--sf-surface, #fff));
    text-align: center;
    pointer-events: none;
    display: none !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    z-index: 2;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__action-icon-wrap .storefront-header__wishlist-badge {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    margin: 0 !important;
    transform: translate(42%, -42%);
    min-width: 1.05rem;
    height: 1.05rem;
    padding: 0 4px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.05rem;
    border-radius: var(--sf-badge-radius, 999px);
    background: var(--sf-header-wishlist-badge-bg, var(--sf-primary, var(--theme-color, #0d6efd))) !important;
    color: var(--sf-text-inverse, #fff) !important;
    border: 1.5px solid var(--sf-header-utility-badge-border, var(--sf-surface, #fff));
    text-align: center;
    pointer-events: none;
    display: none !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    z-index: 2;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__action-icon-wrap .notify.has-unread-count:not(.cart-counter-span),
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__action-icon-wrap .i-notify.has-unread-count,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__action-icon-wrap .storefront-header__wishlist-badge.has-unread-count,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__action-icon-wrap [id^="spanannouncementCounter"].has-unread-count,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__action-icon-wrap [id^="spanInboxCounter"].has-unread-count,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__action-icon-wrap [id^="spanannouncementCounter"][data-unread-count]:not([data-unread-count="0"]),
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__action-icon-wrap [id^="spanInboxCounter"][data-unread-count]:not([data-unread-count="0"]),
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-header .customer-menu .storefront-header__action-icon-wrap .notify.has-unread-count:not(.cart-counter-span),
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-header .customer-menu .storefront-header__action-icon-wrap .i-notify.has-unread-count {
    display: inline-flex !important;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__action-icon-wrap [id^="dvInboxCounterViewContainer"] {
    display: contents;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__account-avatar {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    overflow: hidden;
    border-radius: 50%;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__account-avatar .user-image {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    padding: 0;
    display: block;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__account-avatar .profile-alpha {
    width: 28px;
    height: 28px;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 28px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__toolbar-menu svg {
    width: 28px;
    height: 28px;
    fill: currentColor;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__toolbar-menu .dropdown-toggle::after {
    display: none !important;
    content: none !important;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .customer-menu .dropdown-menu {
    z-index: 10050;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] #dvHeaderLinkViewContainer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
    min-width: 0;
    flex: 1 1 auto;
    order: -1;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] #dvheaderlinks.header-pages,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .header-pages {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    float: none;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .header-pages li {
    float: none;
    list-style: none;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .header-pages a {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 6px 12px;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-decoration: none;
    text-transform: none;
    color: inherit;
    white-space: nowrap;
    border: 0;
    position: relative;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .header-pages a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    background: var(--sf-border, #ccc);
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .header-pages li:last-child a::after {
    display: none;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .header-pages a:hover {
    color: var(--sf-primary, var(--theme-color, #0d6efd));
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__main:not(.main-header-classadd),
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .main-header:not(.main-header-classadd) {
    position: relative;
    z-index: 1000;
    height: auto !important;
    min-height: 72px;
    padding: 10px 0;
    background-color: var(--sf-header-bg, var(--main-h-bg, #fff));
    color: var(--sf-header-text, var(--main-h-c, #111));
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08);
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__main.main-header-classadd,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .main-header.main-header-classadd {
    position: fixed !important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10001;
    height: auto !important;
    min-height: 72px;
    padding: 10px 0;
    background-color: var(--sf-header-bg, var(--main-h-bg, #fff));
    color: var(--sf-header-text, var(--main-h-c, #111));
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08);
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__inner {
    display: grid;
    grid-template-columns: minmax(120px, 14%) minmax(0, auto) minmax(0, 1fr);
    grid-template-areas: "logo navigation search";
    align-items: center;
    gap: 12px 16px;
    min-width: 0;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] [data-storefront-header-layout="inline"] .storefront-header__utility,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] [data-storefront-header-layout="inline"] .top-header {
    display: none !important;
}

/* Inline toolbar — pin full header at top; never collapse on scroll. */
html[data-storefront-shell="commerce"]:has([data-storefront-header-layout="inline"]) [data-storefront-component="Header"] .storefront-header,
html[data-storefront-shell="commerce"]:has([data-storefront-header-layout="inline"]) [data-storefront-component="Header"] .header-cover {
    min-height: var(--sf-header-stack-height, var(--sf-header-main-height, 72px));
}

html[data-storefront-shell="commerce"]:has([data-storefront-header-layout="inline"]) [data-storefront-component="Header"] .storefront-header__main,
html[data-storefront-shell="commerce"]:has([data-storefront-header-layout="inline"]) [data-storefront-component="Header"] .main-header {
    position: fixed !important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10001;
    isolation: isolate;
    height: auto !important;
    min-height: 72px;
    padding: 10px 0;
    background-color: var(--sf-header-bg, var(--main-h-bg, #fff));
    color: var(--sf-header-text, var(--main-h-c, #111));
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08);
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] [data-storefront-header-layout="inline"] .storefront-header__inner {
    grid-template-columns: minmax(120px, 14%) minmax(48px, auto) minmax(0, 1fr) auto;
    grid-template-areas: "logo navigation search actions";
}

html[data-storefront-shell="commerce"]:has([data-homepage-content-root]) [data-storefront-component="Header"] [data-storefront-header-layout="inline"] .storefront-header__inner {
    grid-template-columns: minmax(140px, 21%) minmax(48px, auto) minmax(0, 1fr) auto;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__actions {
    grid-area: actions;
    min-width: 0;
    align-self: center;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__toolbar-menu {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__toolbar-item {
    list-style: none;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__toolbar-link,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__toolbar-menu .dropdown-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: var(--sf-card-radius, 8px);
    background: transparent;
    color: inherit;
    text-decoration: none;
    position: relative;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__toolbar-link:hover,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__toolbar-menu .dropdown-toggle:hover {
    background: color-mix(in srgb, var(--sf-primary, var(--theme-color, #0d6efd)) 8%, transparent);
    color: var(--sf-primary, var(--theme-color, #0d6efd));
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__toolbar-menu .dropdown-menu {
    z-index: 10150;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__toolbar-menu .top-account-link {
    position: relative;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__toolbar-menu .top-account-link .dropdown-menu.storefront-account-dropdown-menu {
    width: 250px;
    min-width: 250px;
    max-width: min(250px, calc(100vw - 16px));
    padding-top: 4px;
    padding-bottom: 4px;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__toolbar-menu .top-account-link .dropdown-menu {
    position: absolute;
    top: 100%;
    transform: none !important;
    margin-top: 4px;
    min-width: 220px;
    width: min(280px, calc(100vw - 16px));
    max-height: min(70vh, calc(100dvh - var(--sf-header-main-height, 72px) - 16px));
    overflow-x: hidden;
    overflow-y: auto;
    background-color: var(--sf-surface, #fff);
    border: 1px solid var(--sf-border, var(--l-grey, #e5e5e5));
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

/* Flyout anchor — JS sets data-storefront-flyout-align (start = opens toward inline-end/right in LTR, end = fallback left). */
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-account-link > .dropdown-menu,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-account-link > .storefront-header__flyout-menu {
    position: absolute;
    top: 100%;
    transform: none !important;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-account-link > .dropdown-menu[data-storefront-flyout-align="start"],
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-account-link > .storefront-header__flyout-menu[data-storefront-flyout-align="start"],
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-account-link > .dropdown-menu:not([data-storefront-flyout-align]),
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-account-link > .storefront-header__flyout-menu:not([data-storefront-flyout-align]) {
    left: 0;
    right: auto;
    inset-inline-start: 0;
    inset-inline-end: auto;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-account-link > .dropdown-menu[data-storefront-flyout-align="end"],
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-account-link > .storefront-header__flyout-menu[data-storefront-flyout-align="end"] {
    right: 0;
    left: auto;
    inset-inline-end: 0;
    inset-inline-start: auto;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__toolbar-menu .dropdown_hover:hover .dropdown-menu {
    display: block !important;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__inner,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__main.main-header-classadd > .container,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .main-header.main-header-classadd > .container {
    overflow: visible;
}

/* Top utility layout — compact scroll toolbar (icons when utility bar hides). */
[data-storefront-shell="commerce"] [data-storefront-component="Header"] [data-storefront-header-layout="top"] .storefront-header__actions--scroll-compact {
    display: none !important;
}

html[data-storefront-shell="commerce"][data-storefront-header-state="compact"] [data-storefront-component="Header"] [data-storefront-header-layout="top"] .storefront-header__actions--scroll-compact {
    display: block !important;
}

html[data-storefront-shell="commerce"][data-storefront-header-state="compact"] [data-storefront-component="Header"] [data-storefront-header-layout="top"] .storefront-header__inner {
    grid-template-columns: minmax(120px, 14%) minmax(48px, auto) minmax(0, 1fr) auto;
    grid-template-areas: "logo navigation search actions";
}

html[data-storefront-shell="commerce"]:has([data-homepage-content-root])[data-storefront-header-state="compact"] [data-storefront-component="Header"] [data-storefront-header-layout="top"] .storefront-header__inner {
    grid-template-columns: minmax(140px, 21%) minmax(48px, auto) minmax(0, 1fr) auto;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__toolbar-menu .notify-counter .dropdown-toggle,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__toolbar-menu .storefront-header__wishlist > .dropdown-toggle {
    width: 44px;
    height: 44px;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist {
    position: relative;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist > .dropdown-toggle {
    position: relative;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-badge:empty {
    display: none;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__flyout-menu {
    padding: 0;
    margin-top: 0;
    border: 1px solid var(--sf-border, var(--l-grey, #e5e5e5));
    background: var(--sf-surface, #fff);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
    border-radius: var(--sf-card-radius, var(--sf-radius, 12px));
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-menu {
    min-width: min(360px, calc(100vw - 24px));
    max-width: min(360px, calc(100vw - 24px));
    overflow: hidden;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-header .storefront-header__wishlist.dropdown_hover:hover .storefront-header__wishlist-menu,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .customer-menu .storefront-header__wishlist.dropdown_hover:hover .storefront-header__wishlist-menu {
    margin-top: 0;
    border-top-color: var(--sf-border, var(--l-grey, #e5e5e5));
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-panel {
    display: flex;
    flex-direction: column;
    min-height: 0;
    max-height: min(70vh, calc(100dvh - var(--sf-header-stack-height, 72px) - 16px));
    background: var(--sf-surface, #fff);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    overflow: hidden;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-heading {
    padding: 10px 14px 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--sf-primary, var(--theme-color, #0d6efd));
    border-bottom: 1px solid var(--sf-border, #efeff0);
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-items {
    flex: 1 1 auto;
    min-height: 0;
    max-height: min(360px, calc(100dvh - var(--sf-header-stack-height, 72px) - 120px));
    overflow-x: hidden;
    overflow-y: auto;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-loading,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-empty {
    padding: 16px 14px;
    font-size: 13px;
    color: var(--sf-text-muted, var(--grey, #6c757d));
    text-align: center;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-item {
    position: relative;
    border-bottom: 1px solid var(--sf-border, #efeff0);
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-item:last-child {
    border-bottom: 0;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-item-link {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 14px;
    color: inherit;
    text-decoration: none;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-item:hover,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-item:focus-within {
    background: var(--sf-navigation-hover-bg, color-mix(in srgb, var(--sf-primary, var(--theme-color, #0d6efd)) 6%, var(--sf-surface, #fff)));
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-item-image {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: calc(var(--sf-card-radius, 8px) - 2px);
    border: 1px solid var(--sf-border, #efeff0);
    background: var(--sf-surface-muted, #f8fafc);
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-item-body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    flex: 1 1 auto;
    padding-right: 56px;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-item-name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 13px;
    line-height: 1.35;
    color: var(--sf-text, #111);
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__toolbar-menu .storefront-header__wishlist-menu {
    width: min(360px, calc(100vw - 24px)) !important;
    min-width: min(360px, calc(100vw - 24px)) !important;
    max-width: min(360px, calc(100vw - 24px)) !important;
    padding: 0;
    margin-top: 4px;
    overflow: hidden !important;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__toolbar-menu .top-account-link .dropdown-menu.storefront-header__wishlist-menu {
    overflow: hidden !important;
    overflow-y: hidden !important;
    max-height: none;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-item-price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px;
    font-size: 13px;
    line-height: 1.35;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-item-current-price {
    font-weight: 600;
    color: var(--sf-text, #111);
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-item-current-price--sale,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-item-current-price--sale .price-wrap,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-item-current-price--sale .price-int,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-item-current-price--sale .price-dec,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-item-current-price--sale .price-currency {
    color: var(--sf-price-discount, var(--sf-error, #b42318)) !important;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-item-original-price {
    font-size: 11px;
    font-weight: 400;
    color: var(--sf-text-muted, var(--sf-price-old, #68758c));
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-item-original-price-value,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-item-original-price-value .price-wrap,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-item-original-price-value .price-int,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-item-original-price-value .price-dec,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-item-original-price-value .price-currency {
    color: var(--sf-text-muted, var(--sf-price-old, #68758c)) !important;
    text-decoration: line-through;
    text-decoration-thickness: 1px;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-item-old-price {
    margin-left: 6px;
    font-size: 12px;
    font-weight: 400;
    color: var(--sf-text-muted, var(--grey, #6c757d));
    text-decoration: line-through;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-item-actions {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    gap: 4px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.15s ease, visibility 0.15s ease;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-item:hover .storefront-header__wishlist-item-actions,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-item:focus-within .storefront-header__wishlist-item-actions {
    opacity: 1;
    visibility: visible;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    min-width: 32px;
    max-width: 32px;
    min-height: 32px;
    max-height: 32px;
    aspect-ratio: 1 / 1;
    padding: 0;
    border: 1px solid var(--sf-border, #d7dee8);
    border-radius: var(--sf-radius, 8px);
    background: var(--sf-surface, #fff);
    color: var(--sf-text-muted, #64748b);
    cursor: pointer;
    flex: 0 0 32px;
    box-sizing: border-box;
    overflow: hidden;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-action svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
    flex: 0 0 16px;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-action--remove {
    font-size: 0;
    line-height: 0;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-action-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    font-size: 18px;
    line-height: 1;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-action--cart:hover,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-action--cart:focus-visible {
    border-color: color-mix(in srgb, var(--sf-primary, var(--theme-color, #0d6efd)) 35%, var(--sf-border, #d7dee8));
    color: var(--sf-primary, var(--theme-color, #0d6efd));
    background: color-mix(in srgb, var(--sf-primary, var(--theme-color, #0d6efd)) 8%, #fff);
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-action--remove:hover,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-action--remove:focus-visible {
    border-color: #f1b4b4;
    color: #c0392b;
    background: #fff5f5;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-footer-wrap {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 20px;
    border-top: 1px solid var(--sf-border, #efeff0);
    background: var(--sf-surface, #fff);
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-footer-wrap .storefront-header__wishlist-footer.btn {
    display: flex !important;
    margin: 0 !important;
    min-width: 0 !important;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0.55rem 1rem;
    min-height: 38px;
    border: var(--sf-button-primary-border-width, 1px) solid var(--sf-button-primary-border, #0561cb) !important;
    border-radius: var(--sf-button-primary-radius, 10px) !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    background: linear-gradient(
        var(--sf-button-gradient-angle, 180deg),
        var(--sf-button-primary-start, #1682ee),
        var(--sf-button-primary-end, #0561cb)
    ) !important;
    color: var(--sf-button-primary-text, #fff) !important;
    box-shadow: 0 5px 14px color-mix(in srgb, var(--sf-button-primary-shadow, #0561cb) 22%, transparent);
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-footer:hover,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__wishlist-footer:focus-visible {
    background: linear-gradient(
        var(--sf-button-gradient-angle, 180deg),
        var(--sf-button-primary-hover-start, #0e6fd5),
        var(--sf-button-primary-hover-end, #034fa9)
    ) !important;
    border-color: var(--sf-button-primary-border, #0561cb) !important;
    color: var(--sf-button-primary-text, #fff) !important;
}

html[data-storefront-shell="commerce"]:has([data-homepage-content-root]) [data-storefront-component="Header"] .storefront-header__wishlist-menu {
    background: var(--sf-surface, #fff) !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12) !important;
    border: 1px solid var(--sf-border, var(--l-grey, #e5e5e5)) !important;
}

html[data-storefront-shell="commerce"]:has([data-homepage-content-root]) [data-storefront-component="Header"] .storefront-header__wishlist-panel {
    background: var(--sf-surface, #fff) !important;
    box-shadow: none !important;
    border: 0 !important;
}

html[data-storefront-shell="commerce"]:has([data-homepage-content-root]) [data-storefront-component="Header"] .storefront-header__inner {
    grid-template-columns: minmax(140px, 21%) minmax(48px, auto) minmax(0, 1fr);
}

html[data-storefront-shell="commerce"]:has([data-homepage-content-root]) [data-storefront-component="Header"] .storefront-header__main:not(.main-header-classadd),
html[data-storefront-shell="commerce"]:has([data-homepage-content-root]) [data-storefront-component="Header"] .main-header:not(.main-header-classadd) {
    margin-bottom: 0;
    box-shadow: none;
    border-bottom: 1px solid var(--sf-divider, var(--sf-border, #e9edf3));
}

html[data-storefront-shell="commerce"]:has([data-homepage-content-root]) [data-storefront-component="HomepageContent"] {
    margin-top: 0;
    padding-top: 0;
}

html[data-storefront-shell="commerce"]:has([data-homepage-content-root]) [data-storefront-component="Header"] .storefront-header__logo,
html[data-storefront-shell="commerce"]:has([data-homepage-content-root]) [data-storefront-component="Header"] .web-logo {
    justify-content: center;
}

/* Homepage mega sidebar scroll-sync — opaque header veil above panel, below chrome. */
html[data-storefront-shell="commerce"]:has([data-homepage-content-root]) [data-storefront-component="Header"] .storefront-header__main:has(.category_list[data-homepage-panel-scroll-sync="true"])::after,
html[data-storefront-shell="commerce"]:has([data-homepage-content-root]) [data-storefront-component="Header"] .main-header:has(.category_list[data-homepage-panel-scroll-sync="true"])::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 10040;
    background-color: var(--sf-header-bg, var(--main-h-bg, #fff));
    pointer-events: auto;
}

/* Homepage mega sidebar must stay below fixed header chrome (logo, search, actions). */
html[data-storefront-shell="commerce"]:has([data-homepage-content-root]) [data-storefront-component="Header"] .storefront-header__main:has(.category_list[data-homepage-panel-scroll-sync="true"]) .storefront-header__logo,
html[data-storefront-shell="commerce"]:has([data-homepage-content-root]) [data-storefront-component="Header"] .main-header:has(.category_list[data-homepage-panel-scroll-sync="true"]) .web-logo,
html[data-storefront-shell="commerce"]:has([data-homepage-content-root]) [data-storefront-component="Header"] .storefront-header__main:has(.category_list[data-homepage-panel-scroll-sync="true"]) .storefront-header__search,
html[data-storefront-shell="commerce"]:has([data-homepage-content-root]) [data-storefront-component="Header"] .storefront-header__main:has(.category_list[data-homepage-panel-scroll-sync="true"]) .storefront-header__actions,
html[data-storefront-shell="commerce"]:has([data-homepage-content-root]) [data-storefront-component="Header"] .storefront-header__logo,
html[data-storefront-shell="commerce"]:has([data-homepage-content-root]) [data-storefront-component="Header"] .storefront-header__search,
html[data-storefront-shell="commerce"]:has([data-homepage-content-root]) [data-storefront-component="Header"] .storefront-header__actions {
    position: relative;
    z-index: 10050;
}

html[data-storefront-shell="commerce"]:has([data-homepage-content-root]) [data-storefront-component="Header"] .main-header-classadd .storefront-header__logo,
html[data-storefront-shell="commerce"]:has([data-homepage-content-root]) [data-storefront-component="Header"] .main-header-classadd .web-logo {
    justify-content: flex-start;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__logo {
    grid-area: logo;
    min-width: 0;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__navigation {
    grid-area: navigation;
    min-width: 0;
    align-self: center;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__search,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .searchbar {
    grid-area: search;
    min-width: 0;
    width: 100% !important;
    max-width: 100%;
    float: none !important;
    display: block !important;
    margin: 0 !important;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__search-row {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-width: 0;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__search-row .storefront-header__search-box {
    flex: 1 1 auto;
    min-width: 0;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__cart {
    flex: 0 0 auto;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__cart-link.storefront-header__toolbar-link {
    border: 0;
    background: transparent;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__cart-link .storefront-header__action-icon-wrap {
    width: 32px;
    height: 32px;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__cart-icon {
    width: 32px;
    height: 32px;
    display: block;
    fill: none;
    stroke: currentColor;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__cart .cart-counter-span {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    margin: 0 !important;
    transform: translate(42%, -42%);
    min-width: 1.05rem;
    height: 1.05rem;
    padding: 0 4px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.05rem;
    border-radius: var(--sf-badge-radius, 999px);
    background: var(--sf-header-alert-badge-bg, var(--sf-error, #b42318)) !important;
    color: var(--sf-text-inverse, #fff) !important;
    border: 1.5px solid var(--sf-header-utility-badge-border, var(--sf-surface, #fff)) !important;
    box-shadow: none;
    text-align: center;
    pointer-events: none;
    display: none !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    z-index: 2;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__cart .cart-counter-span.has-unread-count {
    display: inline-flex !important;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__logo,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .web-logo {
    display: flex;
    align-items: center;
    float: none;
    width: auto;
    height: auto;
    min-height: 50px;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__logo img,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .web-logo img {
    max-width: 100%;
    max-height: 72px;
    height: auto;
    width: auto;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-search-box .search_opacity {
    display: none !important;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-search-box,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .input-group.top-search-box {
    display: flex;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    padding: 0;
    border: 2px solid var(--sf-primary, var(--theme-color, #0d6efd));
    border-radius: var(--sf-card-radius, 8px);
    background: var(--sf-surface, #fff);
    overflow: hidden;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-search-box .form-control,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] #txtsearch {
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
    height: 42px;
    margin: 0 !important;
    padding: 8px 12px;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent;
    box-shadow: none;
    font-size: 14px;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-search-box .input-group-btn,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-search-box .input-group-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    min-height: 42px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: var(--sf-primary, var(--theme-color, #0d6efd));
    color: var(--sf-on-primary, var(--f-theme, #fff));
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-search-box .input-group-btn svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-search-box .search-load {
    position: absolute;
    right: 52px;
    top: 50%;
    transform: translateY(-50%);
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__recent-searches,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] #last-searches {
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__recent-searches a,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] #last-searches a {
    color: var(--sf-text-muted, var(--grey, #6c757d));
    text-decoration: none;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__recent-searches a:hover,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] #last-searches a:hover {
    color: var(--sf-primary, var(--theme-color, #0d6efd));
    text-decoration: underline;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .ui-autocomplete {
    z-index: 10060 !important;
    max-width: min(640px, calc(100vw - 24px));
    overflow-x: hidden;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__mobile {
    position: relative;
    z-index: 10001;
}

/* Product detail — full header in document flow until compact scroll state. */
html[data-storefront-shell="commerce"]:has(.detail-page):not(:has([data-storefront-header-layout="inline"])) [data-storefront-component="Header"] .storefront-header__main:not(.main-header-classadd),
html[data-storefront-shell="commerce"]:has(.detail-page):not(:has([data-storefront-header-layout="inline"])) [data-storefront-component="Header"] .main-header:not(.main-header-classadd) {
    position: static;
}

html[data-storefront-shell="commerce"]:has(.detail-page) .top-menu .title-heading {
    display: none;
}

html[data-storefront-shell="commerce"]:has(.detail-page) .top-menu {
    background: var(--sf-surface, #fff);
}

html[data-storefront-shell="commerce"]:has(.detail-page) .top-menu .back-btn svg {
    fill: var(--sf-text-muted, var(--d-grey, #6c757d));
}

@media (max-width: 991.98px) {
    html[data-storefront-shell="commerce"] {
        --sf-header-utility-font-size: 14px;
    }

    [data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__utility > .container,
    [data-storefront-shell="commerce"] [data-storefront-component="Header"] .top-header > .container {
        justify-content: flex-start;
    }

    [data-storefront-shell="commerce"] [data-storefront-component="Header"] .customer-menu {
        width: 100%;
        justify-content: flex-start;
    }

    [data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__inner {
        display: block;
    }

    [data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__main,
    [data-storefront-shell="commerce"] [data-storefront-component="Header"] .main-header {
        position: static;
        min-height: 0;
        padding: 0;
        box-shadow: none;
    }

    [data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__logo,
    [data-storefront-shell="commerce"] [data-storefront-component="Header"] .web-logo {
        display: none;
    }

    [data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__navigation {
        display: none;
    }

    [data-storefront-shell="commerce"] [data-storefront-component="Header"] .storefront-header__search,
    [data-storefront-shell="commerce"] [data-storefront-component="Header"] #dvheadersearchbar {
        display: block !important;
        position: sticky;
        top: 0;
        z-index: 1000;
        width: 100%;
        margin: 0;
        padding: 8px 10px;
        background: var(--sf-header-bg, var(--main-h-bg, #fff));
        border-bottom: 1px solid var(--sf-border, #efeff0);
        box-sizing: border-box;
    }

    [data-storefront-shell="commerce"] .body-content {
        padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px));
    }
}

/* === homepage-content.css === */
/* Component base: HomepageContent — CMS section rhythm, headings, listing shells. */
[data-storefront-shell="commerce"] [data-storefront-component="HomepageContent"] [data-homepage-content-root="true"] {
    display: block;
    min-width: 0;
    max-width: 100%;
}

[data-storefront-shell="commerce"] [data-storefront-component="HomepageContent"] .homepage-section {
    margin-block: clamp(1rem, 3vw, 2rem);
}

[data-storefront-shell="commerce"] [data-storefront-component="HomepageContent"] h3.bold.padding10,
[data-storefront-shell="commerce"] [data-homepage-content-root] h3.bold.padding10 {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 1.4em;
    margin: 0 0 8px;
    padding: 10px;
    line-height: 1.35;
    overflow: visible;
    white-space: normal;
}

[data-storefront-shell="commerce"] [data-storefront-component="HomepageContent"] h3.bold.padding10 span,
[data-storefront-shell="commerce"] [data-homepage-content-root] h3.bold.padding10 span {
    display: inline-block;
    width: auto;
    max-width: 100%;
    height: auto;
    min-height: 1.2em;
    line-height: 1.35;
    font-size: 1.125rem;
    font-weight: 600;
    white-space: normal;
    overflow: visible;
    color: var(--sf-text, #111);
}

[data-storefront-shell="commerce"] [data-homepage-content-root] .product-home-heading,
[data-storefront-shell="commerce"] [data-storefront-component="HomepageContent"] .product-home-heading,
[data-storefront-shell="commerce"] .homepage-promotion-zone .product-home-heading {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

[data-storefront-shell="commerce"] [data-homepage-content-root] .product-home-heading .h3,
[data-storefront-shell="commerce"] [data-storefront-component="HomepageContent"] .product-home-heading .h3,
[data-storefront-shell="commerce"] .homepage-promotion-zone .product-home-heading .h3 {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 1.4em;
    margin: 12px 0 16px;
    padding: 8px 0;
    line-height: 1.35;
    overflow: visible;
    white-space: normal;
    border-bottom: 2px solid var(--sf-border, var(--l-grey, #e8e8e8));
    text-align: center;
}

[data-storefront-shell="commerce"] [data-homepage-content-root] .product-home-heading .h3 span,
[data-storefront-shell="commerce"] [data-storefront-component="HomepageContent"] .product-home-heading .h3 span,
[data-storefront-shell="commerce"] .homepage-promotion-zone .product-home-heading .h3 span {
    display: inline-block;
    width: auto;
    max-width: 100%;
    height: auto;
    min-height: 1.2em;
    padding: 0 8px;
    line-height: 1.35;
    font-size: 1.25rem;
    font-weight: 700;
    white-space: normal;
    overflow: visible;
    background-color: var(--sf-page-bg, var(--white-smoke, #f5f5f5));
    color: var(--sf-text, #111);
}

[data-storefront-shell="commerce"] [data-homepage-content-root] .product-box-8,
[data-storefront-shell="commerce"] [data-homepage-content-root] .product-box-5,
[data-storefront-shell="commerce"] [data-homepage-content-root] .product-box-4,
[data-storefront-shell="commerce"] .homepage-promotion-zone .product-box-8,
[data-storefront-shell="commerce"] .homepage-promotion-zone .product-box-5,
[data-storefront-shell="commerce"] .homepage-promotion-zone .product-box-4 {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

/* === homepage-hero.css === */
/* Component base: HomepageHero — async CMS banner host region. */
[data-storefront-shell="commerce"] [data-storefront-component="HomepageHero"] {
    display: block;
    min-height: 1px;
    width: 100%;
}

[data-storefront-shell="commerce"] [data-storefront-component="HomepageHero"] #dvHeroBannerContainer {
    min-height: 0;
}

[data-storefront-shell="commerce"] [data-storefront-component="HomepageHero"] .homepage-banner,
[data-storefront-shell="commerce"] [data-storefront-component="HomepageHero"] .swiper,
[data-storefront-shell="commerce"] [data-storefront-component="HomepageHero"] .swiper-slide {
    width: 100%;
}

[data-storefront-shell="commerce"] [data-storefront-component="HomepageHero"] .slider-homepage {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: inherit;
    border-radius: var(--sf-homepage-block-radius, var(--sf-card-radius, var(--sf-radius, 12px)));
    overflow: hidden;
    background: var(--sf-surface, #fff);
    box-shadow: 0 10px 32px color-mix(in srgb, var(--sf-text, #172033) calc(var(--sf-shadow-alpha, 0.1) * 100%), transparent);
}

[data-storefront-shell="commerce"] [data-storefront-component="HomepageHero"] .slider-homepage .swiper-wrapper {
    height: 100%;
    min-height: 0;
}

[data-storefront-shell="commerce"] [data-storefront-component="HomepageHero"] .slider-homepage.swiper-fade .swiper-slide {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

[data-storefront-shell="commerce"] [data-storefront-component="HomepageHero"] .homepage-banner .swiper-slide,
[data-storefront-shell="commerce"] [data-storefront-component="HomepageHero"] .slider-homepage .swiper-slide {
    border-radius: inherit;
    overflow: hidden;
    height: 100%;
}

[data-storefront-shell="commerce"] [data-storefront-component="HomepageHero"] .homepage-banner .swiper-slide img,
[data-storefront-shell="commerce"] [data-storefront-component="HomepageHero"] .slider-homepage .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

[data-storefront-shell="commerce"] [data-storefront-component="HomepageHero"] .slider-homepage .storefront-hero-banner-slide-link {
    display: block;
    width: 100%;
    height: 100%;
    color: inherit;
    text-decoration: none;
}

/* Discrete carousel controls */
[data-storefront-shell="commerce"] [data-storefront-component="HomepageHero"] .slider-homepage .swiper-button-prev,
[data-storefront-shell="commerce"] [data-storefront-component="HomepageHero"] .slider-homepage .swiper-button-next {
    width: 40px;
    height: 40px;
    margin-top: 0;
    transform: translateY(-50%);
    border-radius: 50%;
    background: color-mix(in srgb, var(--sf-surface, #fff) 88%, transparent);
    border: 1px solid var(--sf-border, #dfe4ec);
    color: var(--sf-text, #172033);
    opacity: 0;
    transition: opacity 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
    backdrop-filter: blur(6px);
}

[data-storefront-shell="commerce"] [data-storefront-component="HomepageHero"] .slider-homepage:hover .swiper-button-prev,
[data-storefront-shell="commerce"] [data-storefront-component="HomepageHero"] .slider-homepage:hover .swiper-button-next,
[data-storefront-shell="commerce"] [data-storefront-component="HomepageHero"] .slider-homepage:focus-within .swiper-button-prev,
[data-storefront-shell="commerce"] [data-storefront-component="HomepageHero"] .slider-homepage:focus-within .swiper-button-next {
    opacity: 1;
}

[data-storefront-shell="commerce"] [data-storefront-component="HomepageHero"] .slider-homepage .swiper-button-prev::after,
[data-storefront-shell="commerce"] [data-storefront-component="HomepageHero"] .slider-homepage .swiper-button-next::after {
    font-size: 14px;
    font-weight: 700;
    color: var(--sf-text, #172033);
}

[data-storefront-shell="commerce"] [data-storefront-component="HomepageHero"] .slider-homepage .swiper-button-prev:hover,
[data-storefront-shell="commerce"] [data-storefront-component="HomepageHero"] .slider-homepage .swiper-button-next:hover {
    background: var(--sf-surface, #fff);
    border-color: color-mix(in srgb, var(--sf-primary, #0c63e7) 35%, var(--sf-border, #dfe4ec));
}

[data-storefront-shell="commerce"] [data-storefront-component="HomepageHero"] .slider-homepage .storefront-hero-banner-pagination {
    position: absolute;
    left: 0;
    right: 0;
    top: auto !important;
    bottom: 14px;
    z-index: 2;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center !important;
    justify-content: center;
    gap: 8px;
    width: auto;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 12px;
    margin: 0;
    pointer-events: none;
}

[data-storefront-shell="commerce"] [data-storefront-component="HomepageHero"] .slider-homepage .storefront-hero-banner-dot {
    appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    flex: 0 0 8px;
    align-self: center;
    width: 8px !important;
    min-width: 8px !important;
    max-width: 8px !important;
    height: 8px !important;
    min-height: 8px !important;
    max-height: 8px !important;
    padding: 0 !important;
    margin: 0;
    border: 0 !important;
    border-radius: 50% !important;
    background: color-mix(in srgb, var(--sf-text-inverse, #fff) 70%, transparent);
    opacity: 0.55;
    cursor: pointer;
    pointer-events: auto;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    box-sizing: border-box;
    vertical-align: middle;
    transition: transform 0.2s ease, opacity 0.2s ease, background-color 0.2s ease;
}

[data-storefront-shell="commerce"] [data-storefront-component="HomepageHero"] .slider-homepage .storefront-hero-banner-dot.is-active {
    opacity: 1;
    transform: scale(1.15);
    background: var(--sf-primary, #0c63e7);
}

[data-storefront-shell="commerce"] [data-storefront-component="HomepageHero"] .slider-homepage .swiper-pagination {
    display: none;
}

[data-storefront-shell="commerce"] [data-storefront-component="HomepageHero"] .c-product,
[data-storefront-shell="commerce"] [data-storefront-component="HomepageHero"] .p-status,
[data-storefront-shell="commerce"] [data-storefront-component="HomepageHero"] .h-c-banner,
[data-storefront-shell="commerce"] [data-storefront-component="HomepageHero"] .c-banner img,
[data-storefront-shell="commerce"] [data-storefront-component="HomepageHero"] .slider img {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: none;
    object-fit: cover;
    object-position: center;
}

@media (max-width: 991.98px) {
    [data-storefront-shell="commerce"] [data-storefront-component="HomepageHero"] .slider-homepage .swiper-button-prev,
    [data-storefront-shell="commerce"] [data-storefront-component="HomepageHero"] .slider-homepage .swiper-button-next {
        display: none;
    }
}

/* === main-navigation.css === */
/* Component base: MainNavigation — flyout (default) and homepage sidebar layouts. */
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] {
    /* Comfortable L1 rows; homepage sidebar uses fixed preferred height via JS/CSS tokens. */
    --sf-nav-item-height-preferred: 36px;
    --sf-nav-item-height-min: 32px;
    --sf-nav-item-height-max: 48px;
    --sf-nav-item-height: clamp(36px, 2.6vw, 48px);
    --sf-nav-header-height: 44px;
    --sf-nav-item-pad-x: clamp(8px, 0.8vw, 12px);
    --sf-nav-item-gap: clamp(6px, 0.6vw, 10px);
    --sf-nav-icon-size: clamp(20px, 1.6vw, 24px);
    --sf-nav-sidebar-width: clamp(260px, 19vw, 300px);
    --sf-nav-label-font-size: clamp(12px, 0.95vw, 14px);
    --sf-nav-header-font-size: clamp(13px, 1.05vw, 14px);
    --sf-nav-panel-radius: var(--sf-card-radius, 8px);
    --sf-nav-item-divider: var(--sf-border, #ececec);
    --sf-nav-submenu-surface: var(--sf-navigation-hover-bg, color-mix(in srgb, var(--sf-primary, var(--theme-color, #0d6efd)) 6%, var(--sf-surface, #fff)));
    --sf-nav-hover-bg: var(--sf-nav-submenu-surface);
    --sf-nav-panel-bg: var(--sf-surface, #fff);
    --sf-nav-active-bg: var(--sf-nav-submenu-surface);

    position: relative;
    display: flex;
    align-items: center;
    min-width: 0;
    height: 100%;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .category_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin: 0;
    padding: 0;
    border: 1px solid var(--sf-border, #d7d7d7);
    border-radius: var(--sf-nav-panel-radius);
    background: var(--sf-surface-subtle, var(--white-smoke, #f5f5f5));
    color: var(--sf-text, #111);
    text-decoration: none;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .category_btn svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .category_list {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    display: none;
    width: var(--sf-nav-sidebar-width, clamp(220px, 18vw, 280px));
    min-width: var(--sf-nav-sidebar-width, clamp(220px, 18vw, 280px));
    max-width: var(--sf-nav-sidebar-width, clamp(220px, 18vw, 280px));
    margin: 0;
    padding: 0;
    overflow: visible;
    background: var(--sf-nav-panel-bg);
    border: 1px solid var(--sf-border, #e8e8e8);
    border-radius: var(--sf-nav-panel-radius);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
    z-index: 10040;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__content {
    overflow: visible;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="flyout"]:hover .category_list,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="flyout"]:focus-within .category_list {
    display: block;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .category_list h3 {
    display: flex;
    align-items: center;
    gap: 8px;
    box-sizing: border-box;
    width: 100%;
    height: var(--sf-nav-header-height);
    min-height: var(--sf-nav-header-height);
    max-height: var(--sf-nav-header-height);
    margin: 0;
    padding: 0 var(--sf-nav-item-pad-x);
    overflow: hidden;
    flex: 0 0 auto;
    border-bottom: 1px solid var(--sf-border, #efeff0);
    font-size: var(--sf-nav-header-font-size, clamp(13px, 1.05vw, 14px));
    font-weight: 700;
    line-height: 1.2;
    color: var(--sf-text, #111);
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .category_list h3 > .notranslate {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .category_icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    flex: 0 0 auto;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .category_icon svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .first-level-ul,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-category-navigation__list,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-category-navigation__submenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__content,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__content > [data-nav-item="categories-root"] {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .first-level-li {
    position: relative;
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Full-bleed separators edge-to-edge across the menu panel. */
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .first-level-li + .first-level-li {
    border-top: 0;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .first-level-li + .first-level-li::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    background: var(--sf-nav-item-divider);
    pointer-events: none;
    z-index: 1;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .first-level-a {
    display: flex;
    align-items: center;
    gap: var(--sf-nav-item-gap);
    width: 100%;
    min-height: var(--sf-nav-item-height);
    margin: 0;
    padding: 0 var(--sf-nav-item-pad-x);
    line-height: 1.3;
    text-decoration: none;
    color: var(--sf-text, #111);
    border-radius: 0;
    box-sizing: border-box;
    transition: background-color 0.15s ease, color 0.15s ease;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .first-level-li:has(.second-level-ul) > .first-level-a::after {
    content: "";
    flex: 0 0 auto;
    width: 6px;
    height: 6px;
    margin-left: auto;
    border-top: 1.5px solid var(--sf-text-muted, #888);
    border-right: 1.5px solid var(--sf-text-muted, #888);
    transform: rotate(45deg);
    opacity: 0.65;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .first-level-label {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: var(--sf-nav-label-font-size, clamp(12px, 0.95vw, 14px));
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .first-level-icon {
    display: none;
    align-items: center;
    justify-content: center;
    width: var(--sf-nav-icon-size);
    height: var(--sf-nav-icon-size);
    flex: 0 0 var(--sf-nav-icon-size);
    border-radius: calc(var(--sf-nav-panel-radius) - 4px);
    background: transparent;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .first-level-icon:has(img) {
    display: inline-flex;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .first-level-icon img {
    max-width: 18px;
    max-height: 18px;
    object-fit: contain;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .first-level-li:hover > .first-level-a,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .first-level-li:focus-within > .first-level-a,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .first-level-li.is-active > .first-level-a {
    background-color: var(--sf-nav-active-bg);
    background-image: none;
    color: var(--sf-primary, var(--theme-color, #0d6efd));
    box-shadow: none;
    border-radius: 0;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .first-level-li:hover > .first-level-a::after,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .first-level-li:focus-within > .first-level-a::after,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .first-level-li.is-active > .first-level-a::after {
    border-top-color: var(--sf-primary, var(--theme-color, #0d6efd));
    border-right-color: var(--sf-primary, var(--theme-color, #0d6efd));
    opacity: 1;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .first-level-li > .second-level-ul {
    display: none !important;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__flyout {
    position: relative;
    top: auto;
    left: auto;
    width: min(720px, calc(100vw - 320px));
    min-height: 0;
    height: auto;
    margin: 0;
    padding: clamp(12px, 1.2vw, 18px) clamp(14px, 1.4vw, 20px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    background-color: var(--sf-nav-submenu-surface);
    background-image: none;
    border: 0;
    border-left: 0;
    border-radius: 0;
    box-shadow: none;
    z-index: 1;
    box-sizing: border-box;
    scrollbar-width: thin;
    scrollbar-color: rgba(15, 23, 42, 0.28) transparent;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__flyout::-webkit-scrollbar {
    width: 8px;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__flyout::-webkit-scrollbar-thumb {
    background: rgba(15, 23, 42, 0.28);
    border-radius: 999px;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__flyout::-webkit-scrollbar-track {
    background: transparent;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__flyout[hidden] {
    display: none !important;
}

/*
 * Seam shadow casts onto the sidebar (right → left), full panel height including
 * the header. Masked out only across the active L1 button.
 */
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .category_list.is-flyout-open::after,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .category_list:has(.storefront-main-navigation__flyout:not([hidden]))::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--sf-nav-sidebar-width);
    width: 7px;
    transform: translateX(-100%);
    pointer-events: none;
    z-index: 6;
    background: linear-gradient(
        to left,
        rgba(15, 23, 42, 0.18) 0%,
        rgba(15, 23, 42, 0.08) 45%,
        transparent 100%
    );
    -webkit-mask-image: linear-gradient(
        to bottom,
        #000 0,
        #000 var(--sf-nav-shadow-gap-top),
        transparent var(--sf-nav-shadow-gap-top),
        transparent calc(var(--sf-nav-shadow-gap-top) + var(--sf-nav-shadow-gap-height)),
        #000 calc(var(--sf-nav-shadow-gap-top) + var(--sf-nav-shadow-gap-height)),
        #000 100%
    );
    mask-image: linear-gradient(
        to bottom,
        #000 0,
        #000 var(--sf-nav-shadow-gap-top),
        transparent var(--sf-nav-shadow-gap-top),
        transparent calc(var(--sf-nav-shadow-gap-top) + var(--sf-nav-shadow-gap-height)),
        #000 calc(var(--sf-nav-shadow-gap-top) + var(--sf-nav-shadow-gap-height)),
        #000 100%
    );
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .category_list.is-flyout-open,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .category_list:has(.storefront-main-navigation__flyout:not([hidden])) {
    --sf-nav-shadow-gap-top: 0px;
    --sf-nav-shadow-gap-height: 0px;
    display: grid;
    grid-template-columns: minmax(0, var(--sf-nav-sidebar-width)) minmax(0, auto);
    grid-template-rows: auto minmax(0, 1fr);
    column-gap: 0;
    row-gap: 0;
    width: max-content;
    max-width: calc(100vw - 24px);
    height: var(--sf-nav-panel-height, auto);
    max-height: var(--sf-nav-panel-height, none);
    overflow: hidden;
    border-radius: var(--sf-nav-panel-radius);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
    background: var(--sf-nav-panel-bg);
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .category_list.is-flyout-open .first-level-li.is-active,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .category_list:has(.storefront-main-navigation__flyout:not([hidden])) .first-level-li.is-active {
    background-color: var(--sf-nav-submenu-surface);
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .category_list.is-flyout-open .first-level-li.is-active > .first-level-a,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .category_list:has(.storefront-main-navigation__flyout:not([hidden])) .first-level-li.is-active > .first-level-a {
    position: relative;
    z-index: 3;
    background-color: transparent;
    background-image: none;
    box-shadow: 6px 0 0 0 var(--sf-nav-submenu-surface);
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .category_list.is-flyout-open > h3,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .category_list:has(.storefront-main-navigation__flyout:not([hidden])) > h3 {
    grid-column: 1;
    grid-row: 1;
    align-self: start;
    z-index: 2;
    width: var(--sf-nav-sidebar-width);
    height: var(--sf-nav-header-height);
    min-height: var(--sf-nav-header-height);
    max-height: var(--sf-nav-header-height);
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .category_list.is-flyout-open > .storefront-main-navigation__content,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .category_list:has(.storefront-main-navigation__flyout:not([hidden])) > .storefront-main-navigation__content {
    grid-column: 1;
    grid-row: 2;
    align-self: stretch;
    width: var(--sf-nav-sidebar-width);
    min-height: 0;
    margin-top: 0;
    z-index: 1;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .category_list.is-flyout-open > .storefront-main-navigation__flyout,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .category_list:has(.storefront-main-navigation__flyout:not([hidden])) > .storefront-main-navigation__flyout {
    grid-column: 2;
    grid-row: 1 / -1;
    align-self: stretch;
    justify-self: stretch;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    /* No border/gap — sidebar + panel share one continuous surface. */
    border-left: 0;
    margin: 0;
    background-color: var(--sf-nav-submenu-surface);
    background-image: none;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__flyout > .second-level-ul,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__flyout > .second-level-ul.submenu {
    background: transparent;
    background-color: transparent;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__flyout > .second-level-ul {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(160px, 100%), 1fr));
    gap: clamp(8px, 1vw, 16px) clamp(12px, 1.4vw, 24px);
    align-content: start;
    position: static;
    width: 100%;
    max-width: 100%;
    max-height: none;
    margin: 0;
    padding: 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .second-level-li {
    display: block;
    list-style: none;
    min-width: 0;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .second-level-a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0 6px;
    font-size: var(--sf-nav-label-font-size, clamp(12px, 0.95vw, 14px));
    font-weight: 700;
    line-height: 1.3;
    color: var(--sf-text, #111);
    text-decoration: none;
    border-radius: 0;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .second-level-icon {
    display: none;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .second-level-icon:has(img) {
    display: inline-flex;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .second-level-icon img {
    max-width: 16px;
    max-height: 16px;
    object-fit: contain;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .second-level-a:hover {
    color: var(--sf-primary, var(--theme-color, #0d6efd));
    background: var(--sf-nav-hover-bg);
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .third-level-ul {
    margin: 0;
    padding: 0 0 4px;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .third-level-li {
    list-style: none;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .third-level-a {
    display: block;
    min-width: 0;
    max-width: 100%;
    padding: 3px 0;
    font-size: var(--sf-nav-label-font-size, clamp(12px, 0.95vw, 14px));
    font-weight: 400;
    line-height: 1.35;
    color: var(--sf-text-muted, #555);
    text-decoration: none;
    white-space: normal;
    overflow-wrap: anywhere;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .third-level-a:hover {
    color: var(--sf-primary, var(--theme-color, #0d6efd));
    background: var(--sf-nav-hover-bg);
}

/* Homepage sidebar — permanent left column, mega panel covers hero area. */
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] {
    display: block;
    width: 48px;
    min-width: 48px;
    height: 40px;
    --sf-nav-item-height-preferred: 36px;
    --sf-nav-item-height-min: 32px;
    --sf-nav-item-height-max: 48px;
    --sf-nav-item-height: var(--sf-nav-item-height-preferred);
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .category_btn {
    display: none;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .category_list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: var(--sf-nav-sidebar-width);
    height: var(--sf-nav-panel-height, auto);
    min-height: 0;
    max-height: var(--sf-nav-panel-height, none);
    overflow: hidden;
    background: var(--sf-nav-panel-bg);
    border: 1px solid var(--sf-border, #e8e8e8);
    border-radius: var(--sf-nav-panel-radius);
    box-shadow: 0 10px 32px color-mix(in srgb, var(--sf-text, #172033) calc(var(--sf-shadow-alpha, 0.1) * 100%), transparent);
}

/* Fixed storefront header — sidebar tracks page scroll and stays under header chrome. */
html[data-storefront-shell="commerce"]:has([data-homepage-content-root]) [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .category_list[data-homepage-panel-scroll-sync="true"] {
    z-index: 9999;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .category_list > h3 {
    grid-column: 1;
    grid-row: 1;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .category_list > .storefront-main-navigation__content {
    grid-column: 1;
    grid-row: 2;
    min-height: 0;
    margin-top: 0;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .category_list.is-flyout-open,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .category_list:has(.storefront-main-navigation__flyout:not([hidden])) {
    grid-template-columns: minmax(0, 1fr);
    width: var(--sf-nav-sidebar-width);
    min-width: var(--sf-nav-sidebar-width);
    max-width: var(--sf-nav-sidebar-width);
    overflow: visible;
    border-right: 0;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .category_list h3 {
    flex: 0 0 var(--sf-nav-header-height);
    height: var(--sf-nav-header-height);
    min-height: var(--sf-nav-header-height);
    max-height: var(--sf-nav-header-height);
    background: var(--sf-nav-panel-bg);
    border-bottom-color: var(--sf-divider, var(--sf-border, #e9edf3));
    letter-spacing: 0.01em;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .storefront-main-navigation__content {
    min-height: 0;
    padding: 0;
    overflow: visible;
    background: var(--sf-nav-panel-bg);
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .first-level-ul {
    display: flex;
    flex-direction: column;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .first-level-a {
    min-height: var(--sf-nav-item-height);
    height: var(--sf-nav-item-height);
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .first-level-li.is-active > .first-level-a,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .first-level-li:hover > .first-level-a,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-interaction="accordion"] .first-level-li.is-active > .first-level-a,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-interaction="accordion"] .first-level-li:hover > .first-level-a,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .main-header-classadd [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .first-level-li.is-active > .first-level-a,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .main-header-classadd [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .first-level-li:hover > .first-level-a {
    background-color: var(--sf-nav-active-bg, var(--sf-nav-panel-bg));
    background-image: none;
    border-radius: 0;
    box-shadow: none;
    color: var(--sf-primary, var(--theme-color, #0d6efd));
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .storefront-main-navigation__flyout {
    width: auto;
    min-width: 0;
    max-width: none;
    height: auto;
    min-height: 0;
    max-height: none;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: var(--sf-nav-submenu-surface);
    background-image: none;
    border-left: 0;
    padding: clamp(12px, 1.2vw, 20px) clamp(14px, 1.4vw, 24px);
    box-sizing: border-box;
}

/* Mega-menu flyout rows — same label size as L1 / hamburger submenu. */
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .storefront-main-navigation__flyout .second-level-a,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .storefront-main-navigation__flyout .third-level-a {
    font-size: var(--sf-nav-label-font-size, clamp(12px, 0.95vw, 14px)) !important;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .storefront-main-navigation__flyout > .second-level-ul {
    gap: clamp(10px, 1.2vw, 18px) clamp(14px, 1.6vw, 28px);
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .storefront-main-navigation__flyout .second-level-a {
    padding: 6px 0 8px;
    color: var(--sf-text, #172033);
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .storefront-main-navigation__flyout .third-level-a {
    padding: 5px 0;
    color: var(--sf-text-secondary, var(--sf-text-muted, #4b5870));
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .storefront-main-navigation__flyout .third-level-a:hover {
    color: var(--sf-primary, #0c63e7);
    background: var(--sf-nav-hover-bg);
}

/* Scrolled homepage header — compact hamburger uses accordion (not mega flyout). */
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .main-header-classadd [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .category_btn {
    display: inline-flex;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .main-header-classadd [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .category_list,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-interaction="accordion"] .category_list,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .category_list[data-nav-interaction="accordion"] {
    top: calc(100% + 6px);
    left: 0;
    display: none;
    width: var(--sf-nav-sidebar-width, clamp(220px, 18vw, 280px));
    min-width: var(--sf-nav-sidebar-width, clamp(220px, 18vw, 280px));
    max-width: var(--sf-nav-sidebar-width, clamp(220px, 18vw, 280px));
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    box-sizing: border-box;
}

/* Root L1 list never scrolls; height is content-driven. */
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-interaction="accordion"] .category_list:not(.is-drilldown-open),
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .main-header-classadd [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .category_list:not(.is-drilldown-open) {
    overflow: visible;
    max-height: none !important;
}

/* Drill-down may scroll inside the body only. */
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-interaction="accordion"] .category_list.is-drilldown-open,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .main-header-classadd [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .category_list.is-drilldown-open {
    overflow: hidden;
    max-height: min(70vh, calc(100vh - 96px)) !important;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .main-header-classadd [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"]:hover .category_list,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .main-header-classadd [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"]:focus-within .category_list,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-interaction="accordion"]:hover .category_list,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-interaction="accordion"]:focus-within .category_list {
    display: flex;
    flex-direction: column;
}

[data-storefront-shell="commerce"] [data-storefront-component="Header"] .main-header-classadd [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .category_list > h3,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .main-header-classadd [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .category_list > .storefront-main-navigation__content,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-interaction="accordion"] .category_list > h3,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-interaction="accordion"] .category_list > .storefront-main-navigation__content,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .category_list[data-nav-interaction="accordion"] > h3,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .category_list[data-nav-interaction="accordion"] > .storefront-main-navigation__content {
    grid-column: auto;
    grid-row: auto;
    width: 100%;
    margin-top: 0;
}

/* Accordion mode never opens the side mega panel. */
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-interaction="accordion"] .storefront-main-navigation__flyout,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .category_list[data-nav-interaction="accordion"] .storefront-main-navigation__flyout,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .main-header-classadd [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .storefront-main-navigation__flyout {
    display: none !important;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-interaction="accordion"] .category_list.is-flyout-open,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-interaction="accordion"] .category_list:has(.storefront-main-navigation__flyout:not([hidden])),
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .main-header-classadd [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .category_list.is-flyout-open,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .main-header-classadd [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .category_list:has(.storefront-main-navigation__flyout:not([hidden])) {
    display: flex !important;
    flex-direction: column;
    width: var(--sf-nav-sidebar-width, clamp(220px, 18vw, 280px));
    min-width: var(--sf-nav-sidebar-width, clamp(220px, 18vw, 280px));
    max-width: var(--sf-nav-sidebar-width, clamp(220px, 18vw, 280px));
    height: auto !important;
    max-height: none !important;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-interaction="accordion"] .category_list.is-flyout-open::after,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .main-header-classadd [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .category_list.is-flyout-open::after {
    content: none;
}

/* Drill-down panel (same footprint as root menu). */
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__drilldown {
    display: none;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    width: 100%;
    overflow: hidden;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .category_list.is-drilldown-open > .storefront-main-navigation__drilldown:not([hidden]) {
    display: flex !important;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__drilldown[hidden] {
    display: none !important;
}

/* Hamburger root L1 rows — same typography and row height as homepage mega-menu. */
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-interaction="accordion"] .first-level-a,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .main-header-classadd [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .first-level-a {
    min-height: var(--sf-nav-item-height);
    height: var(--sf-nav-item-height);
    line-height: 1.3;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-interaction="accordion"] .category_list h3,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .main-header-classadd [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .category_list h3 {
    height: var(--sf-nav-header-height);
    min-height: var(--sf-nav-header-height);
    max-height: var(--sf-nav-header-height);
    padding: 0 var(--sf-nav-item-pad-x);
    font-size: var(--sf-nav-header-font-size, clamp(13px, 1.05vw, 14px));
}

/* Hamburger must mirror mega-menu width/typography — never shrink below persisted metrics. */
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-interaction="accordion"] .category_list,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .main-header-classadd [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .category_list {
    width: var(--sf-nav-sidebar-width, clamp(220px, 18vw, 280px)) !important;
    min-width: var(--sf-nav-sidebar-width, clamp(220px, 18vw, 280px)) !important;
    max-width: var(--sf-nav-sidebar-width, clamp(220px, 18vw, 280px)) !important;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-interaction="accordion"] .first-level-label,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .main-header-classadd [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .first-level-label {
    font-size: var(--sf-nav-label-font-size, clamp(12px, 0.95vw, 14px)) !important;
}

/* Submenu / drill-down rows use the same label size as root L1. */
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-interaction="accordion"] .storefront-main-navigation__accordion-toggle,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-interaction="accordion"] .storefront-main-navigation__accordion-link,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-interaction="accordion"] .storefront-main-navigation__accordion-label,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .main-header-classadd [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .storefront-main-navigation__accordion-toggle,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .main-header-classadd [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .storefront-main-navigation__accordion-link,
[data-storefront-shell="commerce"] [data-storefront-component="Header"] .main-header-classadd [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .storefront-main-navigation__accordion-label {
    font-size: var(--sf-nav-label-font-size, clamp(12px, 0.95vw, 14px)) !important;
    line-height: 1.3;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__drilldown-back {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
    width: 100%;
    min-height: var(--sf-nav-header-height);
    margin: 0;
    padding: 0 14px;
    border: 0;
    border-bottom: 1px solid var(--sf-border, #efeff0);
    background: transparent;
    color: var(--sf-text, #111);
    font-size: var(--sf-nav-header-font-size, clamp(13px, 1.05vw, 14px));
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    cursor: pointer;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__drilldown-back-icon {
    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    border-left: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__drilldown-title {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__drilldown-body {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(15, 23, 42, 0.22) transparent;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__drilldown-body::-webkit-scrollbar {
    width: 6px;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__drilldown-body::-webkit-scrollbar-track {
    margin: 4px 0;
    background: transparent;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__drilldown-body::-webkit-scrollbar-thumb {
    background: rgba(15, 23, 42, 0.18);
    border-radius: 999px;
    border: 1px solid transparent;
    background-clip: padding-box;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__drilldown-body::-webkit-scrollbar-thumb:hover {
    background: rgba(15, 23, 42, 0.32);
    background-clip: padding-box;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__accordion-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__accordion-item {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__accordion-item + .storefront-main-navigation__accordion-item {
    border-top: 0;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__accordion-item + .storefront-main-navigation__accordion-item::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    background: var(--sf-nav-item-divider);
    pointer-events: none;
    z-index: 1;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__accordion-toggle,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__accordion-link,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__accordion-item > .storefront-main-navigation__accordion-label {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 40px;
    margin: 0;
    padding: 8px var(--sf-nav-item-pad-x);
    border: 0;
    background: transparent;
    color: var(--sf-text, #111);
    font-size: var(--sf-nav-label-font-size, clamp(12px, 0.95vw, 14px));
    font-weight: 400;
    line-height: 1.3;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__accordion-label {
    flex: 1 1 auto;
    min-width: 0;
    font-weight: 400;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__accordion-chevron {
    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    margin-left: auto;
    border-right: 2px solid var(--sf-text-muted, #888);
    border-bottom: 2px solid var(--sf-text-muted, #888);
    transform: rotate(45deg);
    transition: transform 0.15s ease;
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__accordion-toggle.is-expanded .storefront-main-navigation__accordion-chevron,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__accordion-toggle[aria-expanded="true"] .storefront-main-navigation__accordion-chevron {
    transform: rotate(-135deg);
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__accordion-panel {
    padding: 0 0 6px;
    background: var(--sf-nav-panel-bg, var(--sf-surface, #fff));
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__accordion-link:hover,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__accordion-toggle:hover,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__accordion-toggle:focus-visible,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__accordion-link:focus-visible {
    background-color: var(--sf-nav-active-bg, var(--sf-nav-panel-bg));
    color: var(--sf-primary, var(--theme-color, #0d6efd));
}

[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__accordion-panel .storefront-main-navigation__accordion-toggle,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__accordion-panel .storefront-main-navigation__accordion-link,
[data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__accordion-panel .storefront-main-navigation__accordion-label {
    min-height: 34px;
    padding-left: calc(var(--sf-nav-item-pad-x) + 10px);
    font-weight: 400;
    font-size: var(--sf-nav-label-font-size, clamp(12px, 0.95vw, 14px));
    color: var(--sf-text-muted, #555);
}

@media (max-width: 1399.98px) {
    [data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"]:not([data-nav-layout="homepage-sidebar"]) {
        --sf-nav-item-height: clamp(32px, 2.4vw, 44px);
    }
}

@media (max-width: 1199.98px) {
    [data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"]:not([data-nav-layout="homepage-sidebar"]) {
        --sf-nav-item-height: clamp(30px, 2.2vw, 42px);
        --sf-nav-icon-size: 20px;
    }

    [data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] {
        --sf-nav-icon-size: 20px;
    }

    [data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .category_list:not([data-nav-interaction="accordion"]) {
        top: 75px;
        left: -240px;
        min-height: 0;
    }

    [data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .storefront-main-navigation__flyout > .second-level-ul {
        grid-template-columns: repeat(auto-fill, minmax(min(140px, 100%), 1fr));
    }
}

@media (max-width: 1030px) {
    [data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] {
        --sf-nav-item-height: 34px;
        /* Compact viewport: match mega-menu label/header size (vw clamp would drop to 12px). */
        --sf-nav-label-font-size: 14px;
        --sf-nav-header-font-size: 14px;
        --sf-nav-sidebar-width: min(280px, calc(100vw - 24px));
    }

    [data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-interaction="accordion"] .storefront-main-navigation__accordion-toggle,
    [data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-interaction="accordion"] .storefront-main-navigation__accordion-link,
    [data-storefront-shell="commerce"] [data-storefront-component="Header"] .main-header-classadd [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .storefront-main-navigation__accordion-toggle,
    [data-storefront-shell="commerce"] [data-storefront-component="Header"] .main-header-classadd [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .storefront-main-navigation__accordion-link {
        min-height: var(--sf-nav-item-height, 34px);
    }

    [data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] {
        width: auto;
    }

    [data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .category_btn {
        display: inline-flex;
    }

    [data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-interaction="accordion"] .category_list,
    [data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"] .category_list[data-nav-interaction="accordion"],
    [data-storefront-shell="commerce"] [data-storefront-component="Header"] .main-header-classadd [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .category_list {
        position: fixed;
        z-index: 10050;
        top: var(--sf-nav-panel-top, calc(100% + 6px));
        left: var(--sf-nav-panel-left, 0);
        right: auto;
        width: var(--sf-nav-sidebar-width, 280px) !important;
        min-width: var(--sf-nav-sidebar-width, 280px) !important;
        max-width: var(--sf-nav-sidebar-width, 280px) !important;
    }

    [data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .category_list:not([data-nav-interaction="accordion"]) {
        top: calc(100% + 6px);
        left: 0;
        display: none;
        width: var(--sf-nav-sidebar-width, clamp(220px, 18vw, 280px));
        min-width: var(--sf-nav-sidebar-width, clamp(220px, 18vw, 280px));
        max-width: var(--sf-nav-sidebar-width, clamp(220px, 18vw, 280px));
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible;
        grid-template-columns: none !important;
        grid-template-rows: none !important;
    }

    [data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .category_list.is-drilldown-open {
        overflow: hidden;
        max-height: min(70vh, calc(100vh - 96px)) !important;
    }

    [data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"]:hover .category_list,
    [data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"]:focus-within .category_list {
        display: flex;
        flex-direction: column;
    }

    [data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .category_list > h3,
    [data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .category_list > .storefront-main-navigation__content {
        grid-column: auto;
        grid-row: auto;
        width: 100%;
        margin-top: 0;
    }

    [data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .storefront-main-navigation__flyout {
        display: none !important;
    }

    [data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .category_list.is-flyout-open:not([data-nav-interaction="accordion"]),
    [data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"]:hover .category_list.is-flyout-open:not([data-nav-interaction="accordion"]),
    [data-storefront-shell="commerce"] [data-storefront-component="MainNavigation"][data-nav-layout="homepage-sidebar"] .category_list:has(.storefront-main-navigation__flyout:not([hidden])):not([data-nav-interaction="accordion"]) {
        display: flex !important;
        flex-direction: column;
        width: var(--sf-nav-sidebar-width, clamp(220px, 18vw, 280px));
        min-width: var(--sf-nav-sidebar-width, clamp(220px, 18vw, 280px));
        max-width: var(--sf-nav-sidebar-width, clamp(220px, 18vw, 280px));
        height: auto !important;
        max-height: none !important;
    }
}

/* === mobile-navigation.css === */
/* Component base: MobileNavigation — bottom bar layout and safe-area padding. */
[data-storefront-shell="commerce"] [data-storefront-component="MobileNavigation"].storefront-mobile-navigation {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10002;
    padding-bottom: env(safe-area-inset-bottom, 0);
    background: var(--sf-surface, #fff);
    border-top: 1px solid var(--sf-border, #efeff0);
    box-shadow: 0 -2px 10px rgba(15, 23, 42, 0.06);
}

[data-storefront-shell="commerce"] [data-storefront-component="MobileNavigation"] .mobile-footer-links {
    display: none;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: stretch;
    gap: 0;
    margin: 0;
    padding: 0;
    min-height: 56px;
}

[data-storefront-shell="commerce"] [data-storefront-component="MobileNavigation"] .mobile-footer-links > a,
[data-storefront-shell="commerce"] [data-storefront-component="MobileNavigation"] .mobile-footer-links > .cart-div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    min-width: 0;
    min-height: 56px;
    padding: 6px 4px;
    text-align: center;
    text-decoration: none;
    color: var(--sf-text-muted, #5f5f5f);
}

[data-storefront-shell="commerce"] [data-storefront-component="MobileNavigation"] .mobile-footer-links > .cart-div > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    width: 100%;
    min-height: 56px;
    padding: 6px 4px;
    text-decoration: none;
    color: inherit;
}

[data-storefront-shell="commerce"] [data-storefront-component="MobileNavigation"] .mobile-footer-links svg {
    display: block;
    width: 22px;
    height: 22px;
    flex: 0 0 auto;
}

[data-storefront-shell="commerce"] [data-storefront-component="MobileNavigation"] .sf-mobile-nav__label,
[data-storefront-shell="commerce"] [data-storefront-component="MobileNavigation"] .mobile-footer-links .notranslate {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    line-height: 1.2;
    color: var(--sf-text-secondary, var(--sf-text-muted, #5f5f5f));
}

@media (max-width: 991.98px) {
    [data-storefront-shell="commerce"] [data-storefront-component="MobileNavigation"] .mobile-footer-links {
        display: grid;
    }
}

@media (min-width: 992px) {
    [data-storefront-shell="commerce"] [data-storefront-component="MobileNavigation"].storefront-mobile-navigation {
        display: none;
    }
}

/* === product-buybox.css === */
/* Component base: ProductBuyBox — primary action grid and quantity controls. */
[data-storefront-shell="commerce"] [data-storefront-component="ProductBuyBox"] {
    min-width: 0;
    max-width: 100%;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductBuyBox"] .d-action-btn,
[data-storefront-shell="commerce"] [data-storefront-component="ProductBuyBox"] .lb-action-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductBuyBox"] .title {
    height: auto;
    margin: 10px 0;
    line-height: 1.35;
    overflow-wrap: anywhere;
    white-space: normal;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductBuyBox"] .rating {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 6px;
    max-width: 100%;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductBuyBox"] .d-action {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 10px;
    min-width: 0;
    max-width: 100%;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductBuyBox"] #btnaddtocart,
[data-storefront-shell="commerce"] [data-storefront-component="ProductBuyBox"] #btnbuynow,
[data-storefront-shell="commerce"] [data-storefront-component="ProductBuyBox"] [data-add-to-cart],
[data-storefront-shell="commerce"] [data-storefront-component="ProductBuyBox"] .d-buy-now,
[data-storefront-shell="commerce"] [data-storefront-component="ProductBuyBox"] .d-bid-now,
[data-storefront-shell="commerce"] [data-storefront-component="ProductBuyBox"] .lb-cart-btn {
    flex: 1 1 140px;
    width: auto;
    max-width: 100%;
    min-width: 0;
    min-height: 48px;
    height: auto;
    white-space: normal;
    text-align: center;
    box-sizing: border-box;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductBuyBox"] .d-quatity {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductBuyBox"] .d-quatity-textbox,
[data-storefront-shell="commerce"] [data-storefront-component="ProductBuyBox"] .d-quatity .col-md-9 {
    min-width: 0;
    max-width: 100%;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductBuyBox"] .d-quatity input[type="number"] {
    width: 100%;
    max-width: 120px;
    min-height: 44px;
    box-sizing: border-box;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductBuyBox"] .product-seller-summary {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .4rem;
    margin: 0 0 .7rem;
}

@media (max-width: 991.98px) {
    [data-storefront-shell="commerce"] [data-storefront-component="ProductBuyBox"] .d-quatity {
        position: sticky;
        bottom: 0;
        z-index: 20;
        background: var(--sf-surface, #fff);
        margin-left: -12px;
        margin-right: -12px;
        padding: 12px;
        border-top: 1px solid var(--sf-border, #e8e8e8);
        box-sizing: border-box;
    }

    [data-storefront-shell="commerce"] [data-storefront-component="ProductBuyBox"] .d-quatity .col-md-9 {
        width: 100%;
        max-width: 100%;
        flex: 1 1 auto;
        text-align: left;
        padding: 0;
    }

    [data-storefront-shell="commerce"] [data-storefront-component="ProductBuyBox"] .d-quatity-textbox {
        width: auto;
        flex: 0 0 auto;
    }
}

/* === product-card.css === */
/* Component base: ProductCard — canonical layout and structure (geometry owned here). */
[data-storefront-shell="commerce"] {
    --sf-product-card-media-height: 200px;
    --sf-product-card-grid-gutter: 8px;
    --sf-product-card-list-gap: 7px;
}

[data-storefront-shell="commerce"] .product-box-wrapper.row,
[data-storefront-shell="commerce"] #searchproduct .product-box-wrapper.row,
[data-storefront-shell="commerce"] .search-data .product-box-wrapper.row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--sf-product-card-grid-gutter);
    align-items: stretch;
    margin: 0 !important;
    padding: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
    flex-wrap: wrap;
}

[data-storefront-shell="commerce"] .product-box-wrapper.row > [data-storefront-component="ProductCard"],
[data-storefront-shell="commerce"] #searchproduct .product-box-wrapper.row > [data-storefront-component="ProductCard"],
[data-storefront-shell="commerce"] .product-box-wrapper.row > .wishlist-item {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    flex: none;
    max-width: none;
    width: 100% !important;
    min-width: 0;
    float: none !important;
    box-sizing: border-box;
    padding: 0;
    height: auto;
    min-height: 100%;
}

@media (min-width: 576px) {
    [data-storefront-shell="commerce"] .product-box-wrapper.row,
    [data-storefront-shell="commerce"] #searchproduct .product-box-wrapper.row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 992px) {
    [data-storefront-shell="commerce"] .product-box-wrapper.row,
    [data-storefront-shell="commerce"] #searchproduct .product-box-wrapper.row {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

[data-storefront-shell="commerce"] .listview .product-box-wrapper.row,
[data-storefront-shell="commerce"] #searchproduct.listview .product-box-wrapper.row {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--sf-product-card-list-gap);
    background: transparent !important;
    border-radius: 0;
    box-shadow: none;
}

[data-storefront-shell="commerce"] .product-verticle .product-box-wrapper.row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    max-width: 100%;
    height: 100%;
    box-sizing: border-box;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"].col-lg-3,
[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"].col-sm-4,
[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"].col-xs-6,
[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"].block-item {
    flex: 0 0 auto;
    flex-basis: auto;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0;
    padding-right: 0;
    float: none !important;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .product-box.sf-product-card {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 10px;
    overflow: hidden;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .sf-product-card__link {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    color: inherit;
    text-decoration: none;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .sf-product-card__media,
[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .p-img.sf-product-card__media {
    display: flex;
    flex: 0 0 var(--sf-product-card-media-height);
    align-items: center;
    justify-content: center;
    width: 100%;
    height: var(--sf-product-card-media-height);
    min-height: var(--sf-product-card-media-height);
    max-height: var(--sf-product-card-media-height);
    margin-bottom: 10px;
    overflow: hidden;
    background: var(--sf-surface-subtle, var(--white-smoke, #f8f9fa));
    border-radius: var(--sf-card-radius, 4px);
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .sf-product-card__media img,
[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .p-img.sf-product-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .sf-product-card__content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    min-height: 0;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .sf-product-card__title-row {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    min-width: 0;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .sf-product-card__title,
[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .p-title {
    flex: 1 1 auto;
    min-width: 0;
    height: auto;
    max-height: none;
    margin: 0;
    overflow: hidden;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    min-height: calc(1.35em * 2);
    word-break: break-word;
    overflow-wrap: anywhere;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .sf-product-card__unit,
[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .p-unit {
    flex: 0 0 auto;
    float: none;
    max-width: 40%;
    font-size: 12px;
    line-height: 1.3;
    text-align: right;
    overflow-wrap: anywhere;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .sf-product-card__pricing,
[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .p-price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 8px;
    height: auto;
    min-height: 0;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .p-price .p-old-p {
    height: auto;
    margin: 0;
    font-size: 11px;
    font-weight: 300;
    line-height: 1.25;
    text-decoration: line-through;
    white-space: nowrap;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .p-price .freeshipping {
    flex: 0 0 auto;
    max-width: 100%;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .sf-product-card__badges,
[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .p-badges,
[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .sf-product-card__seller-badges,
[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .p-seller-badges {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    height: auto;
    min-height: 0;
    margin: 0;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .sponsored-badge {
    align-self: flex-start;
    max-width: 100%;
    overflow-wrap: anywhere;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .sf-product-card__rating,
[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .p-review {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px 6px;
    height: auto;
    min-height: 0;
    margin: 0;
    font-size: 12px;
    line-height: 1.3;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .sf-product-card__purchase,
[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .p-conditional_div {
    flex: 0 0 auto;
    height: auto;
    min-height: 0;
    margin: auto 0 0;
    padding: 12px 0 8px;
    position: relative;
    max-width: 100%;
    box-sizing: border-box;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .sf-product-card__cta,
[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .p-conditional_div .p-cart {
    display: block;
    width: 100%;
    min-width: 0;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .sf-product-card__cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 44px;
    padding: 10px 14px;
    border: 0;
    line-height: 1.25;
    white-space: normal;
    text-align: center;
    overflow: visible;
    cursor: pointer;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .sf-product-card__cta-button > span {
    display: inline-block;
    line-height: 1.25;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .sf-product-card__secondary-actions,
[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .p-action-btn {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 6px 0 0;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .sf-product-card__secondary-actions .p-compare {
    margin-right: auto;
    min-width: 0;
    max-width: 100%;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .sf-product-card__secondary-actions .p-chat,
[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .sf-product-card__secondary-actions .p-view,
[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .sf-product-card__secondary-actions .p-fav,
[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .sf-product-card__secondary-actions .p-un-fav {
    float: none;
    margin: 0;
}

/* Search grid: equal-height cards in Bootstrap columns */
[data-storefront-shell="commerce"] #searchproduct [data-storefront-component="ProductCard"] .product-box.sf-product-card {
    width: 100%;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .sf-product-card__aside {
    display: contents;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .sf-product-card__cta-stack {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .sf-product-card__buy-now {
    display: none;
}

/* List view — image left, details center, actions right */
[data-storefront-shell="commerce"] #searchproduct.listview [data-storefront-component="ProductCard"] .product-box.sf-product-card,
[data-storefront-shell="commerce"] .listview [data-storefront-component="ProductCard"] .product-box.sf-product-card {
    display: grid;
    grid-template-columns: minmax(168px, 200px) minmax(0, 1fr) minmax(230px, 280px);
    grid-template-rows: 1fr;
    gap: 16px 24px;
    align-items: stretch;
    min-height: 196px;
    height: auto;
    padding: 16px 20px;
    border: 1px solid var(--sf-border, var(--l-grey, #e8e8e8));
    border-radius: var(--sf-card-radius, 8px);
    background: var(--sf-surface, #fff);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

[data-storefront-shell="commerce"] #searchproduct.listview [data-storefront-component="ProductCard"] .sf-product-card__link,
[data-storefront-shell="commerce"] .listview [data-storefront-component="ProductCard"] .sf-product-card__link {
    display: contents;
}

[data-storefront-shell="commerce"] #searchproduct.listview [data-storefront-component="ProductCard"] .sf-product-card__media,
[data-storefront-shell="commerce"] #searchproduct.listview [data-storefront-component="ProductCard"] .p-img.sf-product-card__media,
[data-storefront-shell="commerce"] .listview [data-storefront-component="ProductCard"] .sf-product-card__media,
[data-storefront-shell="commerce"] .listview [data-storefront-component="ProductCard"] .p-img.sf-product-card__media {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    width: 100%;
    height: var(--sf-product-card-media-height);
    min-height: var(--sf-product-card-media-height);
    max-height: var(--sf-product-card-media-height);
    flex: 0 0 var(--sf-product-card-media-height);
    margin: 0;
    float: none !important;
}

[data-storefront-shell="commerce"] #searchproduct.listview [data-storefront-component="ProductCard"] .sf-product-card__content,
[data-storefront-shell="commerce"] .listview [data-storefront-component="ProductCard"] .sf-product-card__content {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    min-width: 0;
    align-self: center;
    float: none !important;
    width: auto !important;
}

[data-storefront-shell="commerce"] #searchproduct.listview [data-storefront-component="ProductCard"] .sf-product-card__aside,
[data-storefront-shell="commerce"] .listview [data-storefront-component="ProductCard"] .sf-product-card__aside {
    display: flex;
    grid-column: 3;
    grid-row: 1;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    gap: 12px;
    align-self: stretch;
    min-width: 0;
}

[data-storefront-shell="commerce"] #searchproduct.listview [data-storefront-component="ProductCard"] .sf-product-card__purchase,
[data-storefront-shell="commerce"] .listview [data-storefront-component="ProductCard"] .sf-product-card__purchase {
    display: block;
    margin: 0;
    padding: 0;
    border-top: 0;
    width: auto !important;
    float: none !important;
    position: static !important;
}

[data-storefront-shell="commerce"] #searchproduct.listview [data-storefront-component="ProductCard"] .sf-product-card__secondary-actions,
[data-storefront-shell="commerce"] .listview [data-storefront-component="ProductCard"] .sf-product-card__secondary-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    border-top: 0;
    position: static !important;
    left: auto !important;
    bottom: auto !important;
}

[data-storefront-shell="commerce"] #searchproduct.listview [data-storefront-component="ProductCard"] .sf-product-card__secondary-actions .p-compare {
    margin-right: 0;
    float: none !important;
}

[data-storefront-shell="commerce"] #searchproduct.listview [data-storefront-component="ProductCard"] .sf-product-card__cta-button,
[data-storefront-shell="commerce"] .listview [data-storefront-component="ProductCard"] .sf-product-card__cta-button {
    width: 100%;
    min-height: 46px;
    white-space: nowrap;
}

[data-storefront-shell="commerce"] #searchproduct.listview [data-storefront-component="ProductCard"] .sf-product-card__buy-now,
[data-storefront-shell="commerce"] .listview [data-storefront-component="ProductCard"] .sf-product-card__buy-now {
    display: inline-flex;
}

[data-storefront-shell="commerce"] #searchproduct.listview [data-storefront-component="ProductCard"] .sf-product-card__title,
[data-storefront-shell="commerce"] .listview [data-storefront-component="ProductCard"] .sf-product-card__title {
    -webkit-line-clamp: 3;
    min-height: 0;
    font-size: 16px;
}

@media (max-width: 767.98px) {
    [data-storefront-shell="commerce"] #searchproduct.listview [data-storefront-component="ProductCard"] .product-box.sf-product-card,
    [data-storefront-shell="commerce"] .listview [data-storefront-component="ProductCard"] .product-box.sf-product-card {
        grid-template-columns: minmax(120px, 140px) minmax(0, 1fr);
        grid-template-rows: auto auto auto;
        gap: 12px;
        padding: 12px;
    }

    [data-storefront-shell="commerce"] #searchproduct.listview [data-storefront-component="ProductCard"] .sf-product-card__media,
    [data-storefront-shell="commerce"] #searchproduct.listview [data-storefront-component="ProductCard"] .p-img.sf-product-card__media,
    [data-storefront-shell="commerce"] .listview [data-storefront-component="ProductCard"] .sf-product-card__media,
    [data-storefront-shell="commerce"] .listview [data-storefront-component="ProductCard"] .p-img.sf-product-card__media {
        grid-column: 1;
        grid-row: 1 / span 2;
        align-self: start;
    }

    [data-storefront-shell="commerce"] #searchproduct.listview [data-storefront-component="ProductCard"] .sf-product-card__content,
    [data-storefront-shell="commerce"] .listview [data-storefront-component="ProductCard"] .sf-product-card__content {
        grid-column: 2;
        grid-row: 1;
    }

    [data-storefront-shell="commerce"] #searchproduct.listview [data-storefront-component="ProductCard"] .sf-product-card__aside,
    [data-storefront-shell="commerce"] .listview [data-storefront-component="ProductCard"] .sf-product-card__aside {
        grid-column: 1 / -1;
        grid-row: 3;
    }
}

@media (max-width: 767.98px) {
    [data-storefront-shell="commerce"] {
        --sf-product-card-media-height: 168px;
    }

    [data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .sf-product-card__title,
    [data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .p-title {
        font-size: 14px;
        -webkit-line-clamp: 2;
        min-height: calc(1.35em * 2);
    }

    [data-storefront-shell="commerce"] [data-storefront-component="ProductCard"] .sf-product-card__cta-button {
        min-height: 42px;
        padding: 9px 12px;
    }
}

/* Homepage product sections — same grid geometry as search */
[data-storefront-shell="commerce"] .product-box-8:has([data-storefront-component="ProductCard"]),
[data-storefront-shell="commerce"] .product-box-5:has([data-storefront-component="ProductCard"]),
[data-storefront-shell="commerce"] .product-box-4:has([data-storefront-component="ProductCard"]),
[data-storefront-shell="commerce"] #dvproducthome .product-box-wrapper.row,
[data-storefront-shell="commerce"] .homepage-promotion-zone .product-box-wrapper.row,
[data-storefront-shell="commerce"] #dvProductHomePageContainer .product-box-wrapper.row {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
}

[data-storefront-shell="commerce"] .product-box-8 .product-box-wrapper.row:has([data-storefront-component="ProductCard"]),
[data-storefront-shell="commerce"] .product-box-5 .product-box-wrapper.row:has([data-storefront-component="ProductCard"]),
[data-storefront-shell="commerce"] .product-box-4 .product-box-wrapper.row:has([data-storefront-component="ProductCard"]),
[data-storefront-shell="commerce"] .product-verticle .product-box-wrapper.row:has([data-storefront-component="ProductCard"]) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    white-space: normal !important;
    overflow-x: hidden !important;
    overflow-y: visible;
    width: 100%;
    max-width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media (min-width: 576px) {
    [data-storefront-shell="commerce"] .product-box-8 .product-box-wrapper.row:has([data-storefront-component="ProductCard"]),
    [data-storefront-shell="commerce"] .product-box-5 .product-box-wrapper.row:has([data-storefront-component="ProductCard"]),
    [data-storefront-shell="commerce"] .product-box-4 .product-box-wrapper.row:has([data-storefront-component="ProductCard"]) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 992px) {
    [data-storefront-shell="commerce"] .product-box-8 .product-box-wrapper.row:has([data-storefront-component="ProductCard"]),
    [data-storefront-shell="commerce"] .product-box-5 .product-box-wrapper.row:has([data-storefront-component="ProductCard"]),
    [data-storefront-shell="commerce"] .product-box-4 .product-box-wrapper.row:has([data-storefront-component="ProductCard"]) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

[data-storefront-shell="commerce"] .product-box-8 [data-storefront-component="ProductCard"],
[data-storefront-shell="commerce"] .product-box-5 [data-storefront-component="ProductCard"],
[data-storefront-shell="commerce"] .product-box-4 [data-storefront-component="ProductCard"],
[data-storefront-shell="commerce"] .product-verticle [data-storefront-component="ProductCard"],
[data-storefront-shell="commerce"] #dvproducthome [data-storefront-component="ProductCard"],
[data-storefront-shell="commerce"] .homepage-promotion-zone [data-storefront-component="ProductCard"] {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
}

/* Homepage carousels — one ProductCard per slide */
[data-storefront-shell="commerce"] .listing-boost.homepage-product-carousel,
[data-storefront-shell="commerce"] .homepage-product-carousel {
    display: flex;
    flex-direction: column;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

[data-storefront-shell="commerce"] .listing-boost.homepage-product-carousel > h3,
[data-storefront-shell="commerce"] .homepage-product-carousel > h3,
[data-storefront-shell="commerce"] .homepage-promotion-zone .product-home-heading .h3,
[data-storefront-shell="commerce"] [data-homepage-content-root] .product-home-heading .h3 {
    display: block;
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 1.4em;
    margin: 0 0 8px;
    padding: 12px 15px;
    line-height: 1.35;
    overflow: visible;
    white-space: normal;
    border-bottom: 0;
    text-align: left;
}

[data-storefront-shell="commerce"] .listing-boost.homepage-product-carousel > h3 span,
[data-storefront-shell="commerce"] .homepage-product-carousel > h3 span,
[data-storefront-shell="commerce"] .homepage-promotion-zone .recommendedproperties,
[data-storefront-shell="commerce"] .homepage-promotion-zone .product-home-heading .h3 span,
[data-storefront-shell="commerce"] [data-homepage-content-root] .product-home-heading .h3 span {
    display: inline-block;
    width: auto;
    max-width: 100%;
    height: auto;
    min-height: 1.2em;
    line-height: 1.35;
    font-size: 1.125rem;
    font-weight: 600;
    white-space: normal;
    overflow: visible;
    color: var(--sf-text, #111);
}

[data-storefront-shell="commerce"] .homepage-product-carousel .swiper {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
}

[data-storefront-shell="commerce"] .homepage-product-carousel .swiper-slide {
    height: auto;
    box-sizing: border-box;
}

[data-storefront-shell="commerce"] .homepage-product-carousel .swiper-slide > [data-storefront-component="ProductCard"] {
    width: 100% !important;
    max-width: 100% !important;
    height: 100%;
    float: none !important;
}

[data-storefront-shell="commerce"] .homepage-product-carousel .swiper-slide [data-storefront-component="ProductCard"] .product-box.sf-product-card {
    height: 100%;
}

[data-storefront-shell="commerce"] .wishlist-item {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

[data-storefront-shell="commerce"] .wishlist-item > [data-storefront-component="ProductCard"] {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    padding: 0;
}

[data-storefront-shell="commerce"] .wishlist-item__toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0 10px 10px;
}

[data-storefront-shell="commerce"] .wishlist-item__toolbar button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 36px;
    padding: 6px 10px;
    border: 1px solid var(--sf-border, #e8e8e8);
    border-radius: var(--sf-card-radius, 4px);
    background: var(--sf-surface, #fff);
    color: var(--sf-text, #111);
    cursor: pointer;
}

/* === product-gallery.css === */
/* Component base: ProductGallery — thumbnail column and main preview grid. */
[data-storefront-shell="commerce"] [data-storefront-component="ProductGallery"].product-gallery-column,
[data-storefront-shell="commerce"] .product-gallery-column[data-storefront-component="ProductGallery"] {
    min-width: 0;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductGallery"] .product-gallery-shell {
    display: grid;
    width: 100%;
    min-width: 0;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: .85rem;
    align-items: stretch;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductGallery"] .product-gallery-shell .detailslider {
    width: 76px;
    height: clamp(390px, 32vw, 540px);
    margin: 0;
    padding: 0;
    overflow: hidden;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductGallery"] .product-gallery-shell .detailslider .swiper-wrapper {
    height: auto;
    flex-direction: column;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductGallery"] .product-gallery-shell .detailslider2 {
    position: relative;
    min-width: 0;
    height: clamp(390px, 32vw, 540px);
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductGallery"] .product-gallery-shell img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}

[data-storefront-shell="commerce"] [data-storefront-component="ProductGallery"] .detailslider .swiper-slide {
    width: 72px;
    height: 72px;
    box-sizing: border-box;
}

[data-storefront-shell="commerce"] #dvImageLightbox .lb-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

[data-storefront-shell="commerce"] #dvImageLightbox .d-buy-now,
[data-storefront-shell="commerce"] #dvImageLightbox .lb-cart-btn {
    flex: 1 1 140px;
    width: auto;
    min-width: 0;
    min-height: 44px;
    white-space: normal;
}

@media (max-width: 767.98px) {
    [data-storefront-shell="commerce"] [data-storefront-component="ProductGallery"] .product-gallery-shell {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto auto;
    }

    [data-storefront-shell="commerce"] [data-storefront-component="ProductGallery"] .product-gallery-shell .detailslider2 {
        grid-row: 1;
        height: clamp(320px, 88vw, 460px);
    }

    [data-storefront-shell="commerce"] [data-storefront-component="ProductGallery"] .product-gallery-shell .detailslider {
        grid-row: 2;
        width: 100%;
        height: 72px;
        overflow-x: auto;
        overflow-y: hidden;
    }

    [data-storefront-shell="commerce"] [data-storefront-component="ProductGallery"] .product-gallery-shell .detailslider .swiper-wrapper {
        flex-direction: row;
    }
}

/* === review-card.css === */
/* Component base: ReviewCard — review row structure and seller reply block. */
[data-storefront-shell="commerce"] [data-storefront-component="ReviewCard"] {
    display: grid;
    grid-template-columns: minmax(72px, 110px) minmax(0, 1fr);
    gap: .75rem 1rem;
    align-items: start;
}

[data-storefront-shell="commerce"] [data-storefront-component="ReviewCard"] .review-card__text {
    overflow-wrap: anywhere;
}

[data-storefront-shell="commerce"] [data-storefront-component="ReviewCard"] .storefront-review-card__seller-reply {
    margin-top: .75rem;
    padding: .75rem .85rem;
    background: color-mix(in srgb, var(--sf-surface) 88%, var(--sf-border));
    border-left: 3px solid var(--sf-primary);
    border-radius: var(--sf-radius);
}

[data-storefront-shell="commerce"] [data-storefront-component="ReviewCard"] [data-verified-purchase-label="true"] {
    font-size: .85rem;
}

/* === search-results.css === */
/* Search listing page shell — layout chrome migrated from legacy page inline styles. */
html[data-storefront-shell="commerce"]:has(.search-layout) .campaign-topbanner,
html[data-storefront-shell="commerce"]:has(.search-layout) footer,
html[data-storefront-shell="commerce"]:has(.search-layout) .copyright {
    display: none !important;
}

html[data-storefront-shell="commerce"]:has(.search-layout),
html[data-storefront-shell="commerce"]:has(.search-layout) body {
    background: var(--white-smoke, #f5f5f5) !important;
}

html[data-storefront-shell="commerce"]:has(.search-layout) .body-content {
    min-height: initial;
}

html[data-storefront-shell="commerce"]:has(.search-layout) .usersdemo {
    display: none;
}

/* Search results chrome — subheader, toolbar, sort, end-of-results message. */
[data-storefront-shell="commerce"] .search-layout__results {
    padding: 12px 16px !important;
    background: var(--sf-product-card-bg, var(--sf-surface, #fff));
}

[data-storefront-shell="commerce"] #searchproduct > .container,
[data-storefront-shell="commerce"] #searchproduct .container {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

/* Search listing uses a fixed shell; width is capped on .search-layout (same as homepage container). */

[data-storefront-shell="commerce"] .search-listing-header {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0 0 18px;
    padding: 0 0 16px;
    border-bottom: 1px solid var(--sf-border, #e8e8e8);
    background: var(--sf-product-card-bg, var(--sf-surface, #fff));
}

[data-storefront-shell="commerce"] .search-listing-header__context {
    min-width: 0;
}

[data-storefront-shell="commerce"] .search-listing-header__breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.4;
}

[data-storefront-shell="commerce"] .search-listing-header__breadcrumb-link,
[data-storefront-shell="commerce"] .search-listing-header__breadcrumb-current,
[data-storefront-shell="commerce"] .search-listing-header__breadcrumb-separator {
    color: var(--sf-text-muted, var(--grey, #6c757d));
}

[data-storefront-shell="commerce"] .search-listing-header__breadcrumb-link {
    color: var(--sf-primary, var(--theme-color, #0d6efd));
    text-decoration: none;
}

[data-storefront-shell="commerce"] .search-listing-header__breadcrumb-link:hover {
    text-decoration: underline;
}

[data-storefront-shell="commerce"] .search-listing-header__breadcrumb-current {
    color: var(--sf-text, var(--body-f, #111));
    font-weight: 500;
}

[data-storefront-shell="commerce"] .search-listing-header__breadcrumb-separator {
    margin: 0 8px;
    color: var(--sf-text-muted, var(--grey, #9aa0a6));
}

[data-storefront-shell="commerce"] .search-listing-header__heading {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 12px;
    margin: 0;
    font-size: clamp(1.35rem, 2vw, 1.75rem);
    font-weight: 700;
    line-height: 1.25;
    color: var(--sf-text, var(--body-f, #111));
}

[data-storefront-shell="commerce"] .search-listing-header__title {
    flex: 0 1 auto;
    margin: 0;
    font: inherit;
    color: inherit;
}

[data-storefront-shell="commerce"] .search-listing-header__meta {
    flex: 1 1 auto;
    margin: 0;
    font-size: clamp(0.95rem, 1.5vw, 1.1rem);
    font-weight: 400;
    line-height: 1.35;
    color: var(--sf-text-muted, var(--grey, #6c757d));
    white-space: normal;
    overflow-wrap: anywhere;
}

[data-storefront-shell="commerce"] .search-layout .pagination,
[data-storefront-shell="commerce"] .search-layout__results .pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px;
    max-width: 100%;
    margin: 16px 0;
}

[data-storefront-shell="commerce"] .search-layout [data-storefront-component="EmptyState"] {
    margin: 24px auto;
    max-width: 36rem;
}

[data-storefront-shell="commerce"] .search-listing-header__heading--search {
    display: block;
    margin: 0;
    line-height: 1.3;
}

[data-storefront-shell="commerce"] .search-listing-header__headline-lead {
    font-size: clamp(1rem, 1.5vw, 1.15rem);
    font-weight: 500;
    color: var(--sf-text-muted, var(--grey, #6c757d));
}

[data-storefront-shell="commerce"] .search-listing-header__headline-query {
    font-size: clamp(1.35rem, 2.2vw, 1.85rem);
    font-weight: 700;
    color: var(--sf-text, var(--body-f, #111));
}

[data-storefront-shell="commerce"] .search-listing-header__headline-category {
    font-weight: 700;
    color: var(--sf-text, var(--body-f, #111));
}

[data-storefront-shell="commerce"] .search-listing-header__controls {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px 20px;
    min-height: 44px;
    padding: 10px 0 0;
}

[data-storefront-shell="commerce"] .search-listing-header__controls-right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 12px 16px;
    margin-left: auto;
}

[data-storefront-shell="commerce"] .search-results-sort {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    min-width: 0;
    width: min(100%, 320px);
}

[data-storefront-shell="commerce"] .search-results-sort__label {
    flex: 0 0 auto;
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: var(--sf-text, var(--body-f, #111));
    white-space: nowrap;
}

[data-storefront-shell="commerce"] .search-results-sort__control {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
}

[data-storefront-shell="commerce"] .search-results-sort__select {
    appearance: none;
    width: 100%;
    min-height: 42px;
    padding: 10px 40px 10px 14px;
    border: 1px solid var(--sf-border, #d7d7d7);
    border-radius: var(--sf-card-radius, 8px);
    background:
        linear-gradient(45deg, transparent 50%, var(--sf-text-muted, #6c757d) 50%) calc(100% - 18px) calc(50% - 2px) / 8px 8px no-repeat,
        linear-gradient(135deg, var(--sf-text-muted, #6c757d) 50%, transparent 50%) calc(100% - 12px) calc(50% - 2px) / 8px 8px no-repeat,
        var(--sf-surface, #fff);
    color: var(--sf-text, var(--body-f, #111));
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

[data-storefront-shell="commerce"] .search-results-sort__select:hover {
    border-color: var(--sf-primary, var(--theme-color, #0d6efd));
}

[data-storefront-shell="commerce"] .search-results-sort__select:focus {
    outline: none;
    border-color: var(--sf-primary, var(--theme-color, #0d6efd));
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.12);
}

[data-storefront-shell="commerce"] .search-results-toolbar__meta {
    flex: 0 0 auto;
    min-width: 0;
    font-size: 13px;
    font-weight: 500;
    color: var(--sf-text-muted, var(--grey, #6c757d));
    white-space: nowrap;
}

[data-storefront-shell="commerce"] .search-results-toolbar__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    flex: 0 0 auto;
}

[data-storefront-shell="commerce"] .search-results-toolbar__view.list-grid {
    flex: 0 0 auto;
    float: none;
    padding: 0;
    text-align: right;
    font-size: 13px;
    font-weight: 600;
}

[data-storefront-shell="commerce"] #searchproduct #dvProductViewContainer {
    background: transparent;
}

[data-storefront-shell="commerce"] #searchproduct .product-home-heading,
[data-storefront-shell="commerce"] #searchproduct #dvProductViewContainer > .total,
[data-storefront-shell="commerce"] #searchproduct #dvProductViewContainer > .product-list-total-count,
[data-storefront-shell="commerce"] .search-layout .search-data .total {
    display: none !important;
}

[data-storefront-shell="commerce"] #searchproduct .search-results-footer {
    margin: 0;
    padding: 12px 0 24px;
    text-align: center;
    background: transparent;
}

[data-storefront-shell="commerce"] #searchproduct .search-results-end-message {
    display: none;
    margin: 1.5rem 0 0.75rem;
    padding: 0;
    width: 100%;
    max-width: none;
    height: auto;
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: 0.95rem;
    font-weight: 500;
    line-height: 1.45;
    color: var(--sf-text-muted, var(--grey, #6c757d));
}

[data-storefront-shell="commerce"] #searchproduct .search-results-end-message.is-visible {
    display: block;
}

[data-storefront-shell="commerce"] #searchproduct .search-results-end-message::after {
    content: none;
    display: none;
}

@media (max-width: 991.98px) {
    [data-storefront-shell="commerce"] .search-listing-header__controls {
        align-items: stretch;
    }

    [data-storefront-shell="commerce"] .search-results-sort {
        width: 100%;
    }

    [data-storefront-shell="commerce"] .search-listing-header__controls-right {
        width: 100%;
        justify-content: space-between;
    }
}

@media (max-width: 575.98px) {
    [data-storefront-shell="commerce"] .search-layout__results {
        padding: 10px 12px !important;
    }

    [data-storefront-shell="commerce"] .search-listing-header__controls-right {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    [data-storefront-shell="commerce"] .search-results-toolbar__actions {
        width: 100%;
        justify-content: space-between;
    }

    [data-storefront-shell="commerce"] .search-results-toolbar__view.list-grid {
        width: auto;
        text-align: right;
    }
}

/* === seller-card.css === */
/* Component base: SellerCard — structural layout and trust badge region. */
[data-storefront-shell="commerce"] [data-storefront-component="SellerCard"].storefront-seller-card,
[data-storefront-shell="commerce"] .storefront-seller-card[data-storefront-component="SellerCard"] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-block: 1.25rem;
    padding: 1rem 1.15rem;
    background: var(--sf-surface);
    border: 1px solid var(--sf-border);
    border-radius: var(--sf-card-radius);
}

[data-storefront-shell="commerce"] [data-storefront-component="SellerCard"] .storefront-seller-card__identity,
[data-storefront-shell="commerce"] [data-storefront-component="SellerCard"] .storefront-seller-card__actions {
    display: flex;
    align-items: center;
    gap: .75rem;
}

[data-storefront-shell="commerce"] [data-storefront-component="SellerCard"] .storefront-seller-card__identity img {
    width: 56px;
    height: 56px;
    max-width: 56px;
    border-radius: 999px;
    object-fit: cover;
    object-position: center;
}

[data-storefront-shell="commerce"] [data-storefront-component="SellerCard"] .storefront-seller-card__name,
[data-storefront-shell="commerce"] [data-storefront-component="SellerCard"] .storefront-seller-card__notice {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    white-space: normal;
}

[data-storefront-shell="commerce"] [data-storefront-component="SellerCard"] .storefront-seller-card__details,
[data-storefront-shell="commerce"] [data-storefront-component="SellerCard"] .storefront-seller-card__notice {
    flex-basis: 100%;
}

[data-storefront-shell="commerce"] [data-storefront-component="SellerCard"] .seller-trust-badge {
    display: inline-flex;
    align-items: center;
}