*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    max-width: 100%;
    overflow-x: hidden;
    overflow-x: clip;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

body {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-x: clip;
}

img,
picture,
svg {
    display: block;
    max-width: 100%;
    height: auto;
}

button,
input,
select,
textarea {
    font: inherit;
}

a {
    color: inherit;
}

ul,
ol {
    padding-inline-start: 1.25rem;
}

:root {
    --hdf-color-primary: #f97316;
    --hdf-color-primary-hover: #ea580c;
    --hdf-color-accent: #2563eb;
    --hdf-color-accent-hover: #1d4ed8;
    --hdf-color-on-primary: #ffffff;
    --hdf-color-on-primary-hover: #ffffff;
    --hdf-color-on-accent: #ffffff;
    --hdf-color-text: #111827;
    --hdf-color-text-secondary: #374151;
    --hdf-color-muted: #6b7280;
    --hdf-color-text-inverse: #ffffff;
    --hdf-color-link: #ea580c;
    --hdf-color-link-hover: #c2410c;
    --hdf-color-page: #ffffff;
    --hdf-color-surface: #ffffff;
    --hdf-color-subtle: #f3f4f6;
    --hdf-color-surface-strong: #111827;
    --hdf-color-border: #e5e7eb;
    --hdf-color-border-strong: #9ca3af;
    --hdf-color-interactive-hover: #f2f2f2;
    --hdf-color-interactive-active: #e5e5e5;
    --hdf-heading-background: #F8F9FA;
    --hdf-heading-border: #E5E7EB;
    --hdf-heading-edge: #E5E7EB;
    --hdf-heading-text: #0F0F0F;
    --hdf-heading-shadow: transparent;
    --hdf-color-success: #15803d;
    --hdf-color-warning: #b45309;
    --hdf-color-error: #b91c1c;
    --hdf-color-danger: var(--hdf-color-error);
    --hdf-color-info: #1d4ed8;
    --hdf-focus-ring-color: #2271b1;
    --hdf-focus-ring-width: 3px;
    --hdf-focus-ring-offset: 2px;
    --hdf-header-top-background: #f3f4f6;
    --hdf-header-top-text: #374151;
    --hdf-header-main-background: #ffffff;
    --hdf-header-main-text: #111827;
    --hdf-header-nav-background: #ffffff;
    --hdf-header-border: #e5e7eb;
    --hdf-footer-background: #f7f8fa;
    --hdf-footer-text: #111827;
    --hdf-footer-link: #374151;
    --hdf-footer-link-hover: #ea580c;
    --hdf-nav-link: #111827;
    --hdf-nav-link-hover: #ea580c;
    --hdf-nav-link-active: #ea580c;
    --hdf-mobile-nav-background: #ffffff;
    --hdf-mobile-nav-text: #111827;
    --hdf-mobile-nav-border: #e5e7eb;
    --hdf-blog-card-background: #ffffff;
    --hdf-blog-card-text: #111827;
    --hdf-blog-meta-text: #6b7280;
    --hdf-article-heading: #111827;
    --hdf-article-link: #ea580c;
    --hdf-article-quote-background: #f3f4f6;
    --hdf-empty-state-background: #ffffff;
    --hdf-empty-state-text: #111827;
    --hdf-button-primary-background: #f97316;
    --hdf-button-primary-text: #ffffff;
    --hdf-button-primary-hover-background: #ea580c;
    --hdf-button-primary-hover-text: #ffffff;
    --hdf-button-secondary-background: #ffffff;
    --hdf-button-secondary-text: #111827;
    --hdf-button-secondary-border: #9ca3af;
    --hdf-button-secondary-hover-background: #f3f4f6;
    --hdf-button-secondary-hover-text: #111827;
    --hdf-input-background: #ffffff;
    --hdf-input-text: #111827;
    --hdf-input-placeholder: #9ca3af;
    --hdf-input-border: #d1d5db;
    --hdf-input-focus-border: #f97316;
    --hdf-input-focus-ring: #f97316;
    --hdf-container: 1300px;
    /* Canonical first-party public width contract. Header owns the mode;
       pages/Commerce consume the resolved shell width and content inset. */
    --hdf-site-frame-gutter: 10px;
    --hdf-site-frame-width: calc(100% - var(--hdf-site-frame-gutter));
    --hdf-site-frame-padding-x: var(--hdf-header-main-padding-x, 24px);
    --hdf-content-max: 900px;
    --hdf-article-content-width: 820px;
    --hdf-page-content-width: 1100px;
    --hdf-page-narrow-width: 760px;
    --hdf-page-wide-width: 1300px;
    --hdf-page-padding-top: 48px;
    --hdf-page-padding-right: 40px;
    --hdf-page-padding-bottom: 48px;
    --hdf-page-padding-left: 40px;
    --hdf-page-tablet-padding-top: 40px;
    --hdf-page-tablet-padding-right: 28px;
    --hdf-page-tablet-padding-bottom: 40px;
    --hdf-page-tablet-padding-left: 28px;
    --hdf-page-mobile-padding-top: 32px;
    --hdf-page-mobile-padding-right: 20px;
    --hdf-page-mobile-padding-bottom: 32px;
    --hdf-page-mobile-padding-left: 20px;
    --hdf-page-header-spacing: 30px;
    --hdf-page-featured-spacing: 32px;
    --hdf-page-boxed-padding: 32px;
    --hdf-page-comments-spacing: 48px;
    --hdf-page-mobile-sidebar-gap: 36px;
    --hdf-sidebar-width: 320px;
    --hdf-page-gutter: 40px;
    --hdf-section-spacing: 48px;
    --hdf-hero-visual-min: 360px;
    --hdf-empty-state-width: 760px;
    --hdf-mobile-nav-width: 360px;
    --hdf-control-height: 46px;
    --hdf-button-height: 42px;
    --hdf-button-radius: 999px;
    --hdf-input-radius: 8px;
    --hdf-icon-lg: 56px;
    --hdf-logo-max-width: 180px;
    --hdf-logo-mobile-width: 140px;
    --hdf-logo-max-height: 56px;
    --hdf-radius-sm: 8px;
    --hdf-radius-md: 14px;
    --hdf-radius-lg: 22px;
    --hdf-radius-pill: 999px;
    --hdf-blog-card-radius: 14px;
    --hdf-blog-media-ratio: 16 / 9;
    --hdf-border-width: 1px;
    --hdf-raised-edge-width: 1px;
    --hdf-raised-edge-depth-width: calc(var(--hdf-raised-edge-width) + 1px);
    --hdf-raised-edge-radius: var(--hdf-radius-md);
    --hdf-raised-edge-tint: 4%;
    --hdf-raised-edge-contrast: 72%;
    --hdf-raised-edge-outline: color-mix(in srgb, var(--hdf-color-border-strong) 38%, var(--hdf-color-border));
    --hdf-raised-edge-border: var(--hdf-raised-edge-outline);
    --hdf-raised-edge-light: color-mix(in srgb, #ffffff 64%, var(--hdf-raised-edge-outline));
    --hdf-raised-edge-dark: color-mix(in srgb, var(--hdf-color-border-strong) calc(126% - var(--hdf-raised-edge-contrast)), var(--hdf-raised-edge-outline));
    --hdf-raised-edge-inner: color-mix(in srgb, #ffffff 76%, var(--hdf-raised-edge-outline));
    --hdf-raised-edge-heading-background: color-mix(in srgb, var(--hdf-color-primary) var(--hdf-raised-edge-tint), var(--hdf-color-subtle));
    --hdf-raised-edge-heading-color: var(--hdf-color-text);
    --hdf-raised-edge-panel-background: var(--hdf-color-surface);
    --hdf-raised-edge-hover-background: color-mix(in srgb, var(--hdf-color-primary) 2%, var(--hdf-color-subtle));
    --hdf-raised-edge-accent-background: color-mix(in srgb, var(--hdf-color-primary) 9%, var(--hdf-color-surface));
    --hdf-support-height: 92px;
    --hdf-space-1: 4px;
    --hdf-space-2: 8px;
    --hdf-space-3: 12px;
    --hdf-space-4: 16px;
    --hdf-space-5: 20px;
    --hdf-space-6: 24px;
    --hdf-space-7: 28px;
    --hdf-space-8: 32px;
    --hdf-space-9: 40px;
    --hdf-space-10: 48px;
    --hdf-space-11: 64px;
    --hdf-space-12: 80px;
    --hdf-space-13: 96px;
    --hdf-transition: 180ms ease;
    --hdf-transition-media: 300ms ease;
    --hdf-header-border-strong: #d1d5db;
    --hdf-header-top-link-hover: #ea580c;
    --hdf-header-top-separator: #d1d5db;
    --hdf-header-promo-color: #f97316;
    --hdf-header-main-gap: 24px;
    --hdf-header-main-control-size: 48px;
    --hdf-header-branding-width: 235px;
    --hdf-header-brand-mark-size: 56px;
    --hdf-header-brand-mark-radius: 8px;
    --hdf-header-title-size: 30px;
    --hdf-header-tagline-size: 13px;
    --hdf-header-search-background: #ffffff;
    --hdf-header-search-text: #111827;
    --hdf-header-search-placeholder: #9ca3af;
    --hdf-header-search-border: #e5e7eb;
    --hdf-header-search-focus-border: #f97316;
    --hdf-header-action-gap: 5px;
    --hdf-header-action-color: #111827;
    --hdf-header-action-hover-color: #ea580c;
    --hdf-header-action-hover-background: #ffffff;
    --hdf-header-action-badge-background: #f97316;
    --hdf-header-action-badge-text: #ffffff;
    --hdf-header-nav-cta-height: 42px;
    --hdf-header-nav-cta-border: #f97316;
    --hdf-header-nav-cta-text: #ea580c;
    --hdf-header-nav-cta-hover-background: #ea580c;
    --hdf-header-nav-cta-hover-text: #ffffff;
    --hdf-header-nav-cta-hover-border: #ea580c;
    --hdf-header-nav-cta-badge-background: #f97316;
    --hdf-header-nav-cta-badge-text: #ffffff;
    --hdf-header-dropdown-width: 240px;
    --hdf-header-dropdown-background: #ffffff;
    --hdf-header-dropdown-text: #111827;
    --hdf-header-dropdown-border: #e5e7eb;
    --hdf-header-dropdown-hover-background: #ffffff;
    --hdf-header-dropdown-hover-text: #ea580c;
    --hdf-header-explore-background: #f97316;
    --hdf-header-explore-text: #ffffff;
    --hdf-header-explore-hover-background: #ffffff;
    --hdf-header-explore-hover-text: #ffffff;
    --hdf-header-explore-panel-width: 300px;
    --hdf-header-explore-panel-background: #ffffff;
    --hdf-header-explore-border: #e5e7eb;
    --hdf-header-explore-item-text: #111827;
    --hdf-header-explore-item-hover-background: #ffffff;
    --hdf-header-explore-item-hover-text: #ea580c;
    --hdf-header-top-height: 30px;
    --hdf-header-main-height: 86px;
    --hdf-header-nav-height: 23px;
    --hdf-font-body: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --hdf-font-heading: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --hdf-font-ui: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --hdf-font-size-base: 16px;
    --hdf-line-height-body: 1.65;
    --hdf-font-weight-body: 400;
    --hdf-font-weight-heading: 700;
    --hdf-font-weight-button: 700;
    --hdf-letter-spacing-heading: -0.025em;
    --hdf-heading-1: clamp(26px, 3vw, 32px);
}

html {
    font-size: var(--hdf-font-size-base);
    scroll-padding-top: 92px;
}

body {
    background: var(--hdf-color-page);
    color: var(--hdf-color-text);
    font-family: var(--hdf-font-body);
    font-weight: var(--hdf-font-weight-body);
    line-height: var(--hdf-line-height-body);
}

.site {
    display: flex;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 100vh;
    flex-direction: column;
}

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

.site-main {
    flex: 1;
    padding-block: var(--hdf-section-spacing);
}

a {
    color: var(--hdf-color-link);
    text-decoration-thickness: .08em;
    text-underline-offset: .18em;
}

a:hover,
a:focus-visible {
    color: var(--hdf-color-link-hover);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 .65em;
    color: var(--hdf-article-heading);
    font-family: var(--hdf-font-heading);
    font-weight: var(--hdf-font-weight-heading);
    line-height: 1.15;
    letter-spacing: var(--hdf-letter-spacing-heading);
}

/* 1.4.127: global heading ladder — EXACTLY 2px per step at every
   viewport, by construction: one clamp() variable, each lower level
   subtracts 2px. Desktop maxima H1 32 -> H6 22; tablet 29 -> 19; mobile
   26 -> 16. Component headings keep their class-based sizes (card h2
   14px, section h2 20px, footer h2 15px / h3 14px, company h2 20px,
   hero h1) — every one of those selectors beats these element rules,
   so the ladder touches CONTENT headings only (article/page body,
   unclassed h2-h6). Old sizes: h1 32-68px, h2 24-44px, h3 20-28px,
   h4/h5/h6 had no size (browser defaults). */
h1 { font-size: var(--hdf-heading-1); }
h2 { font-size: calc(var(--hdf-heading-1) - 2px); }
h3 { font-size: calc(var(--hdf-heading-1) - 4px); }
h4 { font-size: calc(var(--hdf-heading-1) - 6px); }
h5 { font-size: calc(var(--hdf-heading-1) - 8px); }
h6 { font-size: calc(var(--hdf-heading-1) - 10px); }

p { margin: 0 0 1.25em; }

/* Step 31: semantic bold is standard bold, never extra-bold. */
strong,
b {
    font-weight: 700;
}

.entry-content {
    max-width: var(--hdf-article-content-width);
    font-size: 1.075rem;
}

.entry-content > * + * { margin-top: 1.35em; }
.entry-content a { color: var(--hdf-article-link); }


button,
input,
select,
textarea,
.wp-element-button,
.wp-block-button__link {
    font-family: var(--hdf-font-ui);
}

.site-title,
.entry-title,
.page-title,
.widget-title,
.wp-block-heading {
    font-family: var(--hdf-font-heading);
}

small,
figcaption,
.entry-meta,
.wp-block-post-date,
.wp-block-post-author {
    color: var(--hdf-color-muted);
    font-family: var(--hdf-font-body);
}


/* Canonical document title: one real page/archive title beside its content. */
.entry-article > .entry-header .entry-title,
.page-header > .page-title,
.page-header > h1,
.woocommerce-products-header__title.page-title,
.woocommerce-shop-loop-header__title {
    margin: 0;
    color: var(--hdf-article-heading);
    font-family: var(--hdf-font-heading);
    font-size: clamp(2rem, 3.6vw, 3rem);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -0.025em;
}

@media (max-width: 782px) {
    .entry-article > .entry-header .entry-title,
    .page-header > .page-title,
    .page-header > h1,
    .woocommerce-products-header__title.page-title,
    .woocommerce-shop-loop-header__title {
        font-size: clamp(1.85rem, 8vw, 2.35rem);
    }
}

/* Canonical document-title surface: neutral light-grey heading cap with a
 * flat commercial cap with a crisp neutral divider; no bevel, blur or shadow. */
.entry-article > .entry-header,
.page-header {
    margin-block-end: var(--hdf-page-header-spacing);
    padding: clamp(12px, 1.5vw, 18px) clamp(14px, 2vw, 22px);
    border: 1px solid var(--hdf-heading-border, #E5E7EB);
    border-block-end-color: var(--hdf-heading-edge, #E5E7EB);
    border-radius: min(var(--hdf-raised-edge-radius), 10px);
    background: var(--hdf-heading-background, #F8F9FA);
    color: var(--hdf-heading-text, #0F0F0F);
    box-shadow: none;
}

.widget-title:not(.hdf-context-widget__title),
.comments-title,
.comment-reply-title {
    display: block;
    margin-block-end: var(--hdf-space-4);
    padding: 9px 12px;
    border: 1px solid var(--hdf-heading-border, #E5E7EB);
    border-block-end-color: var(--hdf-heading-edge, #E5E7EB);
    border-radius: min(var(--hdf-raised-edge-radius), 10px);
    background: var(--hdf-heading-background, #F8F9FA);
    color: var(--hdf-heading-text, #0F0F0F);
    box-shadow: none;
    font-size: clamp(1rem, 1.4vw, 1.22rem);
    line-height: 1.2;
}

.entry-article > .entry-header + .entry-content,
.page-header + * {
    margin-block-start: 0;
}

.hyperdaf-container {
    width: min(calc(100% - var(--hdf-page-gutter)), var(--hdf-container));
    margin-inline: auto;
}

.content-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--hdf-space-7);
}

.content-with-sidebar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--hdf-sidebar-width);
    gap: var(--hdf-space-10);
}

.page-header {
    margin-bottom: 26px;
}

.page-header .archive-description {
    margin-top: 10px;
}

.entry-article {
    max-width: var(--hdf-content-max);
}

.content-with-sidebar .entry-article {
    max-width: none;
}
/* Canonical front-page responsive containment. Homepage engines remain fluid
   during viewport resize/orientation changes without a page reload. */
.hdf-front-page-main {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
    overflow-x: clip;
}

.hdf-front-page-main > * {
    max-width: 100%;
    min-width: 0;
}

.hdf-front-page-main img,
.hdf-front-page-main svg,
.hdf-front-page-main video,
.hdf-front-page-main iframe {
    max-width: 100%;
}

.hyperdaf-container {
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.hdf-blog-layout {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--hdf-space-8);
}

.hdf-blog-layout--has-sidebar {
    grid-template-columns: minmax(0, 1fr) minmax(240px, var(--hdf-sidebar-width));
    grid-template-areas: "blog-primary blog-sidebar";
    align-items: stretch;
}

.hdf-blog-primary {
    min-width: 0;
    grid-area: blog-primary;
}

.hdf-blog-layout > .hdf-context-sidebar--blog {
    min-width: 0;
    grid-area: blog-sidebar;
}

.hdf-context-sidebar {
    min-width: 0;
    height: 100%;
}

.hdf-blog-layout--has-sidebar .content-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hdf-context-sidebar {
    display: grid;
    align-content: start;
    gap: var(--hdf-space-5);
}

.hdf-context-sidebar .widget {
    position: relative;
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--hdf-color-border);
    border-radius: var(--hdf-radius-md);
    background: var(--hdf-color-surface);
    color: var(--hdf-color-text);
}

.hdf-context-sidebar .widget-title {
    position: relative;
    z-index: 1;
    outline: 0;
    margin: 0;
    padding: 11px 13px;
    border: 0;
    border-block-end: 1px solid var(--hdf-heading-edge, #E5E7EB);
    border-radius: calc(var(--hdf-radius-md) - 1px) calc(var(--hdf-radius-md) - 1px) 0 0;
    background: var(--hdf-heading-background, #F8F9FA);
    color: var(--hdf-heading-text, #0F0F0F);
    box-shadow: none;
    font-family: var(--hdf-font-heading);
    font-size: 14px;
    font-weight: 750;
    line-height: 1.2;
}

.hdf-context-sidebar .widget > :not(.widget-title):not(.hdc-product-category-accordion):not(.hdc-big-card-widget__card) {
    margin-inline: 14px;
}

.hdf-context-sidebar .widget > :last-child:not(.hdc-product-category-accordion):not(.hdc-big-card-widget__card) {
    margin-bottom: 14px;
}


.hdf-context-sidebar .widget img {
    background: var(--hdf-color-surface, #FFFFFF);
}

.hdf-context-sidebar .widget_hyperdaf_big_card {
    overflow: visible;
    border: 0;
    background: #FFFFFF;
}

.hdf-context-sidebar .widget_hyperdaf_big_card > .widget-title {
    margin: 0 0 10px;
    border: 1px solid var(--hdf-heading-border, #E5E7EB);
    border-block-end-color: var(--hdf-heading-edge, #E5E7EB);
    border-radius: 10px 10px 0 0;
    background: var(--hdf-heading-background, #F8F9FA);
    box-shadow: none;
}

.hdf-context-sidebar .hdc-widget-sticky-candidate.is-hdc-sticky-active {
    position: sticky;
    top: calc(var(--wp-admin--admin-bar--height, 0px) + 16px);
    z-index: 3;
    align-self: start;
}

body.has-hdf-sticky-header .hdf-context-sidebar .hdc-widget-sticky-candidate.is-hdc-sticky-active {
    top: calc(
        var(--wp-admin--admin-bar--height, 0px)
        + var(--hdf-header-top-height, 0px)
        + var(--hdf-header-main-height, 0px)
        + var(--hdf-header-nav-height, 0px)
        + 16px
    );
}

.hdf-context-sidebar .widget ul,
.hdf-context-sidebar .widget ol {
    padding-inline-start: 18px;
}

.hdf-context-sidebar .widget a {
    color: var(--hdf-color-text);
}

.hdf-context-sidebar .widget a:hover,
.hdf-context-sidebar .widget a:focus-visible {
    color: var(--hdf-color-primary-hover);
}

@media (max-width: 1024px) {
    .hdf-blog-layout--has-sidebar {
        grid-template-columns: 1fr;
        grid-template-areas:
            "blog-primary"
            "blog-sidebar";
    }

    .hdf-blog-layout--has-sidebar .content-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hdf-context-sidebar .hdc-widget-sticky-candidate.is-hdc-sticky-active {
        position: static;
    }
}

@media (max-width: 640px) {
    .hdf-blog-layout--has-sidebar .content-grid {
        grid-template-columns: 1fr;
    }
}

.hdf-page {
    --hdf-page-layout-width: var(--hdf-page-content-width);
    width: 100%;
    min-width: 0;
    max-width: 100%;
    --hdf-page-current-padding-top: var(--hdf-page-padding-top);
    --hdf-page-current-padding-right: var(--hdf-page-padding-right);
    --hdf-page-current-padding-bottom: var(--hdf-page-padding-bottom);
    --hdf-page-current-padding-left: var(--hdf-page-padding-left);
    padding-block: var(--hdf-page-current-padding-top) var(--hdf-page-current-padding-bottom);
}

.hdf-page-shell {
    min-width: 0;
    max-width: 100%;
    width: min(
        calc(100% - var(--hdf-page-current-padding-left) - var(--hdf-page-current-padding-right)),
        var(--hdf-page-layout-width)
    );
    margin-inline: auto;
}

.hdf-page--contained,
.hdf-page--boxed {
    --hdf-page-layout-width: var(--hdf-page-content-width);
}

.hdf-page--wide {
    --hdf-page-layout-width: var(--hdf-page-wide-width);
}

.hdf-page--narrow {
    --hdf-page-layout-width: var(--hdf-page-narrow-width);
}

.hdf-page--edge-to-edge .hdf-page-shell {
    width: 100%;
    max-width: none;
    padding-inline: var(--hdf-page-current-padding-left) var(--hdf-page-current-padding-right);
}

/* Public site-frame consumer contract. Commerce or first-party pages may opt
 * into the exact Header inner-frame geometry without owning width values.
 * The Theme/Header remains the only source of frame width and horizontal
 * padding; the stronger selector also prevents composition presets from
 * re-constraining extension content inside .entry-content. */
.hdf-page.hdf-page--site-frame .hdf-page-shell {
    box-sizing: border-box;
    width: var(--hdf-site-frame-width, min(calc(100% - var(--hdf-site-frame-gutter, 10px)), var(--hdf-container)));
    max-width: none;
    margin-inline: auto;
    padding-inline: var(--hdf-site-frame-padding-x, var(--hdf-header-main-padding-x, 24px));
}

.hdf-page.hdf-page--site-frame .hdf-page-primary,
.hdf-page.hdf-page--site-frame .entry-article,
.hdf-page.hdf-page--site-frame .entry-content {
    width: 100%;
    min-width: 0;
    max-width: none;
    margin-inline: 0;
}


.hdf-page-primary,
.hdf-page .entry-article,
.hdf-page .entry-content {
    min-width: 0;
}

.hdf-page .entry-article,
.hdf-page .entry-content {
    width: 100%;
    max-width: none;
}

.hdf-page .entry-header {
    margin-bottom: 26px;
}

.hdf-page .entry-hero {
    margin: 0 0 var(--hdf-page-featured-spacing);
}

.hdf-page--boxed .hdf-page-primary {
    padding: var(--hdf-page-boxed-padding);
    border: 1px solid var(--hdf-color-border);
    border-radius: var(--hdf-radius-lg);
    background: var(--hdf-color-surface);
}

.hdf-page .comments-area {
    margin-top: var(--hdf-page-comments-spacing);
}


.hdf-page .entry-content > .alignwide {
    position: relative;
    left: 50%;
    width: min(
        var(--hdf-page-wide-width),
        calc(100vw - var(--hdf-page-current-padding-left) - var(--hdf-page-current-padding-right))
    );
    max-width: none;
    transform: translateX(-50%);
}

.hdf-page .entry-content > .alignfull {
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: none;
    transform: translateX(-50%);
}

.search-form { position: relative; display: flex; align-items: center; }

.search-field,
input[type="text"],
input[type="email"],
input[type="search"],
input[type="number"],
select,
textarea {
    width: 100%;
    min-height: var(--hdf-control-height);
    padding: calc(var(--hdf-space-3) - 2px) calc(var(--hdf-space-3) + 2px);
    border: 1px solid var(--hdf-input-border);
    border-radius: var(--hdf-input-radius);
    background: var(--hdf-input-background);
    color: var(--hdf-input-text);
    font-family: var(--hdf-font-ui);
    transition: border-color var(--hdf-transition), background-color var(--hdf-transition);
}

input::placeholder,
textarea::placeholder { color: var(--hdf-input-placeholder); }
.search-field { padding-inline-end: calc(var(--hdf-space-13) + var(--hdf-space-5)); border-color: var(--hdf-input-focus-border); border-radius: var(--hdf-radius-pill); }

.search-submit,
button,
input[type="submit"],
.button-primary {
    min-height: var(--hdf-button-height);
    padding: calc(var(--hdf-space-3) - 2px) calc(var(--hdf-space-4) + 2px);
    border: 1px solid color-mix(in srgb, var(--hdf-button-primary-background) 72%, var(--hdf-color-border));
    border-radius: var(--hdf-button-radius);
    background: var(--hdf-button-primary-background);
    color: var(--hdf-button-primary-text);
    font-family: var(--hdf-font-ui);
    font-weight: var(--hdf-font-weight-button);
    cursor: pointer;
    transition: background var(--hdf-transition), color var(--hdf-transition), border-color var(--hdf-transition);
}

.button-secondary { border-color: var(--hdf-button-secondary-border); background: var(--hdf-button-secondary-background); color: var(--hdf-button-secondary-text); }
.search-submit { position: absolute; inset-inline-end: 3px; }
.search-submit:hover,
.search-submit:focus-visible,
button:hover,
button:focus-visible,
input[type="submit"]:hover,
input[type="submit"]:focus-visible,
.button-primary:hover,
.button-primary:focus-visible { background: var(--hdf-button-primary-hover-background); color: var(--hdf-button-primary-hover-text); }
.button-secondary:hover,
.button-secondary:focus-visible { background: var(--hdf-button-secondary-hover-background); color: var(--hdf-button-secondary-hover-text); }

.search-field:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: var(--hdf-input-focus-border);
    outline: var(--hdf-focus-ring-width) solid color-mix(in srgb, var(--hdf-input-focus-ring) 30%, transparent);
    outline-offset: var(--hdf-focus-ring-offset);
}

.hyperdaf-live-results {
    position: absolute;
    z-index: 100;
    top: calc(100% + var(--hdf-space-2));
    inset-inline: 0;
    overflow: auto;
    max-height: 440px;
    border: 1px solid var(--hdf-color-border);
    border-radius: var(--hdf-radius-md);
    background: var(--hdf-color-surface);
}

.content-card,
.not-found-card {
    overflow: hidden;
    border: 1px solid var(--hdf-color-border);
    border-radius: var(--hdf-blog-card-radius);
    background: var(--hdf-blog-card-background);
    color: var(--hdf-blog-card-text);
}

.content-card {
    transition: border-color var(--hdf-transition), background-color var(--hdf-transition);
}

.content-card:hover,
.content-card:focus-within {
    border-color: color-mix(in srgb, var(--hdf-color-primary) 32%, var(--hdf-color-border));
    background: color-mix(in srgb, var(--hdf-color-primary) 2%, var(--hdf-color-subtle));
}

.content-card__media { overflow: hidden; aspect-ratio: var(--hdf-blog-media-ratio); }
.content-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--hdf-transition-media); }
.content-card:hover .content-card__media img { transform: scale(1.03); }
.content-card__body { padding: var(--hdf-space-6); }
.entry-title a { text-decoration: none; }
.entry-meta { margin-bottom: calc(var(--hdf-space-3) - 2px); color: var(--hdf-blog-meta-text); font-size: .86rem; }
.not-found-card__code {
    margin: 0 0 var(--hdf-space-3);
    color: color-mix(in srgb, var(--hdf-color-text) 16%, transparent);
    font-family: var(--hdf-font-heading);
    font-size: clamp(4.5rem, 14vw, 8rem);
    font-weight: var(--hdf-font-weight-heading);
    line-height: 1;
}

.not-found-card__home {
    margin: var(--hdf-space-5) 0 0;
}

.not-found-card__home .button-primary {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.not-found-card { max-width: var(--hdf-empty-state-width); margin: calc(var(--hdf-space-11) - var(--hdf-space-1)) auto; padding: var(--hdf-space-10); background: var(--hdf-empty-state-background); color: var(--hdf-empty-state-text); text-align: center; }

.entry-header {
    margin-bottom: calc(var(--hdf-space-7) + 2px);
}

.entry-hero {
    overflow: hidden;
    margin-block: calc(var(--hdf-space-7) + 2px);
    border-radius: var(--hdf-radius-lg);
}

.entry-hero img {
    width: 100%;
}

.entry-content blockquote {
    margin-inline: 0;
    padding: var(--hdf-space-4) var(--hdf-space-6);
    border: 1px solid var(--hdf-color-border);
    border-inline-start: var(--hdf-space-1) solid var(--hdf-color-primary);
    border-radius: 0 var(--hdf-radius-sm) var(--hdf-radius-sm) 0;
    background: color-mix(in srgb, var(--hdf-color-primary) 5%, var(--hdf-article-quote-background));
}

.entry-content table {
    width: 100%;
    border-collapse: collapse;
}

.entry-content th,
.entry-content td {
    padding: var(--hdf-space-3);
    border: 1px solid var(--hdf-color-border);
    text-align: start;
}

.tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--hdf-space-2);
    margin-top: calc(var(--hdf-space-7) + 2px);
}

.tag-list a {
    padding: calc(var(--hdf-space-2) - 2px) var(--hdf-space-3);
    border: 1px solid var(--hdf-color-border);
    border-radius: var(--hdf-radius-pill);
    background: var(--hdf-color-subtle);
    text-decoration: none;
}

.comments-area {
    margin-top: var(--hdf-space-10);
    padding-top: calc(var(--hdf-space-8) + var(--hdf-space-1));
    border-top: 1px solid var(--hdf-color-border);
}

/** Front-page commercial hero/slider owns the header boundary. */
.hdf-front-page-main {
    padding-block-start: 0;
    background: var(--hdf-color-home-page, var(--hdf-color-page, #FFFFFF));
}

.hyperdaf-home-hero {
    padding-block: calc(var(--hdf-space-11) + var(--hdf-space-2));
    background: linear-gradient(135deg, var(--hdf-color-subtle), var(--hdf-color-surface));
}

.hyperdaf-home-hero__inner {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(var(--hdf-sidebar-width), 0.9fr);
    align-items: center;
    gap: var(--hdf-space-10);
}

.hyperdaf-home-hero__visual {
    min-height: var(--hdf-hero-visual-min);
    border-radius: var(--hdf-radius-lg);
    background:
        radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--hdf-color-primary) 72%, white), transparent 36%),
        linear-gradient(145deg, var(--hdf-color-text), color-mix(in srgb, var(--hdf-color-text) 78%, var(--hdf-color-primary)));
}


@media (max-width: 782px) {
    .hyperdaf-home-hero {
        padding-block: calc(var(--hdf-space-9) + var(--hdf-space-1));
    }

    .hyperdaf-home-hero__inner {
        grid-template-columns: 1fr;
    }

    .hyperdaf-home-hero__visual {
        min-height: 240px;
    }
}

::selection { background: var(--hdf-color-accent); color: var(--hdf-color-on-accent); }
.entry-summary, .page-description { color: var(--hdf-color-text-secondary); }
.hyperdaf-surface-strong { background: var(--hdf-color-surface-strong); color: var(--hdf-color-text-inverse); }

.hyperdaf-notice {
    padding: var(--hdf-space-4);
    border: 1px solid color-mix(in srgb, currentColor 28%, var(--hdf-color-border));
    border-radius: var(--hdf-radius-md);
    background: color-mix(in srgb, currentColor 4%, var(--hdf-color-surface));
}

/* Legacy utility name retained for compatibility; visual depth is intentionally flat. */
.hdf-raised-surface {
    border: 1px solid var(--hdf-color-border);
    border-radius: var(--hdf-radius-md);
    background: var(--hdf-color-surface);
}

/* Raised depth is restricted to approved heading surfaces. */
.hdf-raised-heading-surface {
    outline: 0;
    border: 1px solid var(--hdf-heading-border, #E5E7EB);
    border-block-end-color: var(--hdf-heading-edge, #E5E7EB);
    border-radius: min(var(--hdf-raised-edge-radius), 12px);
    background: var(--hdf-heading-background, #F8F9FA);
    color: var(--hdf-heading-text, #0F0F0F);
    box-shadow: none;
}

.hyperdaf-notice--success { color: var(--hdf-color-success); }
.hyperdaf-notice--warning { color: var(--hdf-color-warning); }
.hyperdaf-notice--error { color: var(--hdf-color-error); }
.hyperdaf-notice--info { color: var(--hdf-color-info); }
.entry-content thead, .entry-content th { border-color: var(--hdf-color-border-strong); }
.page .entry-article { max-width: var(--hdf-page-content-width); }

/*
 * Business template composition profiles.
 * One shared renderer set is retained; profiles change ordered composition, geometry and density only.
 */
.hdf-template-hero { overflow: hidden; border-block-end: var(--hdf-border-width) solid var(--hdf-color-border); }
.hdf-template-hero__content { position: relative; z-index: 1; }
.hdf-template-hero__content > p:not(.eyebrow) { max-width: 62ch; }
.hdf-template-hero__actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.hdf-template-hero__primary,.hdf-template-hero__secondary { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 20px; border:var(--hdf-border-width) solid transparent; border-radius:var(--hdf-button-radius); font-weight:var(--hdf-button-weight); text-decoration:none; }
.hdf-template-hero__primary { background:var(--hdf-button-primary-background); color:var(--hdf-button-primary-text); }
.hdf-template-hero__primary:hover,.hdf-template-hero__primary:focus-visible { background:var(--hdf-button-primary-hover-background); color:var(--hdf-button-primary-hover-text); }
.hdf-template-hero__secondary { border-color:var(--hdf-button-secondary-border); background:var(--hdf-button-secondary-background); color:var(--hdf-button-secondary-text); }
.hdf-template-hero__visual { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; min-height:250px; align-content:center; }
.hdf-template-hero__highlight { display:flex; min-height:96px; align-items:flex-end; padding:18px; border:1px solid var(--hdf-color-border); border-radius:var(--hdf-radius-md); background:var(--hdf-color-surface); color:var(--hdf-color-text); font-weight:700; }
.hdf-template-commerce-home { padding-block:var(--hdf-section-spacing); }
.hdf-template-commerce-home__section + .hdf-template-commerce-home__section { margin-top:var(--hdf-section-spacing); }
.hdf-template-commerce-home__heading { display:flex; justify-content:space-between; gap:24px; align-items:end; margin-bottom:24px; }
.hdf-template-commerce-home__heading p { max-width:60ch; margin:0; color:var(--hdf-color-text-muted); }
.hdf-template-category-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; }
.hdf-template-category-grid a { display:flex; min-height:80px; align-items:center; justify-content:center; padding:14px; border:1px solid var(--hdf-color-border); border-radius:var(--hdf-radius-md); background:var(--hdf-color-surface); color:var(--hdf-color-text); font-weight:700; text-align:center; text-decoration:none; }
.hdf-template-product-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:var(--hdc-archive-row-gap,16px) var(--hdc-archive-column-gap,12px); }























































/* Row three: category dropdown at far left, then exactly the configured gap, then Front Menu. */


















/* Furniture: editorial showroom, large media and room-led spacing. */
.hdf-header-composition--furniture-editorial .hdf-header-topbar { display:none; }
.hdf-header-composition--furniture-editorial .hdf-header-main__inner { grid-template-columns:minmax(300px,.85fr) minmax(440px,1.4fr) auto; }
.hdf-header-composition--furniture-editorial .hdf-header-navigation { border-top:var(--hdf-border-width) solid var(--hdf-color-border); }
.hdf-home-composition--furniture-room-story .hyperdaf-home-hero { background:var(--hdf-color-surface-subtle); }
.hdf-home-composition--furniture-room-story .hyperdaf-home-hero__inner { grid-template-columns:.9fr 1.1fr; min-height:560px; }
.hdf-home-composition--furniture-room-story .hdf-template-hero__visual { grid-template-columns:1.3fr .7fr; }
.hdf-home-composition--furniture-room-story .hdf-template-hero__highlight { min-height:150px; border-radius:0; }
.hdf-home-composition--furniture-room-story .hdf-template-category-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.hdf-home-composition--furniture-room-story .hdf-template-category-grid a { min-height:130px; align-items:flex-end; justify-content:flex-start; padding:24px; border-radius:0; }
.hdf-blog-composition--furniture-inspiration .content-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px; }
.hdf-page-composition--furniture-editorial .entry-content { font-size:1.04em; }
.hdf-footer-composition--furniture-showroom .footer-main__inner { grid-template-columns:1.2fr 2fr; gap:64px; }

/* mobile department drawer reuses the canonical off-canvas shell.
 * The trigger stays icon-only while the drawer exposes All Categories and smooth nested accordions. */
.hdf-explore__panel--mobile .hdf-explore-menu .sub-menu {
 display:block; max-height:0; padding-block:0; overflow:hidden; opacity:0; visibility:hidden; transition:max-height .22s ease,opacity .18s ease,padding .22s ease,visibility .22s ease;
}
.hdf-explore__panel--mobile .hdf-explore-menu li.is-submenu-open > .sub-menu {
 max-height:1600px; padding-block:0 6px; opacity:1; visibility:visible;
}
.hdf-explore__panel--mobile .hdf-submenu-toggle svg { transition:transform .2s ease; }
.hdf-explore__panel--mobile .menu-item-has-children.is-submenu-open > .hdf-submenu-toggle svg { transform:rotate(180deg); }

@media (max-width:1140px) {
 /* Header responsive geometry is owned by header/responsive.css so the
  * template preset only owns template composition and the mobile department drawer. */
 .hdf-template-product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .hdf-template-category-grid,.hdf-home-composition--universal-campaign-grid .hdf-template-category-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .hdf-home-composition--furniture-room-story .hyperdaf-home-hero__inner,.hdf-home-composition--medicine-care-path .hyperdaf-home-hero__inner { grid-template-columns:1fr; }
 .hdf-header-composition--furniture-editorial .hdf-header-topbar { display:none; }
}
@media (max-width:720px) {
 .hdf-template-hero__visual { grid-template-columns:1fr 1fr; min-height:auto; }
 .hdf-template-hero__highlight { min-height:78px; padding:12px; }
 .hdf-template-category-grid,.hdf-home-composition--medicine-care-path .hdf-template-category-grid,.hdf-home-composition--furniture-room-story .hdf-template-category-grid,.hdf-home-composition--universal-campaign-grid .hdf-template-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .hdf-template-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .hdf-template-commerce-home__heading { display:block; }
 .hdf-home-composition--furniture-room-story .hdf-template-category-grid a { min-height:90px; padding:16px; }
}
@media (max-width:480px) { .hdf-template-product-grid { grid-template-columns:1fr; } }

/* Page composition continuations: each profile carries its identity beyond the home page. */




.hdf-product-composition--electronics-specification .woocommerce-tabs,
.hdf-product-composition--medicine-information .woocommerce-tabs,
.hdf-product-composition--furniture-detail .woocommerce-tabs,
.hdf-product-composition--universal-commerce .woocommerce-tabs { margin-block-start:var(--hdf-section-spacing); }












































.hdf-breadcrumbs,
.woocommerce .woocommerce-breadcrumb {
    box-sizing: border-box;
    margin: 0;
    border: 0;
    background: transparent;
    color: var(--hdf-breadcrumb-text);
    font-family: var(--hdf-font-ui);
    font-size: var(--hdf-breadcrumb-font-size);
    line-height: 1.35;
}

.hdf-breadcrumbs__inner,
.woocommerce .woocommerce-breadcrumb {
    width: min(
        calc(100% - var(--hdf-page-padding-left) - var(--hdf-page-padding-right)),
        var(--hdf-page-wide-width)
    );
    margin-inline: auto;
    padding-block: var(--hdf-breadcrumb-padding-y);
}

.hdf-breadcrumbs--contained .hdf-breadcrumbs__inner {
    max-width: var(--hdf-page-content-width);
}

.hdf-breadcrumbs--narrow .hdf-breadcrumbs__inner {
    max-width: var(--hdf-page-narrow-width);
}

.hdf-breadcrumbs--wide .hdf-breadcrumbs__inner {
    max-width: var(--hdf-page-wide-width);
}

.hdf-breadcrumbs--container .hdf-breadcrumbs__inner {
    width: min(calc(100% - var(--hdf-page-gutter)), var(--hdf-container));
    max-width: var(--hdf-container);
}

.hdf-breadcrumbs--full .hdf-breadcrumbs__inner {
    width: 100%;
    max-width: none;
    padding-inline: var(--hdf-page-padding-left) var(--hdf-page-padding-right);
}

.hdf-breadcrumbs ol {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.hdf-breadcrumbs li {
    display: inline-flex;
    min-width: 0;
    align-items: center;
}

.hdf-breadcrumbs a,
.woocommerce .woocommerce-breadcrumb a {
    color: var(--hdf-breadcrumb-link);
    text-decoration: none;
}

.hdf-breadcrumbs a:hover,
.hdf-breadcrumbs a:focus-visible,
.woocommerce .woocommerce-breadcrumb a:hover,
.woocommerce .woocommerce-breadcrumb a:focus-visible {
    color: var(--hdf-breadcrumb-link-hover);
}

.hdf-breadcrumbs__separator {
    margin-inline: 9px;
    color: color-mix(in srgb, var(--hdf-breadcrumb-text) 54%, transparent);
}

.hdf-breadcrumbs__current {
    display: block;
    max-width: min(54vw, 520px);
    overflow: hidden;
    color: var(--hdf-breadcrumb-text);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.woocommerce .woocommerce-breadcrumb {
    display: block;
}


body.hdf-has-breadcrumbs .site-main,
body.hdf-has-breadcrumbs .hdf-page {
    padding-block-start: clamp(24px, 3vw, 32px);
}

body.hyperdaf-commerce-product-archive.woocommerce .woocommerce-breadcrumb,
body.hyperdaf-commerce-product-archive .woocommerce .woocommerce-breadcrumb {
    width: min(
        calc(100% - (var(--hdc-archive-page-gutter, var(--hdf-page-padding-left)) * 2)),
        var(--hdc-archive-page-width, var(--hdf-page-wide-width))
    );
    max-width: none;
    margin: 0 auto;
    border: 0;
}

@media (max-width: 1060px) {
    .hdf-breadcrumbs__inner,
    .woocommerce .woocommerce-breadcrumb {
        width: min(
            calc(100% - var(--hdf-page-tablet-padding-left) - var(--hdf-page-tablet-padding-right)),
            var(--hdf-page-wide-width)
        );
    }

    .hdf-breadcrumbs--full .hdf-breadcrumbs__inner {
        width: 100%;
        padding-inline: var(--hdf-page-tablet-padding-left) var(--hdf-page-tablet-padding-right);
    }
}

@media (max-width: 782px) {
    .hdf-breadcrumbs__inner,
    .woocommerce .woocommerce-breadcrumb {
        width: min(
            calc(100% - var(--hdf-page-mobile-padding-left) - var(--hdf-page-mobile-padding-right)),
            var(--hdf-page-wide-width)
        );
    }

    .hdf-breadcrumbs--full .hdf-breadcrumbs__inner {
        width: 100%;
        padding-inline: var(--hdf-page-mobile-padding-left) var(--hdf-page-mobile-padding-right);
    }

    .hdf-breadcrumbs__current {
        max-width: 62vw;
    }
}


.woocommerce .woocommerce-breadcrumb,
body.woocommerce .woocommerce-breadcrumb {
    border: 0;
}


@media (max-width: 1060px) {
    .hdf-breadcrumbs--container .hdf-breadcrumbs__inner {
        width: min(calc(100% - var(--hdf-page-gutter)), var(--hdf-container));
        max-width: var(--hdf-container);
    }

    body.hyperdaf-commerce-product-archive.woocommerce .woocommerce-breadcrumb,
    body.hyperdaf-commerce-product-archive .woocommerce .woocommerce-breadcrumb {
        width: min(
            calc(100% - (var(--hdc-archive-page-gutter, var(--hdf-page-tablet-padding-left)) * 2)),
            var(--hdc-archive-page-width, var(--hdf-page-wide-width))
        );
    }
}

@media (max-width: 782px) {
    .hdf-breadcrumbs--container .hdf-breadcrumbs__inner {
        width: min(calc(100% - var(--hdf-page-gutter)), var(--hdf-container));
        max-width: var(--hdf-container);
    }

    body.hyperdaf-commerce-product-archive.woocommerce .woocommerce-breadcrumb,
    body.hyperdaf-commerce-product-archive .woocommerce .woocommerce-breadcrumb {
        width: min(
            calc(100% - (var(--hdc-archive-page-gutter, var(--hdf-page-mobile-padding-left)) * 2)),
            var(--hdc-archive-page-width, var(--hdf-page-wide-width))
        );
    }
}

/* Shop-only breadcrumb rhythm: keep the recommended header-to-breadcrumb
 * padding, remove the document-title reserve, and hand the archive surface
 * directly to HyperDAF Commerce. */
body.woocommerce-shop.hdf-has-breadcrumbs .site-main,
body.woocommerce-shop.hdf-has-breadcrumbs .hdf-page {
    padding-block-start: 0;
}

body.woocommerce-shop.woocommerce .woocommerce-breadcrumb,
body.woocommerce-shop .woocommerce .woocommerce-breadcrumb {
    margin-block: 0;
    padding-block: clamp(10px, 1vw, 14px);
}

/* Single Product consumes the public Commerce spacing bridge: a compact
 * header-to-breadcrumb gap plus an independent lower gap keeps the native
 * breadcrumb clear of both the Product Sidebar and media surface. */
body.hdc-single-product-page.hdf-has-breadcrumbs .site-main,
body.hdc-single-product-page.hdf-has-breadcrumbs .hdf-page {
    padding-block-start: var(--hdc-single-breadcrumb-top-gap, 5px);
}

body.hdc-single-product-page.woocommerce .woocommerce-breadcrumb,
body.hdc-single-product-page .woocommerce .woocommerce-breadcrumb {
    margin-block: 0 var(--hdc-single-breadcrumb-bottom-gap, 12px);
    padding-block: 0;
}

.site-footer {
    position: relative;
    margin-top: auto;
    outline: var(--hdf-raised-edge-width) solid var(--hdf-raised-edge-outline);
    outline-offset: 0;
    border: var(--hdf-raised-edge-width) solid var(--hdf-raised-edge-border);
    border-block-start-color: var(--hdf-raised-edge-light);
    border-inline-start-color: color-mix(in srgb, var(--hdf-color-primary) 68%, var(--hdf-raised-edge-light));
    border-block-end: var(--hdf-raised-edge-depth-width) solid var(--hdf-raised-edge-dark);
    border-inline-end: var(--hdf-raised-edge-depth-width) solid var(--hdf-raised-edge-dark);
    background: var(--hdf-footer-background);
    color: var(--hdf-footer-text);
    font-family: var(--hdf-font-body);
}

.site-footer a {
    color: var(--hdf-footer-link);
}

.site-footer a:hover,
.site-footer a:focus-visible {
    color: var(--hdf-footer-link-hover);
}

/* Global compact pre-footer Brand Logo Slider. Theme-owned manual media presentation. */
.hdf-footer-brand-slider {
    width: 100%;
    margin-top: auto;
    color: var(--hdf-color-text);
}

.site-footer--after-brand-slider {
    margin-top: 0;
}

.hdf-footer-brand-slider__frame {
    display: grid;
    min-height: max(var(--hdf-footer-brand-slider-min-height, 58px), calc(var(--hdf-footer-brand-slider-effective-logo-height, var(--hdf-footer-brand-slider-logo-height, 32px)) + 14px));
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.hdf-footer-brand-slider__viewport {
    width: 100%;
    min-width: 0;
    overflow: hidden;
}

.hdf-footer-brand-slider__track {
    display: flex;
    width: max-content;
    min-width: 100%;
    align-items: center;
    gap: 1px;
    transform: translate3d(0, 0, 0);
    transition: none;
    will-change: transform;
}

.hdf-footer-brand-slider__item {
    display: flex;
    min-width: 0;
    flex: 0 0 var(--hdf-footer-brand-slider-item-basis, 120px);
    align-items: center;
    justify-content: center;
}

.hdf-footer-brand-slider__link {
    display: flex;
    width: 100%;
    min-height: var(--hdf-footer-brand-slider-effective-logo-height, var(--hdf-footer-brand-slider-logo-height, 32px));
    align-items: center;
    justify-content: center;
    padding: 1px;
    color: inherit;
    text-decoration: none;
}

.hdf-footer-brand-slider__logo {
    display: block;
    width: 100%;
    max-width: 100%;
    height: var(--hdf-footer-brand-slider-effective-logo-height, var(--hdf-footer-brand-slider-logo-height, 32px));
    max-height: none;
    object-fit: contain;
    opacity: .94;
    transition: opacity 150ms ease;
}

.hdf-footer-brand-slider__link:hover .hdf-footer-brand-slider__logo,
.hdf-footer-brand-slider__link:focus-visible .hdf-footer-brand-slider__logo {
    opacity: 1;
}

.hdf-footer-brand-slider__link:focus-visible {
    outline: 2px solid var(--hdf-color-primary, #F97316);
    outline-offset: 2px;
    border-radius: 6px;
}

.hdf-footer-brand-slider__nav {
    display: grid;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--hdf-color-subtle, #F3F4F6);
    color: var(--hdf-color-text, #111827);
    cursor: pointer;
}

.hdf-footer-brand-slider__nav:hover,
.hdf-footer-brand-slider__nav:focus-visible {
    background: color-mix(in srgb, var(--hdf-color-primary, #F97316) 12%, #FFFFFF 88%);
    color: var(--hdf-color-primary-hover, #EA580C);
    outline: 0;
}

.hdf-footer-brand-slider__nav:disabled {
    opacity: .38;
    cursor: default;
}

.hdf-footer-brand-slider__nav[hidden] { display: none; }
.hdf-footer-brand-slider__nav-icon,
.hdf-footer-brand-slider__nav-icon svg {
    display: block;
    width: 14px;
    height: 14px;
}
.hdf-footer-brand-slider__nav--prev .hdf-footer-brand-slider__nav-icon { transform: rotate(180deg); }

@media (max-width: 1024px) {
    .hdf-footer-brand-slider__frame {
        min-height: min(var(--hdf-footer-brand-slider-min-height, 58px), 56px);
        gap: 6px;
        padding-inline: 6px;
    }
    .hdf-footer-brand-slider__nav {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
    }
    .hdf-footer-brand-slider__logo {
        max-height: var(--hdf-footer-brand-slider-effective-logo-height, var(--hdf-footer-brand-slider-logo-height, 32px));
    }
}

@media (max-width: 640px) {
    .hdf-footer-brand-slider__frame {
        min-height: min(var(--hdf-footer-brand-slider-min-height, 58px), 52px);
        gap: 4px;
        padding: 5px 4px;
        border-radius: 0;
    }
    .hdf-footer-brand-slider__nav {
        width: 28px;
        height: 28px;
        flex-basis: 28px;
    }
    .hdf-footer-brand-slider__nav-icon,
    .hdf-footer-brand-slider__nav-icon svg { width: 12px; height: 12px; }
    .hdf-footer-brand-slider__logo {
        max-height: var(--hdf-footer-brand-slider-effective-logo-height, var(--hdf-footer-brand-slider-logo-height, 32px));
    }
}

@media (prefers-reduced-motion: reduce) {
    .hdf-footer-brand-slider__track { transition: none; }
}

.footer-support-newsletter {
    position: relative;
    min-height: var(--hdf-support-height);
    border: 0;
    background: var(--hdf-color-primary);
    color: var(--hdf-color-on-primary);
}


.footer-support-newsletter__inner {
    display: grid;
    min-height: inherit;
    align-items: center;
    grid-template-columns: minmax(280px, 1fr) minmax(390px, 610px);
    gap: clamp(28px, 5vw, 74px);
    padding-block: clamp(18px, 2.2vw, 28px);
}

.footer-support-newsletter__message {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 16px;
}

.footer-newsletter__field-icon svg {
    width: 1em;
    height: 1em;
}

.footer-support-newsletter__copy h2 {
    margin: 0;
    color: var(--hdf-color-on-primary);
    font-family: var(--hdf-font-heading);
    font-size: clamp(1.1rem, 1.5vw, 1.34rem);
    font-weight: 700;
    letter-spacing: -.01em;
    line-height: 1.15;
}

.footer-support-newsletter__copy p {
    max-width: 58ch;
    margin: 5px 0 0;
    color: color-mix(in srgb, var(--hdf-color-on-primary) 92%, transparent);
    font-family: var(--hdf-font-body);
    font-size: clamp(.84rem, .95vw, .94rem);
    line-height: 1.45;
}

.footer-newsletter__form {
    position: relative;
    display: grid;
    min-width: 0;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    border: var(--hdf-border-width) solid color-mix(in srgb, var(--hdf-color-on-primary) 64%, transparent);
    border-radius: 999px;
    background: var(--hdf-color-on-primary);
    overflow: hidden;
}

.footer-newsletter__field-icon {
    display: grid;
    width: 44px;
    height: 46px;
    place-items: center;
    color: var(--hdf-color-muted);
    font-size: 18px;
}

.footer-newsletter__form input[type="email"] {
    width: 100%;
    min-width: 0;
    height: 46px;
    padding: 0 10px 0 2px;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--hdf-color-text);
    font-family: var(--hdf-font-ui);
    font-size: .9rem;
}

.footer-newsletter__form input[type="email"]:focus {
    border: 0;
    outline: 0;
}

.footer-newsletter__form button {
    display: inline-flex;
    min-width: 120px;
    height: 46px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding-inline: 20px;
    border: 0;
    border-radius: 0;
    background: var(--hdf-color-text);
    color: var(--hdf-color-on-primary);
    font-family: var(--hdf-font-ui);
    font-size: .88rem;
    font-weight: 650;
}

.footer-newsletter__form button:hover,
.footer-newsletter__form button:focus-visible {
    background: color-mix(in srgb, var(--hdf-color-text) 82%, #000000);
    color: var(--hdf-color-on-primary);
}

.footer-newsletter__form button span {
    font-size: 15px;
}

.footer-newsletter__status {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 8px 0 0;
    color: color-mix(in srgb, var(--hdf-color-on-primary) 92%, transparent);
    font-size: .75rem;
    line-height: 1.35;
}

.footer-newsletter__honeypot {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

/* Compact support/newsletter accordion shell. Desktop remains expanded. */
.footer-support-newsletter__toggle {
    display: none;
}

.footer-support-newsletter__panel {
    display: block;
}

@media (max-width: 1140px) {
    .footer-support-newsletter {
        min-height: 0;
        padding: 8px 12px;
        box-sizing: border-box;
    }

    .footer-support-newsletter__toggle {
        position: relative;
        display: flex;
        width: 100%;
        min-height: 44px;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 0 12px;
        border: 0;
        border-radius: 999px;
        background: var(--hdf-color-on-primary);
        color: var(--hdf-color-text);
        font-family: var(--hdf-font-heading);
        font-size: .78rem;
        font-weight: 700;
        letter-spacing: .02em;
        text-transform: uppercase;
    }

    .footer-support-newsletter__toggle > span:last-child {
        position: absolute;
        top: 50%;
        inset-inline-end: 10px;
        display: grid;
        width: 24px;
        height: 24px;
        place-items: center;
        border: var(--hdf-border-width) solid var(--hdf-color-border);
        border-radius: 50%;
        color: var(--hdf-color-text);
        transform: translateY(-50%);
        transition: transform var(--hdf-transition);
    }

    .footer-support-newsletter__toggle > span:last-child svg {
        width: 13px;
        height: 13px;
    }

    .footer-support-newsletter.is-open .footer-support-newsletter__toggle > span:last-child {
        transform: translateY(-50%) rotate(180deg);
    }

    .footer-support-newsletter__panel {
        display: none;
    }

    .footer-support-newsletter.is-open .footer-support-newsletter__panel {
        display: block;
    }

    .footer-support-newsletter__inner {
        width: 100%;
        max-width: 100%;
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 14px 0 4px;
        box-sizing: border-box;
    }

    .footer-support-newsletter__message {
        gap: 12px;
    }

}

.footer-main {
    padding-block: var(--hdf-space-10);
    border: 0;
    background: var(--hdf-footer-background);
}

.footer-main__inner {
    display: grid;
    align-items: start;
    grid-template-columns: minmax(240px, 1.3fr) minmax(0, 3.7fr);
    gap: clamp(34px, 4.5vw, 70px);
}

.footer-brand {
    min-width: 0;
}

.footer-brand__top-row {
    display: block;
    min-width: 0;
}

.footer-branding {
    min-height: 54px;
}

.footer-branding__custom-logo,
.footer-branding__custom-logo a,
.footer-branding__identity {
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}

.footer-branding__custom-logo img {
    display: block;
    width: auto;
    max-width: 210px;
    max-height: 62px;
    object-fit: contain;
}

.footer-branding__favicon,
.footer-branding__mark {
    display: grid;
    width: 54px;
    height: 54px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 10px;
    object-fit: cover;
}

.footer-branding__mark {
    background: var(--hdf-color-primary);
    color: var(--hdf-color-on-primary);
    font-family: var(--hdf-font-heading);
    font-size: 1.5rem;
    font-weight: 700;
}

.footer-branding__copy {
    display: grid;
    min-width: 0;
}

.footer-branding__copy small {
    justify-self: start;
    color: var(--hdf-color-primary-hover);
    font-family: var(--hdf-font-ui);
    font-size: .66rem;
    font-weight: 650;
    letter-spacing: .08em;
    line-height: 1;
    text-transform: uppercase;
}

.footer-branding__copy strong {
    overflow: hidden;
    color: var(--hdf-footer-text);
    font-family: var(--hdf-font-heading);
    font-size: clamp(1.3rem, 2vw, 1.72rem);
    font-weight: 650;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.footer-contact {
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
    text-decoration: none;
    cursor: default;
}

.footer-contact__icon {
    display: grid;
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    place-items: center;
    border: var(--hdf-border-width) solid color-mix(in srgb, var(--hdf-color-primary) 46%, var(--hdf-color-border));
    border-radius: 50%;
    color: var(--hdf-color-primary-hover);
    font-size: 18px;
}

.footer-contact__icon svg {
    width: 1em;
    height: 1em;
}

.footer-contact__copy {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.footer-contact__copy strong {
    color: var(--hdf-footer-text);
    font-size: .88rem;
    font-weight: 650;
    line-height: 1.2;
}

.footer-contact__copy span {
    color: var(--hdf-footer-link);
    font-size: .85rem;
    line-height: 1.2;
}

.footer-contact:hover .footer-contact__icon,
.footer-contact:focus-visible .footer-contact__icon {
    border-color: var(--hdf-color-primary-hover);
    background: var(--hdf-color-primary);
    color: var(--hdf-color-on-primary);
}

.footer-socials {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

.footer-socials a {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border: var(--hdf-border-width) solid var(--hdf-color-border-strong);
    border-radius: 50%;
    outline: 0 solid transparent;
    outline-offset: 0;
    background: var(--hdf-footer-background);
    color: var(--hdf-footer-link);
    font-size: 15px;
    line-height: 1;
    text-decoration: none;
    transition: background-color var(--hdf-transition), border-color var(--hdf-transition), color var(--hdf-transition), outline-color var(--hdf-transition), outline-width var(--hdf-transition), outline-offset var(--hdf-transition), transform var(--hdf-transition);
}

.footer-socials a svg {
    display: block;
    width: 1em;
    height: 1em;
}

.footer-socials a:hover,
.footer-socials a:focus-visible {
    border-color: var(--hdf-color-primary);
    outline: 2px solid color-mix(in srgb, var(--hdf-color-primary) 34%, transparent);
    outline-offset: 3px;
    background: var(--hdf-color-primary);
    color: var(--hdf-color-on-primary);
    transform: translateY(-1px);
}

.footer-brand__mobile-heading { display:none; }

.footer-menu-columns {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(22px, 3vw, 46px);
}

.footer-menu-column {
    min-width: 0;
}

.footer-menu-column__heading {
    position: relative;
    margin: 0 0 14px;
    padding-bottom: 11px;
    color: var(--hdf-footer-text);
    font-family: var(--hdf-font-heading);
    font-size: .88rem;
    font-weight: 650;
    letter-spacing: .06em;
    text-transform: uppercase;
    line-height: 1.2;
}

.footer-menu-column__heading::after {
    position: absolute;
    bottom: 0;
    inset-inline-start: 0;
    width: 24px;
    height: 2px;
    background: var(--hdf-color-primary);
    content: "";
}

.footer-menu-column__toggle {
    display: none;
}

.footer-menu,
.footer-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-menu li + li {
    margin-top: 0;
}

.footer-menu a {
    display: inline;
    color: var(--hdf-footer-link);
    font-size: .88rem;
    line-height: 1.35;
    text-decoration: none;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.footer-menu a::before {
    display: none;
    content: none;
}

.footer-menu a:hover,
.footer-menu a:focus-visible,
.footer-menu .current-menu-item > a {
    color: var(--hdf-footer-text);
}

.footer-menu a:hover,
.footer-menu a:focus-visible {
    text-decoration: underline;
}

.footer-menu a:hover::before,
.footer-menu a:focus-visible::before {
    display: inline-block;
    content: "›";
    margin-inline-end: 6px;
    color: var(--hdf-color-primary);
}

.footer-bottom {
    padding-block: 8px;
    border-top: var(--hdf-border-width) solid var(--hdf-color-border-strong);
    background: var(--hdf-footer-background);
    color: color-mix(in srgb, var(--hdf-footer-text) 72%, transparent);
    font-size: .78rem;
}

.footer-bottom__inner {
    display:flex;
    min-height:24px;
    align-items:center;
    justify-content:center;
    text-align:center;
}

.footer-bottom__copyright { margin:0; }
.footer-bottom__copyright a { color:inherit;text-decoration:none; }
.footer-bottom__copyright a:hover,.footer-bottom__copyright a:focus-visible { color:var(--hdf-footer-text); }

.footer-back-to-top {
    position:fixed;
    z-index:170;
    right:clamp(14px, 2vw, 28px);
    bottom:clamp(14px, 2vw, 28px);
    display:grid;
    width:44px;
    height:44px;
    place-items:center;
    padding:0;
    border:var(--hdf-border-width) solid var(--hdf-color-border-strong);
    border-radius:50%;
    background:var(--hdf-footer-background);
    color:var(--hdf-footer-text);
    box-shadow:none;
    cursor:pointer;
}
.footer-back-to-top[hidden] { display:none; }
.footer-back-to-top span:first-child { display:grid;place-items:center;font-size:19px; }
.footer-back-to-top svg { width:1em;height:1em; }
.footer-back-to-top:hover,.footer-back-to-top:focus-visible { border-color:var(--hdf-color-primary);background:var(--hdf-color-primary);color:var(--hdf-color-on-primary);outline:0;box-shadow:none; }

/* Compact tablet/mobile footer uses one stacked composition and one accordion network. */
@media (max-width: 1140px) {
    .footer-support-newsletter__inner {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .footer-main {
        padding-block: 24px 20px;
    }

    .footer-main__inner {
        display: flex;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        align-items: stretch;
        flex-direction: column;
        gap: 14px;
        padding-inline: var(--hdf-footer-mobile-padding-x, 16px);
        box-sizing: border-box;
    }

    .footer-brand {
        display: flex;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        flex-direction: column;
        gap: 12px;
    }

    .footer-brand__top-row {
        display: grid;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        grid-template-columns: minmax(0, 1fr) max-content;
        align-items: center;
        justify-content: stretch;
        column-gap: clamp(12px, 3vw, 28px);
    }

    .footer-branding {
        min-width: 0;
        min-height: 0;
    }

    .footer-branding__favicon,
    .footer-branding__mark {
        width: 44px;
        height: 44px;
    }

    .footer-branding__copy strong {
        max-width: 34vw;
        font-size: 1.34rem;
    }

    .footer-contact {
        width: max-content;
        max-width: min(48vw, 310px);
        justify-self: end;
        margin-top: 0;
        margin-inline-start: auto;
        gap: 12px;
    }

    .footer-contact__copy {
        text-align: start;
    }

    .footer-contact__icon {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }

    .footer-contact__copy strong {
        font-size: .88rem;
    }

    .footer-contact__copy span {
        font-size: .85rem;
    }

    .footer-brand__mobile-heading {
        display: block;
        margin: 4px 0 0;
        color: var(--hdf-footer-text);
        font-family: var(--hdf-font-heading);
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.2;
    }

    .footer-socials {
        gap: 8px;
        margin-top: 0;
    }

    .footer-socials a {
        width: var(--hdf-footer-mobile-social-size, 36px);
        height: var(--hdf-footer-mobile-social-size, 36px);
        border-radius: 8px;
    }

    .footer-menu-columns {
        display: flex;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        align-self: stretch;
        flex-direction: column;
        gap: var(--hdf-footer-mobile-menu-gap, 6px);
        order: 2;
        border-top: 0;
    }

    .footer-menu-column,
    .footer-menu-column__toggle,
    .footer-menu-column__panel {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .footer-menu-column {
        display: block;
        width: 100%;
        max-width: none;
        min-width: 0;
        flex: 0 0 auto;
        align-self: stretch;
        border-bottom: 0;
    }

    .footer-menu-column__heading {
        display: none;
    }

    .footer-menu-column__toggle {
        display: flex;
        min-height: 42px;
        align-items: center;
        justify-content: space-between;
        padding: 0 10px;
        border: var(--hdf-border-width) solid var(--hdf-color-border);
        border-radius: var(--hdf-footer-mobile-menu-radius, 9px);
        background: var(--hdf-color-surface, #FFFFFF);
        color: var(--hdf-footer-text);
        font-family: var(--hdf-font-heading);
        font-size: .78rem;
        font-weight: 700;
        letter-spacing: .02em;
        text-transform: uppercase;
    }

    .footer-menu-column__toggle span:last-child {
        display: grid;
        width: 24px;
        height: 24px;
        place-items: center;
        border: var(--hdf-border-width) solid var(--hdf-color-border);
        border-radius: 50%;
        font-size: 13px;
        transition: transform var(--hdf-transition);
    }

    .footer-menu-column__toggle[aria-expanded="true"] span:last-child {
        transform: rotate(180deg);
    }

    .footer-menu-column__panel {
        display: none;
        margin-top: -1px;
        padding: 12px;
        border: var(--hdf-border-width) solid var(--hdf-color-border);
        border-top: 0;
        border-radius: 0 0 var(--hdf-footer-mobile-menu-radius, 9px) var(--hdf-footer-mobile-menu-radius, 9px);
        background: var(--hdf-color-surface, #FFFFFF);
    }

    .footer-menu-column.is-open .footer-menu-column__toggle {
        border-radius: var(--hdf-footer-mobile-menu-radius, 9px) var(--hdf-footer-mobile-menu-radius, 9px) 0 0;
    }

    .footer-menu-column.is-open .footer-menu-column__panel {
        display: block;
    }

    .footer-bottom__inner {
        width: 100%;
        max-width: 100%;
        align-items: center;
        flex-direction: row;
        justify-content: center;
        text-align: center;
    }

    .footer-bottom__copyright {
        width: 100%;
        text-align: center;
    }

    .footer-back-to-top {
        width: var(--hdf-footer-mobile-back-to-top-size, 44px);
        height: var(--hdf-footer-mobile-back-to-top-size, 44px);
        border-color: var(--hdf-color-primary);
        background: var(--hdf-color-primary);
        color: var(--hdf-color-on-primary);
    }
}

@media (max-width: 520px) {
    .footer-newsletter__form {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .footer-newsletter__form button {
        grid-column: 1 / -1;
        width: 100%;
        border-top: var(--hdf-border-width) solid color-mix(in srgb, var(--hdf-color-primary) 26%, transparent);
        border-inline-start: 0;
    }

    .footer-brand {
        gap: 10px;
    }

    .footer-brand__top-row {
        grid-template-columns: minmax(0, 1fr) max-content;
        column-gap: 8px;
    }

    .footer-branding__custom-logo,
    .footer-branding__custom-logo a,
    .footer-branding__identity {
        gap: 8px;
    }

    .footer-branding__favicon,
    .footer-branding__mark {
        width: 40px;
        height: 40px;
    }

    .footer-branding__copy strong {
        max-width: 104px;
        font-size: 1.05rem;
    }

    .footer-contact {
        gap: 7px;
    }

    .footer-contact__icon {
        width: 34px;
        height: 34px;
        font-size: 16px;
    }

    .footer-contact__copy strong,
    .footer-contact__copy span {
        font-size: .7rem;
    }

    .footer-contact {
        max-width: 46vw;
    }

    .footer-contact__copy {
        min-width: 0;
    }

    .footer-contact__copy strong,
    .footer-contact__copy span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.site-header {
    position: relative;
    z-index: 80;
    overflow: visible;
    border-bottom: 0;
    border-radius: 0 0 var(--hdf-header-shell-bottom-radius) var(--hdf-header-shell-bottom-radius);
    background: var(--hdf-header-main-background);
    color: var(--hdf-header-main-text);
}

.site-header .hdf-header-topbar,
.site-header .hdf-header-navigation {
    position: relative;
}

.site-header .hdf-header-topbar,
.site-header .hdf-header-navigation {
    
}

.site-header .hdf-header-navigation {
    border-bottom: 0;
    border-radius: 0 0 var(--hdf-header-shell-bottom-radius) var(--hdf-header-shell-bottom-radius);
    
}

.site-header .hdf-header-topbar::before,
.site-header .hdf-header-navigation::before {
    position: absolute;
    inset: 0 0 auto 0;
    height: 1px;
    content: "";
    pointer-events: none;
}

.site-header .hdf-header-topbar::before {
    background: rgba(255, 255, 255, .96);
}

.site-header .hdf-header-navigation::before {
    background: rgba(255, 255, 255, .96);
}

.site-header .hdf-header-topbar::after,
.site-header .hdf-header-navigation::after {
    position: absolute;
    right: 0;
    left: 0;
    height: 1px;
    content: "";
    pointer-events: none;
}

.site-header .hdf-header-topbar::after {
    bottom: -2px;
    height: 2px;
    background: color-mix(in srgb, var(--hdf-header-border-strong) 72%, #FFFFFF);
}

.site-header .hdf-header-navigation::after {
    right: max(10px, calc(var(--hdf-site-frame-gutter, 10px) / 2));
    bottom: -3px;
    left: max(10px, calc(var(--hdf-site-frame-gutter, 10px) / 2));
    height: 9px;
    border-inline: 2px solid color-mix(in srgb, var(--hdf-header-border-strong) 86%, var(--hdf-color-text, #111827) 14%);
    border-block-end: 2px solid color-mix(in srgb, var(--hdf-header-border-strong) 86%, var(--hdf-color-text, #111827) 14%);
    border-radius: 0 0 max(12px, var(--hdf-header-shell-bottom-radius)) max(12px, var(--hdf-header-shell-bottom-radius));
    background: transparent;
    
}


/* Public header slots may render dropdown layers. Header geometry remains
 * Theme-owned, while extension panels must not be clipped by row shells. */
.site-header .hdf-header-main,
.site-header .hdf-header-main__inner,
.site-header .hdf-header-main__actions,
.site-header [data-hdf-header-slot] {
    overflow: visible;
}

/* One public site-frame contract. Header width mode resolves these tokens once;
 * first-party page/Commerce surfaces consume them instead of inventing widths. */
body.hdf-header-width-full {
    --hdf-site-frame-width: calc(100% - var(--hdf-site-frame-gutter, 10px));
}

body.hdf-header-width-contained {
    --hdf-site-frame-width: min(calc(100% - var(--hdf-site-frame-gutter, 10px)), var(--hdf-container));
}

body.hdf-header-width-custom {
    --hdf-site-frame-width: min(calc(100% - var(--hdf-site-frame-gutter, 10px)), var(--hdf-header-custom-width));
}

.site-header--sticky {
    position: sticky;
    top: var(--hdf-sticky-top-offset, 0px);
}

.site-header .hdf-header-topbar__inner,
.site-header .hdf-header-main__inner,
.site-header .hdf-header-navigation__inner {
    box-sizing: border-box;
    max-width: none;
    margin-inline: auto;
}

.site-header .hdf-header-topbar__inner,
.site-header .hdf-header-main__inner,
.site-header .hdf-header-navigation__inner {
    width: var(--hdf-site-frame-width, calc(100% - 10px));
}

.hdf-header-topbar__inner {
    padding-inline: var(--hdf-header-top-padding-x);
}

.hdf-header-main__inner {
    padding-inline: var(--hdf-header-main-padding-x);
}

.hdf-header-navigation__inner {
    padding-inline: var(--hdf-header-nav-padding-x);
}

.site-header svg {
    display: block;
    width: 1em;
    height: 1em;
}

.site-header button,
.site-header a {
    -webkit-tap-highlight-color: transparent;
}

.site-header.is-scrolled {
    border-bottom-color: var(--hdf-header-border-strong);
}

@media (max-width: 1060px) {
    body {
        --hdf-site-frame-padding-x: var(--hdf-header-tablet-padding-x, 24px);
    }

    .site-header .hdf-header-topbar__inner,
    .site-header .hdf-header-main__inner,
    .site-header .hdf-header-navigation__inner {
        padding-inline: var(--hdf-header-tablet-padding-x);
    }
}

@media (max-width: 782px) {
    body {
        --hdf-site-frame-width: 100%;
        --hdf-site-frame-padding-x: var(--hdf-header-mobile-padding-x, 12px);
    }

    .site-header .hdf-header-topbar__inner,
    .site-header .hdf-header-main__inner,
    .site-header .hdf-header-navigation__inner {
        width: 100%;
        max-width: 100%;
        padding-inline: var(--hdf-header-mobile-padding-x, 12px);
    }
}


/* Desktop commercial row separation uses only crisp border layers.
 * No shadow, blur or glow is part of the Header DNA.
 */
@media (min-width: 1141px) {
    .hdf-header-topbar,
    .hdf-header-main,
    .hdf-header-navigation {
        position: relative;
    }

    .hdf-header-topbar {
        border-bottom-color: var(--hdf-header-border-strong);
    }

    .hdf-header-main {
        border-bottom-color: color-mix(in srgb, var(--hdf-header-border) 72%, var(--hdf-header-border-strong));
    }

    .hdf-header-main::after {
        position: absolute;
        right: 0;
        bottom: -1px;
        left: 0;
        height: 1px;
        background: color-mix(in srgb, var(--hdf-header-main-background) 88%, var(--hdf-header-border));
        content: "";
        pointer-events: none;
    }

}

.hdf-header-promo__icon,
.hdf-header-action__icon,
.hdf-header-search__submit > span[aria-hidden="true"],
.hdf-header-search__scope-placeholder > span[aria-hidden="true"],
.hdf-mobile-menu-toggle__icon,
.hdf-explore__menu-icon,
.hdf-explore__chevron,
.hdf-menu-link-icon {
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    line-height: 1;
}

.hdf-header-promo__icon svg,
.hdf-header-action__icon svg,
.hdf-header-search__submit svg,
.hdf-header-search__scope-placeholder svg,
.hdf-mobile-menu-toggle__icon svg,
.hdf-explore__menu-icon svg,
.hdf-explore__chevron svg,
.hdf-menu-link-icon svg {
    display: block;
    width: 1em;
    height: 1em;
    overflow: visible;
}

.hdf-menu-link-icon {
    width:1em;
    height:1em;
    color:currentColor;
    font-size:inherit;
}

.hdf-menu-link-label {
    min-width: 0;
}

.hdf-explore-menu a {
    gap: var(--hdf-space-3);
}

.hdf-header-search__leading-icon {
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    line-height: 1;
}

.hdf-header-search__leading-icon svg {
    display: block;
    width: 1em;
    height: 1em;
}

/* Normalize trusted package icons to the surrounding semantic color. */
.site-header svg [fill]:not([fill="none"]) {
    fill: currentColor;
}

.site-header svg [stroke]:not([stroke="none"]) {
    stroke: currentColor;
}

.site-header svg path:not([fill]):not([stroke]) {
    fill: currentColor;
}

/* The Theme Wishlist slot always renders the normal outline heart.
 * Saved-product state belongs to Commerce count/dropdown data, never the
 * Header icon geometry, fill or color. */
.site-header .hdf-header-action--favorites .hdf-header-icon--heart,
.site-header .hdf-header-action--favorites .hdf-header-icon--heart path {
    fill: none;
    stroke: currentColor;
}

.hdf-primary-menu .hdf-menu-link-icon {
    width:clamp(14px, calc(var(--hdf-header-nav-height) * .27), 20px);
    height:clamp(14px, calc(var(--hdf-header-nav-height) * .27), 20px);
    font-size:clamp(14px, calc(var(--hdf-header-nav-height) * .27), 20px);
}

.hdf-header-topbar {
    min-height: var(--hdf-header-top-height);
    border-bottom: var(--hdf-border-width) solid var(--hdf-header-border);
    background: var(--hdf-header-top-background);
    color: var(--hdf-header-top-text);
    font-family: var(--hdf-font-ui, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
    font-size: clamp(10px, calc(var(--hdf-header-top-height) * .34), 14px);
    line-height: 1;
}

.hdf-header-topbar__inner {
    display: grid;
    min-height: inherit;
    align-items: center;
    grid-template-columns: minmax(180px, 1fr) auto minmax(360px, 1fr);
    gap: clamp(10px, calc(var(--hdf-header-top-height) * .55), 24px);
}

.hdf-header-topbar__nav--utility { justify-self: end; }
.hdf-top-menu { display:flex;align-items:center;margin:0;padding:0;list-style:none; }
.hdf-top-menu--social { gap:clamp(10px, calc(var(--hdf-header-top-height) * .36), 18px); }
.hdf-top-menu--utility { gap:0; }
.hdf-top-menu--utility li { display:flex;align-items:center; }
.hdf-top-menu--utility li + li::before {
    width:var(--hdf-border-width);
    height:clamp(12px, calc(var(--hdf-header-top-height) * .48), 18px);
    margin-inline:clamp(8px, calc(var(--hdf-header-top-height) * .35), 18px);
    background:var(--hdf-header-top-separator);
    content:"";
}
.hdf-top-menu a {
    display:inline-flex;
    align-items:center;
    gap:clamp(5px, calc(var(--hdf-header-top-height) * .2), 8px);
    padding-block:clamp(2px, calc(var(--hdf-header-top-height) * .08), 4px);
    color:var(--hdf-header-top-text);
    font-weight:500;
    text-decoration:none;
    white-space:nowrap;
}
.hdf-top-menu a:hover,.hdf-top-menu a:focus-visible { color:var(--hdf-header-top-link-hover); }
.hdf-top-menu--social .hdf-menu-link-icon,
.hdf-top-menu--utility .hdf-menu-link-icon {
    width:clamp(13px, calc(var(--hdf-header-top-height) * .45), 19px);
    height:clamp(13px, calc(var(--hdf-header-top-height) * .45), 19px);
    font-size:clamp(13px, calc(var(--hdf-header-top-height) * .45), 19px);
}
.hdf-top-menu--social .hdf-menu-link-label { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap; }
.hdf-header-promo {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:clamp(5px, calc(var(--hdf-header-top-height) * .2), 8px);
    color:var(--hdf-header-promo-color);
    text-align:center;
    text-decoration:none;
    white-space:nowrap;
}
.hdf-header-promo strong { font-weight:650; }
.hdf-header-promo__note { color:var(--hdf-header-promo-note-color);font-weight:500; }
.hdf-header-promo__icon { font-size:clamp(13px, calc(var(--hdf-header-top-height) * .47), 20px); }

.hdf-top-menu--social {
    gap: clamp(12px, calc(var(--hdf-header-top-height) * .42), 18px);
}

.hdf-top-menu--utility .hdf-menu-link-icon {
    display: grid;
    place-items: center;
}

.hdf-top-menu--utility .hdf-menu-link-icon svg {
    width: 1em;
    height: 1em;
}

.hdf-top-menu--utility .hdf-menu-link-icon--dealers svg,
.hdf-top-menu--utility .hdf-menu-link-icon--track-order svg {
    width: 1em;
    height: 1em;
}


/* Utility icons scale from the owning top-row text size. Legacy keys resolve to the same visual box. */
.hdf-top-menu--utility .hdf-menu-link-icon--dealers,
.hdf-top-menu--utility .hdf-menu-link-icon--tag,
.hdf-top-menu--utility .hdf-menu-link-icon--track-order,
.hdf-top-menu--utility .hdf-menu-link-icon--shield-check {
    display: inline-grid;
    width: 1em;
    height: 1em;
    flex: 0 0 1em;
    place-items: center;
    overflow: visible;
    font-size: 1em;
}

.hdf-top-menu--utility .hdf-menu-link-icon--dealers svg,
.hdf-top-menu--utility .hdf-menu-link-icon--tag svg,
.hdf-top-menu--utility .hdf-menu-link-icon--track-order svg,
.hdf-top-menu--utility .hdf-menu-link-icon--shield-check svg {
    width: 1em;
    height: 1em;
}


.hdf-header-topbar__nav--utility { display:flex;align-items:center;gap:clamp(8px, calc(var(--hdf-header-top-height) * .28), 14px); }
.hdf-header-utility-controls { display:flex;align-items:center;gap:0; }
.hdf-header-utility-controls > * + *::before { display:inline-block;width:var(--hdf-border-width);height:clamp(12px, calc(var(--hdf-header-top-height) * .48), 18px);margin-inline:clamp(8px, calc(var(--hdf-header-top-height) * .35), 18px);background:var(--hdf-header-top-separator);content:"";vertical-align:middle; }
.hdf-utility-selector { position:relative;display:inline-flex;align-items:center;color:var(--hdf-header-top-text);font-family:var(--hdf-font-ui);font-size:inherit; }
.hdf-utility-selector > summary { display:inline-flex;align-items:center;gap:5px;padding-block:3px;color:inherit;font-weight:500;list-style:none;cursor:pointer;white-space:nowrap; }
.hdf-utility-selector > summary::-webkit-details-marker { display:none; }
.hdf-utility-selector > summary:hover,.hdf-utility-selector > summary:focus-visible,.hdf-utility-selector[open] > summary { color:var(--hdf-header-top-link-hover);outline:0; }
.hdf-utility-selector__chevron { font-size:.9em;line-height:1;transition:transform var(--hdf-transition); }
.hdf-utility-selector[open] .hdf-utility-selector__chevron { transform:rotate(180deg); }
.hdf-utility-selector__panel { position:absolute;z-index:260;top:calc(100% + 10px);inset-inline-end:0;width:max-content;min-width:220px;max-width:min(340px, calc(100vw - 24px));max-height:340px;overflow:auto;border:var(--hdf-border-width) solid var(--hdf-header-dropdown-border);border-radius:var(--hdf-input-radius);background:var(--hdf-header-dropdown-background);color:var(--hdf-header-dropdown-text); }
.hdf-utility-selector__panel form { display:grid;padding:6px; }
.hdf-utility-selector__panel button { display:flex;width:100%;min-height:38px;align-items:center;justify-content:space-between;gap:14px;padding:7px 10px;border:0;border-radius:6px;background:transparent;color:var(--hdf-header-dropdown-text);font-family:var(--hdf-font-ui);font-size:.82rem;text-align:start;cursor:pointer; }
.hdf-utility-selector__panel button small { color:var(--hdf-color-muted);font-size:.7rem; }
.hdf-utility-selector__panel button:hover,.hdf-utility-selector__panel button:focus-visible,.hdf-utility-selector__panel button.is-current { background:var(--hdf-header-dropdown-hover-background);color:var(--hdf-header-dropdown-hover-text);outline:0; }
.hdf-utility-selector__panel button:hover small,.hdf-utility-selector__panel button:focus-visible small,.hdf-utility-selector__panel button.is-current small { color:currentColor; }

.hdf-header-main__branding {
    width: min(100%, var(--hdf-header-branding-width));
    flex: 0 0 auto;
}

.site-branding {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: clamp(8px, calc(var(--hdf-header-main-height) * .12), 13px);
}

.site-logo,
.site-logo a {
    display: flex;
    min-width: 0;
    align-items: center;
}

.site-logo img {
    display: block;
    width: auto;
    max-width: var(--hdf-header-logo-max-width);
    max-height: min(var(--hdf-header-logo-max-height), calc(var(--hdf-header-main-height) * .68));
    object-fit: contain;
}

.site-favicon {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    text-decoration: none;
}

.site-favicon img,
.site-brand-mark {
    display: grid;
    width: min(var(--hdf-header-brand-mark-size), calc(var(--hdf-header-main-height) * .66));
    height: min(var(--hdf-header-brand-mark-size), calc(var(--hdf-header-main-height) * .66));
    flex: 0 0 auto;
    place-items: center;
    border-radius: var(--hdf-header-brand-mark-radius);
    object-fit: cover;
}

.site-brand-mark {
    background: var(--hdf-color-primary);
    color: var(--hdf-color-on-primary);
    font-family: var(--hdf-font-heading);
    font-size: calc(min(var(--hdf-header-brand-mark-size), var(--hdf-header-main-height) * .66) * .50);
    font-weight: 650;
    line-height: 1;
    text-decoration: none;
}

.site-identity {
    display: grid;
    min-width: 0;
    align-content: center;
}

.site-brand-eyebrow {
    justify-self: end;
    margin: 0 2px 3px 0;
    color: var(--hdf-header-branding-eyebrow-color);
    font-family: var(--hdf-font-ui);
    font-size: clamp(8px, calc(var(--hdf-header-main-height) * .105), 11px);
    font-weight: 650;
    letter-spacing: .07em;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
}

.site-title {
    min-width: 0;
    margin: 0;
    font-family: var(--hdf-font-heading);
    font-size: clamp(15px, calc(var(--hdf-header-main-height) * .27), calc(var(--hdf-header-title-size) - 5px));
    font-weight: 650;
    letter-spacing: -.02em;
    line-height: 1.02;
}

.site-title a {
    display: block;
    color: var(--hdf-header-main-text);
    text-decoration: none;
    white-space: nowrap;
}

.site-title a:hover,
.site-title a:focus-visible {
    color: var(--hdf-header-main-text);
}

.site-description {
    margin: 4px 0 0;
    overflow: hidden;
    color: var(--hdf-color-muted);
    font-family: var(--hdf-font-ui);
    font-size: min(var(--hdf-header-tagline-size), calc(var(--hdf-header-main-height) * .15));
    font-weight: 400;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hdf-header-main {
    --hdf-header-main-control-render-size: max(36px, calc(var(--hdf-header-main-control-size) - 5px));
    --hdf-header-cart-control-width: calc(var(--hdf-header-main-control-render-size) + 30px);
    min-height: var(--hdf-header-main-height);
    padding-top: 6px;
    border-bottom: var(--hdf-border-width) solid var(--hdf-header-border);
    background: var(--hdf-header-main-background);
    color: var(--hdf-header-main-text);
}

.hdf-header-main__inner {
    display: grid;
    min-width: 0;
    min-height: inherit;
    align-items: center;
    grid-template-columns: minmax(270px, 1fr) minmax(420px, calc(var(--hdf-header-search-width, 680px) + 32px)) minmax(300px, 1fr);
    column-gap: var(--hdf-header-main-gap);
}

.hdf-header-main__left,
.hdf-header-main__branding,
.hdf-header-main__explore,
.hdf-header-main__search-track,
.hdf-header-main__search,
.hdf-header-main__actions {
    min-width: 0;
}

.hdf-header-main__left {
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: center;
    justify-self: stretch;
    gap: 18px;
    overflow: visible;
}

.hdf-header-main__branding {
    flex: 0 1 auto;
}

.hdf-header-main__explore {
    flex: 0 0 var(--hdf-header-main-control-render-size);
}

.hdf-header-main__search-track {
    display: grid;
    width: 100%;
    min-width: 0;
    place-items: center;
    padding-inline: 16px;
}

.hdf-header-main__search {
    box-sizing: border-box;
    width: min(var(--hdf-header-search-width, 680px), 100%);
    min-width: 0;
    justify-self: center;
}

.hdf-header-main__actions {
    display: grid;
    overflow: visible;
    padding-inline-end: 3px;
    align-items: center;
    justify-content: end;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    gap: var(--hdf-header-action-gap, 10px);
    white-space: nowrap;
}

.hdf-header-main__actions--labels-hidden .hdf-header-action__label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.hdf-mobile-menu-toggle {
    display: none;
    width: var(--hdf-header-main-control-render-size);
    height: var(--hdf-header-main-control-render-size);
    min-height: var(--hdf-header-main-control-render-size);
    align-items: center;
    justify-content: center;
    padding: 0;
    border: var(--hdf-border-width) solid var(--hdf-header-border);
    border-radius: var(--hdf-input-radius);
    background: var(--hdf-header-main-background);
    color: var(--hdf-header-main-text);
}

.hdf-mobile-menu-toggle:hover,
.hdf-mobile-menu-toggle:focus-visible {
    border-color: var(--hdf-color-primary);
    background: var(--hdf-color-subtle);
    color: var(--hdf-color-primary-hover);
}

.hdf-mobile-menu-toggle__icon {
    font-size: calc(var(--hdf-header-main-control-render-size) * .46);
}

.hdf-header-main--controls-border-off .hdf-mobile-menu-toggle,
.hdf-header-main--controls-border-off .hdf-explore__toggle,
.hdf-header-main--controls-border-off .hdf-header-action__icon {
    border-width: 0;
    border-color: transparent;
}


.hdf-header-main__branding:empty {
    display: none;
}

.hdf-header-main__actions > *,
.hdf-header-main__actions .hdc-notification-widget {
    display: flex;
    height: var(--hdf-header-main-control-render-size);
    align-items: center;
    justify-content: center;
}

.hdf-header-search {
    --hdf-header-search-auto-height: clamp(40px, calc(var(--hdf-header-main-height) * .50), 46px);
    position: relative;
    display: grid;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: var(--hdf-header-search-auto-height);
    border: 0;
    border-radius: calc(var(--hdf-header-search-auto-height) / 2);
    background: var(--hdf-header-search-background);
    overflow: visible;
    isolation: isolate;
    font-family: var(--hdf-font-ui, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}

.hdf-header-search::after {
    position: absolute;
    z-index: 6;
    inset: 0;
    border: var(--hdf-border-width) solid var(--hdf-header-search-border);
    border-radius: inherit;
    content: "";
    pointer-events: none;
}

.hdf-header-search--scope-right {
    grid-template-columns: minmax(0, 1fr) clamp(150px, 27%, 220px) var(--hdf-header-search-auto-height);
}

.hdf-header-search--scope-left {
    grid-template-columns: clamp(150px, 27%, 220px) minmax(0, 1fr) var(--hdf-header-search-auto-height);
}

.hdf-header-search:focus-within {
    border-color: var(--hdf-header-search-border);
    outline: 0;
    box-shadow:none;
}

.hdf-header-search__input-wrap,
.hdf-header-search__scope,
.hdf-header-search__scope > *,
.hdf-header-search__field,
.hdf-header-search__submit {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
}

.hdf-header-search__input-wrap {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    overflow: hidden;
    border-radius: calc(var(--hdf-header-search-auto-height) / 2) 0 0 calc(var(--hdf-header-search-auto-height) / 2);
}

.hdf-header-search--scope-left .hdf-header-search__input-wrap {
    border-radius: 0;
}

.hdf-header-search__leading-icon {
    position: absolute;
    top: 50%;
    inset-inline-start: clamp(16px, calc(var(--hdf-header-search-auto-height) * .42), 24px);
    color: var(--hdf-header-search-placeholder);
    font-size: calc(var(--hdf-header-search-auto-height) * .38);
    transform: translateY(-50%);
    pointer-events: none;
}

.hdf-header-search__leading-icon + .screen-reader-text + .hdf-header-search__field {
    padding-inline-start: calc(var(--hdf-header-search-auto-height) * 1.15);
}

.hdf-header-search__scope {
    position: relative;
    z-index: 2;
    align-self: stretch;
    margin-block: 0;
    overflow: visible;
    border-inline-start: var(--hdf-border-width) solid var(--hdf-header-search-border);
}

.hdf-header-search--scope-left .hdf-header-search__scope {
    border-inline-start: 0;
    border-inline-end: var(--hdf-border-width) solid var(--hdf-header-search-border);
}

.hdf-header-search__scope > *,
.hdf-header-search__scope-placeholder {
    width: 100%;
    height: 100%;
}

.hdf-header-search__scope-placeholder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding-inline: clamp(12px, calc(var(--hdf-header-search-auto-height) * .36), 20px);
    overflow: hidden;
    border: 0;
    background: transparent;
    color: var(--hdf-header-search-text);
    font-size: clamp(12px, calc(var(--hdf-header-search-auto-height) * .28), 15px);
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
}

.hdf-header-search__scope-placeholder > span:first-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hdf-header-search__scope-control {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.hdf-header-search__scope-control.is-enhanced .hdf-header-search__scope-select--native {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.hdf-header-search__scope-button {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0 calc(var(--hdf-header-search-auto-height) * .88) 0 clamp(12px, calc(var(--hdf-header-search-auto-height) * .36), 20px);
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: var(--hdf-header-search-background);
    color: var(--hdf-header-search-text);
    font-family: var(--hdf-font-ui);
    font-size: clamp(12px, calc(var(--hdf-header-search-auto-height) * .28), 15px);
    font-weight: 550;
    line-height: 1;
    text-align: start;
    cursor: pointer;
}

.hdf-header-search__scope-button > span:first-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hdf-header-search__scope-button:hover,
.hdf-header-search__scope-button:focus-visible,
.hdf-header-search__scope-control.is-open .hdf-header-search__scope-button {
    outline: 0;
    background: var(--hdf-header-search-background);
    color: var(--hdf-header-explore-item-hover-text, #EA580C);
    box-shadow: none;
}

.hdf-header-search__scope-panel {
    position: absolute;
    z-index: 10020;
    top: calc(100% + 1px);
    inset-inline-end: 0;
    width: max(100%, 260px);
    max-width: min(320px, calc(100vw - 24px));
    max-height: min(380px, calc(100vh - 110px));
    padding: 6px;
    overflow-y: auto;
    overscroll-behavior: contain;
    border: var(--hdf-border-width) solid var(--hdf-header-search-border);
    border-radius: 8px;
    background: var(--hdf-header-search-background);
    
}

.hdf-header-search__scope-option {
    display: block;
    width: 100%;
    min-height: 34px;
    padding: 7px 10px;
    overflow: hidden;
    border: 0;
    border-radius: var(--hdf-header-action-radius, 5px);
    background: transparent;
    color: var(--hdf-header-search-text);
    font-family: var(--hdf-font-ui);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.25;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.hdf-header-search__scope-option:hover,
.hdf-header-search__scope-option:focus-visible,
.hdf-header-search__scope-option.is-current {
    outline: 0;
    background: var(--hdf-header-explore-item-hover-background, var(--hdf-color-subtle));
    color: var(--hdf-header-explore-item-hover-text, var(--hdf-color-primary-hover));
}

.hdf-header-search__scope-select {
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 0 calc(var(--hdf-header-search-auto-height) * .88) 0 clamp(12px, calc(var(--hdf-header-search-auto-height) * .36), 20px);
    border: 0;
    border-radius: 0;
    outline: 0;
    appearance: none;
    background: var(--hdf-header-search-background);
    color: var(--hdf-header-search-text);
    font-family: var(--hdf-font-ui);
    font-size: clamp(12px, calc(var(--hdf-header-search-auto-height) * .28), 15px);
    font-weight: 550;
    line-height: 1;
    cursor: pointer;
}

.hdf-header-search__scope-select:hover,
.hdf-header-search__scope-select:focus,
.hdf-header-search__scope-select:focus-visible {
    outline: 0;
    background: #ffffff;
    color: #EA580C;
    box-shadow:none;
}

.hdf-header-search__scope-chevron {
    position: absolute;
    top: 50%;
    inset-inline-end: clamp(12px, calc(var(--hdf-header-search-auto-height) * .32), 18px);
    display: grid;
    width: 15px;
    height: 15px;
    place-items: center;
    color: currentColor;
    pointer-events: none;
    transform: translateY(-50%);
}

.hdf-header-search__scope-chevron svg {
    width: 14px;
    height: 14px;
}

.hdf-header-search__field {
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 0 var(--hdf-header-search-input-padding-x, clamp(14px, calc(var(--hdf-header-search-auto-height) * .42), 24px));
    border: 0;
    border-radius: 0;
    outline: 0;
    background: transparent;
    color: var(--hdf-header-search-text);
    font-family: inherit;
    font-size: clamp(13px, calc(var(--hdf-header-search-auto-height) * .30), 15px);
    font-weight: 500;
    line-height: 1;
}

.hdf-header-search__field::placeholder {
    color: var(--hdf-header-search-placeholder);
}

.hdf-header-search__field:focus,
.hdf-header-search__field:focus-visible,
.hdf-header-search__scope-placeholder:focus,
.hdf-header-search__submit:focus,
.hdf-header-search__submit:focus-visible {
    outline: 0;
    box-shadow:none;
}

.hdf-header-search__submit {
    position: relative;
    z-index: 3;
    display: grid;
    width: calc(var(--hdf-header-search-auto-height) - 8px);
    height: calc(var(--hdf-header-search-auto-height) - 8px);
    min-height: 0;
    margin: 4px;
    padding: 0;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: var(--hdf-header-search-submit-background, var(--hdf-color-primary));
    color: var(--hdf-header-search-submit-text, var(--hdf-color-on-primary));
    font-size: calc(var(--hdf-header-search-auto-height) * .42);
}

.hdf-header-search__submit:hover,
.hdf-header-search__submit:focus-visible {
    background: var(--hdf-header-search-submit-hover-background, var(--hdf-color-primary-hover));
    color: var(--hdf-header-search-submit-text, var(--hdf-color-on-primary-hover));
}

.hdf-header-search__results {
    z-index: 2147482400;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: min(72vh, 620px);
    border: var(--hdf-border-width) solid var(--hdf-header-border);
    border-radius: var(--hdf-input-radius);
    background: var(--hdf-header-search-background);
    color: var(--hdf-header-search-text);
    font-family: var(--hdf-font-ui);
    overscroll-behavior: contain;
}

.hdf-header-search__results[hidden] {
    display: none;
}

.hdf-header-search__results--portal {
    position: fixed;
    top: var(--hdf-live-top, 0);
    left: var(--hdf-live-left, 0);
    width: min(var(--hdf-live-width, 600px), calc(100vw - 16px));
}

.hdf-live-search-empty {
    margin: 0;
    padding: 18px;
    color: var(--hdf-color-muted);
    font-size: 14px;
}

.hdf-blog-live-list {
    margin: 0;
    padding: 8px;
    list-style: none;
}

.hdf-blog-live-list li::marker {
    content: "";
}

.hdf-blog-live-item {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    min-height: 72px;
    padding: 8px;
    border-bottom: var(--hdf-border-width) solid var(--hdf-header-border);
    color: var(--hdf-header-search-text);
    text-decoration: none;
}

.hdf-blog-live-list li:last-child .hdf-blog-live-item {
    border-bottom: 0;
}

.hdf-blog-live-item:hover,
.hdf-blog-live-item:focus-visible {
    background: var(--hdf-color-subtle);
    color: var(--hdf-header-search-text);
}

.hdf-blog-live-item__image {
    display: block;
    width: 58px;
    height: 58px;
    border-radius: 8px;
    background: var(--hdf-color-subtle);
    object-fit: cover;
}

.hdf-blog-live-item__content {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.hdf-blog-live-item__content strong {
    overflow: hidden;
    color: var(--hdf-color-text);
    font-family: var(--hdf-font-heading);
    font-size: 14px;
    font-weight: 650;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hdf-blog-live-item__meta,
.hdf-blog-live-item__excerpt {
    overflow: hidden;
    color: var(--hdf-color-muted);
    font-size: 12px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* Component-specific form normalization; intentionally stronger than generic form primitives. */
.hdf-header-search input[type="search"].hdf-header-search__field {
    width: 100%;
    height: 100%;
    min-height: 0;
    margin: 0;
    padding-block: 0;
    border: 0;
    border-radius: 0;
    outline: 0;
    background: transparent;
    box-shadow:none;
    appearance: none;
}

.hdf-header-search input[type="search"].hdf-header-search__field:focus,
.hdf-header-search input[type="search"].hdf-header-search__field:focus-visible {
    border: 0;
    outline: 0;
    box-shadow:none;
}

.hdf-header-search__scope select,
.hdf-header-search__scope button {
    min-height: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    outline: 0;
    background: transparent;
    box-shadow:none;
    font-family: var(--hdf-font-ui);
}

.hdf-header-search__submit svg,
.hdf-header-search__leading-icon svg {
    display: block;
    width: 1em;
    height: 1em;
}

.site-header .hdf-header-search__scope button:hover,
.site-header .hdf-header-search__scope button:focus-visible,
.site-header .hdf-header-search__scope select:hover,
.site-header .hdf-header-search__scope select:focus-visible {
    background: var(--hdf-header-search-background);
    color: var(--hdf-header-explore-item-hover-text, #EA580C);
}

.site-header .hdf-header-search__scope option {
    background: var(--hdf-header-search-background);
    color: var(--hdf-header-search-text);
}

/* 1.4.159: the native filter select keeps its black resting text, but
 * its hover/focus text is orange like the enhanced button and options
 * (was #111827 on hover — the same black-on-white defect). */
.site-header .hdf-header-search__scope select.hdf-header-search__scope-select {
    background: #ffffff;
    color: #111827;
}

.site-header .hdf-header-search__scope select.hdf-header-search__scope-select:hover,
.site-header .hdf-header-search__scope select.hdf-header-search__scope-select:focus,
.site-header .hdf-header-search__scope select.hdf-header-search__scope-select:focus-visible {
    background: #ffffff;
    color: #EA580C;
}

.hdf-header-action { display:flex;min-width:0;overflow:visible; }
.hdf-header-action__control {
    position:relative;
    display:flex;
    width:var(--hdf-header-main-control-render-size);
    min-width:var(--hdf-header-main-control-render-size);
    min-height:var(--hdf-header-main-control-render-size);
    align-items:center;
    flex-direction:column;
    justify-content:center;
    gap:4px;
    padding:0;
    border:var(--hdf-border-width, 1px) solid transparent;
    border-radius:var(--hdf-header-action-radius, 5px);
    background:transparent;
    color:var(--hdf-header-action-color);
    text-decoration:none;
    cursor:pointer;
    transition:background-color var(--hdf-transition),border-color var(--hdf-transition),color var(--hdf-transition);
}
.hdf-header-action__control:disabled { opacity:1; }
.hdf-header-action__icon {
    display:grid;
    width:var(--hdf-header-main-control-render-size);
    height:var(--hdf-header-main-control-render-size);
    place-items:center;
    border:var(--hdf-border-width) solid var(--hdf-header-action-border);
    border-radius:var(--hdf-header-action-radius, 5px);
    background:var(--hdf-header-action-background);
    color:var(--hdf-header-action-color);
    font-size:calc(var(--hdf-header-main-control-render-size) * .46);
    transition:background-color var(--hdf-transition),border-color var(--hdf-transition),color var(--hdf-transition);
}
.hdf-header-action__control:hover .hdf-header-action__icon,.hdf-header-action__control:focus-visible .hdf-header-action__icon { border-color:transparent;background:transparent;color:var(--hdf-color-on-primary, #FFFFFF); box-shadow:none; }
.hdf-header-action__control:hover,.hdf-header-action__control:focus-visible { border-color:var(--hdf-color-primary, #F97316);border-radius:var(--hdf-header-action-radius, 5px);background:var(--hdf-color-primary, #F97316);color:var(--hdf-color-on-primary, #FFFFFF); }
.hdf-header-action__control:hover .hdf-header-action__badge,.hdf-header-action__control:focus-visible .hdf-header-action__badge { background:#111827;color:#FFFFFF;outline: 2px solid var(--hdf-color-primary, #F97316); }
.hdf-header-action__label,.hdf-header-action__meta { display:block;max-width:calc(var(--hdf-header-main-control-render-size) * 1.7);overflow:hidden;font-family:var(--hdf-font-ui);font-size:clamp(10px, calc(var(--hdf-header-main-control-render-size) * .24), 13px);font-weight:650;line-height:1.08;text-overflow:ellipsis;white-space:nowrap; }
.hdf-header-action__meta { color:var(--hdf-color-primary-hover);font-weight:700; }
.hdf-header-action__badge { position:absolute;z-index:5;top:-6px;inset-inline-end:-2px;display:grid;min-width:20px;height:20px;padding-inline:5px;place-items:center;border-radius:var(--hdf-radius-pill);background:var(--hdf-header-action-badge-background);color:var(--hdf-header-action-badge-text);font-size:10px;font-weight:700;line-height:1; }
.hdf-header-action__badge--dot { top:-2px;inset-inline-end:5px;min-width:8px;width:8px;height:8px;padding:0; }
.hdf-header-actions-legacy { display:flex;align-items:center;justify-content:flex-end;gap:clamp(7px, calc(var(--hdf-header-main-control-size) * .2), 14px); }

.hdf-header-action__icon svg { width:1em; height:1em; line-height:1; }
.hdf-header-action, .hdf-header-action__control { align-self:center; }
.hdf-header-action__control--cart { width:var(--hdf-header-cart-control-width); min-width:var(--hdf-header-cart-control-width); }
.hdf-header-action--cart .hdf-header-action__control { width:var(--hdf-header-cart-control-width); min-width:var(--hdf-header-cart-control-width); }
.hdf-header-action--cart .hdf-header-action__icon, .hdf-header-action__control--cart .hdf-header-action__icon { font-size:1px; }
.hdf-header-action--cart .hdf-header-action__icon .hdc-icon, .hdf-header-action__control--cart .hdf-header-action__icon .hdc-icon { width:19px; height:18px; min-width:19px; min-height:18px; }
.hdf-header-action--cart .hdf-header-action__meta, .hdf-header-action__control--cart .hdf-header-action__meta { max-width:calc(var(--hdf-header-cart-control-width) - 8px); font-size:clamp(9px, calc(var(--hdf-header-main-control-render-size) * .22), 11px); letter-spacing:-.01em; text-align:center; }


.hdf-header-action,
.hdf-header-action__control,
.hdc-notification-widget {
    height: var(--hdf-header-main-control-render-size);
    align-items: center;
    justify-content: center;
}

.hdf-header-action__control:focus-visible,
.hdf-header-action__control:hover,
.hdf-header-action__control:focus-visible .hdf-header-action__icon,
.hdf-header-action__control:hover .hdf-header-action__icon {
    box-shadow:none;
    transform: none;
}

.hdf-header-action__icon > svg,
.hdf-header-action__icon .hdc-icon {
    display: block;
    width: 1em;
    height: 1em;
    margin: auto;
}

.hdf-header-action--cart .hdf-header-action__control,
.hdf-header-action__control--cart {
    position: relative;
    display: flex;
    width: var(--hdf-header-cart-control-width);
    min-width: var(--hdf-header-cart-control-width);
    height: var(--hdf-header-main-control-render-size);
    min-height: var(--hdf-header-main-control-render-size);
    align-items: center;
    justify-content: center;
    gap: 0;
    padding-inline: 0;
    border: var(--hdf-border-width) solid var(--hdf-header-action-border);
    border-radius: var(--hdf-header-action-radius, 5px);
    background: var(--hdf-header-action-background);
}

.hdf-header-action--cart .hdf-header-action__icon,
.hdf-header-action__control--cart .hdf-header-action__icon {
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    display: grid;
    width: 31px;
    height: 100%;
    place-items: center;
    border: 0;
    background: transparent;
    font-size: 1px;
    transform: none;
}

.hdf-header-action--cart .hdf-header-action__control:hover,
.hdf-header-action--cart .hdf-header-action__control:focus-visible,
.hdf-header-action--cart .hdf-header-action__control:active,
.hdf-header-action__control--cart:hover,
.hdf-header-action__control--cart:focus-visible,
.hdf-header-action__control--cart:active {
    width: var(--hdf-header-cart-control-width);
    min-width: var(--hdf-header-cart-control-width);
    height: var(--hdf-header-main-control-render-size);
    min-height: var(--hdf-header-main-control-render-size);
    margin: 0;
    padding: 0;
    border-color: var(--hdf-color-primary, #F97316);
    background: var(--hdf-color-primary, #F97316);
    color: var(--hdf-color-on-primary, #FFFFFF);
    transform: none;
    translate: none;
}

.hdf-header-action--cart .hdf-header-action__control:hover .hdf-header-action__icon,
.hdf-header-action--cart .hdf-header-action__control:focus-visible .hdf-header-action__icon,
.hdf-header-action--cart .hdf-header-action__control:active .hdf-header-action__icon,
.hdf-header-action__control--cart:hover .hdf-header-action__icon,
.hdf-header-action__control--cart:focus-visible .hdf-header-action__icon,
.hdf-header-action__control--cart:active .hdf-header-action__icon {
    inset-block: 0;
    inset-inline-start: 0;
    width: 31px;
    height: 100%;
    margin: 0;
    border: 0;
    background: transparent;
    box-shadow:none;
    transform: none;
    translate: none;
}

.hdf-header-action--cart .hdf-header-action__meta,
.hdf-header-action__control--cart .hdf-header-action__meta {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 31px;
    inset-inline-end: 4px;
    display: block;
    width: auto;
    min-width: 0;
    max-width: none;
    overflow: hidden;
    padding: 0;
    color: var(--hdf-header-action-color);
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    text-overflow: clip;
    white-space: nowrap;
    transform: translateY(-50%);
}

.hdf-header-action--cart .hdc-cart-widget--amount-xl .hdf-header-action__meta,
.hdc-cart-widget--amount-xl .hdf-header-action__control--cart .hdf-header-action__meta { font-size: 11px; letter-spacing: 0; }
.hdf-header-action--cart .hdc-cart-widget--amount-lg .hdf-header-action__meta,
.hdc-cart-widget--amount-lg .hdf-header-action__control--cart .hdf-header-action__meta { font-size: 10px; letter-spacing: -0.01em; }
.hdf-header-action--cart .hdc-cart-widget--amount-md .hdf-header-action__meta,
.hdc-cart-widget--amount-md .hdf-header-action__control--cart .hdf-header-action__meta { font-size: 9px; letter-spacing: -0.02em; }
.hdf-header-action--cart .hdc-cart-widget--amount-sm .hdf-header-action__meta,
.hdc-cart-widget--amount-sm .hdf-header-action__control--cart .hdf-header-action__meta { font-size: 8px; letter-spacing: -0.025em; }
.hdf-header-action--cart .hdc-cart-widget--amount-xs .hdf-header-action__meta,
.hdc-cart-widget--amount-xs .hdf-header-action__control--cart .hdf-header-action__meta { font-size: 7px; letter-spacing: -0.035em; }

.hdf-header-action--cart .hdf-header-action__label,
.hdf-header-action__control--cart .hdf-header-action__label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.hdf-header-main--controls-border-off .hdf-header-action--cart .hdf-header-action__control,
.hdf-header-main--controls-border-off .hdf-header-action__control--cart {
    border-width: 0;
}

.hdf-header-action--cart .hdf-header-action__control:hover .hdf-header-action__meta,
.hdf-header-action--cart .hdf-header-action__control:focus-visible .hdf-header-action__meta,
.hdf-header-action__control--cart:hover .hdf-header-action__meta,
.hdf-header-action__control--cart:focus-visible .hdf-header-action__meta {
    color: var(--hdf-color-on-primary, #FFFFFF);
}

.hdf-header-navigation {
    min-height:var(--hdf-header-nav-height);
    border-top:var(--hdf-border-width) solid var(--hdf-header-border);
    border-radius:0 0 var(--hdf-header-shell-bottom-radius) var(--hdf-header-shell-bottom-radius);
    background:var(--hdf-header-nav-background);
}
.hdf-header-navigation__inner {
    display:grid;
    min-height:inherit;
    align-items:center;
    grid-template-columns:minmax(0,1fr);
    gap:clamp(8px, calc(var(--hdf-header-nav-height) * .30), 18px);
}
.hdf-primary-navigation { min-width:0; }
.hdf-primary-menu {
    display:flex;
    min-height:100%;
    align-items:stretch;
    justify-content:center;
    gap:clamp(12px, calc(var(--hdf-header-nav-height) * .56), 28px);
    margin:0;
    padding:0;
    list-style:none;
}
.hdf-primary-menu>li { position:relative;display:flex;align-items:stretch; }
.hdf-primary-menu>li>a {
    position:relative;
    display:flex;
    align-items:center;
    color:var(--hdf-nav-link);
    font-family:var(--hdf-font-ui, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
    font-size:clamp(11px, calc(var(--hdf-header-nav-height) * .50), 13px);
    font-weight:600;
    text-decoration:none;
    white-space:nowrap;
}
.hdf-primary-menu>li>a::after { position:absolute;right:100%;bottom:-1px;left:0;height:2px;background:currentColor;content:"";transition:right var(--hdf-transition); }
.hdf-primary-menu>li:hover>a,.hdf-primary-menu>li:focus-within>a { color:var(--hdf-nav-link-hover); }
.hdf-primary-menu>.current-menu-item>a,.hdf-primary-menu>.current-menu-ancestor>a { color:var(--hdf-nav-link-active); }
.hdf-primary-menu>li:hover>a::after,.hdf-primary-menu>li:focus-within>a::after,.hdf-primary-menu>.current-menu-item>a::after,.hdf-primary-menu>.current-menu-ancestor>a::after { right:0; }
.hdf-primary-navigation--underline-off .hdf-primary-menu>li:not(.current-menu-item):not(.current-menu-ancestor)>a::after { display:none; }

.hdf-primary-menu .hdf-menu-link-icon { width:14px;height:14px;font-size:14px; }

.hdf-explore {
    position: relative;
    width: var(--hdf-header-main-control-render-size);
}

.hdf-explore__toggle {
    display: flex;
    width: 100%;
    min-width: var(--hdf-header-main-control-render-size);
    height: var(--hdf-header-main-control-render-size);
    align-items: center;
    justify-content: center;
    gap: var(--hdf-space-2);
    padding-inline: var(--hdf-space-3);
    border: var(--hdf-border-width) solid var(--hdf-header-explore-border);
    border-radius: var(--hdf-input-radius);
    background: var(--hdf-header-explore-background);
    color: var(--hdf-header-explore-text);
    font-family: var(--hdf-font-ui);
    font-weight: 600;
}

.hdf-explore--with-label {
    width: auto;
}

.hdf-explore--with-label .hdf-explore__toggle {
    width: auto;
    min-width: max(var(--hdf-header-main-control-render-size), 180px);
}

.hdf-explore__toggle:hover,
.hdf-explore__toggle:focus-visible,
.hdf-explore.is-open .hdf-explore__toggle {
    border-color: var(--hdf-color-primary);
    background: var(--hdf-header-explore-hover-background);
    color: var(--hdf-header-explore-hover-text);
}

.hdf-explore__menu-icon {
    font-size: calc(var(--hdf-header-main-control-render-size) * .46);
}

.hdf-explore__chevron {
    display: none;
    transition: transform var(--hdf-transition);
}

.hdf-explore--with-label .hdf-explore__chevron {
    display: inline-grid;
    margin-inline-start: auto;
}

.hdf-explore.is-open .hdf-explore__chevron {
    transform: rotate(180deg);
}

body.hdf-explore-modal-open {
    overflow: hidden;
}

.hdf-explore__backdrop {
    position: fixed;
    z-index: 2147482998;
    inset: 0;
    background: rgb(17 24 39 / 46%);
    opacity: 0;
    transition: opacity var(--hdf-transition);
}

.hdf-explore__panel {
    position: fixed;
    z-index: 2147482999;
    top: 0;
    bottom: 0;
    inset-inline-start: 0;
    margin: 0;
    padding: 0;
    width: min(var(--hdf-header-explore-panel-width), calc(100vw - 36px));
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    border-inline-end: var(--hdf-border-width) solid var(--hdf-header-explore-border);
    background: var(--hdf-header-explore-panel-background);
    color: var(--hdf-header-explore-item-text);
    transform: translateX(-102%);
    transition: transform var(--hdf-transition);
}

[dir="rtl"] .hdf-explore__panel {
    transform: translateX(102%);
}

.hdf-explore__backdrop.is-open {
    opacity: 1;
}

.hdf-explore__panel.is-open,
[dir="rtl"] .hdf-explore__panel.is-open {
    transform: translateX(0);
}

.hdf-explore__panel-header {
    outline: var(--hdf-raised-edge-width) solid var(--hdf-raised-edge-outline);
    outline-offset: 0;
    position: sticky;
    z-index: 2;
    top: 0;
    display: flex;
    min-height: 58px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0;
    padding: 0 14px 0 18px;
    border: var(--hdf-raised-edge-width) solid var(--hdf-raised-edge-border);
    border-block-start-color: var(--hdf-raised-edge-light);
    border-inline-start-color: color-mix(in srgb, var(--hdf-color-primary) 68%, var(--hdf-raised-edge-light));
    border-block-end: var(--hdf-raised-edge-depth-width) solid var(--hdf-raised-edge-dark);
    border-inline-end: var(--hdf-raised-edge-depth-width) solid var(--hdf-raised-edge-dark);
    border-radius: 0 0 var(--hdf-raised-edge-radius) var(--hdf-raised-edge-radius);
    background: var(--hdf-raised-edge-heading-background);
}

.hdf-explore__panel-header h2 {
    margin: 0;
    color: var(--hdf-header-explore-item-text);
    font-family: var(--hdf-font-heading);
    font-size: clamp(15px, calc(var(--hdf-header-nav-height) * .25), 17px);
    font-weight: 600;
    line-height: 1.3;
}

.hdf-explore__close {
    display: grid;
    width: 38px;
    height: 38px;
    padding: 0;
    place-items: center;
    border: var(--hdf-border-width) solid var(--hdf-header-explore-border);
    border-radius: 50%;
    background: var(--hdf-header-explore-background);
    color: var(--hdf-header-explore-text);
    font-family: var(--hdf-font-ui);
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
}

.hdf-explore__close:hover,
.hdf-explore__close:focus-visible {
    border-color: var(--hdf-color-primary);
    background: var(--hdf-color-primary);
    color: var(--hdf-color-on-primary);
}

.hdf-explore__navigation {
    min-height: calc(100% - 58px);
}

.hdf-explore-menu,
.hdf-explore-menu ul,
.hdf-explore-menu .sub-menu {
    margin: 0;
    list-style: none;
}

.hdf-explore-menu {
    padding: 8px 0;
}

.hdf-explore-menu li::marker,
.hdf-explore-menu .sub-menu li::marker {
    content: "";
}

.hdf-explore-menu li {
    position: relative;
}


.hdf-explore__panel .hdf-menu-link-icon {
    display: none;
}

.hdf-explore__panel .hdf-menu-link-label {
    min-width: 0;
}

.hdf-explore-menu a {
    display: flex;
    min-height: clamp(46px, calc(var(--hdf-header-nav-height) * .82), 54px);
    align-items: center;
    gap: clamp(9px, calc(var(--hdf-header-nav-height) * .18), 13px);
    padding: 9px 52px 9px 18px;
    border-bottom: var(--hdf-border-width) solid var(--hdf-header-explore-border);
    color: var(--hdf-header-explore-item-text);
    font-family: var(--hdf-font-ui);
    font-size: clamp(12px, calc(var(--hdf-header-nav-height) * .215), 15px);
    font-weight: 500;
    line-height: 1.35;
    text-decoration: none;
}

.hdf-explore-menu li:last-child > a {
    border-bottom: 0;
}

.hdf-explore-menu a:hover,
.hdf-explore-menu a:focus-visible {
    background: var(--hdf-header-explore-item-hover-background);
    color: var(--hdf-header-explore-item-hover-text);
}

.hdf-explore__panel .hdf-explore-menu .sub-menu {
    position: static;
    display: none;
    width: 100%;
    margin: 0;
    padding: 0 0 6px 18px;
    border: 0;
    background: color-mix(in srgb, var(--hdf-header-explore-panel-background) 94%, var(--hdf-header-explore-item-hover-background));
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
}

.hdf-explore__panel .hdf-explore-menu li.is-submenu-open > .sub-menu {
    display: block;
}

.hdf-explore__panel .hdf-submenu-toggle {
    position: absolute;
    top: 8px;
    inset-inline-end: 10px;
    width: 32px;
    height: 32px;
}


.hdf-explore__panel::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}

.hdf-explore__close > span,
.hdf-explore__close svg {
    display: grid;
    width: 18px;
    height: 18px;
    place-items: center;
}

.hdf-explore-menu > li > a:hover,
.hdf-explore-menu > li > a:focus-visible,
.hdf-explore-menu > li.is-submenu-open > a {
    background: var(--hdf-color-primary);
    color: var(--hdf-color-on-primary);
}

.hdf-explore-menu > li.is-submenu-open > .hdf-submenu-toggle {
    border-color: color-mix(in srgb, var(--hdf-color-on-primary) 64%, transparent);
    background: transparent;
    color: var(--hdf-color-on-primary);
}

.hdf-explore__panel .hdf-submenu-toggle {
    border: var(--hdf-border-width) solid var(--hdf-header-explore-border);
    border-radius: 50%;
    background: var(--hdf-header-explore-panel-background);
    color: var(--hdf-header-explore-item-text);
}

.hdf-explore__panel .hdf-submenu-toggle:hover,
.hdf-explore__panel .hdf-submenu-toggle:focus-visible {
    border-color: currentColor;
}

.hdf-explore__panel .sub-menu a {
    min-height: 42px;
    padding-inline: 18px 44px;
    font-size: clamp(12px, calc(var(--hdf-header-nav-height) * .2), 14px);
    font-weight: 450;
}

.hdf-explore__panel .sub-menu a:hover,
.hdf-explore__panel .sub-menu a:focus-visible,
.hdf-explore__panel .sub-menu .current-menu-item > a,
.hdf-explore__panel .sub-menu .current-menu-ancestor > a {
    background: var(--hdf-color-primary);
    color: var(--hdf-color-on-primary);
}

.hdf-explore__empty {
    display: grid;
    min-height: calc(100% - 58px);
    padding: 28px 20px;
    place-items: start stretch;
}

.hdf-explore__empty p {
    margin: 0;
    padding: 14px 16px;
    border: var(--hdf-border-width) solid var(--hdf-header-explore-border);
    border-radius: var(--hdf-input-radius);
    background: color-mix(in srgb, var(--hdf-header-explore-panel-background) 94%, var(--hdf-color-primary));
    color: var(--hdf-header-explore-item-text);
    font-family: var(--hdf-font-ui);
    font-size: 14px;
    line-height: 1.5;
}
@media (max-width: 782px) {
    .hdf-explore__panel {
        width: min(var(--hdf-header-explore-panel-width), calc(100vw - 20px));
    }
}

.hdf-explore__panel svg {
    display: block;
    width: 1em;
    height: 1em;
}

.hdf-explore__panel svg [fill]:not([fill="none"]) {
    fill: currentColor;
}

.hdf-explore__panel svg [stroke]:not([stroke="none"]) {
    stroke: currentColor;
}

.hdf-explore__panel svg path:not([fill]):not([stroke]) {
    fill: currentColor;
}

.hdf-primary-menu .sub-menu {
    outline: var(--hdf-raised-edge-width) solid var(--hdf-raised-edge-outline);
    outline-offset: 0;
    position: absolute;
    z-index: 130;
    top: calc(100% + 6px);
    inset-inline-start: 0;
    width: var(--hdf-header-dropdown-width);
    margin: 0;
    padding: var(--hdf-space-2) 0;
    border: var(--hdf-raised-edge-width) solid var(--hdf-raised-edge-border);
    border-block-start-color: var(--hdf-raised-edge-light);
    border-inline-start-color: color-mix(in srgb, var(--hdf-color-primary) 68%, var(--hdf-raised-edge-light));
    border-block-end: var(--hdf-raised-edge-depth-width) solid var(--hdf-raised-edge-dark);
    border-inline-end: var(--hdf-raised-edge-depth-width) solid var(--hdf-raised-edge-dark);
    border-radius: var(--hdf-raised-edge-radius);
    background: var(--hdf-header-dropdown-background);
    list-style: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(6px);
    transition: opacity var(--hdf-transition), transform var(--hdf-transition), visibility var(--hdf-transition);
}

.hdf-primary-menu > .menu-item-has-children::after {
    position: absolute;
    z-index: 129;
    top: 100%;
    right: 0;
    left: 0;
    height: 10px;
    content: "";
}

.hdf-primary-menu li:hover > .sub-menu,
.hdf-primary-menu li:focus-within > .sub-menu,
.hdf-primary-menu li.is-submenu-open > .sub-menu,
.hdf-primary-menu li.is-submenu-hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.hdf-primary-navigation--submenu-horizontal .hdf-primary-menu > li > .sub-menu {
    display: grid;
    width: min(var(--hdf-header-horizontal-submenu-width), calc(100vw - 64px));
    grid-template-columns: repeat(var(--hdf-header-horizontal-submenu-columns), minmax(150px, 1fr));
    gap: 0;
    padding: 16px;
}

.hdf-primary-navigation--submenu-horizontal .hdf-primary-menu > li {
    position: static;
}

.hdf-primary-navigation--submenu-horizontal .hdf-primary-menu > li > .sub-menu {
    inset-inline-start: 50%;
    transform: translate(-50%, 6px);
}

.hdf-primary-navigation--submenu-horizontal .hdf-primary-menu > li:hover > .sub-menu,
.hdf-primary-navigation--submenu-horizontal .hdf-primary-menu > li:focus-within > .sub-menu,
.hdf-primary-navigation--submenu-horizontal .hdf-primary-menu > li.is-submenu-open > .sub-menu,
.hdf-primary-navigation--submenu-horizontal .hdf-primary-menu > li.is-submenu-hover > .sub-menu {
    transform: translate(-50%, 0);
}

.hdf-primary-menu .sub-menu .sub-menu {
    top: calc(-1 * var(--hdf-border-width));
    inset-inline-start: 100%;
}

.hdf-primary-menu .sub-menu a {
    display: flex;
    min-height: 42px;
    align-items: center;
    gap: 8px;
    padding: var(--hdf-space-2) var(--hdf-space-4);
    border-bottom: var(--hdf-border-width) solid var(--hdf-header-dropdown-border);
    color: var(--hdf-header-dropdown-text);
    font-family: var(--hdf-font-ui);
    font-size: clamp(12px, calc(var(--hdf-header-nav-height) * .21), 14px);
    font-weight: 500;
    line-height: 1.35;
    text-decoration: none;
}

.hdf-primary-menu .sub-menu .hdf-submenu-title {
    margin: 0 0 10px;
    padding: 0 0 0 8px;
    font-family: var(--hdf-font-ui);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.35;
    color: #1A1D29;
    white-space: nowrap;
}

.hdf-primary-navigation--submenu-horizontal .hdf-primary-menu > li > .sub-menu > li > a {
    border-bottom: 0;
}

.hdf-primary-menu .sub-menu li:last-child > a {
    border-bottom: 0;
}

.hdf-primary-menu .sub-menu a:hover,
.hdf-primary-menu .sub-menu a:focus-visible {
    background: var(--hdf-header-dropdown-hover-background);
    color: var(--hdf-header-dropdown-hover-text);
}

.hdf-submenu-media {
    grid-column: auto / span 1;
    grid-row: 1 / span 8;
    width: var(--hdf-header-horizontal-submenu-image-width);
    align-self: stretch;
    padding: 0 0 0 14px;
}

.hdf-submenu-media__image {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 180px;
    object-fit: cover;
    border-radius: var(--hdf-radius-card);
}

.hdf-submenu-toggle {
    display: inline-grid;
    width: 28px;
    min-height: 28px;
    margin-inline-start: 4px;
    padding: 0;
    place-items: center;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: currentColor;
}

.hdf-submenu-toggle svg {
    width: 14px;
    height: 14px;
}

.hdf-submenu-toggle[aria-expanded="true"] svg {
    transform: rotate(180deg);
}

/* 1.4.159: the chevron toggle is a bare <button>, so the generic
 * primary-button hover (forms.css: button:hover → solid #EA580C bg,
 * white text) painted it a solid orange square on hover. This explicit
 * rule (0,2,0) beats the generic (0,1,1): white background, orange
 * chevron (the SVG uses stroke:currentColor), matching every other
 * header hover. */
.hdf-submenu-toggle:hover,
.hdf-submenu-toggle:focus-visible {
    background: #FFFFFF;
    color: #EA580C;
}

.hdf-primary-menu > .menu-item-has-children > .hdf-submenu-toggle {
    align-self: center;
}

@media (max-width: 1060px) {
    .hdf-primary-menu .sub-menu,
    .hdf-primary-navigation--submenu-horizontal .hdf-primary-menu > li > .sub-menu {
        position: static;
        display: none;
        width: 100%;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: none;
    }

    .hdf-primary-menu li.is-submenu-open > .sub-menu,
    .hdf-primary-menu li.is-submenu-hover > .sub-menu {
        display: block;
    }

    .hdf-submenu-media {
        display: none;
    }
}

@media (max-width: 1260px) {
    .hdf-header-main__inner {
        grid-template-columns: minmax(225px, 1fr) minmax(380px, 620px) minmax(285px, 1fr);
        column-gap: clamp(10px, 1.35vw, var(--hdf-header-main-gap));
    }

    .hdf-header-main__search {
        width: min(620px, 100%);
    }

    .hdf-header-main__actions {
        gap: min(9px, var(--hdf-header-action-gap, 10px));
    }

    .hdf-header-search--scope-right {
        grid-template-columns: minmax(0, 1fr) clamp(142px, 25%, 200px) var(--hdf-header-search-auto-height);
    }

    .hdf-header-search--scope-left {
        grid-template-columns: clamp(142px, 25%, 200px) minmax(0, 1fr) var(--hdf-header-search-auto-height);
    }

    .hdf-header-navigation__inner {
        grid-template-columns: minmax(170px, .8fr) minmax(0, 2fr) minmax(200px, 1fr);
        gap: var(--hdf-space-4);
    }

    .hdf-primary-menu {
        gap: clamp(14px, 1.7vw, var(--hdf-space-4));
    }
}

/* Compact two-row commercial Header:
 * row one = offcanvas + branding + Commerce actions;
 * row two = full-width search with equal inline padding.
 */
@media (max-width: 1140px) {
    .hdf-header-main {
        --hdf-header-main-control-render-size: var(--hdf-header-tablet-control-size, 34px);
        --hdf-header-cart-control-width: var(--hdf-header-main-control-render-size);
        min-height: 0;
        border-bottom: 0;
    }

    .hdf-header-topbar,
    .hdf-header-navigation,
    .hdf-header-navigation.is-open,
    .hdf-mobile-menu-toggle {
        display: none;
    }

    .site-header {
        border-bottom: 0;
        border-radius: 0;
    }

    body.hdf-header-mobile-separation .site-header {
        border-bottom: 2px solid var(--hdf-header-border-strong);
    }

    .site-header .hdf-header-main__inner {
        display: grid;
        width: 100%;
        max-width: 100%;
        min-height: 0;
        align-items: center;
        grid-template-columns: minmax(0, 1fr) max-content;
        grid-template-areas:
            "left actions"
            "search search";
        column-gap: 8px;
        row-gap: 8px;
        padding: 8px var(--hdf-header-mobile-padding-x, 12px) 0;
        box-sizing: border-box;
    }

    .hdf-header-main__left {
        grid-area: left;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        justify-content: flex-start;
        gap: 8px;
        overflow: hidden;
    }

    .hdf-header-main__branding {
        width: auto;
        max-width: min(31vw, 152px);
        min-width: 0;
        flex: 1 1 auto;
        overflow: hidden;
    }

    .site-branding,
    .site-logo,
    .site-logo a,
    .site-identity {
        min-width: 0;
    }

    .site-title a,
    .site-description {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .hdf-header-main__explore,
    .hdf-explore,
    .hdf-explore__toggle,
    .hdf-mobile-menu-toggle {
        width: var(--hdf-header-main-control-render-size);
        min-width: var(--hdf-header-main-control-render-size);
        height: var(--hdf-header-main-control-render-size);
        min-height: var(--hdf-header-main-control-render-size);
        flex: 0 0 var(--hdf-header-main-control-render-size);
        aspect-ratio: 1 / 1;
        padding: 0;
        border-radius: var(--hdf-header-action-radius, 5px);
    }

    .hdf-header-main__explore {
        order: -1;
    }

    .hdf-header-main__actions {
        grid-area: actions;
        display: grid;
        width: max-content;
        max-width: 100%;
        min-width: 0;
        align-self: center;
        justify-content: end;
        grid-auto-columns: var(--hdf-header-main-control-render-size);
        grid-auto-flow: column;
        gap: 3px;
        overflow: visible;
    }

    .hdf-header-main__actions > *,
    .hdf-header-main__actions .hdc-notification-widget,
    .hdf-header-action,
    .hdf-header-action__control,
    .hdf-header-action__icon,
    .hdf-header-action--cart .hdf-header-action__control,
    .hdf-header-action__control--cart {
        width: var(--hdf-header-main-control-render-size);
        min-width: var(--hdf-header-main-control-render-size);
        max-width: var(--hdf-header-main-control-render-size);
        height: var(--hdf-header-main-control-render-size);
        min-height: var(--hdf-header-main-control-render-size);
        flex: 0 0 var(--hdf-header-main-control-render-size);
        aspect-ratio: 1 / 1;
        align-items: center;
        justify-content: center;
    }

    .hdf-header-action__icon,
    .hdf-header-action--cart .hdf-header-action__control,
    .hdf-header-action__control--cart {
        border-radius: var(--hdf-header-action-radius, 5px);
    }

    .hdf-header-action--cart .hdf-header-action__control,
    .hdf-header-action__control--cart {
        grid-template-columns: 1fr;
        gap: 0;
        padding-inline: 0;
    }

    .hdf-header-action--cart .hdf-header-action__icon,
    .hdf-header-action__control--cart .hdf-header-action__icon {
        position: static;
        margin: auto;
        transform: none;
    }

    .hdf-header-action__label,
    .hdf-header-action__meta,
    .hdf-header-action--cart .hdf-header-action__label,
    .hdf-header-action__control--cart .hdf-header-action__label,
    .hdf-header-action--cart .hdf-header-action__meta,
    .hdf-header-action__control--cart .hdf-header-action__meta {
        display: none;
    }

    .hdf-header-main__search-track {
        grid-area: search;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        padding: 0 0 8px;
        overflow: visible;
        box-sizing: border-box;
    }

    .hdf-header-main__search,
    .hdf-header-search,
    .hdf-header-search__input-wrap,
    .hdf-header-search__field {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .hdf-header-search {
        grid-template-columns: minmax(0, 1fr) var(--hdf-header-search-auto-height);
        overflow: hidden;
    }

    .hdf-header-search__scope {
        display: none;
    }

    .hdf-header-search__input-wrap {
        border-radius: calc(var(--hdf-header-search-auto-height) / 2) 0 0 calc(var(--hdf-header-search-auto-height) / 2);
    }

    .hdf-header-search__submit {
        flex: 0 0 auto;
    }

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    
}

@media (max-width: 782px) {
    .hdf-header-main {
        --hdf-header-main-control-render-size: var(--hdf-header-mobile-control-size, 30px);
        --hdf-header-cart-control-width: var(--hdf-header-main-control-render-size);
    }

    .site-description {
        display: none;
    }

    .site-brand-eyebrow {
        display: block;
        justify-self: end;
        margin: 0 0 1px;
        font-size: var(--hdf-header-mobile-eyebrow-size, 7px);
        line-height: 1;
    }

    .site-logo img {
        max-width: var(--hdf-header-logo-mobile-width);
    }

    .site-favicon img,
    .site-brand-mark {
        width: var(--hdf-header-mobile-brand-mark-size, 30px);
        height: var(--hdf-header-mobile-brand-mark-size, 30px);
        border-radius: var(--hdf-header-action-radius, 5px);
    }

    .site-title {
        max-width: clamp(88px, 26vw, 146px);
        font-size: var(--hdf-header-mobile-title-size, 14px);
        line-height: 1.05;
    }

    .hdf-header-main__actions {
        gap: 3px;
    }

    .hdf-header-action__badge {
        top: -5px;
        min-width: 17px;
        height: 17px;
        padding-inline: 4px;
        font-size: 9px;
    }

    

    

    

    
}

@media (max-width: 560px) {
    .site-header .hdf-header-main__inner {
        column-gap: 5px;
    }

    .hdf-header-main__left {
        gap: 5px;
    }

    .hdf-header-main__branding {
        max-width: min(31vw, 118px);
    }

    .site-title {
        max-width: clamp(78px, 24vw, 112px);
    }

    .hdf-header-main__actions {
        gap: 2px;
    }

    

    

    

    

    

    

    

    

    
}

@media (max-width: 390px) {
    .hdf-header-main {
        --hdf-header-main-control-render-size: calc(var(--hdf-header-mobile-control-size, 30px) - 2px);
        --hdf-header-cart-control-width: var(--hdf-header-main-control-render-size);
    }

    .hdf-header-main__branding {
        max-width: 102px;
    }

    .site-title {
        max-width: 80px;
        font-size: max(12px, calc(var(--hdf-header-mobile-title-size, 14px) - 1px));
    }

    

    

    

    

    
}

.screen-reader-text {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    word-wrap: normal;
}

.screen-reader-text:focus {
    z-index: 100000;
    top: var(--hdf-space-2);
    left: var(--hdf-space-2);
    display: block;
    width: auto;
    height: auto;
    padding: calc(var(--hdf-space-3) + 2px) calc(var(--hdf-space-4) + 2px);
    clip: auto;
    clip-path: none;
    background: var(--hdf-color-surface);
    color: var(--hdf-color-text);
    font-size: 1rem;
    line-height: normal;
    text-decoration: none;
}

:focus-visible {
    outline: var(--hdf-focus-ring-width) solid var(--hdf-focus-ring-color);
    outline-offset: var(--hdf-focus-ring-offset);
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto;
        transition-duration: 0.01ms;
        animation-duration: 0.01ms;
        animation-iteration-count: 1;
    }
}

@media (max-width: 1024px) {
    .content-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .content-with-sidebar {
        grid-template-columns: 1fr;
    }

    .footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 782px) {
    .content-grid,
    .footer-grid {
        grid-template-columns: 1fr;
    }

    .footer-bottom__inner {
        align-items: flex-start;
        flex-direction: column;
    }

    .hyperdaf-container {
        width: min(calc(100% - var(--hdf-space-7)), var(--hdf-container));
    }
}


/* Canonical tablet/mobile viewport containment. Every homepage engine reflows
 * live on viewport/orientation changes; the page itself never becomes an
 * unintended horizontal scroller. Scoped component scrollers remain allowed. */
@media (max-width: 1140px) {
    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
        overflow-x: clip;
    }

    #page,
    .site,
    .site-header,
    .site-main,
    .site-footer,
    .hdf-front-page-main,
    .hdf-front-page-main > * {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .hdf-front-page-main img,
    .hdf-front-page-main video,
    .hdf-front-page-main iframe,
    .hdf-front-page-main canvas {
        max-width: 100%;
        height: auto;
    }

    .hdf-front-page-main input,
    .hdf-front-page-main select,
    .hdf-front-page-main textarea,
    .hdf-front-page-main button {
        max-width: 100%;
    }
}

@media (max-width: 1024px) {
    .hdf-page {
        --hdf-page-current-padding-top: var(--hdf-page-tablet-padding-top);
        --hdf-page-current-padding-right: var(--hdf-page-tablet-padding-right);
        --hdf-page-current-padding-bottom: var(--hdf-page-tablet-padding-bottom);
        --hdf-page-current-padding-left: var(--hdf-page-tablet-padding-left);
    }

}

@media (max-width: 782px) {
    .hdf-page {
        --hdf-page-current-padding-top: var(--hdf-page-mobile-padding-top);
        --hdf-page-current-padding-right: var(--hdf-page-mobile-padding-right);
        --hdf-page-current-padding-bottom: var(--hdf-page-mobile-padding-bottom);
        --hdf-page-current-padding-left: var(--hdf-page-mobile-padding-left);
    }

    .hdf-page--boxed .hdf-page-primary {
        padding: min(var(--hdf-page-boxed-padding), var(--hdf-space-6));
    }
}

/* Step 221 — Global Commerce commercial two-row Header refinement. */
.hdf-header-composition--global-commerce .site-header--default{background:var(--hdf-header-main-background,#fff);border-top:0;border-bottom:1px solid var(--hdf-header-border,#DADCE0);box-shadow:none}
.hdf-header-composition--global-commerce .site-header--default .hdf-header-topbar{display:block;min-height:var(--hdf-header-top-height,28px);margin:0;background:var(--hdf-header-top-background,var(--hdf-color-primary,#F97316));color:var(--hdf-header-top-text,#fff);border:0;border-top:1px solid var(--hdf-header-top-background,var(--hdf-color-primary,#F97316));box-shadow:none}
.hdf-header-composition--global-commerce .hdf-global-topbar__inner{min-height:var(--hdf-header-top-height,28px);display:flex;align-items:center;justify-content:space-between;gap:18px}
.hdf-header-composition--global-commerce .hdf-global-topbar__left,.hdf-header-composition--global-commerce .hdf-global-topbar__right{display:flex;align-items:center;gap:18px;min-width:0}
.hdf-header-composition--global-commerce .hdf-global-topbar__left a,.hdf-header-composition--global-commerce .hdf-global-topbar__switcher,.hdf-header-composition--global-commerce .hdf-global-topbar__view-toggle{display:inline-flex;align-items:center;gap:6px;min-height:20px;padding:0;border:0;background:transparent;color:var(--hdf-header-top-text,#fff);font:inherit;font-size:13px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;box-shadow:none;cursor:pointer}
.hdf-header-composition--global-commerce .hdf-global-topbar__left i,.hdf-header-composition--global-commerce .hdf-global-topbar__right i{width:14px;height:14px;display:inline-flex;flex:0 0 14px}
.hdf-header-composition--global-commerce .hdf-global-topbar__left svg,.hdf-header-composition--global-commerce .hdf-global-topbar__right svg{width:100%;height:100%;stroke:currentColor}
.hdf-header-composition--global-commerce .hdf-global-topbar__left a:hover,.hdf-header-composition--global-commerce .hdf-global-topbar__left a:focus-visible,.hdf-header-composition--global-commerce .hdf-global-topbar__view-toggle:hover,.hdf-header-composition--global-commerce .hdf-global-topbar__view-toggle:focus-visible{color:var(--hdf-header-top-link-hover,#fff);outline:0}
.hdf-header-composition--global-commerce .hdf-global-topbar__switcher>i{width:14px;height:14px;display:inline-flex;flex:0 0 14px}
.hdf-header-composition--global-commerce .hdf-global-topbar__switcher>i svg{width:100%;height:100%;stroke:currentColor}
.hdf-header-composition--global-commerce .hdf-global-topbar__switcher select,.hdf-header-composition--global-commerce .hdf-global-topbar__switcher button,.hdf-header-composition--global-commerce .hdf-global-topbar__switcher a{color:var(--hdf-header-top-text,#fff)!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:13px!important;min-height:20px!important;padding:0 2px!important}
.hdf-header-composition--global-commerce .hdf-global-topbar__view-toggle{padding-inline:4px 0}
.hdf-header-composition--global-commerce .site-header--default .hdf-header-topbar::before,.hdf-header-composition--global-commerce .site-header--default .hdf-header-topbar::after{display:none!important;background:transparent!important}
.hdf-header-composition--global-commerce .site-header--default .hdf-header-main{background:var(--hdf-header-main-background,#fff);color:var(--hdf-header-main-text,#111827);border:0;min-height:var(--hdf-header-main-height,73px)}
.hdf-header-composition--global-commerce .site-header--default .hdf-header-main__inner{min-height:var(--hdf-header-main-height,78px);display:grid;grid-template-columns:minmax(230px,auto) minmax(430px,1fr) auto;align-items:center;gap:var(--hdf-header-main-gap,18px)}
.hdf-header-composition--global-commerce .hdf-header-main__left{min-width:0}
.hdf-header-composition--global-commerce .site-branding--favicon-name{display:flex;align-items:center;gap:10px}
.hdf-header-composition--global-commerce .site-branding--favicon-name .site-favicon img,.hdf-header-composition--global-commerce .site-branding--favicon-name .site-brand-mark{width:var(--hdf-header-brand-mark-size,28px);height:var(--hdf-header-brand-mark-size,28px);border-radius:12px}
.hdf-header-composition--global-commerce .site-identity{display:grid;gap:1px;align-content:center}
.hdf-header-composition--global-commerce .site-brand-eyebrow{grid-row:1;color:var(--hdf-header-main-text,#111827);font-size:10px;font-weight:700;letter-spacing:.02em;line-height:1.1}
.hdf-header-composition--global-commerce .site-title{grid-row:2;margin:0;font-size:25px;font-weight:800;line-height:1;letter-spacing:-.025em}
.hdf-header-composition--global-commerce .hdf-header-main__search-track{position:relative;z-index:10060;min-width:0;width:100%;justify-self:stretch}
.hdf-header-composition--global-commerce .hdf-header-main__search{width:min(100%,var(--hdf-header-search-width,700px));margin-inline:auto}
.hdf-header-composition--global-commerce .hdf-header-search{--hdf-header-search-auto-height:38px;min-height:38px;border:0;border-radius:var(--hdf-global-search-radius,22px);background:#fff;overflow:visible;outline: 1px solid var(--hdf-header-search-border,#D1D5DB)}
.hdf-header-composition--global-commerce .hdf-header-search::after{border:0;border-radius:inherit}
.hdf-header-composition--global-commerce .hdf-header-search--scope-right{grid-template-columns:minmax(0,1fr) minmax(132px,155px) 50px}
.hdf-header-composition--global-commerce .hdf-header-search__input-wrap{border-radius:var(--hdf-global-search-radius,22px) 0 0 var(--hdf-global-search-radius,22px);background:#fff}
.hdf-header-composition--global-commerce .hdf-header-search__scope{position:relative;min-width:132px;border-inline-start:1px solid var(--hdf-header-search-border,#D1D5DB);border-inline-end:0;background:#fff}
.hdf-header-composition--global-commerce .hdf-header-search__scope-control{position:relative}
.hdf-header-composition--global-commerce .hdf-header-search__scope-panel{z-index:2147482600;top:calc(100% + 1px);inset-inline-start:0;inset-inline-end:-50px;width:auto;min-width:calc(100% + 50px);max-width:none;margin-top:0}
.hdf-header-composition--global-commerce .hdf-header-search__scope-button,.hdf-header-composition--global-commerce .hdf-header-search__scope-select,.hdf-header-composition--global-commerce .hdf-header-search__scope-placeholder{background:#fff;color:var(--hdf-header-search-text,#111827);font-size:12px;font-weight:650}
.hdf-header-composition--global-commerce .hdf-header-search__scope-panel{box-shadow:none!important}
.hdf-header-composition--global-commerce .hdf-header-search__scope-button[hidden],.hdf-header-composition--global-commerce .hdf-header-search__scope-panel[hidden],.hdf-header-composition--global-commerce .hdf-header-search__scope-select--native[hidden]{display:none!important}
.hdf-header-composition--global-commerce .hdf-header-search__field:focus,.hdf-header-composition--global-commerce .hdf-header-search__field:focus-visible,.hdf-header-composition--global-commerce .hdf-header-search__scope-button:focus,.hdf-header-composition--global-commerce .hdf-header-search__scope-button:focus-visible,.hdf-header-composition--global-commerce .hdf-header-search__scope-select:focus,.hdf-header-composition--global-commerce .hdf-header-search__scope-select:focus-visible{outline:0!important;box-shadow:none!important;border-color:inherit!important}
.hdf-header-composition--global-commerce .hdf-header-search__submit{width:50px;min-width:50px;height:38px;margin:0;border-radius:0 var(--hdf-global-search-radius,22px) var(--hdf-global-search-radius,22px) 0;background:var(--hdf-color-primary,#F97316);color:#fff;font-size:19px}
.hdf-header-composition--global-commerce .hdf-header-search:focus-within{outline: 1px solid var(--hdf-header-search-border,#D1D5DB)}
.hdf-header-composition--global-commerce .hdf-header-main__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:max-content}
.hdf-header-composition--global-commerce .hdf-header-action__control{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:0!important;background:transparent!important;color:var(--hdf-header-main-text,#111827);border-radius:10px;display:grid;place-items:center;position:relative;transform:none!important}
.hdf-header-composition--global-commerce .hdf-header-action--account,.hdf-header-composition--global-commerce .hdf-header-action--account .hdc-account-widget,.hdf-header-composition--global-commerce .hdf-header-action--account .hdf-header-action__control,.hdf-header-composition--global-commerce .hdc-account-widget .hdf-header-action__control--account{width:44px;min-width:44px;max-width:44px;flex:0 0 44px}
.hdf-header-composition--global-commerce .hdf-header-action__control:hover,.hdf-header-composition--global-commerce .hdf-header-action__control:focus-visible{background:transparent!important;color:var(--hdf-header-main-text,#111827);outline:0;box-shadow:none;transform:none!important}
.hdf-header-composition--global-commerce .hdf-header-action__control:hover .hdf-header-action__icon,.hdf-header-composition--global-commerce .hdf-header-action__control:focus-visible .hdf-header-action__icon{border-color:transparent!important;background:transparent!important;color:var(--hdf-header-main-text,#111827)!important;box-shadow:none!important;transform:none!important}
.hdf-header-composition--global-commerce .hdf-header-action__icon{display:grid;width:42px;height:42px;place-items:center;border:0;background:transparent;color:inherit;font-size:24px}
.hdf-header-composition--global-commerce .hdf-header-action--compare .hdf-header-action__icon{color:inherit}
.hdf-header-composition--global-commerce .hdf-header-action__label,.hdf-header-composition--global-commerce .hdf-header-action--account .hdf-header-action__meta{display:none!important}
.hdf-header-composition--global-commerce .hdf-header-action__badge{top:-3px;right:-3px;inset-inline-end:-3px;min-width:17px;height:17px;padding-inline:4px;background:var(--hdf-header-action-badge-background,#111827);color:var(--hdf-header-action-badge-text,#fff);font-size:9px;outline: 2px solid var(--hdf-header-main-background,#fff)}
.hdf-header-composition--global-commerce .hdf-header-action--cart,.hdf-header-composition--global-commerce .hdf-header-action--cart .hdc-cart-widget{width:88px;min-width:88px;max-width:88px;flex:0 0 88px}
.hdf-header-composition--global-commerce .hdf-header-action--cart .hdf-header-action__control,.hdf-header-composition--global-commerce .hdf-header-action--cart .hdf-header-action__control:hover,.hdf-header-composition--global-commerce .hdf-header-action--cart .hdf-header-action__control:focus-visible,.hdf-header-composition--global-commerce .hdf-header-action--cart .hdf-header-action__control:active,.hdf-header-composition--global-commerce .hdf-header-action__control--cart,.hdf-header-composition--global-commerce .hdf-header-action__control--cart:hover,.hdf-header-composition--global-commerce .hdf-header-action__control--cart:focus-visible,.hdf-header-composition--global-commerce .hdf-header-action__control--cart:active{width:88px;min-width:88px;max-width:88px;height:44px;min-height:44px;border:0!important;border-radius:10px;background:transparent!important;transform:none!important}
.hdf-header-composition--global-commerce .hdf-header-action--cart .hdf-header-action__icon,.hdf-header-composition--global-commerce .hdf-header-action__control--cart .hdf-header-action__icon{width:34px;height:42px;inset-inline-start:0}
.hdf-header-composition--global-commerce .hdf-header-action--cart .hdf-header-action__icon .hdc-icon,.hdf-header-composition--global-commerce .hdf-header-action__control--cart .hdf-header-action__icon .hdc-icon{width:23px;height:22px;min-width:23px;min-height:22px}
.hdf-header-composition--global-commerce .hdf-header-action--cart .hdf-header-action__meta,.hdf-header-composition--global-commerce .hdf-header-action__control--cart .hdf-header-action__meta{display:block!important;inset-inline-start:34px;inset-inline-end:5px;color:var(--hdf-header-main-text,#111827);font-size:9px;text-align:center}
.hdf-header-composition--global-commerce .hdf-header-action--cart .hdf-header-action__control:hover .hdf-header-action__meta,.hdf-header-composition--global-commerce .hdf-header-action--cart .hdf-header-action__control:focus-visible .hdf-header-action__meta,.hdf-header-composition--global-commerce .hdf-header-action__control--cart:hover .hdf-header-action__meta,.hdf-header-composition--global-commerce .hdf-header-action__control--cart:focus-visible .hdf-header-action__meta{color:var(--hdf-header-main-text,#111827)!important}
.hdf-header-composition--global-commerce .hdf-header-action--cart .hdf-header-action__badge,.hdf-header-composition--global-commerce .hdf-header-action__control--cart .hdf-header-action__badge{top:-5px;right:-4px;inset-inline-end:-4px}
.hdf-header-composition--global-commerce{--hdf-global-commerce-departments-width:var(--hdf-header-explore-panel-width,240px);--hdf-global-commerce-nav-edge:#CBD5E1}
.hdf-header-composition--global-commerce .site-header--default.site-header--global-parent-rows .hdf-header-topbar,.hdf-header-composition--global-commerce .site-header--default.site-header--global-parent-rows .hdf-header-main,.hdf-header-composition--global-commerce .site-header--default.site-header--global-parent-rows .hdf-header-navigation--global-commerce{background:var(--hdf-color-primary,#F97316);color:#fff;border-color:rgb(255 255 255 / 24%)}
.hdf-header-composition--global-commerce .site-header--default.site-header--global-parent-rows .site-title,.hdf-header-composition--global-commerce .site-header--default.site-header--global-parent-rows .site-brand-eyebrow,.hdf-header-composition--global-commerce .site-header--default.site-header--global-parent-rows .hdf-header-action__control,.hdf-header-composition--global-commerce .site-header--default.site-header--global-parent-rows .hdf-header-action__control:hover,.hdf-header-composition--global-commerce .site-header--default.site-header--global-parent-rows .hdf-header-action__control:focus-visible,.hdf-header-composition--global-commerce .site-header--default.site-header--global-parent-rows .hdf-header-action__control:hover .hdf-header-action__icon,.hdf-header-composition--global-commerce .site-header--default.site-header--global-parent-rows .hdf-header-action__control:focus-visible .hdf-header-action__icon,.hdf-header-composition--global-commerce .site-header--default.site-header--global-parent-rows .hdf-header-action--cart .hdf-header-action__meta,.hdf-header-composition--global-commerce .site-header--default.site-header--global-parent-rows .hdf-header-action__control--cart .hdf-header-action__meta{color:#fff!important}
.hdf-header-composition--global-commerce .site-header--default.site-header--global-parent-rows .hdf-header-navigation--global-commerce .hdf-primary-menu>li>a,.hdf-header-composition--global-commerce .site-header--default.site-header--global-parent-rows .hdf-explore--global-commerce .hdf-explore__toggle--desktop{color:#fff}
.hdf-header-composition--global-commerce .site-header--default.site-header--global-parent-rows .hdf-header-navigation--global-commerce .hdf-primary-menu>li:hover>a,.hdf-header-composition--global-commerce .site-header--default.site-header--global-parent-rows .hdf-header-navigation--global-commerce .hdf-primary-menu>li:focus-within>a{color:#FFF7ED}
.hdf-header-composition--global-commerce .site-header--default.site-header--global-parent-rows .hdf-header-navigation--global-commerce .hdf-primary-menu>.current-menu-item>a,.hdf-header-composition--global-commerce .site-header--default.site-header--global-parent-rows .hdf-header-navigation--global-commerce .hdf-primary-menu>.current-menu-ancestor>a{color:#fff;border-bottom: 2px solid rgb(255 255 255 / 88%)}
.hdf-header-composition--global-commerce .site-header--default.site-header--global-parent-rows .hdf-header-action__badge{background:#111827;color:#fff;outline: 2px solid var(--hdf-color-primary,#F97316)}
.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce{position:relative;display:block!important;min-height:var(--hdf-header-nav-height,52px);border-top:1px solid var(--hdf-header-border,#DADCE0);border-bottom:0;border-radius:0 0 var(--hdf-header-shell-bottom-radius,12px) var(--hdf-header-shell-bottom-radius,12px);background:var(--hdf-header-nav-background,#fff);}
.hdf-header-composition--global-commerce .site-header--default .hdf-header-navigation--global-commerce::before,.hdf-header-composition--global-commerce .site-header--default .hdf-header-navigation--global-commerce::after{display:none!important}
.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-header-navigation__inner{display:grid;grid-template-columns:var(--hdf-global-commerce-departments-width) minmax(0,1fr);gap:10px;min-height:var(--hdf-header-nav-height,52px);align-items:center}
.hdf-header-composition--global-commerce .hdf-global-commerce-nav-section{display:contents}
.hdf-header-composition--global-commerce .hdf-global-commerce-nav-section__title{display:none}
.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-header-navigation__explore{grid-column:1;grid-row:1;width:var(--hdf-global-commerce-departments-width);min-width:var(--hdf-global-commerce-departments-width);align-self:center}
.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-navigation{grid-column:2;grid-row:1;min-width:0;height:100%;align-self:stretch}
.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu{justify-content:flex-start;gap:clamp(18px,2vw,30px);padding-inline-start:0}
.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu>li>a{min-height:var(--hdf-header-nav-height,52px);font-family:var(--hdf-font-ui);font-size:13.5px;font-weight:600;line-height:1.25;letter-spacing:0;color:var(--hdf-nav-link,#111827);text-decoration:none}
.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu>li:hover>a,.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu>li:focus-within>a{color:var(--hdf-nav-link-hover,var(--hdf-color-primary,#F97316))}
.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu>.current-menu-item>a,.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu>.current-menu-ancestor>a{color:var(--hdf-nav-link-active,#111827);text-decoration-line:underline;text-decoration-color:var(--hdf-color-primary,#F97316);text-decoration-thickness:2px;text-underline-offset:5px}
.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu>li>a::after{display:none}
.hdf-header-composition--global-commerce .hdf-explore--global-commerce{width:100%}
.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__desktop-shell{position:relative;display:flex;width:100%;height:var(--hdf-header-nav-height,52px);align-items:center}
.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__toggle--desktop{width:var(--hdf-global-commerce-departments-width);min-width:var(--hdf-global-commerce-departments-width);max-width:var(--hdf-global-commerce-departments-width);height:calc(var(--hdf-header-nav-height,52px) - 2px);min-height:calc(var(--hdf-header-nav-height,52px) - 2px);justify-content:space-between;gap:12px;overflow:hidden;padding:0 12px;border:0;border-radius:8px;background:var(--hdf-color-primary,#F97316);color:#FFFFFF;font-family:var(--hdf-font-ui);font-size:13px;font-weight:600;line-height:1.25;letter-spacing:0;box-shadow:none}
.hdf-header-composition--global-commerce .hdf-explore--global-commerce.hdf-explore--surface-transparent .hdf-explore__toggle--desktop{background:var(--hdf-color-primary,#F97316);color:#FFFFFF}
.hdf-header-composition--global-commerce .hdf-explore--global-commerce.hdf-explore--surface-transparent .hdf-explore__toggle--desktop:hover,.hdf-header-composition--global-commerce .hdf-explore--global-commerce.hdf-explore--surface-transparent .hdf-explore__toggle--desktop:focus-visible{border-color:transparent;background:var(--hdf-color-primary-hover,#EA580C);color:#FFFFFF}
.hdf-header-composition--global-commerce .hdf-explore--global-commerce.hdf-explore--surface-custom .hdf-explore__toggle--desktop:hover,.hdf-header-composition--global-commerce .hdf-explore--global-commerce.hdf-explore--surface-custom .hdf-explore__toggle--desktop:focus-visible{border-color:var(--hdf-color-primary,#F97316);background:var(--hdf-header-explore-hover-background,#FFFFFF);color:var(--hdf-header-explore-hover-text,#EA580C)}
.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__menu-icon{order:1;width:16px;height:16px;display:grid;place-items:center;flex:0 0 16px;margin-inline-start:auto;font-size:16px;color:currentColor}
.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__menu-icon svg{width:16px;height:16px;stroke:currentColor}
.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__label{order:0;min-width:0;flex:1 1 auto;overflow:visible;font-family:var(--hdf-font-ui);font-size:13px;font-weight:600;line-height:1.25;letter-spacing:0;color:currentColor;text-align:start;text-overflow:clip;white-space:nowrap}
.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__desktop-panel{position:absolute;z-index:10040;top:100%;inset-inline-start:0;display:block;width:var(--hdf-global-commerce-departments-width);min-width:var(--hdf-global-commerce-departments-width);max-width:var(--hdf-global-commerce-departments-width);max-height:min(620px,calc(100vh - 48px));overflow:visible;border:1px solid var(--hdf-header-explore-border,#E2E8F0);border-radius:8px;background:var(--hdf-header-explore-panel-background,#fff);box-shadow:none;filter:none;backdrop-filter:none;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(3px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease}
.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__desktop-shell:hover .hdf-explore__desktop-panel,.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__desktop-shell:focus-within .hdf-explore__desktop-panel{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:200ms}
.hdf-header-composition--global-commerce.hdf-global-commerce-front .hdf-explore--global-commerce .hdf-explore__desktop-panel{top:calc(100% + 10px);height:calc(var(--hdf-global-commerce-hero-height,344px) + 5px);max-height:calc(var(--hdf-global-commerce-hero-height,344px) + 5px);overflow:visible;opacity:1;visibility:visible;pointer-events:auto;transform:none}
.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__navigation--desktop,.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__empty--desktop{min-height:0}
.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__navigation--desktop{width:100%;max-width:100%;max-height:min(620px,calc(100vh - 48px));overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}
.hdf-header-composition--global-commerce.hdf-global-commerce-front .hdf-explore--global-commerce .hdf-explore__navigation--desktop{height:100%;max-height:100%}
.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__navigation--desktop::-webkit-scrollbar{width:0;height:0;display:none}
.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__navigation--desktop .hdf-explore-menu{position:relative;width:100%;max-width:100%;overflow:hidden;padding:8px 0}
.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__navigation--desktop .hdf-explore-menu,.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__navigation--desktop .hdf-explore-menu .sub-menu{margin:0;list-style:none}
.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__navigation--desktop .hdf-explore-menu>li,.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__navigation--desktop .sub-menu li{position:relative;min-width:0}
.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__navigation--desktop .hdf-explore-menu>li>a,.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__navigation--desktop .sub-menu a{display:flex;min-height:28px;align-items:center;gap:7px;margin:0 5px;min-width:0;padding:5px 22px 5px 7px;border:0;border-radius:6px;color:var(--hdf-header-explore-item-text,#111827);font-size:10.8px;font-weight:600;line-height:1.25;text-decoration:none}
.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__navigation--desktop .hdf-menu-link-icon{display:grid;width:17px;height:17px;flex:0 0 17px;place-items:center;color:#EA580C}
.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__navigation--desktop .hdf-menu-link-icon svg{display:block;width:17px;height:17px;stroke:currentColor}.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__navigation--desktop .hdf-menu-link-icon svg *{stroke-width:1.9}
.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__navigation--desktop .hdf-menu-link-label{min-width:0;overflow:visible;text-overflow:clip;white-space:nowrap}
.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__navigation--desktop li:hover>a .hdf-menu-link-icon,.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__navigation--desktop li:focus-within>a .hdf-menu-link-icon{color:currentColor}
.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__navigation--desktop .hdf-explore-menu>li:last-child>a{border-bottom:0}
.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__navigation--desktop .hdf-explore-menu>li>.sub-menu,.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__navigation--desktop .sub-menu>li>.sub-menu{position:fixed;z-index:10080;top:var(--hdf-submenu-fixed-top,-9999px);left:var(--hdf-submenu-fixed-left,-9999px);right:auto;display:block;width:min(250px,calc(100vw - 24px));max-width:250px;max-height:min(520px,calc(100vh - 16px));padding:6px 0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;border:1px solid var(--hdf-header-explore-border,#E2E8F0);border-radius:8px;background:var(--hdf-header-explore-panel-background,#fff);box-shadow:none;filter:none;backdrop-filter:none;opacity:0;visibility:hidden;pointer-events:none;scrollbar-width:thin;scrollbar-color:#CBD5E1 transparent}
.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__navigation--desktop .menu-item-has-children:hover>.sub-menu,.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__navigation--desktop .menu-item-has-children:focus-within>.sub-menu,.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__navigation--desktop .menu-item-has-children.is-submenu-hover>.sub-menu,.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__navigation--desktop .menu-item-has-children.is-submenu-open>.sub-menu{opacity:1;visibility:visible;pointer-events:auto}
/* 1.4.165 — department-row hover: the rows' hover colour must beat the
 * bundle-only 1.4.98 "Header exact" literal resting colours. The rule
 * above was (0,5,2) and lost to the (0,6,3)/(0,7,2) resting rules, so the
 * rows stayed black on hover even though the var is orange live
 * (--hdf-header-explore-item-hover-text:#EA580C, fixed by the 1.4.161
 * migration). These selectors mirror the 1.4.98 resting rules and add
 * :hover / :focus-within, so each outranks its rival by one class.
 * The icon follows via the existing currentColor rule (:299). The hero
 * panel and the header dropdown are NOT inside .site-header--default,
 * so the second block covers them. The theme ships only the
 * furniture-store template (1.4.147), so the body-scoped selectors
 * cover every explore instance live. */
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-explore--global-commerce .hdf-explore__navigation--desktop .hdf-explore-menu>li:hover>a,body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-explore--global-commerce .hdf-explore__navigation--desktop .hdf-explore-menu>li:focus-within>a,body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-explore--global-commerce .hdf-explore__navigation--desktop .sub-menu li:hover>a,body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-explore--global-commerce .hdf-explore__navigation--desktop .sub-menu li:focus-within>a{background:var(--hdf-header-explore-item-hover-background,#FFFFFF);color:var(--hdf-header-explore-item-hover-text,#EA580C)}
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--hero-panel .hdf-explore__navigation--desktop .hdf-explore-menu>li:hover>a,body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--hero-panel .hdf-explore__navigation--desktop .hdf-explore-menu>li:focus-within>a,body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--hero-panel .hdf-explore__navigation--desktop .hdf-explore-menu .sub-menu li:hover>a,body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--hero-panel .hdf-explore__navigation--desktop .hdf-explore-menu .sub-menu li:focus-within>a,body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--header-dropdown .hdf-explore__navigation--desktop .hdf-explore-menu>li:hover>a,body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--header-dropdown .hdf-explore__navigation--desktop .hdf-explore-menu>li:focus-within>a,body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--header-dropdown .hdf-explore__navigation--desktop .hdf-explore-menu .sub-menu li:hover>a,body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--header-dropdown .hdf-explore__navigation--desktop .hdf-explore-menu .sub-menu li:focus-within>a{background:var(--hdf-header-explore-item-hover-background,#FFFFFF);color:var(--hdf-header-explore-item-hover-text,#EA580C)}
.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__navigation--desktop .hdf-submenu-toggle{position:absolute;z-index:2;top:50%;inset-inline-end:4px;display:grid;width:24px;height:24px;margin-top:-12px;padding:0;place-items:center;border:0;border-radius:50%;background:transparent;color:currentColor}
.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__navigation--desktop .hdf-submenu-toggle svg{width:13px;height:13px}
/* 1.4.166 — department-row chevron hover: the chevron is a bare
 * <button class="hdf-submenu-toggle"> injected by dropdown-menus.js as a
 * direct child of the row <li> (before the .sub-menu); its SVG uses
 * stroke:currentColor, so the chevron's colour is the button's computed
 * color. The resting rule above is (0,4,0) and sets color:currentColor,
 * which resolves from the <li> — and the 1.4.165 hover families recolour
 * only the <a>, never the <li> or the button, so the chevron stayed black
 * on row hover while the text + icon turn orange. The same (0,4,0)
 * resting rule also beats the generic (0,2,0) .hdf-submenu-toggle:hover
 * (1.4.159, dropdowns.css:149), so even hovering the button itself
 * stayed black. These selectors mirror the 1.4.165 families and add
 * :hover / :focus-within on the row, so the chevron turns the same
 * orange var on row hover; hovering the button also hovers its <li>, so
 * the same rule covers direct button hover. The background stays
 * transparent (no orange square — the resting (0,4,0) background already
 * beats the generic button:hover). The Blog panel is the same structure
 * (.hdf-explore--global-commerce.hdf-explore--header-dropdown), so the
 * second family covers it. */
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-explore--global-commerce .hdf-explore__navigation--desktop .hdf-explore-menu>li:hover>.hdf-submenu-toggle,body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-explore--global-commerce .hdf-explore__navigation--desktop .hdf-explore-menu>li:focus-within>.hdf-submenu-toggle,body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-explore--global-commerce .hdf-explore__navigation--desktop .sub-menu li:hover>.hdf-submenu-toggle,body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-explore--global-commerce .hdf-explore__navigation--desktop .sub-menu li:focus-within>.hdf-submenu-toggle{background:transparent;color:var(--hdf-header-explore-item-hover-text,#EA580C)}
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--hero-panel .hdf-explore__navigation--desktop .hdf-explore-menu>li:hover>.hdf-submenu-toggle,body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--hero-panel .hdf-explore__navigation--desktop .hdf-explore-menu>li:focus-within>.hdf-submenu-toggle,body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--hero-panel .hdf-explore__navigation--desktop .hdf-explore-menu .sub-menu li:hover>.hdf-submenu-toggle,body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--hero-panel .hdf-explore__navigation--desktop .hdf-explore-menu .sub-menu li:focus-within>.hdf-submenu-toggle,body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--header-dropdown .hdf-explore__navigation--desktop .hdf-explore-menu>li:hover>.hdf-submenu-toggle,body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--header-dropdown .hdf-explore__navigation--desktop .hdf-explore-menu>li:focus-within>.hdf-submenu-toggle,body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--header-dropdown .hdf-explore__navigation--desktop .hdf-explore-menu .sub-menu li:hover>.hdf-submenu-toggle,body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--header-dropdown .hdf-explore__navigation--desktop .hdf-explore-menu .sub-menu li:focus-within>.hdf-submenu-toggle{background:transparent;color:var(--hdf-header-explore-item-hover-text,#EA580C)}
.hdf-header-composition--global-commerce .hdf-global-commerce-mobile-toggle,.hdf-header-composition--global-commerce .hdf-header-main__explore{display:none!important}

/* Step 233 — Global Commerce light homepage content canvas follows the default canvas token (light grey by default since 1.4.83).
 * Dark mode keeps its existing token-owned canvas. */
body.home.hdf-template--furniture-store:not(.hdf-global-commerce-view--dark),
body.home.hdf-template--furniture-store:not(.hdf-global-commerce-view--dark) #page,
body.home.hdf-template--furniture-store:not(.hdf-global-commerce-view--dark) .site,
body.home.hdf-template--furniture-store:not(.hdf-global-commerce-view--dark) .site-main,
body.home.hdf-template--furniture-store:not(.hdf-global-commerce-view--dark) .site-content,
body.home.hdf-template--furniture-store:not(.hdf-global-commerce-view--dark) .content-area{background:var(--hdf-color-home-page, var(--hdf-color-page, #FFFFFF))}


/* Step 257 — Global Commerce light-view Header substrate + semantic sidebar bridge.
 * Row two/three keep their saved Theme settings as authority while the Header
 * shell itself no longer leaks the parent orange behind white rows. Commerce
 * sidebar interactions consume Theme parent-color tokens through their own
 * canonical semantic variables. */
body.hdf-template--furniture-store:not(.hdf-global-commerce-view--dark).hdf-header-composition--global-commerce .site-header--default {
    background: #FFFFFF;
}

body.hdf-template--furniture-store:not(.hdf-global-commerce-view--dark).hdf-header-composition--global-commerce .site-header--default .hdf-header-main {
    background: var(--hdf-header-main-background, #FFFFFF);
}

body.hdf-template--furniture-store:not(.hdf-global-commerce-view--dark).hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce {
    background: var(--hdf-header-nav-background, #FFFFFF);
}

/* Global Commerce view mode owns the full site color system, not only the Header. */
body.hdf-global-commerce-view--dark{color-scheme:dark;--hdf-color-interactive-hover:#1F2937;--hdf-color-interactive-active:#273449;--hdf-heading-background:#172033;--hdf-heading-border:#263244;--hdf-heading-edge:#475569;--hdf-heading-text:#F8FAFC;--hdf-heading-shadow:transparent;--hdf-color-page:#0B1220;--hdf-color-surface:#111827;--hdf-color-subtle:#172033;--hdf-color-surface-strong:#020617;--hdf-color-text:#F8FAFC;--hdf-color-text-secondary:#CBD5E1;--hdf-color-muted:#94A3B8;--hdf-color-text-inverse:#F8FAFC;--hdf-color-border:#263244;--hdf-color-border-strong:#475569;--hdf-color-link:#FDBA74;--hdf-color-link-hover:#FED7AA;--hdf-header-main-background:#0F172A;--hdf-header-main-text:#F8FAFC;--hdf-header-nav-background:#0F172A;--hdf-header-border:#263244;--hdf-nav-link:#E2E8F0;--hdf-nav-link-hover:#FDBA74;--hdf-nav-link-active:#FDBA74;--hdf-mobile-nav-background:#0F172A;--hdf-mobile-nav-text:#F8FAFC;--hdf-mobile-nav-border:#263244;--hdf-footer-background:#0B1220;--hdf-footer-text:#F8FAFC;--hdf-footer-link:#CBD5E1;--hdf-footer-link-hover:#FDBA74;--hdf-input-background:#111827;--hdf-input-text:#F8FAFC;--hdf-input-placeholder:#94A3B8;--hdf-input-border:#334155;--hdf-blog-card-background:#111827;--hdf-blog-card-text:#F8FAFC;--hdf-blog-meta-text:#94A3B8;--hdf-article-heading:#F8FAFC;--hdf-article-link:#FDBA74;--hdf-article-quote-background:#172033;--hdf-empty-state-background:#111827;background:var(--hdf-color-page);color:var(--hdf-color-text)}
body.hdf-global-commerce-view--dark #page,body.hdf-global-commerce-view--dark .site,body.hdf-global-commerce-view--dark .site-main,body.hdf-global-commerce-view--dark .site-content,body.hdf-global-commerce-view--dark .content-area{background:var(--hdf-color-page);color:var(--hdf-color-text)}
body.hdf-global-commerce-view--dark .site-footer{background:var(--hdf-footer-background);color:var(--hdf-footer-text);border-color:var(--hdf-color-border)}
body.hdf-global-commerce-view--dark .site-footer a{color:var(--hdf-footer-link)}
body.hdf-global-commerce-view--dark .site-footer a:hover,body.hdf-global-commerce-view--dark .site-footer a:focus-visible{color:var(--hdf-footer-link-hover)}
.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .site-header--default{background:var(--hdf-color-primary,#F97316);border-top:0;border-bottom-color:#263244}
.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .site-header--default .hdf-header-main{background:#0F172A}
.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .site-title{color:#F8FAFC}
.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .site-brand-eyebrow{color:#FDBA74}
.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-search{background:#111827;outline: 1px solid #334155}
.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-search__input-wrap,.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-search__scope,.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-search__scope-button,.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-search__scope-select,.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-search__scope-placeholder{background:#111827;color:#F8FAFC}
.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-search__field{color:#F8FAFC}
.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-search__field::placeholder{color:#94A3B8}
.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-search__scope{border-inline-start-color:#334155}
.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-action__control{color:#CBD5E1}
.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-action__control:hover,.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-action__control:focus-visible{background:transparent!important;color:#F8FAFC}
.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-action__control:hover .hdf-header-action__icon,.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-action__control:focus-visible .hdf-header-action__icon{border-color:transparent!important;background:transparent!important;color:#F8FAFC!important}
.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-action__badge{outline: 2px solid #0F172A}
.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-action--cart .hdf-header-action__control,.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-action__control--cart{border:0!important;background:transparent!important}
.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-action--cart .hdf-header-action__meta,.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-action__control--cart .hdf-header-action__meta{color:#F8FAFC}
.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-action--cart .hdf-header-action__control:hover .hdf-header-action__meta,.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-action--cart .hdf-header-action__control:focus-visible .hdf-header-action__meta,.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-action__control--cart:hover .hdf-header-action__meta,.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-action__control--cart:focus-visible .hdf-header-action__meta{color:#F8FAFC!important}
.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark{--hdf-global-commerce-nav-edge:#334155}.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-navigation--global-commerce{background:#0F172A;border-color:#263244}
.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-navigation--global-commerce .hdf-primary-menu>li>a{color:#E2E8F0}
.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-navigation--global-commerce .hdf-primary-menu>li:hover>a,.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-navigation--global-commerce .hdf-primary-menu>li:focus-within>a,.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-navigation--global-commerce .hdf-primary-menu>.current-menu-item>a,.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-navigation--global-commerce .hdf-primary-menu>.current-menu-ancestor>a{color:#FDBA74}
.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-explore--global-commerce .hdf-explore__toggle--desktop{border-color:#475569;color:#F8FAFC}
.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-explore--global-commerce.hdf-explore--surface-transparent .hdf-explore__toggle--desktop{background:transparent}
.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-explore--global-commerce .hdf-explore__desktop-panel,.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-explore--global-commerce .hdf-explore__navigation--desktop .sub-menu{border-color:#334155;background:#111827;color:#F8FAFC}
.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-explore--global-commerce .hdf-explore__navigation--desktop .hdf-explore-menu>li>a,.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-explore--global-commerce .hdf-explore__navigation--desktop .sub-menu a{border-color:#334155;color:#E2E8F0}

/* Step 293 — Global Commerce tablet/mobile Header uses the canonical third-row navigation as an accessible off-canvas drawer. */
@media(min-width:1024px){
 .hdf-header-composition--global-commerce .hdf-header-action--collections{display:none}
 .hdf-header-composition--global-commerce .hdf-global-commerce-nav-backdrop,.hdf-header-composition--global-commerce .hdf-global-commerce-nav-drawer__header{display:none!important}
 .hdf-header-composition--global-commerce .hdf-global-commerce-nav-drawer__body,.hdf-header-composition--global-commerce .hdf-global-commerce-nav-section{display:contents}
}
@media(max-width:1023px){
 .hdf-header-composition--global-commerce{--hdf-global-commerce-compact-control:32px;--hdf-global-commerce-compact-gap:3px}
 .hdf-header-composition--global-commerce .site-header--default .hdf-header-topbar{display:none!important}
 .hdf-header-composition--global-commerce .site-header--default .hdf-header-main{min-height:0;padding:7px 0 0;border-bottom:1px solid var(--hdf-header-border,#E5E7EB)}
 .hdf-header-composition--global-commerce .site-header--default .hdf-header-main__inner{display:grid;width:100%;max-width:100%;min-height:0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"left actions" "search search";align-items:center;column-gap:6px;row-gap:7px;padding:0 12px}
 .hdf-header-composition--global-commerce .hdf-header-main__left{grid-area:left;display:flex;width:100%;min-width:0;align-items:center;gap:7px;overflow:hidden}
 .hdf-header-composition--global-commerce .hdf-global-commerce-mobile-toggle{display:inline-flex!important;width:var(--hdf-global-commerce-compact-control);min-width:var(--hdf-global-commerce-compact-control);height:var(--hdf-global-commerce-compact-control);min-height:var(--hdf-global-commerce-compact-control);flex:0 0 var(--hdf-global-commerce-compact-control);align-items:center;justify-content:center;padding:0;border:1px solid var(--hdf-header-border,#E5E7EB);border-radius:7px;background:var(--hdf-header-main-background,#fff);color:var(--hdf-header-main-text,#111827);box-shadow:none}
 .hdf-header-composition--global-commerce .hdf-global-commerce-mobile-toggle:hover,.hdf-header-composition--global-commerce .hdf-global-commerce-mobile-toggle:focus-visible{border-color:var(--hdf-color-primary,#F97316);background:var(--hdf-color-subtle,#FFFFFF);color:var(--hdf-color-primary-hover,#EA580C);outline:0}
 .hdf-header-composition--global-commerce .hdf-global-commerce-mobile-toggle .hdf-mobile-menu-toggle__icon,.hdf-header-composition--global-commerce .hdf-global-commerce-mobile-toggle svg{width:18px;height:18px;font-size:18px}
 .hdf-header-composition--global-commerce .hdf-header-main__branding{width:auto;max-width:min(28vw,180px);min-width:0;flex:0 1 auto;overflow:hidden}
 .hdf-header-composition--global-commerce .site-branding--favicon-name{display:flex;min-width:0;align-items:center;gap:7px}
 .hdf-header-composition--global-commerce .site-branding--favicon-name .site-favicon{flex:0 0 auto}
 .hdf-header-composition--global-commerce .site-branding--favicon-name .site-favicon img,.hdf-header-composition--global-commerce .site-branding--favicon-name .site-brand-mark{width:34px;height:34px;border-radius:8px}
 .hdf-header-composition--global-commerce .site-identity{display:block;min-width:0;overflow:hidden}
 .hdf-header-composition--global-commerce .site-brand-eyebrow,.hdf-header-composition--global-commerce .site-description{display:none!important}
 .hdf-header-composition--global-commerce .site-title{display:block;max-width:100%;margin:0;font-size:17px;font-weight:800;line-height:1.1;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .hdf-header-composition--global-commerce .site-title a{display:block;overflow:hidden;color:inherit;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}
 .hdf-header-composition--global-commerce .hdf-header-main__actions{grid-area:actions;display:grid;width:max-content;max-width:100%;min-width:0;grid-auto-columns:var(--hdf-global-commerce-compact-control);grid-auto-flow:column;align-items:center;justify-content:end;gap:var(--hdf-global-commerce-compact-gap);overflow:visible}
 .hdf-header-composition--global-commerce .hdf-header-action--notifications{order:1}.hdf-header-composition--global-commerce .hdf-header-action--account{order:2}.hdf-header-composition--global-commerce .hdf-header-action--favorites{order:3}.hdf-header-composition--global-commerce .hdf-header-action--compare{order:4}.hdf-header-composition--global-commerce .hdf-header-action--collections{display:block;order:5}.hdf-header-composition--global-commerce .hdf-header-action--cart{order:6}
 .hdf-header-composition--global-commerce .hdf-header-main__actions>*,.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-notification-widget,.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-account-widget,.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-selection-widget,.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-collections-widget,.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-cart-widget,.hdf-header-composition--global-commerce .hdf-header-action,.hdf-header-composition--global-commerce .hdf-header-action__control,.hdf-header-composition--global-commerce .hdf-header-action--account,.hdf-header-composition--global-commerce .hdf-header-action--account .hdc-account-widget,.hdf-header-composition--global-commerce .hdf-header-action--account .hdf-header-action__control,.hdf-header-composition--global-commerce .hdc-account-widget .hdf-header-action__control--account,.hdf-header-composition--global-commerce .hdf-header-action--cart,.hdf-header-composition--global-commerce .hdf-header-action--cart .hdc-cart-widget,.hdf-header-composition--global-commerce .hdf-header-action--cart .hdf-header-action__control,.hdf-header-composition--global-commerce .hdf-header-action__control--cart{width:var(--hdf-global-commerce-compact-control)!important;min-width:var(--hdf-global-commerce-compact-control)!important;max-width:var(--hdf-global-commerce-compact-control)!important;height:var(--hdf-global-commerce-compact-control)!important;min-height:var(--hdf-global-commerce-compact-control)!important;flex:0 0 var(--hdf-global-commerce-compact-control)!important;aspect-ratio:1/1;padding:0!important}
 .hdf-header-composition--global-commerce .hdf-header-action__icon,.hdf-header-composition--global-commerce .hdf-header-action--cart .hdf-header-action__icon,.hdf-header-composition--global-commerce .hdf-header-action__control--cart .hdf-header-action__icon{position:static!important;display:grid!important;width:100%!important;height:100%!important;margin:0!important;inset:auto!important;place-items:center;border:0!important;background:transparent!important;font-size:20px;transform:none!important}
 .hdf-header-composition--global-commerce .hdf-header-action__icon svg,.hdf-header-composition--global-commerce .hdf-header-action__icon .hdc-icon,.hdf-header-composition--global-commerce .hdf-header-action--cart .hdf-header-action__icon .hdc-icon,.hdf-header-composition--global-commerce .hdf-header-action__control--cart .hdf-header-action__icon .hdc-icon{width:19px!important;height:19px!important;min-width:19px!important;min-height:19px!important}
 .hdf-header-composition--global-commerce .hdf-header-action__label,.hdf-header-composition--global-commerce .hdf-header-action__meta,.hdf-header-composition--global-commerce .hdf-header-action--cart .hdf-header-action__meta,.hdf-header-composition--global-commerce .hdf-header-action__control--cart .hdf-header-action__meta{display:none!important}
 .hdf-header-composition--global-commerce .hdf-header-action__badge{top:-3px!important;right:-3px!important;inset-inline-end:-3px!important;min-width:14px;height:14px;padding-inline:3px;font-size:8px;line-height:14px;outline: 1.5px solid var(--hdf-header-main-background,#fff)}
 .hdf-header-composition--global-commerce .hdf-header-main__search-track{grid-area:search;width:100%;max-width:100%;min-width:0;padding:0 0 8px}
 .hdf-header-composition--global-commerce .hdf-header-main__search{width:100%;max-width:none;margin:0}
 .hdf-header-composition--global-commerce .hdf-header-search{width:100%;min-height:40px;grid-template-columns:minmax(0,1fr) 44px;border-radius:20px;overflow:hidden}
 .hdf-header-composition--global-commerce .hdf-header-search__scope{display:none!important}
 .hdf-header-composition--global-commerce .hdf-header-search__input-wrap{border-radius:20px 0 0 20px}
 .hdf-header-composition--global-commerce .hdf-header-search__submit{width:44px;min-width:44px;height:40px;border-radius:0 20px 20px 0}
 .hdf-header-composition--global-commerce .hdf-global-commerce-nav-backdrop{position:fixed;z-index:2147483630;inset:0;display:block;background:rgba(15,23,42,.42);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}
 .hdf-header-composition--global-commerce .hdf-global-commerce-nav-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}
 html.hdf-global-commerce-nav-open,html.hdf-global-commerce-nav-open body{overflow:hidden}
 .hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce{position:fixed!important;z-index:2147483640;top:0;bottom:0;inset-inline-start:0;inset-inline-end:auto;display:block!important;width:min(88vw,390px);max-width:390px;min-height:100dvh;height:100dvh;padding:0;border:0!important;border-inline-end:1px solid var(--hdf-header-border,#E5E7EB)!important;border-radius:0!important;background:var(--hdf-header-nav-background,#fff)!important;color:var(--hdf-header-main-text,#111827);overflow:hidden;visibility:hidden;pointer-events:none;transform:translateX(-102%);transition:transform .22s ease,visibility .22s ease}
 .hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce:dir(rtl){transform:translateX(102%)}
 .hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce.is-open{visibility:visible;pointer-events:auto;transform:translateX(0)}
 .hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-header-navigation__inner{display:flex;width:100%;max-width:none;height:100%;min-height:0;flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden}
 .hdf-header-composition--global-commerce .hdf-global-commerce-nav-drawer__header{position:sticky;z-index:4;top:0;display:flex;min-height:56px;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--hdf-header-border,#E5E7EB);background:var(--hdf-header-nav-background,#fff)}
 .hdf-header-composition--global-commerce .hdf-global-commerce-nav-drawer__title{font-size:16px;font-weight:700;line-height:1.2;color:inherit}
 .hdf-header-composition--global-commerce .hdf-global-commerce-nav-drawer__close{display:grid;width:34px;height:34px;padding:0;place-items:center;border:1px solid var(--hdf-header-border,#E5E7EB);border-radius:8px;background:transparent;color:inherit;cursor:pointer}
 .hdf-header-composition--global-commerce .hdf-global-commerce-nav-drawer__close svg{width:18px;height:18px}
 /* Step 297: the drawer header is fixed; Categories + Main Menu share one dedicated scroll viewport so neither section can overlap the other on short screens. */
 .hdf-header-composition--global-commerce .hdf-global-commerce-nav-drawer__body{display:block;width:100%;min-width:0;min-height:0;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#CBD5E1 transparent}
 .hdf-header-composition--global-commerce .hdf-global-commerce-nav-drawer__body::-webkit-scrollbar{width:7px}
 .hdf-header-composition--global-commerce .hdf-global-commerce-nav-drawer__body::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#CBD5E1;background-clip:padding-box}
 .hdf-header-composition--global-commerce .hdf-global-commerce-nav-section{position:relative;display:block;width:100%;min-width:0;min-height:0;clear:both;isolation:isolate}
 .hdf-header-composition--global-commerce .hdf-global-commerce-nav-section--categories{padding:10px 12px 12px;border-bottom:8px solid color-mix(in srgb,var(--hdf-header-border,#E5E7EB) 38%,#F8FAFC)}
 .hdf-header-composition--global-commerce .hdf-global-commerce-nav-section--front{padding:0 12px 18px}
 .hdf-header-composition--global-commerce .hdf-global-commerce-nav-section__title{display:flex;min-height:38px;align-items:flex-end;padding:9px 2px 7px;border-bottom:1px solid var(--hdf-header-border,#E5E7EB);color:#64748B;font-size:11px;font-weight:800;line-height:1.2;letter-spacing:.07em;text-transform:uppercase}
 .hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-header-navigation__explore{display:block;width:100%;min-width:0;flex:0 0 auto;padding:0;border:0}
 .hdf-header-composition--global-commerce .hdf-explore--global-commerce,.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__desktop-shell{display:block;width:100%;height:auto!important;min-height:0!important;max-height:none!important;align-items:stretch!important}
 /* Step 298: generic compact Header controls use a square aspect-ratio; the Global Commerce drawer explore is content, not a square control. */
 .hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-header-navigation__explore .hdf-explore--global-commerce{display:block!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;flex:0 0 auto!important}
 .hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__toggle--desktop{display:flex;width:100%;min-width:0;height:40px;min-height:40px;align-items:center;justify-content:flex-start;padding:0 10px;border:1px solid var(--hdf-header-border,#E5E7EB);border-radius:8px;background:var(--hdf-header-explore-background,#fff);color:var(--hdf-header-explore-text,#111827)}
 .hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__toggle--desktop .hdf-explore__label{display:block;flex:1 1 auto;font-size:13px;text-align:start}
 .hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce.is-body-portal .hdf-explore--global-commerce .hdf-explore__toggle--desktop{cursor:default}
 .hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__desktop-panel{position:static!important;display:block!important;width:100%;min-width:0;max-width:none;height:auto!important;min-height:0!important;max-height:none!important;block-size:auto!important;max-block-size:none!important;margin-top:8px;overflow:visible!important;border:1px solid var(--hdf-header-explore-border,#E2E8F0);border-radius:8px;background:var(--hdf-header-explore-panel-background,#fff);opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;transition:none}
 .hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__desktop-shell.is-mobile-open .hdf-explore__desktop-panel{display:block}
 .hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__navigation--desktop{display:block!important;width:100%;height:auto!important;min-height:0!important;max-height:none!important;block-size:auto!important;max-block-size:none!important;overflow:visible!important}
 .hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__navigation--desktop .hdf-explore-menu{display:block;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:5px 0}
 .hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__navigation--desktop .hdf-explore-menu>li>a,.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__navigation--desktop .sub-menu a{min-height:36px;margin:0 4px;padding:7px 34px 7px 9px;font-size:12px}
 .hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__navigation--desktop .hdf-explore-menu>li>.sub-menu,.hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__navigation--desktop .sub-menu>li>.sub-menu{position:static!important;display:none;width:100%;max-width:none;max-height:none;margin:0;padding:4px 0 4px 12px;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;transform:none!important}
 .hdf-header-composition--global-commerce .hdf-explore--global-commerce .hdf-explore__navigation--desktop .menu-item-has-children.is-submenu-open>.sub-menu{display:block}
 .hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-navigation{display:block;width:100%;height:auto;min-width:0;flex:0 0 auto;padding:7px 0 0}
 .hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu{display:block;margin:0;padding:0;list-style:none}
 .hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu>li{position:relative;display:block;border-bottom:1px solid color-mix(in srgb,var(--hdf-header-border,#E5E7EB) 72%,transparent)}
 .hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu>li:last-child{border-bottom:0}
 .hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu>li>a{display:flex;min-height:42px;align-items:center;padding:9px 38px 9px 9px;border-radius:7px;color:var(--hdf-nav-link,#111827);font-size:13px;font-weight:650;white-space:normal;text-decoration:none}
 .hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu>li>a:hover,.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu>li>a:focus-visible{background:var(--hdf-color-subtle,#FFFFFF);color:var(--hdf-color-primary-hover,#EA580C)}
 .hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu .hdf-submenu-toggle{position:absolute;z-index:2;top:7px;inset-inline-end:5px;width:30px;min-height:30px;margin:0}
 .hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu .sub-menu,.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-navigation--submenu-horizontal .hdf-primary-menu>li>.sub-menu{position:static;display:none;width:100%;max-width:none;margin:0 0 6px;padding:2px 0 4px 12px;border:0;border-radius:0;background:transparent;box-shadow:none;outline:0;opacity:1;visibility:visible;pointer-events:auto;transform:none}
 .hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu li.is-submenu-open>.sub-menu,.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu li.is-submenu-hover>.sub-menu,.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu li:focus-within>.sub-menu{display:block}
 .hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu .sub-menu a{min-height:36px;padding:7px 10px;border:0;border-radius:6px;font-size:12px}
 .hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-global-commerce-mobile-toggle,.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-global-commerce-nav-drawer__close{border-color:#334155;background:#111827;color:#F8FAFC}
 .hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-navigation--global-commerce,.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-global-commerce-nav-drawer__header{background:#0F172A!important;color:#F8FAFC}
 .hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-global-commerce-nav-section--categories{border-bottom-color:#172033}
 .hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-global-commerce-nav-section__title{border-color:#334155;color:#94A3B8}
 .hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-navigation--global-commerce .hdf-header-navigation__explore{border-color:#334155}
}
@media(max-width:720px){
 .hdf-header-composition--global-commerce{--hdf-global-commerce-compact-control:29px;--hdf-global-commerce-compact-gap:2px}
 .hdf-header-composition--global-commerce .site-header--default .hdf-header-main__inner{column-gap:4px;padding-inline:9px}
 .hdf-header-composition--global-commerce .hdf-header-main__left{gap:5px}
 .hdf-header-composition--global-commerce .hdf-header-main__branding{max-width:min(29vw,130px)}
 .hdf-header-composition--global-commerce .site-branding--favicon-name{gap:5px}
 .hdf-header-composition--global-commerce .site-branding--favicon-name .site-favicon img,.hdf-header-composition--global-commerce .site-branding--favicon-name .site-brand-mark{width:30px;height:30px;border-radius:7px}
 .hdf-header-composition--global-commerce .site-title{font-size:14px}
 .hdf-header-composition--global-commerce .hdf-global-commerce-mobile-toggle .hdf-mobile-menu-toggle__icon,.hdf-header-composition--global-commerce .hdf-global-commerce-mobile-toggle svg{width:16px;height:16px;font-size:16px}
 .hdf-header-composition--global-commerce .hdf-header-action__icon svg,.hdf-header-composition--global-commerce .hdf-header-action__icon .hdc-icon,.hdf-header-composition--global-commerce .hdf-header-action--cart .hdf-header-action__icon .hdc-icon,.hdf-header-composition--global-commerce .hdf-header-action__control--cart .hdf-header-action__icon .hdc-icon{width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important}
 .hdf-header-composition--global-commerce .hdf-header-action__badge{top:-2px!important;right:-2px!important;inset-inline-end:-2px!important;min-width:13px;height:13px;font-size:7px;line-height:13px}
}
@media(max-width:420px){
 .hdf-header-composition--global-commerce{--hdf-global-commerce-compact-control:26px;--hdf-global-commerce-compact-gap:1px}
 .hdf-header-composition--global-commerce .site-header--default .hdf-header-main__inner{padding-inline:7px}
 .hdf-header-composition--global-commerce .hdf-header-main__branding{max-width:108px}
 .hdf-header-composition--global-commerce .site-branding--favicon-name .site-favicon img,.hdf-header-composition--global-commerce .site-branding--favicon-name .site-brand-mark{width:27px;height:27px;border-radius:6px}
 .hdf-header-composition--global-commerce .site-title{font-size:12px}
 .hdf-header-composition--global-commerce .hdf-header-action__icon svg,.hdf-header-composition--global-commerce .hdf-header-action__icon .hdc-icon,.hdf-header-composition--global-commerce .hdf-header-action--cart .hdf-header-action__icon .hdc-icon,.hdf-header-composition--global-commerce .hdf-header-action__control--cart .hdf-header-action__icon .hdc-icon{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important}
 .hdf-header-composition--global-commerce .hdf-header-search{min-height:38px;grid-template-columns:minmax(0,1fr) 40px}
 .hdf-header-composition--global-commerce .hdf-header-search__submit{width:40px;min-width:40px;height:38px}
}

/* Step 258: context sidebars use the canonical page canvas across all templates. */
.hdf-context-sidebar,
.hdf-context-sidebar .widget {
    background: var(--hdf-color-page, #FFFFFF);
}

/* Step 258: context widget headings use the same template-aware raised-edge DNA as document headings. */
/* Context widget headings use the same crisp neutral raised-heading role. */
.hdf-context-widget__title {
    display: block;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid var(--hdf-heading-border, #E5E7EB);
    border-block-end-color: var(--hdf-heading-edge, #E5E7EB);
    border-radius: min(var(--hdf-raised-edge-radius), 10px);
    background: var(--hdf-heading-background, #F8F9FA);
    color: var(--hdf-heading-text, #0F0F0F);
    box-shadow: none;
    font-family: var(--hdf-font-heading);
    font-size: clamp(1rem, 1.35vw, 1.18rem);
    font-weight: var(--hdf-font-weight-heading);
    line-height: 1.2;
}

/* Step 308 — Global Commerce Header edge-safe primary dropdowns + equal desktop action controls. */
@media (min-width:1024px) {
    .hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu .sub-menu {
        width: clamp(220px, var(--hdf-header-dropdown-width, 240px), 280px);
        max-width: calc(100vw - 24px);
        padding: 6px;
        border: 1px solid var(--hdf-header-dropdown-border, #E5E7EB);
        border-radius: 10px;
        outline: 0;
        background: var(--hdf-header-dropdown-background, #FFFFFF);
        
    }
    .hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu .sub-menu > li + li {
        border-top: 1px solid var(--hdf-header-dropdown-border, #E5E7EB);
    }
    .hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu .sub-menu a {
        min-height: 40px;
        margin: 0;
        padding: 9px 11px;
        border: 0;
        border-radius: 7px;
        color: var(--hdf-header-dropdown-text, #111827);
        font-size: 12px;
        font-weight: 600;
        line-height: 1.25;
    }
    .hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu .sub-menu a:hover,
    .hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu .sub-menu a:focus-visible {
        background: var(--hdf-header-action-hover-background, #FFFFFF);
        color: var(--hdf-color-primary-hover, #EA580C);
        outline: 0;
    }
    .hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu > li > .sub-menu.hdf-submenu--align-end {
        inset-inline-start: auto;
        inset-inline-end: 0;
    }
    .hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu .sub-menu .sub-menu.hdf-submenu--flip-inline {
        inset-inline-start: auto;
        inset-inline-end: 100%;
    }
    .hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-navigation--submenu-horizontal .hdf-primary-menu > li > .sub-menu.hdf-submenu--align-end {
        inset-inline-start: auto;
        inset-inline-end: 0;
        transform: translateY(6px);
    }
    .hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-navigation--submenu-horizontal .hdf-primary-menu > li:hover > .sub-menu.hdf-submenu--align-end,
    .hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-navigation--submenu-horizontal .hdf-primary-menu > li:focus-within > .sub-menu.hdf-submenu--align-end,
    .hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-navigation--submenu-horizontal .hdf-primary-menu > li.is-submenu-open > .sub-menu.hdf-submenu--align-end,
    .hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-navigation--submenu-horizontal .hdf-primary-menu > li.is-submenu-hover > .sub-menu.hdf-submenu--align-end {
        transform: translateY(0);
    }

    .hdf-header-composition--global-commerce .hdf-header-main__actions {
        --hdf-global-commerce-action-size: 44px;
    }
    .hdf-header-composition--global-commerce .hdf-header-main__actions > *,
    .hdf-header-composition--global-commerce .hdf-header-main__actions .hdf-header-action,
    .hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-notification-widget,
    .hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-account-widget,
    .hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-selection-widget,
    .hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-collections-widget,
    .hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-cart-widget,
    .hdf-header-composition--global-commerce .hdf-header-action--cart,
    .hdf-header-composition--global-commerce .hdf-header-action--account {
        width: var(--hdf-global-commerce-action-size) !important;
        min-width: var(--hdf-global-commerce-action-size) !important;
        max-width: var(--hdf-global-commerce-action-size) !important;
        height: var(--hdf-global-commerce-action-size) !important;
        min-height: var(--hdf-global-commerce-action-size) !important;
        flex: 0 0 var(--hdf-global-commerce-action-size) !important;
    }
    .hdf-header-composition--global-commerce .hdf-header-main__actions .hdf-header-action__control,
    .hdf-header-composition--global-commerce .hdf-header-main__actions .hdf-header-action__control:hover,
    .hdf-header-composition--global-commerce .hdf-header-main__actions .hdf-header-action__control:focus-visible,
    .hdf-header-composition--global-commerce .hdf-header-main__actions .hdf-header-action__control:active {
        width: var(--hdf-global-commerce-action-size) !important;
        min-width: var(--hdf-global-commerce-action-size) !important;
        max-width: var(--hdf-global-commerce-action-size) !important;
        height: var(--hdf-global-commerce-action-size) !important;
        min-height: var(--hdf-global-commerce-action-size) !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid var(--hdf-header-action-border, #E5E7EB) !important;
        border-radius: 10px !important;
        overflow: visible !important;
        background: var(--hdf-header-action-background, #FFFFFF) !important;
        color: var(--hdf-header-main-text, #111827) !important;
        transform: none !important;
        translate: none !important;
    }
    .hdf-header-composition--global-commerce .hdf-header-main__actions .hdf-header-action__control:hover,
    .hdf-header-composition--global-commerce .hdf-header-main__actions .hdf-header-action__control:focus-visible {
        border-color: var(--hdf-color-primary, #F97316) !important;
        background: var(--hdf-color-primary, #F97316) !important;
        color: var(--hdf-color-on-primary, #FFFFFF) !important;
    }
    .hdf-header-composition--global-commerce .hdf-header-main__actions .hdf-header-action__control:hover .hdf-header-action__icon,
    .hdf-header-composition--global-commerce .hdf-header-main__actions .hdf-header-action__control:focus-visible .hdf-header-action__icon {
        color: var(--hdf-color-on-primary, #FFFFFF) !important;
    }
    .hdf-header-composition--global-commerce .hdf-header-main__actions .hdf-header-action__control:hover .hdf-header-action__badge,
    .hdf-header-composition--global-commerce .hdf-header-main__actions .hdf-header-action__control:focus-visible .hdf-header-action__badge {
        border: 1px solid #FFFFFF !important;
        outline: 2px solid var(--hdf-header-main-background, #FFFFFF) !important;
        background: #111827 !important;
        color: #FFFFFF !important;
        box-shadow: none !important;
    }
    .hdf-header-composition--global-commerce .hdf-header-action--cart .hdf-header-action__icon,
    .hdf-header-composition--global-commerce .hdf-header-action__control--cart .hdf-header-action__icon {
        position: static !important;
        inset: auto !important;
        display: grid !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        place-items: center;
    }
    .hdf-header-composition--global-commerce .hdf-header-action--cart .hdf-header-action__meta,
    .hdf-header-composition--global-commerce .hdf-header-action__control--cart .hdf-header-action__meta {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        margin: -1px !important;
        padding: 0 !important;
        overflow: hidden !important;
        clip: rect(0 0 0 0) !important;
        clip-path: inset(50%) !important;
        white-space: nowrap !important;
    }
}

.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-navigation--global-commerce .hdf-primary-menu .sub-menu {
    border-color: #334155;
    background: #111827;
    
}
.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-navigation--global-commerce .hdf-primary-menu .sub-menu > li + li {
    border-top-color: #273449;
}
.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-navigation--global-commerce .hdf-primary-menu .sub-menu a {
    color: #E2E8F0;
}
.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-navigation--global-commerce .hdf-primary-menu .sub-menu a:hover,
.hdf-header-composition--global-commerce.hdf-global-commerce-view--dark .hdf-header-navigation--global-commerce .hdf-primary-menu .sub-menu a:focus-visible {
    background: #1F2937;
    color: #FDBA74;
}

/* Step 336 — Global Commerce Hero-aware sticky navigation upgrade.
 * Page top keeps Top Bar + Main Row + Navigation Row. With owner-enabled Sticky
 * Header, scrolling collapses the top chrome and preserves the existing Main Row
 * as the sticky Header. On the storefront front page, the original All Categories
 * vertical rail remains beside the Hero while any part of the Hero is still
 * visible. Only after the Hero has fully passed the sticky Main Row does an
 * icon-only trigger appear directly after branding and expose the same canonical
 * All Categories tree as a vertical off-canvas drawer. Blog uses the same compact
 * trigger position, but exposes its existing Blog Front navigation vertically. */
@media (min-width:1024px) {
    .hdf-header-composition--global-commerce .site-header--scroll-upgrade.site-header--sticky.is-scrolled {
        background: var(--hdf-header-main-background, #FFFFFF);
        border-bottom: 1px solid var(--hdf-header-border, #E5E7EB);
        border-radius: 0 0 var(--hdf-header-shell-bottom-radius, 12px) var(--hdf-header-shell-bottom-radius, 12px);
        
    }
    .hdf-header-composition--global-commerce .site-header--scroll-upgrade.site-header--sticky.is-scrolled .hdf-header-topbar {
        display: none !important;
    }
    .hdf-header-composition--global-commerce .site-header--scroll-upgrade.site-header--sticky.is-scrolled .hdf-header-main {
        position: relative;
        z-index: 90;
        margin: 0;
        border-bottom: 0;
        min-height: 62px;
        padding-top: 3px;
        padding-bottom: 3px;
    }
    .hdf-header-composition--global-commerce .site-header--scroll-upgrade.site-header--sticky.is-scrolled .hdf-header-main__inner {
        min-height: 62px;
    }
    .hdf-header-composition--global-commerce .site-header--scroll-upgrade.site-header--sticky.is-scrolled .hdf-header-main__left {
        display: flex;
        min-width: 0;
        align-items: center;
        gap: 12px;
        overflow: visible;
    }
    .hdf-header-composition--global-commerce .site-header--scroll-upgrade.site-header--sticky.is-scrolled .hdf-header-main__branding {
        min-width: 0;
        flex: 0 1 auto;
    }
    .hdf-header-composition--global-commerce .site-header--scroll-upgrade.site-header--sticky.is-scrolled.is-hero-past .hdf-global-commerce-menu-toggle {
        display: inline-grid !important;
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        flex: 0 0 40px !important;
        margin-inline-start: 2px;
        padding: 0 !important;
        place-items: center;
        border: 1px solid var(--hdf-header-border, #E5E7EB);
        border-radius: 9px;
        background: var(--hdf-header-main-background, #FFFFFF);
        color: var(--hdf-header-main-text, #111827);
        box-shadow: none;
        aspect-ratio: 1;
    }
    .hdf-header-composition--global-commerce .site-header--scroll-upgrade.site-header--sticky.is-scrolled.is-hero-past .hdf-global-commerce-menu-toggle:hover,
    .hdf-header-composition--global-commerce .site-header--scroll-upgrade.site-header--sticky.is-scrolled.is-hero-past .hdf-global-commerce-menu-toggle:focus-visible {
        border-color: var(--hdf-color-primary, #F97316);
        background: var(--hdf-color-subtle, #FFFFFF);
        color: var(--hdf-color-primary-hover, #EA580C);
        outline: 0;
    }
    .hdf-header-composition--global-commerce .site-header--scroll-upgrade.site-header--sticky.is-scrolled .hdf-global-commerce-menu-toggle .hdf-mobile-menu-toggle__icon,
    .hdf-header-composition--global-commerce .site-header--scroll-upgrade.site-header--sticky.is-scrolled .hdf-global-commerce-menu-toggle svg {
        width: 18px;
        height: 18px;
    }
    .hdf-header-composition--global-commerce .site-header--scroll-upgrade.site-header--sticky.is-scrolled:not(.is-hero-past) .hdf-global-commerce-menu-toggle {
        display: none !important;
    }

    /* Storefront front page only: while the Hero remains visible, remove the
     * navigation-row chrome but keep its canonical All Categories panel alive. */
    .hdf-header-composition--global-commerce .site-header--default.site-header--menu-hero-gated.site-header--scroll-upgrade.site-header--sticky.is-scrolled:not(.is-hero-past) .hdf-header-navigation--global-commerce {
        position: relative;
        display: block !important;
        width: 100%;
        min-height: 0 !important;
        height: 0 !important;
        overflow: visible !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    .hdf-header-composition--global-commerce .site-header--default.site-header--menu-hero-gated.site-header--scroll-upgrade.site-header--sticky.is-scrolled:not(.is-hero-past) .hdf-header-navigation--global-commerce .hdf-header-navigation__inner {
        position: relative;
        display: grid;
        width: var(--hdf-site-frame-width, calc(100% - 10px));
        min-height: 0 !important;
        height: 0 !important;
        grid-template-columns: var(--hdf-global-commerce-departments-width) minmax(0,1fr);
        align-items: start;
        overflow: visible !important;
    }
    .hdf-header-composition--global-commerce .site-header--default.site-header--menu-hero-gated.site-header--scroll-upgrade.site-header--sticky.is-scrolled:not(.is-hero-past) .hdf-primary-navigation,
    .hdf-header-composition--global-commerce .site-header--default.site-header--menu-hero-gated.site-header--scroll-upgrade.site-header--sticky.is-scrolled:not(.is-hero-past) .hdf-global-commerce-nav-drawer__header,
    .hdf-header-composition--global-commerce .site-header--default.site-header--menu-hero-gated.site-header--scroll-upgrade.site-header--sticky.is-scrolled:not(.is-hero-past) .hdf-global-commerce-nav-section--front {
        display: none !important;
    }
    .hdf-header-composition--global-commerce .site-header--default.site-header--menu-hero-gated.site-header--scroll-upgrade.site-header--sticky.is-scrolled:not(.is-hero-past) .hdf-global-commerce-nav-drawer__body,
    .hdf-header-composition--global-commerce .site-header--default.site-header--menu-hero-gated.site-header--scroll-upgrade.site-header--sticky.is-scrolled:not(.is-hero-past) .hdf-global-commerce-nav-section--categories {
        display: contents !important;
    }
    .hdf-header-composition--global-commerce .site-header--default.site-header--menu-hero-gated.site-header--scroll-upgrade.site-header--sticky.is-scrolled:not(.is-hero-past) .hdf-header-navigation__explore {
        display: block !important;
        width: var(--hdf-global-commerce-departments-width) !important;
        min-width: var(--hdf-global-commerce-departments-width) !important;
        height: 0 !important;
        overflow: visible !important;
    }
    .hdf-header-composition--global-commerce .site-header--default.site-header--menu-hero-gated.site-header--scroll-upgrade.site-header--sticky.is-scrolled:not(.is-hero-past) .hdf-explore--global-commerce,
    .hdf-header-composition--global-commerce .site-header--default.site-header--menu-hero-gated.site-header--scroll-upgrade.site-header--sticky.is-scrolled:not(.is-hero-past) .hdf-explore__desktop-shell {
        position: relative;
        display: block !important;
        width: var(--hdf-global-commerce-departments-width) !important;
        height: 0 !important;
        min-height: 0 !important;
        overflow: visible !important;
        aspect-ratio: auto !important;
    }
    .hdf-header-composition--global-commerce .site-header--default.site-header--menu-hero-gated.site-header--scroll-upgrade.site-header--sticky.is-scrolled:not(.is-hero-past) .hdf-explore__toggle--desktop {
        display: none !important;
    }
    .hdf-header-composition--global-commerce.hdf-global-commerce-front .site-header--default.site-header--menu-hero-gated.site-header--scroll-upgrade.site-header--sticky.is-scrolled:not(.is-hero-past) .hdf-explore__desktop-panel {
        position: fixed !important;
        z-index: 70 !important;
        top: var(--hdf-hero-categories-top, -9999px) !important;
        width: var(--hdf-global-commerce-departments-width) !important;
        min-width: var(--hdf-global-commerce-departments-width) !important;
        max-width: var(--hdf-global-commerce-departments-width) !important;
        height: calc(var(--hdf-global-commerce-hero-height, 344px) + 5px) !important;
        max-height: calc(var(--hdf-global-commerce-hero-height, 344px) + 5px) !important;
        overflow: visible !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
    }
    .hdf-header-composition--global-commerce.hdf-global-commerce-front .site-header--default.site-header--menu-hero-gated.site-header--scroll-upgrade.site-header--sticky.is-scrolled:not(.is-hero-past) .hdf-explore__navigation--desktop {
        height: 100% !important;
        max-height: 100% !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
    }
    html:not([dir="rtl"]) .hdf-header-composition--global-commerce.hdf-global-commerce-front .site-header--default.site-header--menu-hero-gated.site-header--scroll-upgrade.site-header--sticky.is-scrolled:not(.is-hero-past) .hdf-explore__desktop-panel {
        left: var(--hdf-hero-categories-left, -9999px) !important;
        right: auto !important;
    }
    html[dir="rtl"] .hdf-header-composition--global-commerce.hdf-global-commerce-front .site-header--default.site-header--menu-hero-gated.site-header--scroll-upgrade.site-header--sticky.is-scrolled:not(.is-hero-past) .hdf-explore__desktop-panel {
        right: var(--hdf-hero-categories-right, -9999px) !important;
        left: auto !important;
    }

    /* Once the storefront Hero is gone—or immediately for Blog/non-Hero pages—
     * the original third row is hidden in-place and is portalled only as the
     * requested drawer by mobile-navigation.js. */
    .hdf-header-composition--global-commerce .site-header--scroll-upgrade.site-header--sticky.is-scrolled.is-hero-past > .hdf-header-navigation--scroll-drawer-capable:not(.is-body-portal) {
        display: none !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
    }
}

/* Step 337 — desktop sticky All Categories keeps one canonical 240px-class menu.
 * While the storefront Hero is still present the menu is visually anchored to the
 * Hero-side slot. After the Hero passes, the same navigation DOM becomes a small
 * button-anchored dropdown whose width is exactly the configured department rail
 * width; compact storefront and Blog navigation keep their existing drawers. */
.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce.is-sticky-categories-dropdown,
.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce.is-sticky-categories-dropdown.is-body-portal {
    position: fixed !important;
    z-index: 2147483640 !important;
    top: var(--hdf-sticky-categories-dropdown-top, -9999px) !important;
    bottom: auto !important;
    display: block !important;
    width: var(--hdf-global-commerce-departments-width) !important;
    min-width: var(--hdf-global-commerce-departments-width) !important;
    max-width: var(--hdf-global-commerce-departments-width) !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: none !important;
}
html:not([dir="rtl"]) .hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce.is-sticky-categories-dropdown,
html:not([dir="rtl"]) .hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce.is-sticky-categories-dropdown.is-body-portal {
    left: var(--hdf-sticky-categories-dropdown-left, 8px) !important;
    right: auto !important;
}
html[dir="rtl"] .hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce.is-sticky-categories-dropdown,
html[dir="rtl"] .hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce.is-sticky-categories-dropdown.is-body-portal {
    right: var(--hdf-sticky-categories-dropdown-right, 8px) !important;
    left: auto !important;
}
.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce.is-sticky-categories-dropdown.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce.is-sticky-categories-dropdown .hdf-header-navigation__inner {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}
.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce.is-sticky-categories-dropdown .hdf-global-commerce-nav-drawer__header,
.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce.is-sticky-categories-dropdown .hdf-global-commerce-nav-section--front,
.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce.is-sticky-categories-dropdown .hdf-global-commerce-nav-section__title,
.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce.is-sticky-categories-dropdown .hdf-primary-navigation {
    display: none !important;
}
.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce.is-sticky-categories-dropdown .hdf-global-commerce-nav-drawer__body,
.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce.is-sticky-categories-dropdown .hdf-global-commerce-nav-section--categories {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
}
.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce.is-sticky-categories-dropdown .hdf-header-navigation__explore,
.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce.is-sticky-categories-dropdown .hdf-explore--global-commerce,
.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce.is-sticky-categories-dropdown .hdf-explore__desktop-shell {
    position: relative !important;
    display: block !important;
    width: var(--hdf-global-commerce-departments-width) !important;
    min-width: var(--hdf-global-commerce-departments-width) !important;
    max-width: var(--hdf-global-commerce-departments-width) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: visible !important;
    aspect-ratio: auto !important;
}
.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce.is-sticky-categories-dropdown .hdf-explore__desktop-panel {
    position: static !important;
    display: block !important;
    width: var(--hdf-global-commerce-departments-width) !important;
    min-width: var(--hdf-global-commerce-departments-width) !important;
    max-width: var(--hdf-global-commerce-departments-width) !important;
    height: calc(var(--hdf-global-commerce-hero-height, 344px) + 5px) !important;
    min-height: 0 !important;
    max-height: min(calc(var(--hdf-global-commerce-hero-height, 344px) + 5px), calc(100dvh - var(--hdf-sticky-categories-dropdown-top, 80px) - 10px)) !important;
    margin: 0 !important;
    overflow: visible !important;
    border: 1px solid var(--hdf-header-explore-border, #E2E8F0) !important;
    border-radius: 8px !important;
    background: var(--hdf-header-explore-panel-background, #FFFFFF) !important;
    transform: none !important;
}
/* N28: the sticky categories panel opens only on demand — shell hover/focus or an explicit toggle open — never uninvited on scroll, so it can no longer sit over the first-row cards and steal their hover. */
.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce.is-sticky-categories-dropdown .hdf-explore__desktop-shell:hover .hdf-explore__desktop-panel,
.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce.is-sticky-categories-dropdown .hdf-explore__desktop-shell:focus-within .hdf-explore__desktop-panel,
.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce.is-sticky-categories-dropdown .hdf-explore__desktop-shell.is-mobile-open .hdf-explore__desktop-panel {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    transition-delay: 200ms;
}
.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce.is-sticky-categories-dropdown .hdf-explore__navigation--desktop {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
}
.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce.is-sticky-categories-dropdown .hdf-explore-menu {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 8px 0 !important;
}

/* Dynamic off-canvas mode. At page top this same DOM stays the canonical third
 * row, so the Hero-side department tree is never converted into a drawer early. */
.hdf-header-composition--global-commerce .hdf-global-commerce-nav-backdrop {
    position: fixed;
    z-index: 2147483600;
    inset: 0;
    display: block;
    background: rgba(15, 23, 42, .42);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .18s ease, visibility .18s ease;
}
.hdf-header-composition--global-commerce .hdf-global-commerce-nav-backdrop.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.hdf-header-composition--global-commerce .hdf-header-navigation--scroll-drawer-capable.is-scroll-drawer,
.hdf-header-composition--global-commerce .hdf-header-navigation--scroll-drawer-capable.is-scroll-drawer.is-body-portal {
    position: fixed !important;
    z-index: 2147483640 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: -410px !important;
    right: auto !important;
    display: flex !important;
    width: min(390px, calc(100vw - 36px));
    min-width: 0;
    min-height: 100dvh;
    max-height: 100dvh;
    flex-direction: column;
    margin: 0;
    overflow: visible !important;
    border: 0;
    border-inline-end: 1px solid var(--hdf-header-border, #E5E7EB);
    border-radius: 0;
    background: var(--hdf-header-nav-background, #FFFFFF);
    color: var(--hdf-header-main-text, #111827);
    
    opacity: 1;
    visibility: hidden;
    transform: none !important;
    transition: left .2s ease, right .2s ease, visibility .2s ease;
}
[dir="rtl"] .hdf-header-composition--global-commerce .hdf-header-navigation--scroll-drawer-capable.is-scroll-drawer,
[dir="rtl"] .hdf-header-composition--global-commerce .hdf-header-navigation--scroll-drawer-capable.is-scroll-drawer.is-body-portal {
    left: auto !important;
    right: -410px !important;
}
.hdf-header-composition--global-commerce .hdf-header-navigation--scroll-drawer-capable.is-scroll-drawer.is-open {
    left: 0 !important;
    visibility: visible;
}
[dir="rtl"] .hdf-header-composition--global-commerce .hdf-header-navigation--scroll-drawer-capable.is-scroll-drawer.is-open {
    left: auto !important;
    right: 0 !important;
}
.hdf-header-composition--global-commerce .hdf-header-navigation--scroll-drawer-capable.is-scroll-drawer .hdf-header-navigation__inner {
    display: flex !important;
    width: 100% !important;
    max-width: none;
    min-height: 0;
    flex: 1 1 auto;
    flex-direction: column;
    margin: 0;
    padding: 0;
    overflow: visible !important;
}
.hdf-header-composition--global-commerce .hdf-header-navigation--scroll-drawer-capable.is-scroll-drawer .hdf-global-commerce-nav-drawer__header {
    position: relative;
    z-index: 4;
    top: 0;
    display: flex !important;
    min-height: 58px;
    flex: 0 0 58px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px 10px 16px;
    border-bottom: 1px solid var(--hdf-header-border, #E5E7EB);
    background: var(--hdf-header-nav-background, #FFFFFF);
}
.hdf-header-composition--global-commerce .hdf-header-navigation--scroll-drawer-capable.is-scroll-drawer .hdf-global-commerce-nav-drawer__title {
    color: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
}
.hdf-header-composition--global-commerce .hdf-header-navigation--scroll-drawer-capable.is-scroll-drawer .hdf-global-commerce-nav-drawer__close {
    display: grid !important;
    width: 34px;
    min-width: 34px;
    height: 34px;
    min-height: 34px;
    padding: 0;
    place-items: center;
    border: 1px solid var(--hdf-header-border, #E5E7EB);
    border-radius: 8px;
    background: transparent;
    color: inherit;
    cursor: pointer;
}
.hdf-header-composition--global-commerce .hdf-header-navigation--scroll-drawer-capable.is-scroll-drawer .hdf-global-commerce-nav-drawer__close svg {
    width: 18px;
    height: 18px;
}
.hdf-header-composition--global-commerce .hdf-header-navigation--scroll-drawer-capable.is-scroll-drawer .hdf-global-commerce-nav-drawer__body {
    display: block !important;
    width: 100%;
    min-width: 0;
    min-height: 0;
    flex: 1 1 auto;
    overflow: visible !important;
}
.hdf-header-composition--global-commerce .hdf-header-navigation--scroll-drawer-capable.is-scroll-drawer .hdf-global-commerce-nav-section--categories {
    display: block !important;
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
}
.hdf-header-composition--global-commerce .hdf-header-navigation--scroll-drawer-capable.is-scroll-drawer .hdf-global-commerce-nav-section--front,
.hdf-header-composition--global-commerce .hdf-header-navigation--scroll-drawer-capable.is-scroll-drawer .hdf-global-commerce-nav-section__title {
    display: none !important;
}
.hdf-header-composition--global-commerce .hdf-header-navigation--scroll-drawer-capable.is-scroll-drawer .hdf-header-navigation__explore,
.hdf-header-composition--global-commerce .hdf-header-navigation--scroll-drawer-capable.is-scroll-drawer .hdf-explore--global-commerce,
.hdf-header-composition--global-commerce .hdf-header-navigation--scroll-drawer-capable.is-scroll-drawer .hdf-explore__desktop-shell {
    position: relative;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    aspect-ratio: auto !important;
}
.hdf-header-composition--global-commerce .hdf-header-navigation--scroll-drawer-capable.is-scroll-drawer .hdf-explore__toggle--desktop {
    display: none !important;
}
.hdf-header-composition--global-commerce .hdf-header-navigation--scroll-drawer-capable.is-scroll-drawer .hdf-explore__desktop-panel {
    position: static !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0;
    overflow: visible !important;
    border: 0;
    border-radius: 0;
    background: var(--hdf-header-explore-panel-background, #FFFFFF);
    box-shadow: none;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
}
.hdf-header-composition--global-commerce .hdf-header-navigation--scroll-drawer-capable.is-scroll-drawer .hdf-explore__navigation--desktop,
.hdf-header-composition--global-commerce .hdf-header-navigation--scroll-drawer-capable.is-scroll-drawer .hdf-explore-menu {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
}
.hdf-header-composition--global-commerce .hdf-header-navigation--scroll-drawer-capable.is-scroll-drawer .hdf-explore-menu {
    padding: 8px 0;
}
@media (min-width:1024px) {
    .hdf-header-composition--global-commerce .hdf-header-navigation--scroll-drawer-capable.is-scroll-drawer .hdf-explore__navigation--desktop .hdf-explore-menu > li > .sub-menu,
    .hdf-header-composition--global-commerce .hdf-header-navigation--scroll-drawer-capable.is-scroll-drawer .hdf-explore__navigation--desktop .sub-menu > li > .sub-menu {
        z-index: 2147483647 !important;
    }
}
@media (max-width:1023px) {
    .hdf-header-composition--global-commerce .hdf-header-navigation--scroll-drawer-capable.is-scroll-drawer,
    .hdf-header-composition--global-commerce .hdf-header-navigation--scroll-drawer-capable.is-scroll-drawer.is-body-portal {
        width: min(360px, calc(100vw - 28px));
    }
    .hdf-header-composition--global-commerce .hdf-header-navigation--scroll-drawer-capable.is-scroll-drawer .hdf-global-commerce-nav-drawer__body {
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }
}

/* Step 345 — Hero All Categories remains unsticky.
 * During desktop sticky Header mode the existing All Categories DOM is moved to
 * its captured absolute document slot, not fixed to the viewport. It therefore
 * scrolls naturally with the Hero exactly like normal page content while the
 * sticky Main Row remains independent. */
@media (min-width: 1024px) {
    body.hdf-header-composition--global-commerce.hdf-global-commerce-front > .hdf-explore--global-commerce.hdf-explore--hero-rail-portal {
        position: absolute !important;
        z-index: 70 !important;
        top: var(--hdf-hero-rail-document-top, -9999px) !important;
        width: var(--hdf-hero-rail-width, var(--hdf-global-commerce-departments-width)) !important;
        min-width: var(--hdf-hero-rail-width, var(--hdf-global-commerce-departments-width)) !important;
        max-width: var(--hdf-hero-rail-width, var(--hdf-global-commerce-departments-width)) !important;
        height: var(--hdf-hero-rail-height, calc(var(--hdf-global-commerce-hero-height, 344px) + 5px)) !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        pointer-events: none !important;
    }
    html:not([dir="rtl"]) body.hdf-header-composition--global-commerce.hdf-global-commerce-front > .hdf-explore--global-commerce.hdf-explore--hero-rail-portal {
        left: var(--hdf-hero-rail-left, 0) !important;
        right: auto !important;
    }
    html[dir="rtl"] body.hdf-header-composition--global-commerce.hdf-global-commerce-front > .hdf-explore--global-commerce.hdf-explore--hero-rail-portal {
        right: var(--hdf-hero-rail-right, 0) !important;
        left: auto !important;
    }
    body.hdf-header-composition--global-commerce.hdf-global-commerce-front > .hdf-explore--global-commerce.hdf-explore--hero-rail-portal .hdf-explore__desktop-shell {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        overflow: visible !important;
        pointer-events: none !important;
    }
    body.hdf-header-composition--global-commerce.hdf-global-commerce-front > .hdf-explore--global-commerce.hdf-explore--hero-rail-portal .hdf-explore__toggle--desktop {
        display: none !important;
    }
    body.hdf-header-composition--global-commerce.hdf-global-commerce-front > .hdf-explore--global-commerce.hdf-explore--hero-rail-portal .hdf-explore__desktop-panel {
        position: absolute !important;
        inset: 0 !important;
        display: block !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        margin: 0 !important;
        overflow: visible !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
        transition: none !important;
    }
    body.hdf-header-composition--global-commerce.hdf-global-commerce-front > .hdf-explore--global-commerce.hdf-explore--hero-rail-portal .hdf-explore__navigation--desktop {
        height: 100% !important;
        max-height: 100% !important;
    }
}

/* Global Commerce content sections render white on the light-grey page canvas (owner order 2026-10-24). Header/footer sections are untouched: this reaches only sections inside <main>, top-level .site sections, and the shop/category archive container. */
body.hdf-template--furniture-store.hdc-theme-template--furniture-store main section,
body.hdf-template--furniture-store.hdc-theme-template--furniture-store .site > section,
body.hdf-template--furniture-store.hdc-theme-template--furniture-store main .hdc-product-archive {
    background-color: #FFFFFF;
}

/* 1.4.85: Global Commerce renders one system stack plus the spec sizes below.
   The body-scoped custom properties beat the inline :root tokens (0,1,1 > 0,1,0)
   without touching other templates or WP admin. */
body.hdf-template--furniture-store {
    --hdf-font-body: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --hdf-font-heading: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --hdf-font-ui: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
body.hdf-template--furniture-store .hdf-header-search__field {
    font-size: 15px;
}
body.hdf-template--furniture-store .button-primary,
body.hdf-template--furniture-store .button-secondary,
body.hdf-template--furniture-store .search-submit {
    font-size: 15px;
    font-weight: 700;
}
/* Spec said "white" for the column heading; the token is kept instead so the
   heading stays visible on the light GC footer (#f7f8fa) — literal white would
   be invisible there. Dark view already resolves this token near-white. */
body.hdf-template--furniture-store .footer-menu-column__heading {
    color: var(--hdf-footer-text);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.4px;
}
body.hdf-template--furniture-store .footer-menu a {
    color: #8b93a7;
    font-size: 13.5px;
}
body.hdf-template--furniture-store .footer-menu a:hover,
body.hdf-template--furniture-store .footer-menu a:focus-visible {
    color: var(--hdf-footer-text);
}
body.hdf-template--furniture-store .footer-bottom {
    font-size: 13px;
}

/* 1.4.89: navbar row +8px (37->45), main row -10px (88->78), topbar text+icons white
   in normal and hover states. Vertical menu untouched (stays left). */
@media (min-width: 1024px) {
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-navigation--global-commerce { min-height: 44px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-navigation--global-commerce .hdf-header-navigation__inner { min-height: 44px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-navigation--global-commerce .hdf-explore--global-commerce .hdf-explore__desktop-shell { height: 44px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-navigation--global-commerce .hdf-primary-menu > li > a { min-height: 44px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-main__inner { min-height: 70px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-main { min-height: 78px; }
}
body.hdf-template--furniture-store:not(.hdf-global-commerce-view--dark).hdf-header-composition--global-commerce .site-header--default .hdf-global-topbar__left a,
body.hdf-template--furniture-store:not(.hdf-global-commerce-view--dark).hdf-header-composition--global-commerce .site-header--default .hdf-global-topbar__view-toggle,
body.hdf-template--furniture-store:not(.hdf-global-commerce-view--dark).hdf-header-composition--global-commerce .site-header--default .hdf-utility-selector > summary,
body.hdf-template--furniture-store:not(.hdf-global-commerce-view--dark).hdf-header-composition--global-commerce .site-header--default .hdf-top-menu a { color: #FFFFFF; }
body.hdf-template--furniture-store:not(.hdf-global-commerce-view--dark).hdf-header-composition--global-commerce .site-header--default .hdf-global-topbar__left a:hover,
body.hdf-template--furniture-store:not(.hdf-global-commerce-view--dark).hdf-header-composition--global-commerce .site-header--default .hdf-global-topbar__left a:focus-visible,
body.hdf-template--furniture-store:not(.hdf-global-commerce-view--dark).hdf-header-composition--global-commerce .site-header--default .hdf-global-topbar__view-toggle:hover,
body.hdf-template--furniture-store:not(.hdf-global-commerce-view--dark).hdf-header-composition--global-commerce .site-header--default .hdf-global-topbar__view-toggle:focus-visible,
body.hdf-template--furniture-store:not(.hdf-global-commerce-view--dark).hdf-header-composition--global-commerce .site-header--default .hdf-utility-selector > summary:hover,
body.hdf-template--furniture-store:not(.hdf-global-commerce-view--dark).hdf-header-composition--global-commerce .site-header--default .hdf-utility-selector > summary:focus-visible,
body.hdf-template--furniture-store:not(.hdf-global-commerce-view--dark).hdf-header-composition--global-commerce .site-header--default .hdf-top-menu a:hover,
body.hdf-template--furniture-store:not(.hdf-global-commerce-view--dark).hdf-header-composition--global-commerce .site-header--default .hdf-top-menu a:focus-visible { color: #FFFFFF; }

/* 1.4.90: main row -10px more (78->68), brand mark 44->38, search track -80px
   (833->753), cart button 44->52 with total, cart icon filled->1.8px outline.
   GC desktop only; menu untouched. Cart width needs !important: the 44px pin comes
   from the Commerce widget stylesheet, and both the token override and a plain
   (0,5,1) rule lost to it in lab injection tests. */
@media (min-width: 1024px) {
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-main { min-height: 68px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-main__inner { min-height: 62px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-main__left img { width: 38px; height: 38px; max-width: 38px; max-height: 38px; object-fit: contain; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-main__search-track { width: calc(100% - 80px); }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-action--cart, body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-action--cart .hdc-cart-widget { width: 52px !important; min-width: 52px !important; max-width: 52px !important; flex-basis: 52px !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-action--cart .hdf-header-action__control { width: 52px !important; min-width: 52px !important; max-width: 52px !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-action--cart svg, body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-action--cart svg path { fill: none; stroke: currentColor; stroke-width: 1.8px; }
}

/* 1.4.91: header concept (GC default, desktop only, menu untouched): (1) right-side
   action icons all one 1.8px stroke outline, no fill — the filled account silhouette
   was the bold-looking glyph; cart was already outline since 1.4.90. (2) topbar hides
   on first scroll in BOTH modes via .is-topbar-hidden (sticky.js toggles it regardless
   of sticky; is-scrolled stays sticky-gated so the compact sticky header + rail portal
   are untouched). (3) homepage sections + their __inner wrappers transparent with no
   border, so the #F3F4F6 page canvas shows through — section-only transparency left
   white __inner bands on On Sale / For You / Recently Added, proven by injection. */
@media (min-width: 1024px) {
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-main__actions svg,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-main__actions svg path { fill: none; stroke: currentColor; stroke-width: 1.8px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default.is-topbar-hidden .hdf-header-topbar { display: none; }
  body.hdf-template--furniture-store.hdc-theme-template--furniture-store.hdf-global-commerce-front main section,
  body.hdf-template--furniture-store.hdc-theme-template--furniture-store.hdf-global-commerce-front .site > section { background-color: transparent; background: transparent; border: 0; }
  body.hdf-template--furniture-store.hdc-theme-template--furniture-store.hdf-global-commerce-front main section > [class*="__inner"]:not(.hdc-home-flash-deals__inner) { background-color: transparent; background: transparent; border: 0; }
}

/* 1.4.92: Closed sticky categories dropdown must not keep a clickable panel.
 * In hero-past the nav is opacity-0/hidden, but the panel's own front-page rules
 * force visibility:visible + pointer-events:auto, leaving an invisible 240x383
 * click-catcher over the left strip (Personal Care row at viewport y342-370).
 * Hiding the panel itself when the dropdown is closed kills the hijack; the
 * :not(.is-open) qualifier keeps the open dropdown and the pre-hero rail intact. */
.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce.is-sticky-categories-dropdown:not(.is-open) .hdf-explore__desktop-panel { display: none !important; }

/* 1.4.96 Step 1: GC header exact nemzo rows (desktop only, menu untouched).
   Topbar 34 dark with welcome left + links right (template restructured);
   main 75 (inner 69, brand mark 40); nav 43, no top border, links 800, active
   no underline; sticky main stays 75 (69 + 3 + 3 padding). The Migrator carries
   the same values in settings; this appendix forces the rendered rows. */
@media (min-width: 1024px) {
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-topbar { border-bottom: 0; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-global-topbar__welcome { color: var(--hdf-header-top-text, #fff); font-size: 13px; font-weight: 600; line-height: 1; white-space: nowrap; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-global-topbar__links { display: flex; align-items: center; gap: 18px; min-width: 0; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-global-topbar__links a { display: inline-flex; align-items: center; gap: 6px; min-height: 20px; padding: 0; border: 0; background: transparent; color: var(--hdf-header-top-text, #fff); font: inherit; font-size: 13px; font-weight: 600; line-height: 1; text-decoration: none; white-space: nowrap; box-shadow: none; cursor: pointer; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-global-topbar__links a:hover, body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-global-topbar__links a:focus-visible { color: var(--hdf-header-top-link-hover, #fff); outline: 0; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-global-topbar__links i { width: 14px; height: 14px; display: inline-flex; flex: 0 0 14px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-global-topbar__links svg { width: 100%; height: 100%; stroke: currentColor; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-main { min-height: 75px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-main__inner { min-height: 69px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-main__left img { width: 40px; height: 40px; max-width: 40px; max-height: 40px; object-fit: contain; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-navigation--global-commerce { border-top: 0; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-navigation--global-commerce .hdf-header-navigation__inner { min-height: 43px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-navigation--global-commerce .hdf-explore--global-commerce .hdf-explore__desktop-shell { height: 43px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-navigation--global-commerce .hdf-primary-menu > li > a { min-height: 43px; font-weight: 800; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-navigation--global-commerce .hdf-primary-menu > .current-menu-item > a, body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-navigation--global-commerce .hdf-primary-menu > .current-menu-ancestor > a { text-decoration-line: none; }
  .hdf-header-composition--global-commerce .site-header--scroll-upgrade.site-header--sticky.is-scrolled .hdf-header-main { min-height: 69px; }
  .hdf-header-composition--global-commerce .site-header--scroll-upgrade.site-header--sticky.is-scrolled .hdf-header-main__inner { min-height: 69px; }
}

/* 1.4.97 Header complete (desktop only): nemzo header template — inners 1270
   centred (rows full-bleed, content aligned with sections, like nemzo 1270);
   topbar border-top 0 (34 exact); nav element 43 exact; active nav link dark;
   action buttons bordered white 44x44 radius 8, icons 20, badges 19 orange;
   cart icon-only 44 (total hidden on the button); search form 46, radius 12,
   scope 157 #F8F9FC 13.5px, submit 52 #EA580C. */
@media (min-width: 1024px) {
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-topbar__inner, body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-main__inner, body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-navigation__inner { max-width: 1270px; margin-inline: auto; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-topbar { border-top: 0; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-navigation--global-commerce { min-height: 43px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-navigation--global-commerce .hdf-primary-menu > .current-menu-item > a, body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-navigation--global-commerce .hdf-primary-menu > .current-menu-ancestor > a { color: #1A1D29; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-action__control { border: 1px solid #DFE3EC !important; background: #FFFFFF !important; border-radius: 8px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-action__control svg, body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-action__icon svg { width: 20px; height: 20px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-action--cart, body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-action--cart .hdc-cart-widget, body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-action--cart .hdf-header-action__control, body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-action--cart .hdf-header-action__control--cart { width: 44px !important; min-width: 44px !important; max-width: 44px !important; flex-basis: 44px !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-action--cart .hdf-header-action__meta { display: none !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-action__badge { min-width: 19px; height: 19px; padding-inline: 4px; background: #EA580C; color: #FFFFFF; font-size: 11px; outline: none; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-search { height: 46px; border-radius: 12px; grid-template-columns: minmax(0, 1fr) 157px 52px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-search::after { border-color: #D9DDE7; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-search__input-wrap { border-radius: 12px 0 0 12px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-search__leading-icon { display: none; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-search__field { font-size: 15px; padding-inline-start: 16px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-search__scope { border-inline-start-color: #D9DDE7; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-search__scope-button { background: #F8F9FC; font-size: 13.5px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-search__submit { width: 52px; min-width: 52px; height: 46px; margin: 0; border-radius: 0 12px 12px 0; background: #EA580C; font-size: 20px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-search__submit:hover, body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-search__submit:focus-visible { background: #B74509; }
}

/* 1.4.98 Header exact, part 1: zero-count badges hidden everywhere on GC
   (renderers output an empty badge at count 0); the rest is desktop only. */
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-action__badge:empty { display: none; }
@media (min-width: 1024px) {
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-main__search-track { width: 100%; padding-inline: 0; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-action__control { border-radius: 8px !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-search__scope-button { font-weight: 600; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-navigation--global-commerce .hdf-header-navigation__inner { grid-template-columns: auto minmax(0, 1fr); }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-navigation--global-commerce .hdf-header-navigation__explore { width: auto; min-width: 0; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-explore--global-commerce .hdf-explore__toggle--desktop { width: auto; min-width: 0; max-width: none; height: 43px; min-height: 43px; justify-content: flex-start; gap: 8px; padding: 0; border-radius: 0; background: transparent !important; color: #1A1D29 !important; font-size: 13.5px; font-weight: 800; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-explore--global-commerce .hdf-explore__toggle--desktop:hover, body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-explore--global-commerce .hdf-explore__toggle--desktop:focus-visible { background: transparent !important; color: #1A1D29 !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-explore--global-commerce .hdf-explore__menu-icon { order: 0; margin-inline-start: 0; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-explore--global-commerce .hdf-explore__label { order: 1; flex: 0 0 auto; font-size: 13.5px; font-weight: 800; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-action--cart:has(.hdc-cart-widget--has-products) { width: max-content !important; min-width: 0 !important; max-width: none !important; flex-basis: auto !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-action--cart .hdc-cart-widget--has-products { width: max-content !important; min-width: 0 !important; max-width: none !important; flex-basis: auto !important; }
  /* 1.4.104: has-products cart floor 101px — this rule's (0,5,1) min-width:0 beat
     Commerce 1.1.417's (0,5,0) 101px floor, so the button stayed 44px and the total
     hung outside it. Align it with the in-button total design.
     1.4.105: the button's own flex (0 1 44px) still floored it at 101px while the
     icon + total need 115px, so the total overflowed 7px centred (justify:center
     spills both sides). flex:0 0 auto lets width:max-content size it to content. */
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdc-cart-widget--has-products > .hdf-header-action__control--cart { width: max-content !important; min-width: 101px !important; max-width: min(260px, 32vw) !important; flex: 0 0 auto !important; border: none !important; background: transparent !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdc-cart-widget--has-products .hdf-header-action__icon { border: 1px solid #DFE3EC; background: #FFFFFF; border-radius: 8px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdc-cart-widget--has-products .hdf-header-action__meta { display: block !important; }
}

/* 1.4.99 Header exact, part 2: hidden-attribute badges stay hidden even
   though the badge base rule sets display:grid (which beats the UA [hidden]
   rule); the rest is desktop only. */
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-action__badge[hidden] { display: none !important; }
@media (min-width: 1024px) {
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-action--cart:has(.hdc-cart-widget--has-products) { flex-shrink: 0 !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdc-cart-widget--has-products .hdf-header-action__icon { width: 44px !important; height: 44px !important; flex: 0 0 44px !important; border: 1px solid #DFE3EC !important; background: #FFFFFF !important; border-radius: 8px !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdc-cart-widget--has-products .hdf-header-action__badge { top: -5px; left: 33px; right: auto; inset-inline-end: auto; }
}

/* 1.4.100 Hero exact (nemzo) + navbar normal bold + cart-total ghost fix.
   - Navbar (owner order): primary links + All Categories toggle/label 800 -> 700; size 13.5 stays.
   - Cart total: the theme's own GC rule hides .hdf-header-action__meta with !important at ALL
     states (desktop block); this has-products override is higher-specificity + !important, so
     the total finally shows beside the 44 icon box. Icon border/bg/color overpowered here too.
   - Hero menu panel (nemzo): 264 wide, radius 12, border #E8EAF3; head 45; list 308 scroll;
     items 37 tall, 14/600 #1A1D29, icon 18, gap 10; on front the panel is 355 tall and sits at
     the hero row edge (left -51 from the nav shell). */
@media (min-width: 1024px) {
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-navigation--global-commerce .hdf-primary-menu > li > a { font-weight: 600; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-explore--global-commerce .hdf-explore__toggle--desktop { font-weight: 700; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-explore--global-commerce .hdf-explore__label { font-weight: 700; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdc-cart-widget--has-products > .hdf-header-action__control--cart .hdf-header-action__meta { position: static !important; width: auto !important; height: auto !important; margin: 0 !important; margin-inline-start: 8px !important; overflow: visible !important; clip: auto !important; clip-path: none !important; white-space: nowrap !important; display: block !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdc-cart-widget--has-products > .hdf-header-action__control--cart .hdf-header-action__icon { border-color: #DFE3EC !important; background: #FFFFFF !important; color: #1A1D29 !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-explore--global-commerce .hdf-explore__desktop-panel { width: 264px; min-width: 264px; max-width: 264px; border-color: #E8EAF3; border-radius: 12px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-explore--global-commerce .hdf-explore__desktop-panel-head { display: flex; align-items: center; height: 45px; padding-left: 14px; font-size: 14.5px; font-weight: 800; color: #1A1D29; border-bottom: 1px solid #E8EAF3; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-explore--global-commerce .hdf-explore__navigation--desktop .hdf-explore-menu { padding: 6px 0; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-explore--global-commerce .hdf-explore__navigation--desktop .hdf-explore-menu > li > a { min-height: 37px; margin: 0; padding: 9px 14px; gap: 10px; font-size: 14px; font-weight: 600; color: #1A1D29; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-explore--global-commerce .hdf-explore__navigation--desktop .hdf-explore-menu .sub-menu a { font-size: 13px; font-weight: 600; color: #1A1D29; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-explore--global-commerce .hdf-explore__navigation--desktop .hdf-menu-link-icon { width: 18px; height: 18px; flex: 0 0 18px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-explore--global-commerce .hdf-explore__navigation--desktop .hdf-menu-link-icon svg { width: 18px; height: 18px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce.hdf-global-commerce-front .site-header--default .hdf-explore--global-commerce .hdf-explore__desktop-panel { top: calc(100% + 14px); inset-inline-start: -51px; height: 355px; max-height: 355px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce.hdf-global-commerce-front .site-header--default .hdf-explore--global-commerce .hdf-explore__navigation--desktop { height: 308px; max-height: 308px; }
}

/* 1.4.100, part 2 — nav icons balanced + flyout submenu nemzo style.
   - Primary nav links: icon 14 -> 16, icon-text gap 0 -> 6 (nemzo: icon 15-16, gap 6).
   - Flyout: width 250 -> 248, padding 6px 0 -> 10px, border #E2E8F0 -> #E8EAF3, radius 8 -> 12.
   - Flyout links: margin 0 5px -> 0, padding 5/22/5/7 -> 5/8, min-height 28 -> 29 (nemzo 29).
   - Flyout title row (walker): 14/800 #1A1D29, 10px gap to the first link. */
@media (min-width: 1024px) {
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-navigation--global-commerce .hdf-primary-menu > li > a { gap: 6px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-navigation--global-commerce .hdf-primary-menu .hdf-menu-link-icon { width: 16px; height: 16px; flex: 0 0 16px; font-size: 16px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-navigation--global-commerce .hdf-primary-menu .hdf-menu-link-icon svg { width: 16px; height: 16px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-explore--global-commerce .hdf-explore__navigation--desktop .hdf-explore-menu > li > .sub-menu, body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-explore--global-commerce .hdf-explore__navigation--desktop .sub-menu > li > .sub-menu { width: min(248px, calc(100vw - 24px)); max-width: 248px; padding: 10px; border-color: #E8EAF3; border-radius: 12px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-explore--global-commerce .hdf-explore__navigation--desktop .hdf-explore-menu .sub-menu a { min-height: 29px; margin: 0; padding: 5px 8px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-explore--global-commerce .hdf-explore__navigation--desktop .hdf-explore-menu .hdf-explore__submenu-title { margin: 0 0 10px; padding: 0; font-size: 14px; font-weight: 800; line-height: 1.35; color: #1A1D29; }
}

/* 1.4.101 — GC hero panel + flat primary submenus.
   - The departments panel now lives in the slider row (nemzo .homemenu-row
     shape), so the nav-row shell is hidden on the GC front desktop. The
     mobile drawer keeps the shell (desktop-only rule), and the sticky portal
     self-neutralizes: a display:none panel measures 0x0, so sticky.js never
     captures a slot and never portals — no portal, no fixed -9999 fallback.
   - Hero-panel rule beats the shell absolute rules (0,6,1 vs 0,5,1).
   - GC primary submenus go flat/modern/compact in the flyout language
     (white, 1px #E8EAF3, radius 12, 10px padding, 13/600 links). The
     raised-edge 3D style stays for every other composition. */
@media (min-width: 1024px) {
  body.hdf-global-commerce-front .hdf-header-navigation__explore { display: none; }
  .hdf-explore--hero-panel { flex: 0 0 264px; min-width: 0; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce.hdf-global-commerce-front .hdf-explore--hero-panel .hdf-explore__desktop-panel { position: static; top: auto; inset-inline-start: auto; width: 100%; min-width: 0; max-width: none; opacity: 1; visibility: visible; pointer-events: auto; transform: none; border-color: #E8EAF3; border-radius: 12px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-primary-menu .sub-menu { outline: 0; border: 1px solid #E8EAF3; border-block-start-color: #E8EAF3; border-inline-start-color: #E8EAF3; border-block-end: 1px solid #E8EAF3; border-inline-end: 1px solid #E8EAF3; border-radius: 12px; padding: 10px; width: max-content; min-width: 220px; max-width: min(340px, calc(100vw - 32px)); }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-primary-menu .sub-menu a { min-height: 37px; margin: 0; padding: 9px 14px; border-bottom: 0; border-radius: 6px; font-size: 13.5px; font-weight: 600; color: #1A1D29; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-primary-menu .sub-menu a:hover, body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-primary-menu .sub-menu a:focus-visible { background: #FFFFFF; color: #EA580C; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-primary-menu .sub-menu .hdf-submenu-title { margin: 0 0 10px; padding: 0 0 0 8px; font-size: 14px; font-weight: 800; line-height: 1.35; color: #1A1D29; white-space: nowrap; }
}
@media (max-width: 1023px) {
  .hdf-explore--hero-panel { display: none; }
}

@media (min-width: 1181px) {
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce.hdf-global-commerce-front .hdf-explore--hero-panel .hdf-explore__desktop-panel { height: 355px; max-height: 355px; }
}
/* 1.4.101 compact-desktop band: GC hero panel stretches to the slide height on
   1024-1180px desktop displays (panel height is auto here, not the 355px cap). */
@media (min-width: 1024px) and (max-width: 1180px) {
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce.hdf-global-commerce-front .hdf-explore--hero-panel { align-self: stretch; }
  body.hdf-global-commerce-front .hdf-header-main__inner { grid-template-columns: minmax(0, auto) minmax(280px, 1fr) auto; column-gap: 12px; }
  /* 1.4.102: single-row desktop header on the band. The 1.4.101 columns rule
     (0,2,1) lost to the base GC rule (0,3,1) AND the <=1140px stacked areas
     ("left actions" / "search search") still applied, so 1024-1140px rendered
     two rows (search below logo+actions). This (0,4,1) rule restores one row:
     areas:none returns the three children to auto-placement (left | search |
     actions) and the search-track bottom padding from the stacked layout is reset. */
  body.hdf-global-commerce-front.hdf-header-composition--global-commerce .site-header--default .hdf-header-main__inner { grid-template-columns: minmax(0, auto) minmax(280px, 1fr) auto; grid-template-areas: none; column-gap: 12px; }
  body.hdf-global-commerce-front.hdf-header-composition--global-commerce .site-header--default .hdf-header-main__search-track { padding: 0; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce.hdf-global-commerce-front .hdf-explore--hero-panel .hdf-explore__desktop-panel { display: flex; flex-direction: column; height: auto; max-height: none; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce.hdf-global-commerce-front .hdf-explore--hero-panel .hdf-explore__navigation--desktop { height: auto; max-height: none; flex: 1 1 auto; min-height: 0; }
}

/* 1.4.103 — GC departments panel containment + header categories dropdown.
   Root cause: the 1.4.101 panel move put the hero panel in the slider row,
   outside .site-header, so every .site-header--default-scoped panel rule
   (head 45, list padding, item 37, flyout 248/pad 10) stopped matching it:
   the head rendered 26 tall with no left padding or border, the list had
   no top/bottom padding and spilled 24px past the panel bottom, and the
   flyout lost its padding so its title touched the left edge. This block
   mirrors those rules for the hero panel AND the header dropdown, scoped
   to the panel itself instead of the header shell. */
body.hdf-header-composition--global-commerce .hdf-header-main__categories-details { position: relative; display: none; }
@media (min-width: 1024px) {
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--hero-panel .hdf-explore__desktop-panel,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--header-dropdown .hdf-explore__desktop-panel { display: flex; flex-direction: column; overflow: hidden; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--hero-panel .hdf-explore__desktop-panel-head,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--header-dropdown .hdf-explore__desktop-panel-head { display: flex; align-items: center; flex: 0 0 auto; height: 45px; min-height: 45px; padding-left: 14px; font-size: 14.5px; font-weight: 800; color: #1A1D29; border-bottom: 1px solid #E8EAF3; box-sizing: border-box; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--hero-panel .hdf-explore__navigation--desktop,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--header-dropdown .hdf-explore__navigation--desktop { flex: 1 1 auto; min-height: 0; height: auto; overflow-y: auto; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--hero-panel .hdf-explore__navigation--desktop .hdf-explore-menu,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--header-dropdown .hdf-explore__navigation--desktop .hdf-explore-menu { padding: 6px 0; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--hero-panel .hdf-explore__navigation--desktop .hdf-explore-menu > li > a,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--header-dropdown .hdf-explore__navigation--desktop .hdf-explore-menu > li > a { min-height: 37px; margin: 0; padding: 9px 14px; gap: 10px; font-size: 14px; font-weight: 600; color: #1A1D29; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--hero-panel .hdf-explore__navigation--desktop .hdf-explore-menu .sub-menu a,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--header-dropdown .hdf-explore__navigation--desktop .hdf-explore-menu .sub-menu a { min-height: 29px; margin: 0; padding: 5px 8px; font-size: 13px; font-weight: 600; color: #1A1D29; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--hero-panel .hdf-explore__navigation--desktop .hdf-menu-link-icon,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--header-dropdown .hdf-explore__navigation--desktop .hdf-menu-link-icon { width: 18px; height: 18px; flex: 0 0 18px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--hero-panel .hdf-explore__navigation--desktop .hdf-explore-menu > li > .sub-menu,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--hero-panel .hdf-explore__navigation--desktop .sub-menu > li > .sub-menu,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--header-dropdown .hdf-explore__navigation--desktop .hdf-explore-menu > li > .sub-menu,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--header-dropdown .hdf-explore__navigation--desktop .sub-menu > li > .sub-menu { width: min(248px, calc(100vw - 24px)); max-width: 248px; padding: 10px; border-color: #E8EAF3; border-radius: 12px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--hero-panel .hdf-explore__navigation--desktop .hdf-explore-menu .hdf-explore__submenu-title,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--header-dropdown .hdf-explore__navigation--desktop .hdf-explore-menu .hdf-explore__submenu-title { margin: 0 0 10px; padding: 0 0 0 8px; font-size: 14px; font-weight: 800; line-height: 1.35; color: #1A1D29; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__left { display: flex; align-items: center; gap: 7px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__branding { min-width: 0; flex: 0 1 auto; overflow: hidden; }
  /* 1.4.108: the header button renders ONLY once the hero menu has hidden
   (header.is-hero-past: front page scrolled past the hero, or any non-hero
   page where the class is server-rendered) — never duplicating the
   hero-side menu while it is displayed. Sticky or not, the trigger is
   hero visibility, not the sticky state. */
  body.hdf-header-composition--global-commerce .site-header.is-hero-past .hdf-header-main__categories-details { display: block; }
  body.hdf-header-composition--global-commerce .hdf-header-main__categories-button { display: inline-flex; width: 40px; min-width: 40px; height: 40px; align-items: center; justify-content: center; border: 1px solid #DFE3EC; border-radius: 8px; background: #FFFFFF; color: #1A1D29; cursor: pointer; list-style: none; }
  body.hdf-header-composition--global-commerce .hdf-header-main__categories-button::-webkit-details-marker { display: none; }
  body.hdf-header-composition--global-commerce .hdf-header-main__categories-button::marker { display: none; }
  body.hdf-header-composition--global-commerce .hdf-header-main__categories-button svg { width: 20px; height: 20px; }
  body.hdf-header-composition--global-commerce .hdf-header-main__categories-button:hover,
  body.hdf-header-composition--global-commerce .hdf-header-main__categories-button:focus-visible { border-color: #F97316; background: #FFFFFF; color: #EA580C; outline: 0; }
  body.hdf-header-composition--global-commerce .hdf-header-main__categories-details .hdf-explore--header-dropdown { display: none; position: absolute; top: calc(100% + 8px); left: 0; width: 264px; z-index: 10070; }
  body.hdf-header-composition--global-commerce .hdf-header-main__categories-details[open] .hdf-explore--header-dropdown { display: block; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore--header-dropdown .hdf-explore__desktop-panel { height: 355px; max-height: 355px; background: #FFFFFF; border: 1px solid #E8EAF3; border-radius: 12px; }
  body.hdf-header-composition--global-commerce .site-header--scroll-upgrade.site-header--sticky.is-scrolled.is-hero-past .hdf-global-commerce-menu-toggle:not(.hdf-blog-canvas-mobile-toggle) { display: none !important; }
}

/* 1.4.106 — store-name above/below lines + footer brand rows. */
.site-brand-below {
    margin: 3px 0 0;
    color: var(--hdf-header-main-text);
    font-family: var(--hdf-font-ui);
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.site-brand-below--name {
    width: 0;
    min-width: 100%;
}

.site-brand-below--full {
    white-space: normal;
}

.footer-branding__copy .site-brand-below {
    display: block;
    color: inherit;
}

.footer-contact {
    margin-top: 16px;
}

.footer-brand__contact-info {
    margin-top: 16px;
}

.footer-brand__contact-info h3 {
    margin: 0;
    font-family: var(--hdf-font-ui);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
}

.footer-brand__contact-info p {
    margin: 4px 0 0;
    font-size: 13px;
    line-height: 1.5;
}

.footer-socials {
    width: 100%;
}

/* 1.4.107 — Header categories hover bridge. The dropdown sits 8px below the
   button (top: calc(100% + 8px)); without a bridge the mouse would leave
   <details> crossing that gap and the panel would close before the mouse
   arrives on the menu. This strip belongs to <details>, so button, bridge
   and panel form one continuous hover region. It only exists while open,
   so it never catches hovers when the menu is closed. */
body.hdf-header-composition--global-commerce .hdf-header-main__categories-details[open]::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 264px;
    height: 8px;
    z-index: 10069;
}

/* 1.4.109 — Cart total inside a visible button box + black action icons on hover (desktop, Global Commerce). */
@media (min-width: 1024px) {
  /* Cart: the has-products control was transparent + borderless, so the total
     rendered as bare text beside the icon box instead of inside one button.
     Restore the visible box on the control itself (icon box removed) so icon
     + total sit in ONE bordered box. Width floor stays 101px (44px empty +
     130%); the box grows with the total (max-content, cap 260px/32vw). */
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdc-cart-widget--has-products > .hdf-header-action__control--cart { border: 1px solid #DFE3EC !important; background: #FFFFFF !important; border-radius: 8px !important; padding-inline-end: 12px !important; box-sizing: border-box !important; height: 44px !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdc-cart-widget--has-products .hdf-header-action__icon { border: none !important; background: transparent !important; }
  /* Hover icons: the desktop !important white control background beats the
     base orange hover background, while the base white hover icon colour
     wins unopposed — white icon on a white button = invisible. Force the
     icon dark (#1A1D29, the site's icon black) on hover/focus so every
     right-side action icon stays visible. */
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-main__actions .hdf-header-action__control:hover .hdf-header-action__icon,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-main__actions .hdf-header-action__control:focus-visible .hdf-header-action__icon { color: #1A1D29 !important; }
}

/* 1.4.110 — Header dropdown dead-zone fix + support buttons + social row + company pages. */
@media (min-width: 1024px) {
  /* Header dropdown panel: the front-page rule gives the panel
     top: calc(100% + 14px) and left: -51px, but the panel's containing block
     (the dropdown wrapper) is 0 tall because the panel itself is absolute —
     so the panel starts 14px below the bridge and the mouse crosses a dead
     strip (header inner, not the menu) and the menu closes instantly before
     arrival. Pin the dropdown panel to the wrapper's top edge and left edge
     (directly under the button, nemzo-style): button -> bridge -> panel is
     one continuous hover region, and the submenu flyout overlap is untouched. */
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-main__categories-details .hdf-explore--header-dropdown .hdf-explore__desktop-panel { top: 100%; inset-inline-start: 0; }
}
/* Support band buttons (suntech-style): phone + email actions under the
   message column, white-outline pills on the orange band. */
.footer-support-newsletter__actions { display: flex; flex-wrap: wrap; gap: 10px; grid-column: 1; margin-top: 2px; }
.footer-support-newsletter__action { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border: 1px solid color-mix(in srgb, var(--hdf-color-on-primary) 65%, transparent); border-radius: 999px; color: var(--hdf-color-on-primary); font-family: var(--hdf-font-ui); font-size: 14px; font-weight: 600; line-height: 1.3; text-decoration: none; }
.footer-support-newsletter__action svg { width: 18px; height: 18px; }
.footer-support-newsletter__action:hover, .footer-support-newsletter__action:focus-visible { background: var(--hdf-color-on-primary); color: var(--hdf-color-primary); text-decoration: none; }
.footer-newsletter__title { margin: 0 0 10px; color: var(--hdf-color-on-primary); font-family: var(--hdf-font-ui); font-size: 15px; font-weight: 700; line-height: 1.35; }
/* Social row under the footer address: heading on the left, icons row after it. */
.footer-brand__social-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 14px; }
.footer-brand__social-heading { color: var(--hdf-footer-heading, var(--hdf-color-text)); font-family: var(--hdf-font-ui); font-size: 14px; font-weight: 700; line-height: 1.35; }
.footer-brand__social-row .footer-socials { width: auto; margin-top: 0; }
/* Commerce company pages (GC-styled single template). */
/* 1.4.156 — Company pages card spans the homepage container width.
   The 860px cap made the 8 More-submenu pages (Support, About Us,
   Contact Us, Refund Policy, Track Order, FAQs, Privacy Policy,
   Terms) narrower than every homepage section; the card now uses the
   --hdf-container token (1300px, :root in foundation/base.css) so it
   stays in sync with the homepage sections if the token ever
   changes. The per-page content_width meta mechanism cannot apply
   here (virtual post ID 0) and the CompanyPages module has no width
   setting, so the token — not a setting — is the single width
   source. The card H1 is ~40px #4C4C4C (codebeautify.org reference
   H1 ~40px bold #4C4C4C), up from 34px #1A1D29. No orange tint, no
   shadow; no content/text/URL change; homepage untouched. */
.hdc-company-page { padding-block: 10px 48px; }
.hdc-company-page__card { max-width: var(--hdf-container); margin-inline: auto; padding: 0 30px 30px; border: 1px solid #E5E7EB; border-radius: 16px; background: #FFFFFF; }

/* 1.4.174 — Company-page hero frame: the white out border + 30px white
   padding around the orange hero (user order 2026-11-11 23:43 PKT),
   matching the Refund Policy card's white-outside-padding treatment (user
   corrections 2026-11-12 00:08/00:11 PKT). The frame sits 10px below the
   header (margin-top: 10px — the ONLY gap; main padding-block-start stays
   0, the 48px --hdf-section-spacing fallback must NOT engage). The top
   30px IS the breadcrumb band (the breadcrumb renders INSIDE the frame as
   a REAL full trail — Home > Current Page — per the 00:08 correction);
   the hero top is 10px + 1px border + 30px band = 41px below the header.
   The card-side 10px margin is Commerce's job in 1.1.582 (NOT added to
   .hdc-company-page__card here). */
.hdf-hero-frame { margin-top: 10px; background: #FFFFFF; border: 1px solid #E5E7EB; border-radius: 8px; box-shadow: none; padding: 0 30px 30px; }
.hdf-hero-frame__breadcrumb { display: flex; align-items: center; height: 30px; }
.hdf-hero-frame .hdf-breadcrumbs__inner { width: 100%; max-width: none; padding-block: 0; }
@media (max-width: 640px) { .hdf-hero-frame { padding: 0 14px 14px; } }
.hdc-company-page__card h1 { margin: 0 0 12px; color: #4C4C4C; font-size: clamp(26px, 3vw, 40px); font-weight: 800; line-height: 1.2; }
.hdc-company-page__card h2 { margin: 28px 0 10px; color: #1A1D29; font-size: 20px; font-weight: 700; line-height: 1.3; }
.hdc-company-page__card p, .hdc-company-page__card li { color: #1A1D29; font-size: 15.5px; line-height: 1.65; }
.hdc-company-page__card ul { margin: 8px 0 0 20px; }
.hdc-company-page__card a { color: #EA580C; }
.hdc-company-page__links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; padding-top: 20px; border-top: 1px solid #E8EAF3; }
.hdc-company-page__links a { display: inline-flex; align-items: center; padding: 10px 16px; border: 1px solid #DFE3EC; border-radius: 10px; background: #FFFFFF; color: #1A1D29 !important; font-size: 14px; font-weight: 600; text-decoration: none; }
.hdc-company-page__links a:hover, .hdc-company-page__links a:focus-visible { border-color: #EA580C; background: #EA580C; color: #FFFFFF !important; }

/* 1.4.110 — support actions sit 18px under the message row, not a full grid gap below. */
.footer-support-newsletter__inner { row-gap: 18px; }

/* 1.4.111 — GC desktop header content flush with the frame edge. The three
   header rows carry 36px settings-driven side padding, so their content sat
   36px inside the 1270px frame while the hero and sections span the full
   frame — the header looked narrower than the page. At viewports where the
   frame is capped at 1270px (1280 and up) the padding is removed, so header
   content, hero and sections all start and end on the same edges. Below
   1280 the padding rules are untouched (tablet/mobile keep their gutters).
   No !important: this selector outranks the base padding rule on
   specificity alone, and the padding settings stay live for other templates
   and breakpoints. */
@media (min-width: 1280px) {
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-topbar__inner, body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-main__inner, body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-navigation__inner { padding-inline: 0; }
}


/* 1.4.112 — Nemzo tablet/mobile responsive (Global Commerce only, <=1024px).
   Study: audit/responsive-study-20261028.md. Rules are appended last so they win
   same-specificity ties; body-prefixed selectors beat the older GC bands where
   a value must change. Desktop >=1025px is untouched by this block. */

/* Tab bar hidden by default; the <=1024px block below shows it. */
body.hdf-template--furniture-store .hdf-app-bar { display: none; }

/* --- Shared tablet + mobile (<=1024px) --- */
@media (max-width: 1024px) {
  /* Topbar visible again (beats the <=1023 band's display:none!important). */
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-topbar { display: block !important; }
  /* Scroll still hides the topbar, like nemzo (twin of the >=1024 rule). */
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default.is-topbar-hidden .hdf-header-topbar { display: none !important; }
  /* Welcome text hidden at responsive widths; shortcut links stay. */
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-global-topbar__welcome { display: none !important; }
  /* Hero side panel hidden (beats the <=1023 band's display:block on the
     explore wrapper: (0,2,1) over (0,2,0)). Slide takes the full row. */
  body.hdf-global-commerce-front .hdf-explore--hero-panel { display: none !important; }
  /* Slider gutters 20px, nemzo pattern (beats Commerce's padding-inline:0). */
  body.hdf-global-commerce-front .hdc-home-commerce-slider__inner { padding-inline: 20px; }
  /* Bottom tab bar + clearance so footer content is never covered. */
  body.hdf-template--furniture-store { padding-bottom: 65px; }
  body.hdf-template--furniture-store .hdf-app-bar { display: flex; position: fixed; z-index: 800; right: 0; bottom: 0; left: 0; height: 65px; align-items: stretch; border-top: 1px solid #E8EAF3; background: #FFFFFF; }
  body.hdf-template--furniture-store .hdf-app-bar__item { display: flex; flex: 1 1 0; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-width: 0; color: #6B7280; text-decoration: none; }
  body.hdf-template--furniture-store .hdf-app-bar__item--active { color: #EA580C; }
  body.hdf-template--furniture-store .hdf-app-bar__icon { position: relative; display: grid; width: 24px; height: 24px; place-items: center; }
  body.hdf-template--furniture-store .hdf-app-bar__icon svg { width: 24px; height: 24px; }
  body.hdf-template--furniture-store .hdf-app-bar__badge { position: absolute; top: -6px; inset-inline-end: -10px; display: grid; min-width: 17px; height: 17px; place-items: center; padding-inline: 3px; border-radius: 999px; background: #EA580C; color: #FFFFFF; font-size: 10px; font-weight: 700; line-height: 1; }
  body.hdf-template--furniture-store .hdf-app-bar__label { font-size: 11px; font-weight: 600; line-height: 1; white-space: nowrap; }
  /* Floating buttons sit above the tab bar, nemzo pattern. */
  body.hdf-template--furniture-store .footer-back-to-top { bottom: 79px; }
  body.hdf-template--furniture-store .hdc-whatsapp-floating { bottom: 87px; }
  body.hdf-template--furniture-store .hdc-consent--bottom { bottom: 65px; }
}

/* --- Tablet 768–1024px: one-row header, nav row, full-width slide --- */
@media (min-width: 768px) and (max-width: 1024px) {
  /* Main row 75px, nemzo pattern. Explicit columns + child placement reset fix
     the 1024 grid defect (children carried grid-area names while the container
     set areas:none, collapsing every child into one column). */
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-main { min-height: 75px; padding: 0; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-main__inner { min-height: 75px; grid-template-columns: minmax(0, auto) minmax(280px, 1fr) auto; grid-template-areas: none; column-gap: 12px; row-gap: 0; padding-inline: 20px; align-items: center; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-main__left { grid-area: auto; width: auto; min-width: 0; overflow: hidden; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-main__search-track { grid-area: auto; width: 100%; padding: 0; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-main__actions { grid-area: auto; display: flex; width: max-content; align-items: center; justify-content: flex-end; gap: 8px; }
  /* Burger hidden at tablet: the nav row below carries navigation. */
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-global-commerce-mobile-toggle { display: none !important; }
  /* Action boxes 44px bordered, nemzo pattern (override the 32px compact rule). */
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions > *,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdf-header-action,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-notification-widget,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-account-widget,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-selection-widget,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-collections-widget,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-cart-widget { width: 44px !important; min-width: 44px !important; max-width: 44px !important; height: 44px !important; min-height: 44px !important; flex: 0 0 44px !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdf-header-action__control { width: 44px !important; min-width: 44px !important; max-width: 44px !important; height: 44px !important; min-height: 44px !important; border: 1px solid #DFE3EC !important; border-radius: 8px !important; background: #FFFFFF !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdf-header-action__icon svg,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdf-header-action__icon .hdc-icon { width: 20px !important; height: 20px !important; min-width: 20px !important; min-height: 20px !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdf-header-action__badge { min-width: 19px; height: 19px; font-size: 11px; line-height: 19px; }
  /* Branding: 40px favicon, nemzo tablet logo height. */
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-branding--favicon-name .site-favicon img,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-branding--favicon-name .site-brand-mark { width: 40px; height: 40px; border-radius: 8px; }
  /* Search 46px, radius 12 (not the mobile pill). */
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-search { min-height: 46px; grid-template-columns: minmax(0, 1fr) 52px; border-radius: 12px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-search__input-wrap { border-radius: 12px 0 0 12px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-search__submit { width: 52px; min-width: 52px; height: 46px; border-radius: 0 12px 12px 0; }
  /* Topbar gutters 20px. */
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-topbar__inner { padding-inline: 20px; }
  /* Navigation row (drawer reset to a scrollable row, primary links only). */
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-navigation--global-commerce { position: static !important; inset: auto !important; transform: none !important; visibility: visible !important; pointer-events: auto !important; width: 100% !important; max-width: none !important; height: auto !important; min-height: 43px !important; border: 0 !important; border-bottom: 1px solid #E5E7EB !important; border-radius: 0 !important; background: #FFFFFF !important; overflow: visible !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-header-navigation__inner { display: flex !important; flex-direction: row !important; align-items: center !important; height: 43px !important; min-height: 43px !important; gap: 0 !important; padding-inline: 20px !important; overflow-x: auto !important; overflow-y: hidden !important; scrollbar-width: none !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-header-navigation__inner::-webkit-scrollbar { display: none; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-global-commerce-nav-drawer__header,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-global-commerce-nav-section--categories,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-global-commerce-nav-section__title,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-global-commerce-nav-backdrop { display: none !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-global-commerce-nav-drawer__body,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-global-commerce-nav-section--front,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-global-commerce-nav-section--front .hdf-primary-navigation { display: contents !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu { display: flex !important; flex-wrap: nowrap !important; gap: 4px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu > li { flex: 0 0 auto !important; border-bottom: 0 !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu > li > a { display: flex !important; min-height: 43px !important; align-items: center !important; padding: 0 12px !important; white-space: nowrap !important; font-size: 13.5px !important; font-weight: 600 !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu .sub-menu,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu .hdf-submenu-toggle { display: none !important; }
  /* Cart with products: expanded box with the total inside (fixes the 1024
     centred-overflow + invisible price). */
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-action--cart:has(.hdc-cart-widget--has-products),
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-action--cart .hdc-cart-widget--has-products { width: max-content !important; min-width: 0 !important; max-width: none !important; flex-basis: auto !important; flex-shrink: 0 !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdc-cart-widget--has-products > .hdf-header-action__control--cart { width: max-content !important; min-width: 101px !important; max-width: min(260px, 32vw) !important; flex: 0 0 auto !important; height: 44px !important; border: 1px solid #DFE3EC !important; border-radius: 8px !important; background: #FFFFFF !important; padding-inline-end: 12px !important; box-sizing: border-box !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdc-cart-widget--has-products > .hdf-header-action__control--cart .hdf-header-action__icon { border: none !important; background: transparent !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdc-cart-widget--has-products > .hdf-header-action__control--cart .hdf-header-action__meta { position: static !important; width: auto !important; height: auto !important; margin: 0 !important; margin-inline-start: 8px !important; overflow: visible !important; clip: auto !important; clip-path: none !important; white-space: nowrap !important; display: block !important; }
}

/* --- Mobile <=767px: nemzo 121px stacked header --- */
@media (max-width: 767px) {
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-main { padding: 15px 0 11px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-main__inner { row-gap: 13px; padding-inline: 14px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-main__search-track { padding-bottom: 0; }
  /* Burger first, 36px, nemzo pattern. */
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-global-commerce-mobile-toggle { order: -1; width: 36px !important; min-width: 36px !important; height: 36px !important; min-height: 36px !important; flex: 0 0 36px !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-global-commerce-mobile-toggle svg { width: 20px; height: 20px; }
  /* Branding: 32px favicon, nemzo mobile logo height. */
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-branding--favicon-name .site-favicon img,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-branding--favicon-name .site-brand-mark { width: 32px; height: 32px; border-radius: 7px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-title { font-size: 16px; }
  /* Only three actions on mobile (nemzo pattern); wishlist + compare live in
     the tab bar (wishlist) and on desktop (compare). */
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-action--favorites,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-action--compare { display: none !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions > *,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdf-header-action,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-notification-widget,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-account-widget,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-cart-widget { width: 34px !important; min-width: 34px !important; max-width: 34px !important; height: 34px !important; min-height: 34px !important; flex: 0 0 34px !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdf-header-action__control { width: 34px !important; min-width: 34px !important; max-width: 34px !important; height: 34px !important; min-height: 34px !important; border: 1px solid #DFE3EC !important; border-radius: 8px !important; background: #FFFFFF !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdf-header-action__icon svg,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdf-header-action__icon .hdc-icon { width: 20px !important; height: 20px !important; min-width: 20px !important; min-height: 20px !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdf-header-action__badge { min-width: 16px; height: 16px; font-size: 9px; line-height: 16px; }
  /* Search 46px, radius 12 (not the mobile pill). */
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-search { min-height: 46px; grid-template-columns: minmax(0, 1fr) 52px; border-radius: 12px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-search__input-wrap { border-radius: 12px 0 0 12px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-search__submit { width: 52px; min-width: 52px; height: 46px; border-radius: 0 12px 12px 0; }
  /* Topbar gutters 14px, links scroll instead of wrapping. */
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-topbar__inner { padding-inline: 14px; overflow-x: auto; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-global-topbar__links { flex-wrap: nowrap; }
}

/* 1.4.113 — responsive corrections (verify-1412 findings, 2026-10-28). */
@media (max-width: 1024px) {
  /* Slider gutter 20px at exactly 1024: beats Commerce's 1024–1180 rule (0,3,0) with (0,3,1). */
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__inner { padding-inline: 20px; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  /* Nav row gutters: full-width inner so links start at x20 like nemzo. */
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-header-navigation__inner { width: 100%; }
}
@media (max-width: 767px) {
  /* Mobile action tracks 34px (matches the 1.4.112 item size; the compact 26px tracks overlapped the 34px buttons). */
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-main__actions { grid-auto-columns: 34px; }
}
@media (max-width: 1140px) {
  /* Cart price amount: undo the <=1140 display:none that collapsed the meta (and the cart box) at 768–1140. Mobile unaffected: the meta itself stays hidden there. */
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-action--cart .woocommerce-Price-amount { display: inline !important; }
}

/* 1.4.114 — owner order 2026-10-28 18:15 PKT (mobile hero app-style, header
   actions, drawer, header widgets) + cart outer-wrapper fix (1.4.112/1.4.113
   open item). Appended at end of core.css + core.min.css (twins identical). */

/* Cart outer wrapper, tablet + desktop: max-content never sizes this flex
   item (proven by live injection on 1.4.113: inline width max-content and
   flex-basis max-content both still resolve to 44px while the widget inside
   measures 101px). display:contents hands sizing to the widget, which already
   sizes exactly to its button and grows with the total; the widget keeps the
   wrapper's stacking so panel anchoring is unchanged. Empty carts are
   untouched (the :has(.hdc-cart-widget--has-products) gate). */
@media (min-width: 768px) {
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-action--cart:has(.hdc-cart-widget--has-products) { display: contents !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-action--cart .hdc-cart-widget--has-products { position: relative; z-index: 2147482500; }
}

/* Header widget panels narrower, desktop + tablet: 320 -> 288. Panel width
   is a per-module saved setting rendered as an inline custom property on the
   widget, so the theme sets the property with !important (an !important
   author declaration beats a normal inline style); the explicit panel width
   below is belt-and-braces for the same value. */
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-notification-widget,
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-account-widget,
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-selection-widget,
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-collections-widget,
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-cart-widget,
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-header-dropdown,
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-account-widget__panel,
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-selection-widget__panel,
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-collections-widget__panel,
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-cart-widget__panel,
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-notification-widget__panel { --hdc-header-widget-panel-width: 288px !important; }
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-header-dropdown,
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-account-widget__panel,
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-selection-widget__panel,
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-collections-widget__panel,
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-cart-widget__panel,
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-notification-widget__panel { width: 288px !important; max-width: 288px !important; }

@media (max-width: 767px) {
  /* All five header actions on mobile: undo the 1.4.112 hide (identical
     selectors, later position wins) — wishlist + compare back in the header. */
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-action--favorites,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-action--compare { display: flex !important; }

  /* Off-canvas drawer narrower (360 -> 300) + bigger title and menu text. */
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce { width: min(300px, calc(100vw - 56px)) !important; max-width: 300px !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-navigation--scroll-drawer-capable.is-scroll-drawer { width: min(300px, calc(100vw - 56px)) !important; max-width: 300px !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-global-commerce-nav-drawer__title { font-size: 18px !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-explore--global-commerce .hdf-explore__navigation--desktop .hdf-explore-menu > li > a { font-size: 15px !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu > li > a { font-size: 15px !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu .sub-menu a { font-size: 14px !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-global-commerce-nav-section__title { font-size: 12px !important; }

  /* Header widget panels narrower on mobile: 286 -> 264 (beats Commerce's
     <=782 286px and <=360 276px rules on specificity). */
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-header-dropdown,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-account-widget__panel,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-selection-widget__panel,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-collections-widget__panel,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-cart-widget__panel,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-notification-widget__panel { width: min(264px, calc(100vw - 24px)) !important; max-width: min(264px, calc(100vw - 24px)) !important; }

  /* Mobile hero, app-style: full viewport width (no 20px gutters), stacked
     copy over a horizontal product card — no more squeezed 128px frame,
     8px button text or truncated trust lines. Tablet/desktop untouched. */
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__inner { padding-inline: 0 !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__slide { width: 100% !important; border-radius: 0 !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-hero { grid-template-columns: minmax(0, 1fr) !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-copy { width: 100% !important; padding: 22px 20px 8px !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__description { display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__proofs { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; padding-top: 8px !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__proof strong { font-size: 12px !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__proof small { font-size: 11px !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__button { min-height: 42px !important; padding: 11px 22px !important; font-size: 15px !important; white-space: nowrap !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-media { width: calc(100% - 40px) !important; height: auto !important; justify-self: center; margin: 0 0 20px !important; padding: 14px !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-media::before { display: none !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-media-link { display: grid !important; grid-template-columns: 110px minmax(0, 1fr) !important; gap: 12px !important; align-items: center !important; width: 100% !important; height: auto !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-image { grid-column: 1 !important; grid-row: 1 / span 2 !important; width: 110px !important; height: 110px !important; max-width: none !important; max-height: none !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-frame-name { grid-column: 2 !important; grid-row: 1 !important; align-self: end !important; margin-top: 0 !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-frame-category { grid-column: 2 !important; grid-row: 2 !important; align-self: start !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-frame-off { top: 10px !important; right: 10px !important; }
}

/* 1.4.115 — big mobile/tablet homepage order (owner 2026-10-28 20:48).
   Desktop view is closed by the owner; every redesign rule below is scoped
   to the compact band (<=1023) except the cart geometry fixes, which carry
   their own bands. Nemzo header-widget style replaces the 1.4.114 narrowing. */
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-cart-widget,
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-header-dropdown,
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-account-widget__panel,
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-selection-widget__panel,
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-collections-widget__panel,
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-cart-widget__panel,
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-notification-widget__panel { --hdc-header-widget-panel-width: 324px !important; }
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-header-dropdown,
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-account-widget__panel,
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-selection-widget__panel,
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-collections-widget__panel,
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-cart-widget__panel,
body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-notification-widget__panel { width: 324px !important; max-width: 324px !important; }

/* Nav row 2px below the header main, all widths where the row renders. */
@media (min-width: 768px) {
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce:not(.is-body-portal) { margin-top: 2px !important; }
}

/* Cart with products: tablet band — the widget must size to its button
   (1.4.112 forced 34px on the widget while the button is 101px). */
@media (min-width: 768px) and (max-width: 1024px) {
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions.hdc-cart-widget--has-products { width: auto !important; min-width: 101px !important; max-width: min(260px, 32vw) !important; flex: 0 0 auto !important; }
}

/* Cart with products: 1024-1180 band — re-assert content sizing and give the
   price meta breathing room at the right edge (border is in code; the
   squeeze hid it). */
@media (min-width: 1024px) and (max-width: 1180px) {
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-action__control--cart { width: max-content !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-action--cart .hdf-header-action__meta { padding-inline-end: 8px !important; }
}

@media (max-width: 767px) {
  /* Header widget panels, nemzo mobile width (reverses the 1.4.114 264). */
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-header-dropdown,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-account-widget__panel,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-selection-widget__panel,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-collections-widget__panel,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-cart-widget__panel,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-main__actions .hdc-notification-widget__panel { width: min(332px, calc(100vw - 20px)) !important; max-width: min(332px, calc(100vw - 20px)) !important; }

  /* Drawer sub-menu links: the 1.4.114 rule targeted .hdf-primary-menu, but
     drawer sub-menus live under .hdf-explore-menu. */
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-explore-menu .sub-menu a { font-size: 14px !important; }

  /* Mobile hero, one row horizontal, desktop-style: copy left, product frame
     right as a vertical card. Replaces the 1.4.114 stacked hero. */
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__inner { padding-inline: 12px !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-hero { grid-template-columns: minmax(0, 1fr) 130px !important; gap: 12px !important; align-items: center !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-copy { width: auto !important; padding: 20px 0 20px 16px !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-copy h1 { font-size: 22px !important; line-height: 1.25 !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-hero-price-current { font-size: 22px !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-hero-price-regular { font-size: 13px !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-copy .hdc-home-commerce-slider__description { font-size: 12.5px !important; -webkit-line-clamp: 2 !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-media { width: 100% !important; height: auto !important; margin: 0 !important; padding: 8px !important; align-self: center !important; justify-self: auto !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-media-link { grid-template-columns: minmax(0, 1fr) !important; gap: 8px !important; align-items: start !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-image { grid-column: 1 !important; grid-row: auto !important; width: 100% !important; height: 110px !important; max-width: none !important; max-height: none !important; object-fit: contain !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-frame-name { grid-column: 1 !important; grid-row: auto !important; align-self: auto !important; margin-top: 8px !important; font-size: 13px !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-frame-category { grid-column: 1 !important; grid-row: auto !important; align-self: auto !important; font-size: 11px !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-frame-off { top: 8px !important; right: 8px !important; }
}

/* Footer + support band, suntech geometry on demo's own orange band.
   Desktop band stays always-open (owner closed desktop); the toggle keeps
   working only at <=1140 as before. */
body.hdf-footer-composition--furniture-showroom:not(.hdf-global-commerce-view--dark) { --hdf-footer-background: #F3F4F6; }
body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__inner { grid-template-columns: 1fr !important; row-gap: 16px !important; padding-block: 20px 24px !important; }
body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__message { grid-row: 1 !important; }
body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__actions { grid-row: 2 !important; grid-column: 1 !important; flex-wrap: nowrap !important; gap: 12px !important; margin-top: 0 !important; }
body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__action { flex: 1 1 0 !important; justify-content: center !important; height: 44px !important; padding: 0 16px !important; }
body.hdf-footer-composition--furniture-showroom .footer-newsletter__form input[type="email"] { height: 38px !important; }
body.hdf-footer-composition--furniture-showroom .footer-newsletter__form button { height: 38px !important; }
@media (max-width: 1140px) {
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter { padding: 9px 12px !important; }
  body.hdf-footer-composition--furniture-showroom .footer-main { padding-block: 20px 16px !important; }
}
@media (min-width: 1141px) {
  body.hdf-footer-composition--furniture-showroom .footer-main__inner { grid-template-columns: 1fr !important; gap: 32px !important; }
  body.hdf-footer-composition--furniture-showroom .footer-main { padding-block: 28px 24px !important; }
}
body.hdf-footer-composition--furniture-showroom .footer-bottom__copyright { line-height: 1.5 !important; }
@media (max-width: 1024px) {
  body.hdf-footer-composition--furniture-showroom .footer-back-to-top { --hdf-footer-mobile-back-to-top-size: 40px !important; }
  body.hdf-footer-composition--furniture-showroom .hdc-whatsapp-floating { --hdc-whatsapp-floating-size: 40px !important; bottom: 79px !important; }
}

/* 1.4.116 — Cart button containment @768-1180 (1.4.115 verify follow-up).
   Root cause, traced live: the has-products icon is pinned to 34px @1024/1100
   (30px @768) by min-width+max-width rules, while the button sits on its
   101px min-width floor; the laid-out flow (icon 44 + gap 8 + total + 12px
   right padding) is wider than the box, so with justify-content:center the
   icon pokes past the left border and the total sits flush on the right
   edge. Desktop @1366/@1440 already measures perfect (129px box, 44px icon
   inside, total 13px inside) and is NOT touched — this band is <=1180 only.
   Fix: unpin the icon to the intended 44px box and give button + widget an
   explicit 175px floor (covers totals up to 7 digits; larger totals grow via
   max-content up to the 260px/32vw cap). Empty-cart state is untouched: all
   rules are scoped to --has-products. */
@media (min-width: 768px) and (max-width: 1180px) {
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdc-cart-widget--has-products .hdf-header-action__icon { width: 44px !important; min-width: 44px !important; max-width: 44px !important; flex: 0 0 44px !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-action--cart .hdc-cart-widget--has-products { width: max-content !important; min-width: 175px !important; max-width: min(260px, 32vw) !important; flex: 0 0 auto !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdc-cart-widget--has-products > .hdf-header-action__control--cart { min-width: 175px !important; max-width: min(260px, 32vw) !important; }
}

/* 1.4.118 — Mobile order 2026-10-28 23:23 PKT. Hero mobile: price stays;
   proofs + button + frame name/cat hidden; frame img radius + border;
   arrows pinned to the top-right corner. Flash mobile: inner side padding
   24 -> 12 (cards ~155 -> ~167). Cards mobile: media-actions become the
   desktop-style vertical right column, quick view icon-only. Trust mobile:
   4 separate same-colour (white) cards in front, rest swipe (owner said 3
   then 4 — latest 4 wins). Brands mobile: 4 cards in front. Shops
   tablet/mobile (<=1024): 1-row heading, open-shop + subtitle removed,
   view-all smaller still (11px vs title 18px). Need Help open (<=520):
   subscribe form back to one row (reverses the <=520 stack). Footer
   mobile: brand grid — favicon+name left, have-question icon+number right,
   then contact-info/address, description moved above the social row so the
   dropdown buttons sit 15px below the social buttons; social heading
   hidden on mobile (it cannot share one row with 5 buttons). Added icon:
   all devices, check glyph before "Added" on the card cart button.
   1.4.117 (desktop collapsible band, tree n6f48) is NOT folded in here. */
@media (max-width: 767px) {
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__proofs { display: none !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__actions { display: none !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-frame-name { display: none !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-frame-category { display: none !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-image { border-radius: 10px !important; border: 1px solid #E8EAF3 !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__arrows { top: 10px !important; right: 12px !important; }
  body.hdf-template--furniture-store .hdc-home-flash-deals__inner { padding-inline: 12px !important; }
  body.hdf-template--furniture-store .hdc-product-card__media-actions { position: absolute !important; inset-inline-start: auto !important; inset-inline-end: 6px !important; inset-block-start: 8px !important; inset-block-end: auto !important; transform: none !important; display: flex !important; flex-direction: column !important; width: 36px !important; max-width: 36px !important; gap: 8px !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }
  body.hdf-template--furniture-store .hdc-product-card__quick-action, body.hdf-template--furniture-store .hdc-product-card__round-actions { flex-direction: column !important; gap: 8px !important; }
  body.hdf-template--furniture-store .hdc-product-card__quick-action .hdc-product-card__quick-view { width: 36px !important; min-width: 36px !important; height: 36px !important; min-height: 36px !important; padding: 0 !important; border-radius: 999px !important; gap: 0 !important; }
  body.hdf-template--furniture-store .hdc-product-card__quick-view > span:not(.hdc-icon) { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; }
  body.hdf-template--furniture-store .hdc-home-support-strip--composition-furniture-service .hdc-home-support-strip__grid { gap: 8px !important; align-items: stretch !important; }
  body.hdf-template--furniture-store .hdc-home-support-strip--composition-furniture-service .hdc-home-support-strip__item { flex: 0 0 calc((100% - 24px) / 4) !important; max-width: calc((100% - 24px) / 4) !important; min-width: calc((100% - 24px) / 4) !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; gap: 0 !important; padding: 10px 6px !important; background: #FFFFFF !important; border: 1px solid #E8EAF3 !important; border-radius: 12px !important; text-align: center !important; }
  body.hdf-template--furniture-store .hdc-home-support-strip--composition-furniture-service .hdc-home-support-strip__item::after { display: none !important; }
  body.hdf-template--furniture-store .hdc-home-support-strip--composition-furniture-service .hdc-home-support-strip__icon { width: 20px !important; height: 20px !important; flex-basis: 20px !important; }
  body.hdf-template--furniture-store .hdc-home-support-strip--composition-furniture-service .hdc-home-support-strip__copy { margin-top: 8px !important; }
  body.hdf-template--furniture-store .hdc-home-support-strip--composition-furniture-service .hdc-home-support-strip__copy strong { font-size: 11px !important; line-height: 1.25 !important; white-space: normal !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }
  body.hdf-template--furniture-store .hdc-home-support-strip--composition-furniture-service .hdc-home-support-strip__copy small { font-size: 10px !important; line-height: 1.25 !important; white-space: normal !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }
  body.hdf-template--furniture-store .hdc-trusted-brands--global-commerce-brands .hdc-trusted-brands__track { gap: 8px !important; grid-auto-columns: calc((100% - 24px) / 4) !important; }
  body.hdf-footer-composition--furniture-showroom .footer-brand { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 12px !important; }
  body.hdf-footer-composition--furniture-showroom .footer-brand > * { margin: 0 !important; }
  body.hdf-footer-composition--furniture-showroom .footer-brand__top-row { grid-column: 1 !important; grid-row: 1 !important; align-self: center !important; }
  body.hdf-footer-composition--furniture-showroom .footer-contact { grid-column: 2 !important; grid-row: 1 !important; align-self: center !important; }
  body.hdf-footer-composition--furniture-showroom .footer-brand__contact-info { grid-column: 1 / -1 !important; grid-row: 3 !important; }
  body.hdf-footer-composition--furniture-showroom .footer-brand__mobile-heading { grid-column: 1 / -1 !important; grid-row: 2 !important; }
  body.hdf-footer-composition--furniture-showroom .footer-brand__social-row { grid-column: 1 / -1 !important; grid-row: 5 !important; }
  body.hdf-footer-composition--furniture-showroom .footer-brand__social-heading { display: none !important; }
  body.hdf-footer-composition--furniture-showroom .footer-main__inner { gap: 15px !important; }
  body.hdf-footer-composition--furniture-showroom .footer-menu-columns { margin-top: 0 !important; }
}
@media (max-width: 1024px) {
  body.hdf-template--furniture-store .hdc-home-shops__header { display: flex !important; justify-content: space-between !important; align-items: center !important; flex-wrap: nowrap !important; gap: 12px !important; }
  body.hdf-template--furniture-store .hdc-home-shops__heading { min-width: 0 !important; flex: 0 1 auto !important; }
  body.hdf-template--furniture-store .hdc-home-shops__title { font-size: 18px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
  body.hdf-template--furniture-store .hdc-home-shops__subtitle, body.hdf-template--furniture-store .hdc-home-shops__open-shop { display: none !important; }
  body.hdf-template--furniture-store .hdc-home-shops__links { flex: 0 0 auto !important; }
  body.hdf-template--furniture-store .hdc-home-shops__view-all { font-size: 11px !important; white-space: nowrap !important; }
}
@media (max-width: 520px) {
  body.hdf-footer-composition--furniture-showroom .footer-newsletter__form { grid-template-columns: auto minmax(0, 1fr) auto !important; }
  body.hdf-footer-composition--furniture-showroom .footer-newsletter__form button { grid-column: auto !important; width: auto !important; border-top: 0 !important; }
}

/* 1.4.119 — Hero mobile height fix (order 2026-10-28 23:23 PKT, follow-up to
   1.4.118). Root cause, CDP-proven: the furniture-editorial composition rule
   at (max-width: 1180px) forces inner/slide/stage min-height to the DESKTOP
   slider height var (--hdc-home-slider-height = 344px), defeating the
   module's own mobile height var (224px) at every mobile width — so the
   mobile hero stayed 344px tall after its content was hidden, with ~180px
   of empty band. Slides are position:absolute, so the stage (not the slide)
   carries the section height; the hero grid item itself also carries the
   344px min-height, so all four elements must move together or the hero
   overflows the slide (proven by injection: stage-only fix left hero at
   344px overflowing a 224px slide). Fix: at <=767px the four elements use
   the module's own mobile height var. No height/grid-template-rows change:
   height:auto on the absolute slides collapsed the section to 0px in the
   lab, and the 344px grid row is only the used track size of the
   min-height, not a declared template. Desktop/tablet untouched. */
@media (max-width: 767px) {
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__inner, body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__slide, body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__stage, body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-hero { min-height: var(--hdc-home-slider-mobile-height) !important; }
}

/* 1.4.120 - Footer: single Contact Info + wider need-help/footer inners (mobile order).
   Duplicate heading: at <=1140 both the contact-info h3 and the mobile h2
   render ("Contact Info" twice). The UPPER one (contact-info h3) is removed;
   when no address is saved the block is empty, so it is collapsed entirely
   (the address <p>, when set later, still shows under the mobile heading).
   Width +10px: footer-main inner padding 16 -> 11 and need-help section
   padding-inline 12 -> 7, 5px each side, mobile only. Desktop untouched. */
@media (max-width: 1140px) {
  body.hdf-footer-composition--furniture-showroom .footer-brand__contact-info h3 { display: none !important; }
  body.hdf-footer-composition--furniture-showroom .footer-brand__contact-info:not(:has(p)) { display: none !important; }
}
@media (max-width: 767px) {
  body.hdf-footer-composition--furniture-showroom .footer-main .footer-main__inner { padding-inline: 11px !important; }
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter { padding-inline: 7px !important; }
}

/* 1.4.121 - Desktop footer + Need Help band, screenshot look (user order).
   1.4.117 (parked) behavior, DESKTOP-SCOPED so tablet/mobile are untouched:
   the band is collapsed by default on desktop too (46px toggle bar, 62px
   total) and expands on click (JS gate in footer/accordion.js). The 1.4.117
   CSS is ported verbatim but wrapped in min-width:1141px - at <=1140 the
   existing pill toggle + panel rules stay exactly as they are.
   Expanded panel becomes the screenshot's 2-zone layout: left = message +
   contact pills, right = subscribe form. Footer becomes the screenshot's
   5-column row: brand col + 4 link cols, white background, uppercase dark
   links. Demo keeps its OWN phone/email/texts and #F97316 band. */
@media (min-width: 1141px) {
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter { padding: 8px 12px !important; box-sizing: border-box !important; }
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__toggle { display: flex !important; width: 100% !important; min-height: 46px !important; height: 46px !important; align-items: center !important; justify-content: center !important; gap: 10px !important; padding: 0 12px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: var(--hdf-color-on-primary) !important; font-family: var(--hdf-font-heading) !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .02em !important; text-transform: none !important; }
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__toggle > span:last-child { position: absolute !important; top: 50% !important; inset-inline-end: 10px !important; display: grid !important; width: auto !important; height: auto !important; place-items: center !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: var(--hdf-color-on-primary) !important; transform: translateY(-50%) !important; transition: transform var(--hdf-transition) !important; }
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__toggle > span:last-child svg { width: 22px !important; height: 22px !important; }
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter.is-open .footer-support-newsletter__toggle > span:last-child { transform: translateY(-50%) rotate(180deg) !important; }
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__panel { display: none !important; }
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter.is-open .footer-support-newsletter__panel { display: block !important; }
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__inner { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; column-gap: 72px !important; row-gap: 0 !important; padding-block: 24px !important; align-items: start !important; }
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__message { grid-column: 1 !important; grid-row: 1 !important; }
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__actions { grid-column: 1 !important; grid-row: 2 !important; margin-top: 16px !important; justify-content: flex-start !important; }
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__action { flex: 0 0 auto !important; background: #FFFFFF !important; color: #111827 !important; border-color: transparent !important; }
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__copy h2 { text-transform: uppercase !important; }
  body.hdf-footer-composition--furniture-showroom .footer-newsletter__title { text-transform: uppercase !important; color: var(--hdf-color-on-primary) !important; font-weight: 700 !important; }
  body.hdf-footer-composition--furniture-showroom .footer-newsletter__form button { background: #111827 !important; color: #FFFFFF !important; text-transform: uppercase !important; }
  body.hdf-footer-composition--furniture-showroom .footer-main__inner { grid-template-columns: minmax(230px, 1.15fr) minmax(0, 4fr) !important; gap: 48px !important; }
  body.hdf-footer-composition--furniture-showroom:not(.hdf-global-commerce-view--dark) { --hdf-footer-background: #FFFFFF; }
  body.hdf-footer-composition--furniture-showroom .footer-menu-column a { text-transform: uppercase !important; color: #111827 !important; }
}

/* 1.4.123 - Header categories dropdown + action boxes + footer band (user
   order 2026-10-29 21:30: nemzo-style header/widgets, normal + sticky menu,
   suntech-style band/footer).
   Root causes (study 2026-10-29): (1) the header-dropdown panel never became
   visible: the base GC panel rule hides it (opacity 0 / visibility hidden)
   until a desktop-shell hover, but the header dropdown has no desktop-shell;
   (2) .hdf-header-main__left overflow:hidden clipped the panel hanging below
   the header row. Both are fixed here; button, panel and hover JS
   (categories-hover.js: mouseenter open / mouseleave instant close) are
   untouched, so normal and sticky headers share the same working menu (one
   DOM row, pinned when sticky). */
@media (min-width: 1024px) {
  body.hdf-header-composition--global-commerce .hdf-header-main__categories-details[open] .hdf-explore--header-dropdown .hdf-explore__desktop-panel { opacity: 1; visibility: visible; pointer-events: auto; transform: none; }
  body.hdf-header-composition--global-commerce .site-header--default .hdf-header-main__left { overflow: visible; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-main__left { overflow: visible; }
  /* Nemzo-style action boxes (desktop, light view): 44x44 white boxes.
     1.4.177: ONE border per button — the control carries it (the two
     desktop control rules);
     the icon border is removed (it doubled the ring, and its 10px radius
     diverged from the control's 8px). The explicit `border: 0` also
     defeats the BASE icon rule (border: var(--hdf-border-width) solid
     var(--hdf-header-action-border), live #E5E7EB via TokenCompiler),
     which would otherwise re-draw the icon ring whenever the
     controls-border-off class is absent (header_main_control_border_enabled
     true) — the live furniture-store preset sets it false, so the class
     is present live, but the single border must hold in either state.
     1.4.179: the icon is 42x42 TRANSPARENT, not 44x44 white. A 44px
     opaque icon exactly covers the 44px control's border-box and hides
     the control's 1px ring on all four sides (live: only a top edge
     showed). 42px leaves the 1px ring visible on every side, exactly
     the :4888 geometry this rule overrode.
     The has-products cart keeps its own single box (1.4.109 !important
     icon transparency wins at default; the restore rule below keeps it
     single-box on hover too). */
  body.hdf-header-composition--global-commerce:not(.hdf-global-commerce-view--dark) .hdf-header-main__actions .hdf-header-action__icon { width: 42px; height: 42px; border: 0; border-radius: 8px; background: transparent; }
  body.hdf-header-composition--global-commerce:not(.hdf-global-commerce-view--dark) .hdf-header-main__actions .hdc-cart-widget--has-products .hdf-header-action__control:hover .hdf-header-action__icon,
  body.hdf-header-composition--global-commerce:not(.hdf-global-commerce-view--dark) .hdf-header-main__actions .hdc-cart-widget--has-products .hdf-header-action__control:focus-visible .hdf-header-action__icon { border: none !important; background: transparent !important; }
  /* Nemzo-size count badges (19px). */
  body.hdf-header-composition--global-commerce .hdf-header-main__actions .hdf-header-action__badge { min-width: 19px; height: 19px; }
}
@media (min-width: 1141px) {
  /* Suntech-style band on desktop: always visible, no toggle bar (the
     toggle + collapsed default stay below 1141px). The accordion JS only
     toggles .is-open; these rules govern visibility regardless of it. */
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__toggle { display: none !important; }
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__panel { display: block !important; }
  /* Suntech-style pale-grey footer (was white at >=1141px in 1.4.121). */
  body.hdf-footer-composition--furniture-showroom:not(.hdf-global-commerce-view--dark) { --hdf-footer-background: #F3F4F6; }
}
/* Suntech-style square social buttons (demo's own five platforms, light view). */
body.hdf-footer-composition--furniture-showroom:not(.hdf-global-commerce-view--dark) .footer-socials a { border-radius: 8px; background: #FFFFFF; border-color: #E5E7EB; }
body.hdf-footer-composition--furniture-showroom:not(.hdf-global-commerce-view--dark) .footer-socials a:hover,
body.hdf-footer-composition--furniture-showroom:not(.hdf-global-commerce-view--dark) .footer-socials a:focus-visible { border-color: #F97316; }

/* 1.4.130: 1.4.124 front-page show rule REVERSED (owner order 2026-10-31) — the front page returns to 1.4.108 hero-gating: the after-logo categories button stays hidden at page top and shows only once header.is-hero-past. Base display:none governs at top; no replacement hide rule added. */

/* 1.4.126 — Mobile/tablet programme (owner order 2026-10-30 18:01 + phone
   screenshot). Desktop >=1025px untouched except the footer compact
   reductions, which the owner ordered unscoped (all widths). Appended at
   end of core.css + core.min.css (twins identical). */

/* 1. TOPBAR icon-only at <=1024px (text spans hidden; icons 20px; links +
   toggle 36px tall). Destinations + Dark function unchanged; welcome text
   stays hidden (1.4.112); the <=1023 display:none/block interplay untouched.
   Link accessible names come from the aria-labels added in top-bar.php
   (display:none spans leave the accessibility tree). */
@media (max-width: 1024px) {
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-global-topbar__links a span { display: none !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-global-topbar__view-toggle span[data-hdf-global-view-label] { display: none !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-global-topbar__links a,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-global-topbar__view-toggle { min-height: 36px !important; padding-inline: 4px !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-global-topbar__links a i,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-global-topbar__view-toggle i { width: 20px !important; height: 20px !important; flex-basis: 20px !important; }
}

/* 2. MAIN ROW branding + mobile action gap. Tablet gap already 8px (1.4.112);
   mobile gap was the compact var (3/2/1px) — buttons looked joined. Boxes
   stay 34px; 5x34 + 4x8 = 202px fits 390px rows. Branding max-width untouched. */
@media (min-width: 768px) and (max-width: 1024px) {
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-branding--favicon-name .site-favicon img,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-branding--favicon-name .site-brand-mark { width: 36px; height: 36px; border-radius: 8px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-title { font-size: 16px; }
}
@media (max-width: 767px) {
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-branding--favicon-name .site-favicon img,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-branding--favicon-name .site-brand-mark { width: 28px; height: 28px; border-radius: 7px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-title { font-size: 14px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-main__actions { gap: 8px; }
}

/* 3. HERO at <=1024px: arrows hidden (CSS only — show_arrows option, DOM,
   JS, swipe + autoplay intact); two-column grid restored; media truly
   centred; copy never touches the thumbnail. After the 1.4.114/1.4.115
   rules with equal-or-higher specificity + !important. Dots untouched.
   Note: 1.4.115 already reversed the 1.4.114 stacked bits at <=767
   (single-column link, image 100%x110px, frame rows auto); 1.4.118 hides
   frame-name/category at <=767 — both stand, this block only fixes the
   media column width + centring + text. */
@media (max-width: 1024px) {
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__arrows { display: none !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-copy { min-width: 0 !important; overflow-wrap: break-word !important; padding-right: 16px !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-hero-price { flex-wrap: wrap !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-media,
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-media-link { align-items: center !important; align-self: center !important; }
}
@media (max-width: 767px) {
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__inner { padding-inline: 14px !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-hero { grid-template-columns: minmax(0, 1fr) 150px !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-media { width: 150px !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-copy h1 { font-size: clamp(1.6rem, 7.5vw, 2rem) !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-copy .hdc-home-commerce-slider__description { display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; line-clamp: 2 !important; overflow: hidden !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-hero { grid-template-columns: minmax(0, 1fr) 240px !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-media { width: 240px !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-copy h1 { font-size: 36px !important; }
  body.hdf-global-commerce-front .hdc-home-commerce-slider--composition-furniture-editorial .hdc-home-commerce-slider__global-copy .hdc-home-commerce-slider__description { display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; line-clamp: 3 !important; overflow: hidden !important; }
}

/* 4. CATEGORY SELECTED at <=1024px: orange bg + white text on the current
   parent link (main nav + explore panel top level). Desktop color +
   underline unchanged. (a) needs no !important (body-prefixed chain beats
   the base (0,3,1) color rule); (c) carries !important because the
   explore top-level color rules at 6700/6785 have longer chains.
   NOTE: WP emits current-menu-item/ancestor only for taxonomy menu items
   — if a live item is a custom link, this CSS alone cannot mark it; that
   is a deploy-time live check, not a code fix. */
@media (max-width: 1024px) {
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu > .current-menu-item > a,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu > .current-menu-ancestor > a { background: #EA580C; color: #fff; border-radius: 8px; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore-menu > li.current-menu-item > a,
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-explore-menu > li.current-menu-ancestor > a { background: #EA580C !important; color: #fff !important; }
}

/* 5. FOOTER compact (all widths — owner order unscoped). Toggle/panel
   padding untouched; accordion JS untouched (one-open-at-a-time stands).
   NOTE: the >=1141 inner gap live value was 48px (1.4.121), not 32px
   (1.4.115) — this sets 20px either way. */
@media (min-width: 1141px) {
  body.hdf-footer-composition--furniture-showroom .footer-main { padding-block: 20px 12px !important; }
  body.hdf-footer-composition--furniture-showroom .footer-main__inner { gap: 20px !important; }
}
@media (max-width: 1140px) {
  body.hdf-footer-composition--furniture-showroom .footer-main { padding-block: 16px 12px !important; }
  /* Accordion band: extend the <=767 11px inner padding across <=1140 so
     the collapsible-column dropdowns gain width. */
  body.hdf-footer-composition--furniture-showroom .footer-main .footer-main__inner { padding-inline: 11px !important; }
}
body.hdf-footer-composition--furniture-showroom .footer-brand__social-row { margin-top: 10px; }

/* 1.4.127 — Footer band 2-row grid + footer main + social row + bottom row
   + global heading ladder breakpoints (owner order 2026-10-30 19:57).
   CSS-PROOF NOTES (rival census; see build report for full counts):
   - Band base: rivals are 1796 columns (no areas), 6915 actions
     grid-column:1 (0,1,0, non-important) and 6937 row-gap 18px (0,1,0,
     non-important). These (0,1,0) rules are appended later, so they win
     on equal specificity with NO !important.
   - Band furniture-showroom >=1141 (7409-7413) and <=1140 (7255/7257)
     rivals all carry !important, so the matching rules below carry
     !important too — the ONLY !important uses in this block.
   - Social nowrap >=768: rival 6921 flex-wrap:wrap (0,1,0,
     non-important), earlier — later rule wins, no !important.
   - Bottom row: rivals 2541/2550 (<=1140, (0,1,0)) and 5151 (<=782
     column/flex-start, (0,1,0)), all non-important and earlier — later
     rules win, no !important. 7270 copyright line-height 1.5 !important
     is untouched; tagline/separator get line-height 1.5 to match.
   - Heading breakpoints: :root var redefined per range; element h1-h6
     rules (0,0,1) in the base ladder lose to every component class rule
     (card h2 14px, section h2 20px, footer h2 15px / h3 14px, company
     h2 20px, hero h1 !important), so the ladder touches content
     headings only. */

/* A. Band 2-row grid areas (base, all compositions). */
.footer-support-newsletter__inner { grid-template-areas: "message title" "actions form"; row-gap: 18px; }
.footer-support-newsletter__message { grid-area: message; }
.footer-newsletter__title { grid-area: title; }
.footer-newsletter__form-wrap { grid-area: form; min-width: 0; }
.footer-support-newsletter__actions { grid-area: actions; }

/* A2. Band stacked at <=1140 (base composition). DOM order = message,
   title, form, actions, so the single-column flow keeps the title above
   its form and the pills last, as before. */
@media (max-width: 1140px) {
  .footer-support-newsletter__inner { grid-template-areas: "message" "title" "form" "actions"; row-gap: 14px; }
  .footer-support-newsletter__message,
  .footer-newsletter__title,
  .footer-newsletter__form-wrap,
  .footer-support-newsletter__actions { grid-column: 1; grid-row: auto; }
}

/* A3. Band furniture-showroom >=1141: 2-row grid, same 2-col/72px-gap
   geometry as 1.4.121 (row-gap 0 + title margin 10px separates title
   from form, as the old newsletter cell did internally). */
@media (min-width: 1141px) {
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__inner { grid-template-areas: "message title" "actions form" !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; column-gap: 72px !important; row-gap: 0 !important; padding-block: 24px !important; align-items: start !important; }
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__message { grid-area: message !important; }
  body.hdf-footer-composition--furniture-showroom .footer-newsletter__title { grid-area: title !important; }
  body.hdf-footer-composition--furniture-showroom .footer-newsletter__form-wrap { grid-area: form !important; min-width: 0 !important; }
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__actions { grid-area: actions !important; margin-top: 16px !important; justify-content: flex-start !important; }
}

/* A4. Band furniture-showroom <=1140: single column; grid-area wins over
   the old 7257 actions grid-row:2 !important on equal specificity
   (0,2,1), later in file. Pills keep the old nowrap/gap-12 behaviour. */
@media (max-width: 1140px) {
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__inner { grid-template-areas: "message" "title" "form" "actions" !important; grid-template-columns: 1fr !important; row-gap: 16px !important; padding-block: 20px 24px !important; }
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__message { grid-area: message !important; }
  body.hdf-footer-composition--furniture-showroom .footer-newsletter__title { grid-area: title !important; }
  body.hdf-footer-composition--furniture-showroom .footer-newsletter__form-wrap { grid-area: form !important; }
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__actions { grid-area: actions !important; }
}

/* B. Social row: one row at >=768. At <=767 the base wrap stays: 8 icons
   x 36px + gaps + label is ~470-490px and cannot fit a 390px phone row
   at tappable 36px icon size, so icons are NOT shrunk. */
@media (min-width: 768px) {
  .footer-brand__social-row { flex-wrap: nowrap; }
}

/* C. Bottom row merge: copyright + separator + tagline in one centred
   row; wraps only on very narrow widths. */
.footer-bottom__inner { flex-wrap: wrap; }
.footer-bottom__copyright { width: auto; }
.footer-bottom__separator { margin-inline: 8px; line-height: 1.5; }
.footer-bottom__tagline { line-height: 1.5; }
@media (max-width: 1140px) {
  .footer-bottom__inner { flex-direction: row; justify-content: center; align-items: center; }
  .footer-bottom__copyright { width: auto; text-align: center; }
}
@media (max-width: 782px) {
  .footer-bottom__inner { flex-direction: row; justify-content: center; align-items: center; }
}

/* D. Heading ladder breakpoints (base desktop ladder is at the h1-h6
   rules). Tablet maxima 29->19, mobile maxima 26->16, steps exact by
   construction through the shared variable. */
@media (min-width: 768px) and (max-width: 1140px) {
  :root { --hdf-heading-1: clamp(23px, 3vw, 29px); }
}
@media (max-width: 767px) {
  :root { --hdf-heading-1: clamp(20px, 5vw, 26px); }
}

/* 1.4.128 — Navbar -8px (owner order 2026-10-30 23:24): saved-value-relative,
   never hardcoded. --hdf-header-nav-height is the live saved value
   (TokenCompiler :root token from header_nav_height; furniture-store
   template default 43). These selectors EQUAL the fixed 43px rivals
   (6516-6519 / 6593-6595 / 6610) and sit later inside the same
   min-width:1024px media, so they win at desktop only. The <=1023 drawer
   is untouched: this block does not apply there, and the sticky
   hero-gated state keeps winning via its !important rules. The desktop
   shell must shrink with the row: a 43px shell would hold the grid row
   at 43px. The toggle keeps height AND min-height at var-10 (its old
   var-2 min-height would otherwise floor the button). No fallback in
   the var(): if the token were ever unset the declarations drop and
   the 43px rivals stand (fail-safe) instead of growing the row. */
@media (min-width: 1024px) {
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-navigation--global-commerce { min-height: calc(var(--hdf-header-nav-height) - 8px); }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-navigation--global-commerce .hdf-header-navigation__inner { min-height: calc(var(--hdf-header-nav-height) - 8px); }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-navigation--global-commerce .hdf-explore--global-commerce .hdf-explore__desktop-shell { height: calc(var(--hdf-header-nav-height) - 8px); }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-navigation--global-commerce .hdf-primary-menu > li > a { min-height: calc(var(--hdf-header-nav-height) - 8px); }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-navigation--global-commerce .hdf-explore--global-commerce .hdf-explore__toggle--desktop { height: calc(var(--hdf-header-nav-height) - 10px); min-height: calc(var(--hdf-header-nav-height) - 10px); }
}

/* 1.4.128 — Footer band: both headings the same size (h2 clamp +4px, title
   up from 15px); band icon 46->56px / 22->26px (beats the <=1140 40px rule
   by specificity, so the size holds at every width); small 16px headset
   icon before the support line, same colour as the subtext. No font-size
   !important rivals exist on either heading, so no !important here. */
body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__copy h2 { font-size: clamp(1.35rem, 1.5vw, 1.59rem); }
body.hdf-footer-composition--furniture-showroom .footer-newsletter__title { font-size: clamp(1.35rem, 1.5vw, 1.59rem); }
/* 1.4.128 — Band actions are now <button> (owner order, no href/JS):
   UA button chrome reset on the shared class. font:inherit would
   clobber the class's own 14px/600/1.3/ui font (shorthand beats the
   base longhands), so the class font is re-asserted right after it.
   Desktop >=1141 keeps white buttons via the existing !important rule. */
.footer-support-newsletter__action { background: transparent; cursor: pointer; font: inherit; appearance: none; font-family: var(--hdf-font-ui); font-size: 14px; font-weight: 600; line-height: 1.3; }

/* 1.4.128 — Social full-width row (Option A): the row moved to main.php
   as a direct .footer-main__inner child. Row 2 = social, row 3 = menu
   columns (counts/links unchanged). Rendered inner row-gap audit:
   >=1141 = 20px (!important, stands), 768-1140 = 64px (base furniture
   gap) -> explicit row-gap 32px wins there (higher specificity than the
   64px gap, loses to the !important gaps elsewhere, as intended),
   <=767 = 15px (!important, stands). */
.footer-brand__social-row { grid-column: 1 / -1; grid-row: 2; flex-wrap: nowrap; }
.footer-menu-columns { grid-column: 1 / -1; grid-row: 3; }
body.hdf-footer-composition--furniture-showroom .footer-main__inner { row-gap: 32px; }
/* 1.4.128 — Social one-row ladder: icons / row+nav gaps / heading. */
body.hdf-footer-composition--furniture-showroom .footer-brand__social-row { gap: 10px; }
body.hdf-footer-composition--furniture-showroom .footer-brand__social-row .footer-socials { gap: 10px; }
body.hdf-footer-composition--furniture-showroom .footer-socials a { width: 36px; height: 36px; }
body.hdf-footer-composition--furniture-showroom .footer-brand__social-heading { font-size: 14px; }
@media (max-width: 767px) {
  /* grid-row:2 !important + heading display:inline !important beat the
     <=767 rules that placed the row at row 5 and hid the label: those
     rivals are (0,2,0) !important, so these use (0,2,1) !important. */
  body.hdf-footer-composition--furniture-showroom .footer-brand__social-row { grid-row: 2 !important; gap: 8px; }
  body.hdf-footer-composition--furniture-showroom .footer-brand__social-heading { display: inline !important; font-size: 13px; }
  body.hdf-footer-composition--furniture-showroom .footer-brand__social-row .footer-socials { gap: 8px; }
  body.hdf-footer-composition--furniture-showroom .footer-socials a { width: 30px; height: 30px; }
}
@media (max-width: 520px) {
  body.hdf-footer-composition--furniture-showroom .footer-brand__social-row { gap: 6px; }
  body.hdf-footer-composition--furniture-showroom .footer-brand__social-heading { font-size: 13px; }
  body.hdf-footer-composition--furniture-showroom .footer-brand__social-row .footer-socials { gap: 6px; }
  body.hdf-footer-composition--furniture-showroom .footer-socials a { width: 26px; height: 26px; }
}
@media (max-width: 380px) {
  body.hdf-footer-composition--furniture-showroom .footer-brand__social-row { gap: 4px; }
  body.hdf-footer-composition--furniture-showroom .footer-brand__social-heading { font-size: 12px; }
  body.hdf-footer-composition--furniture-showroom .footer-brand__social-row .footer-socials { gap: 4px; }
  body.hdf-footer-composition--furniture-showroom .footer-socials a { width: 22px; height: 22px; }
}

/* 1.4.129: footer band compact + footer-main 5-column row + header site-title default fix. */
@media (min-width: 1141px) {
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__copy h2 { font-size: clamp(1.10rem, 1.2vw, 1.34rem); }
  body.hdf-footer-composition--furniture-showroom .footer-newsletter__title { font-size: clamp(1.10rem, 1.2vw, 1.34rem); }
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__action { height: 40px !important; }
  body.hdf-footer-composition--furniture-showroom .footer-newsletter__form input[type="email"] { height: 40px !important; }
  body.hdf-footer-composition--furniture-showroom .footer-newsletter__form button { height: 40px !important; }
  body.hdf-footer-composition--furniture-showroom .footer-newsletter__field-icon { height: 40px; }
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__inner { padding-block: 18px !important; }
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__actions { margin-top: 12px !important; }
  /* 1.4.149 — footer column widths (owner order 2026-11-08): col 1 348px,
     cols 2-5 198px each at the 1300px container. Pure fr, ratio 58:33
     (= 348:198; each fr = 6px at 1140px track space). The 1.4.148
     calc(1fr +/- px) rule was dropped live, so the footer fell back to
     this 1.4.129 rule (310/207); calc() + fr is not used anywhere else
     in the theme. The 348px floor keeps the address room at every width. */
  body.hdf-footer-composition--furniture-showroom .footer-main__inner { grid-template-columns: minmax(348px, 58fr) repeat(4, minmax(0, 33fr)) !important; column-gap: 40px !important; row-gap: 28px !important; }
  body.hdf-footer-composition--furniture-showroom .footer-menu-columns { display: contents; }
  body.hdf-footer-composition--furniture-showroom .footer-brand__social-row { margin-top: 0; }
}
/* 1.4.130: desktop site-title 17px → 25px (+8px, owner order 2026-10-31); tablet 16px, mobile 14px, weight 700, colours and ≤1140 no-cut rules unchanged. */
.hdf-header-composition--global-commerce .site-header--default .site-title { font-weight: 700; }
@media (min-width: 1025px) {
  .hdf-header-composition--global-commerce .site-header--default .site-title { font-size: 25px; }
}
.site-header--default .site-title__hyper { color: var(--hdf-color-primary, #F97316); }
.site-header--default .site-title__daf { color: var(--hdf-header-main-text, #111827); }
@media (max-width: 1140px) {
  .hdf-header-composition--global-commerce .site-header--default .hdf-header-main__branding { max-width: none; overflow: visible; }
  .hdf-header-composition--global-commerce .site-header--default .site-identity { overflow: visible; }
  .hdf-header-composition--global-commerce .site-header--default .site-title { max-width: none; overflow: visible; text-overflow: clip; white-space: normal; }
  .hdf-header-composition--global-commerce .site-header--default .site-title a { overflow: visible; text-overflow: clip; white-space: normal; }
}

/* 1.4.131 — Header eyebrow/title, navbar row, footer-main equal columns,
   footer band one row, social hover (owner batch order 2026-10-31 23:47).
   !important is used below ONLY where the cited rival already uses it
   (band areas/actions rules, 1.4.129 title/icon rules, tablet nav
   height/gap rules); every other rule wins on specificity + file order.
   No new shadows. No settings/manifest changes. */

/* T1(a) — PREMIUM eyebrow 5px down, Global Commerce default header only.
   position:relative shifts paint only: the grid rows (eyebrow row 1,
   title row 2) and the title itself do not move. */
.hdf-header-composition--global-commerce .site-header--default .site-brand-eyebrow { position: relative; top: 5px; }

/* T1(b) — Site name never clipped, GC default header. Census: desktop
   >=1025 had line-height:1 (tight for the 'p'/'y' descenders) and the
   1.4.130 <=1140 rule allowed wrapping; <=1023 had overflow:hidden +
   ellipsis on the title itself. This rule (later, same selectors as the
   1.4.130 rule) restores nowrap + visible overflow + 1.15 line-height at
   every width; >=1024 ancestors are opened below. The <=1023 compact
   ancestor caps (branding max-width + overflow:hidden) are retained by
   design for the mobile header, except the <=720 cap widened 29vw -> 34vw
   so "HyperDAF" also fits a 320px phone (was capped at 92.8px vs ~102px
   of content); the 130px ceiling is unchanged. */
.hdf-header-composition--global-commerce .site-header--default .site-title,
.hdf-header-composition--global-commerce .site-header--default .site-title a { max-width: none; overflow: visible; text-overflow: clip; white-space: nowrap; line-height: 1.15; }
@media (min-width: 1024px) {
  .hdf-header-composition--global-commerce .site-header--default .hdf-header-main__branding,
  .hdf-header-composition--global-commerce .site-header--default .site-identity { overflow: visible; max-width: none; }
}
@media (max-width: 720px) {
  .hdf-header-composition--global-commerce .hdf-header-main__branding { max-width: min(34vw, 130px); }
}

/* T2(a) — Navbar row bottom padding +4px. BEFORE: inner padding-bottom 0
   (no padding-block on the inner at desktop or tablet), desktop inner
   min-height calc(var(--hdf-header-nav-height) - 8px) = 35px at the
   furniture default var 43px, tablet inner height/min-height 43px
   !important. AFTER: padding-bottom 4px in both row layouts, with
   min-height/height raised by the same 4px (global border-box, so the
   35px desktop / 43px tablet link row keeps its exact height; without
   the raise, overflow-y:hidden on the tablet inner would clip 4px of
   the links). Mobile <=767 drawer untouched (not a row). */
@media (min-width: 1024px) {
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-navigation--global-commerce { min-height: calc(var(--hdf-header-nav-height) - 4px); }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-navigation--global-commerce .hdf-header-navigation__inner { min-height: calc(var(--hdf-header-nav-height) - 4px); padding-bottom: 4px; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-navigation--global-commerce { min-height: 47px !important; }
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-header-navigation__inner { height: 47px !important; min-height: 47px !important; padding-bottom: 4px !important; }
}

/* T2(b) — Navbar parent-button gap. BEFORE: desktop = base formula
   clamp(12px, var(--hdf-header-nav-height) * .56, 28px) = 24.08px at the
   furniture default var 43px; tablet (768-1024) = 4px !important.
   AFTER: desktop 20px, tablet 2px. Link padding untouched. */
@media (min-width: 1024px) {
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-navigation--global-commerce .hdf-primary-menu { gap: 20px; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  body.hdf-template--furniture-store.hdf-header-composition--global-commerce .hdf-header-navigation--global-commerce .hdf-primary-menu { gap: 2px !important; }
}

/* 1.4.140 — T2(c) gate REMOVED (owner order 2026-11-05 23:58): the
   body:not(.home):not(.blog):not(.single-post):not(.category):not(.tag)
   display:none !important rule hid every navbar sub-menu (and its toggle)
   on shop, product, product-category (tax-product_cat is never bare
   .category), cart, checkout, account, static pages, search and 404 — the
   owner reported sub-menus not rendering with their parents on those
   pages. Sub-menus now render on ALL pages exactly as on the homepage,
   under the base dropdown rules (dropdowns.css: hover / focus-within /
   .is-submenu-open / .is-submenu-hover). No other rule changes: the
   <=1060 drawer behaviour and the 768-1024 furniture rule are untouched. */

/* T3 — Footer brand column = the other four columns. BEFORE (>=1141):
   grid-template-columns: minmax(280px, 1.5fr) repeat(4, minmax(0, 1fr)).
   AFTER (1.4.132): minmax(0, 1fr) repeat(4, minmax(0, 1fr)) — five equal
   1fr tracks (column-gap 40px / row-gap 28px restated from 1.4.129).
   The 280px floor forced the brand track wider whenever the equal share
   fell below 280px; minmax(0, 1fr) makes all five tracks equal by
   construction. .footer-brand already carries min-width: 0 (base rule),
   so content min-content cannot force its track wider either.
   Census: no distinct background or side padding exists on
   .footer-brand anywhere in the tree (base rule is min-width:0 only);
   the transparent / zero-padding guard below locks that so no side
   treatment can make the brand column look different from the link
   columns. */
@media (min-width: 1141px) {
  /* 1.4.149 — footer column widths, pure fr (replaces the 1.4.148 calc):
     the calc(1fr +/- px) rule was dropped live, so the footer fell back
     to the 1.4.129 rule (310/207). Same 58:33 ratio as the 1.4.129 rule
     above, so both rules yield col 1 348px / menu cols 198px at the
     1300px container. A literal revert of this rule to five-equal would
     re-break the footer (228px), so the calc was replaced, not reverted. */
  body.hdf-footer-composition--furniture-showroom .footer-main__inner { grid-template-columns: minmax(348px, 58fr) repeat(4, minmax(0, 33fr)) !important; column-gap: 40px !important; row-gap: 28px !important; }
  body.hdf-footer-composition--furniture-showroom .footer-brand { background: transparent; padding: 0; }
}

/* T4 — Footer band, one row (furniture-showroom). The PHP now wraps the
   subscribe title + form in .footer-newsletter__column; the wrapper is
   display:contents everywhere except furniture >=1141, so the stacked
   <=1140 layout (message / title / form / actions) and every other
   composition's 2-row band behave exactly as before. At >=1141 the grid
   is a single row: message | actions | newsletter (title above its
   form inside the right cell). The subscribe form itself is untouched
   (same action, method, field names, nonce). */
.footer-newsletter__column { display: contents; }
/* T4(a) — Band round icon -5px. BEFORE: furniture 56px (all widths),
   46px at >=1141. AFTER: 51px / 41px. Glyph font-size unchanged
   (26px / 22px): only the button shrinks, as ordered. */
@media (min-width: 1141px) {
}
/* T4(b) — Subscribe title -4px, weight locked 700. BEFORE: furniture
   clamp(1.35rem, 1.5vw, 1.59rem) (<=1140) / clamp(1.10rem, 1.2vw, 1.34rem)
   !important (>=1141). AFTER: each bound -4px (1rem = 16px):
   clamp(1.10rem, 1.5vw, 1.34rem) / clamp(0.85rem, 1.2vw, 1.09rem).
   The >=1141 rival uses !important, so that rule does too. */
body.hdf-footer-composition--furniture-showroom .footer-newsletter__column .footer-newsletter__title { font-size: clamp(1.10rem, 1.5vw, 1.34rem); font-weight: 700; }
@media (min-width: 1141px) {
  body.hdf-footer-composition--furniture-showroom .footer-newsletter__column .footer-newsletter__title { font-size: clamp(0.85rem, 1.2vw, 1.09rem) !important; font-weight: 700 !important; }
}
/* T4(c) — Support line closer to NEED HELP? and inside the big icon's
   height: subtext margin-top 5px -> 0 (base rival, no !important).
   At a 1440px viewport the copy block is then ~40px against the 41px
   icon; at very wide viewports the max clamps reach ~46px (noted in
   the report). The small headset icon before this line is removed
   from the PHP render and its now-dead CSS rules are deleted above. */
body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__copy p { margin-top: 0; }
@media (min-width: 1141px) {
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__inner { grid-template-columns: minmax(0, 1fr) auto minmax(320px, 1.15fr) !important; grid-template-areas: "message actions newsletter" !important; column-gap: 32px !important; row-gap: 0 !important; align-items: center !important; padding-block: 18px !important; }
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__message { grid-area: message !important; }
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__actions { grid-area: actions !important; margin-top: 0 !important; flex-wrap: nowrap !important; gap: 12px !important; justify-content: flex-start !important; }
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__action { flex: 0 1 auto !important; white-space: nowrap !important; }
  body.hdf-footer-composition--furniture-showroom .footer-newsletter__column { display: block; grid-area: newsletter !important; min-width: 0 !important; }
}

/* T5 — Footer social hover: icon stays BLACK and visible. Root cause:
   the furniture light rule sets the button background #FFFFFF and only
   changes border-color on hover, while the base hover rule changes the
   icon colour to white — so every currentColor social icon (discord,
   github, linkedin, telegram, tiktok, pinterest, reddit and the stroked
   twitter) turns white-on-white and vanishes; the hardcoded-#000 icons
   (facebook, instagram, whatsapp, youtube) stay black. This rule (equal
   specificity to the furniture border rule, later in file) forces
   hover/focus to orange background #F97316 with a black #111827 icon in
   both light and dark views; normal state is untouched (this selector
   is hover/focus only). */
body.hdf-footer-composition--furniture-showroom .footer-brand__social-row .footer-socials a:hover,
body.hdf-footer-composition--furniture-showroom .footer-brand__social-row .footer-socials a:focus-visible { background: #F97316; border-color: #F97316; color: #111827; }

/* 1.4.133 — Footer support band, 3-row layout (furniture-showroom, >=1141px only).
   Row 1: NEED HELP? | SUBSCRIBE title (same size, 700). Row 2: Get in touch subtext
   (size/weight unchanged, only its row changes). Row 3: Contact/Email buttons |
   subscribe bar. The round icon spans rows 1-2, vertically centered. */
@media (min-width: 1141px) {
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__inner { grid-template-columns: 41px minmax(0, 1fr) minmax(320px, 1.15fr) !important; grid-template-areas: "icon message title" "icon subtext ." ". actions form" !important; column-gap: 16px !important; row-gap: 0 !important; align-items: start !important; padding-block: 18px !important; }
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__message { display: contents; }
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__copy { display: contents; }
  body.hdf-footer-composition--furniture-showroom .footer-newsletter__column { display: contents; }
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__copy h2 { grid-area: message; }
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__copy p { grid-area: subtext; }
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__actions { grid-area: actions !important; margin-top: 14px !important; }
  body.hdf-footer-composition--furniture-showroom .footer-newsletter__title { grid-area: title; margin: 0; margin-inline-start: 16px; }
  body.hdf-footer-composition--furniture-showroom .footer-newsletter__form-wrap { grid-area: form; margin-top: 14px; margin-inline-start: 16px; }
  body.hdf-footer-composition--furniture-showroom .footer-newsletter__column .footer-newsletter__title { font-size: clamp(1.10rem, 1.2vw, 1.34rem) !important; font-weight: 700 !important; }
  body.hdf-footer-composition--furniture-showroom .footer-newsletter__form { height: 40px; align-items: stretch; }
  body.hdf-footer-composition--furniture-showroom .footer-newsletter__form input[type="email"] { height: 100% !important; }
  body.hdf-footer-composition--furniture-showroom .footer-newsletter__field-icon { height: 100%; }
  body.hdf-footer-composition--furniture-showroom .footer-newsletter__form button { height: 100% !important; border-radius: 0 999px 999px 0; }
}

/* 1.4.134 — Footer band refinement (furniture-showroom, >=1141px only).
   Bar + title narrow by 200px, right-aligned, so the title's left edge
   exactly equals the bar's left edge. Contact/Email buttons +80px wide
   (padding 0 56px). Subscribe text centering: the generic input
   min-height (46px) made the input box taller than the 40px bar, so its
   text sat ~4px below the button text; min-height: 0 + unified 14px
   metrics put input text, button text and field icon on one center line. */
@media (min-width: 1141px) {
  body.hdf-footer-composition--furniture-showroom .footer-newsletter__form-wrap { width: calc(100% - 200px); margin-top: 14px; margin-inline-start: auto; }
  body.hdf-footer-composition--furniture-showroom .footer-newsletter__title { width: calc(100% - 200px); margin: 0; margin-inline-start: auto; }
  body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__action { padding: 0 56px !important; }
  body.hdf-footer-composition--furniture-showroom .footer-newsletter__form input[type="email"] { min-height: 0; font-size: 14px; }
  body.hdf-footer-composition--furniture-showroom .footer-newsletter__form button { font-size: 14px; }
}

/* 1.4.134 — Footer name colors + eyebrow alignment + back-to-top colors
   (furniture-showroom, all widths). Name split mirrors the header
   (case-insensitive "Hyper" check; other names render whole, unsplit). */
body.hdf-footer-composition--furniture-showroom .footer-branding__copy { width: max-content; max-width: 100%; }
body.hdf-footer-composition--furniture-showroom .footer-branding__copy small { justify-self: end; }
body.hdf-footer-composition--furniture-showroom .footer-branding__name-hyper { color: var(--hdf-color-primary, #F97316); }
body.hdf-footer-composition--furniture-showroom .footer-branding__name-daf { color: #000000; }
body.hdf-footer-composition--furniture-showroom .footer-back-to-top { background: #000000; border-color: #000000; color: #FFFFFF; }
body.hdf-footer-composition--furniture-showroom .footer-back-to-top:hover, body.hdf-footer-composition--furniture-showroom .footer-back-to-top:focus-visible { background: var(--hdf-color-primary); border-color: var(--hdf-color-primary); color: #FFFFFF; }

/* 1.4.135 footer support/newsletter band (owner order 2026-11-04 16:19,
   reference band): contact + email buttons are 8px-radius (not pills),
   icon left with a small gap to the number, 25px side padding, 48px
   tall; the subscribe bar is the same 48px height with its text
   vertically centred. The rival composition rules below use !important
   for these heights/paddings (40px buttons, 0 56px padding, 100%/40px
   subscribe heights), so this block — appended last, same selectors —
   must use !important too or it cannot win. Radius has no !important
   rival, so it stays plain. Contact values are unchanged (the site's
   existing dummy number + info@hyperdaf.com); only the reference
   band's LAYOUT is copied, never another site's contact details. */
body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__action {
    height: 48px !important;
    padding-inline: 25px !important;
    gap: 10px;
    border-radius: 8px;
}
body.hdf-footer-composition--furniture-showroom .footer-newsletter__form input[type="email"] {
    height: 48px !important;
    padding-block: 0;
}
body.hdf-footer-composition--furniture-showroom .footer-newsletter__form button {
    height: 48px !important;
}
body.hdf-footer-composition--furniture-showroom .footer-newsletter__field-icon {
    height: 48px;
}

/* 1.4.136 (owner order 2026-11-04 19:50): support band — contained width,
   edge-to-edge inner, wider subscribe bar, suntech-style pill button. */
@media (min-width: 1141px) {
    /* Section width = the page sections' size: the site container width
       (footer_support_width setting, default 1300px) inside the page
       gutter. No width rival exists, so width/margin stay plain; the
       section side padding rivals (7360/7346) use !important, so the
       padding removal matches it. */
    body.hdf-footer-composition--furniture-showroom .footer-support-newsletter {
        width: min(calc(100% - var(--hdf-page-gutter)), var(--hdf-footer-support-width, var(--hdf-container)));
        margin-inline: auto;
        padding-inline: 0 !important;
    }
    /* Inner fills the section exactly (beats .hyperdaf-container on
       specificity, no !important needed) and the dead 41px icon track
       left by the removed 1.4.135 icon element is dropped, so the heading
       and the contact buttons touch the left edge. The 7862 rival uses
       !important for grid/column-gap, so those match it. */
    body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__inner {
        width: 100%;
        margin-inline: 0;
        grid-template-columns: minmax(0, 1fr) minmax(320px, 1.15fr) !important;
        grid-template-areas: "message title" "subtext ." "actions form" !important;
        column-gap: 16px !important;
    }
    /* Subscribe bar + title inset 200px -> 120px: the bar grows exactly
       80px (owner order), and the title keeps its left edge aligned with
       the bar. The 7885 rival is plain at the same specificity, so these
       later plain rules win without !important. */
    body.hdf-footer-composition--furniture-showroom .footer-newsletter__form-wrap,
    body.hdf-footer-composition--furniture-showroom .footer-newsletter__title {
        width: calc(100% - 120px);
    }
    /* Suntech-style subscribe button: full pill, wider side padding.
       The base radius rival is (0,1,1), so this furniture-scoped rule
       wins plain; height stays 48px from the 1.4.135 block. */
    body.hdf-footer-composition--furniture-showroom .footer-newsletter__form button {
        border-radius: 999px;
        padding-inline: 28px;
    }
}

/* 1.4.136 (owner order 2026-11-04 19:50): navigation row without the
   categories button — when the explore block is gated out on inner pages,
   the nav grid's first (departments-width) column would otherwise stay as
   a 10px gap before the menu. Collapse to a single column when no explore
   block exists inside the inner. Specificity beats the 6615 furniture
   grid rule; the homepage (explore present) is untouched. */
@media (min-width: 1024px) {
    body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-navigation--global-commerce .hdf-header-navigation__inner:not(:has(.hdf-header-navigation__explore)) {
        grid-template-columns: minmax(0, 1fr);
    }
    /* The menu navigation itself is pinned to grid-column 2 by the base
       rule; without this it would sit in an implicit second column and
       the menu would jump to the middle instead of the left edge. */
    body.hdf-template--furniture-store.hdf-header-composition--global-commerce .site-header--default .hdf-header-navigation--global-commerce .hdf-header-navigation__inner:not(:has(.hdf-header-navigation__explore)) .hdf-primary-navigation {
        grid-column: 1;
    }
}

/* 1.4.136 (owner order 2026-11-04 19:50): the drawer categories section
   holds nothing on inner pages once the explore block is gated out (the
   blog inline block is blog-only), so hide the section itself instead of
   leaving its padding and bottom border as an empty strip in the drawer.
   Homepage (explore present) and blog (inline block present) unaffected. */
.hdf-header-composition--global-commerce .hdf-global-commerce-nav-section--categories:not(:has(.hdf-header-navigation__explore, .hdf-blog-canvas-nav__categories)) {
    display: none;
}

/* 1.4.137 (owner order 2026-11-04 20:40): Need Help band back to a
   full-bleed orange background with contained content, and the subscribe
   bar rendered fully without drooping. */
@media (min-width: 1141px) {
    /* Full-bleed background: undo the 1.4.136 section containment (same
       specificity, later plain rules win). Section side padding stays 0
       so the inner container math aligns exactly with the other sections. */
    body.hdf-footer-composition--furniture-showroom .footer-support-newsletter {
        width: auto;
        margin-inline: 0;
    }
    /* Content width now comes from the footer_support_width setting
       (saved 1300 = the site container = the other sections' size), so the
       band's content sits exactly as wide as the other sections while its
       orange background spans the viewport. */
    body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__inner {
        width: min(calc(100% - var(--hdf-page-gutter)), var(--hdf-footer-support-width, var(--hdf-container)));
        margin-inline: auto;
    }
    /* Subscribe bar droop, root cause 1: the 7885 rule's margin-top: 14px
       (a leftover from when the form sat in its own row below the title)
       pushes the bar 14px down inside the shared actions/form row. The
       actions cell carries the matching 7868 margin-top: 14px !important,
       so both margins go together — removing only the form's would flip
       the misalignment to the other side (lab-proven: bar 14px above the
       buttons). */
    body.hdf-footer-composition--furniture-showroom .footer-newsletter__form-wrap {
        margin-top: 0;
    }
    body.hdf-footer-composition--furniture-showroom .footer-support-newsletter__actions {
        margin-top: 0 !important;
    }
    /* Subscribe bar droop, root cause 2: the 7872 rule fixes the FORM at
       40px while 1.4.135 raised input/button/icon to 48px, so the pill box
       was 8px shorter than its contents and the bar never rendered fully. */
    body.hdf-footer-composition--furniture-showroom .footer-newsletter__form {
        height: 48px;
    }
}

/* 1.4.138 (owner order 2026-11-04 22:33): the breadcrumb sits exactly
   15px below the header on every page that has one, with the remaining
   extra gap/padding removed. Measured before: archive pages carried a
   32px site-main padding-top plus the breadcrumb's own 12px top padding,
   so the breadcrumb text sat 44px below the header. After: site-main
   padding-top is 15px and the breadcrumb's own top padding is 0, so the
   breadcrumb box AND its text both start exactly 15px below the header;
   the 12px bottom padding stays, preserving the text-to-title gap below.
   The more specific shop rule (padding-block-start: 0) and single-product
   rule (5px) still beat this general rule, so shop gets its own 15px
   nudge below (its text already sat ~14px below the header) and single
   product keeps its 5px bridge. */
body.hdf-has-breadcrumbs .site-main {
    padding-block-start: 15px;
}
body:not(.woocommerce-shop) .woocommerce-breadcrumb {
    padding-block-start: 0;
}
body.woocommerce-shop.woocommerce .woocommerce-breadcrumb {
    padding-block-start: 15px;
}