:root {
  --shop-color-accent: #94a3b8;
  --shop-color-accent-fill: #475569;
  --shop-color-on-accent: #ffffff;
  --shop-color-page: #f6f9fb;
  --shop-color-surface: #ffffff;
  --shop-color-text: #0f172a;
  --shop-color-text-muted: #64748b;
  --shop-color-footer-bg: #1e293b;
  --shop-color-footer-text: #f1f5f9;
  --shop-color-header-bg: #94a3b8;
  --shop-color-header-text: #ffffff;
  --shop-footer-bg: #1e293b;
  --shop-footer-text: #f1f5f9;
  --shop-color-elevated: #ffffff;
  --shop-color-muted: #edf0f3;
  --shop-color-border: #dde0e4;
  --shop-color-border-strong: #cfd3d7;
  --shop-color-text-secondary: #64748b;
  --shop-color-form-panel-bg: #edf0f3;
  --shop-color-form-heading-bg: #e8ebee;
  --shop-color-input-bg: #e4e7ea;
  --shop-color-input-border: #cfd3d7;
  --shop-color-hover: #f3f6f9;
  --shop-color-header-border: #dde0e4;
  --shop-color-footer-border: #374152;
  --shop-button-primary-radius: 6px;
  --shop-button-primary-padding-y: 0.625rem;
  --shop-button-primary-font-weight: 600;
  --shop-button-primary-style: solid;
  --shop-card-radius: 8px;
  --shop-card-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
  --shop-card-border: none;
  --shop-input-radius: 6px;
  --shop-input-border: 1px solid rgba(15, 23, 42, 0.12);
  --shop-font-heading: "Hamour Cairo", "Segoe UI", Tahoma, Arial, sans-serif;
  --shop-font-body: "Hamour Tajawal", "Segoe UI", Tahoma, Arial, sans-serif;
  --shop-font-heading-weight: 600;
  --shop-font-body-weight: 400;
  --shop-font-size-xs: 0.8125rem;
  --shop-font-size-sm: 0.875rem;
  --shop-font-size-base: 1rem;
  --shop-font-size-lg: 1.125rem;
  --shop-heading-size-sm: 1.25rem;
  --shop-heading-size-md: 1.5rem;
  --shop-heading-size-lg: 1.875rem;
  --shop-heading-size-xl: 2.25rem;
  --shop-body-line-height: 1.6;
  --shop-heading-line-height: 1.25;
  --shop-home-entrance-duration: 1250ms;
  --shop-home-entrance-distance: 6rem;
  --shop-home-entrance-scale: 0.88;
  --shop-home-entrance-stagger: 220ms;
  --shop-home-entrance-easing: cubic-bezier(0.16, 1, 0.3, 1);
  --shop-layout-section-padding-y: 3rem;
  --shop-layout-section-gap: 2rem;
  --shop-layout-card-padding: 1.25rem;
  --shop-layout-card-gap: 1rem;
  --shop-layout-grid-gap: 1.25rem;
  --shop-layout-container-padding-x: 1.25rem;
  --shop-layout-form-gap: 1rem;
  --shop-layout-block-gap: 1.25rem;
  --shop-layout-hero-padding-y: 3.5rem;
  --shop-layout-checkout-gap: 2rem;
  --shop-layout-product-grid-gap: 1.25rem;
  --shop-hero-padding-y: 3rem;
  --shop-hero-content-gap: 1.25rem;
  --shop-hero-text-align: start;
  --shop-hero-max-width: 72rem;
  --shop-hero-aspect-ratio: 1920 / 700;
  --shop-hero-object-fit: cover;
  --shop-hero-object-position: center center;
  --shop-hero-media-radius: 0.75rem;
  --shop-hero-min-height: 0;
  --shop-hero-columns: 1;
  --shop-hero-overlay-opacity: 0;
  --shop-hero-content-justify: center;
  --shop-hero-content-align: flex-start;
  --shop-hero-content-position-text-align: start;
  --shop-hero-shadow: none;
  --shop-hero-transition-speed: 700ms;
  --shop-hero-autoplay-interval: 8500ms;
  --shop-hero-transition-easing: cubic-bezier(0.22, 1, 0.36, 1);
  --shop-section-homepage-static-bg: var(--shop-color-page);
  --shop-section-homepage-static-text-align: start;
  --shop-section-homepage-static-max-width: 72rem;
  --shop-section-homepage-static-radius: 0;
  --shop-section-homepage-static-shadow: none;
  --shop-section-homepage-static-border: none;
  --shop-section-homepage-static-accent-visibility: 0;
  --shop-section-homepage-static-gap: var(--shop-layout-block-gap, 1rem);
  --shop-section-marketing-bg: var(--shop-color-page);
  --shop-section-marketing-text-align: start;
  --shop-section-marketing-max-width: 64rem;
  --shop-section-marketing-radius: 0;
  --shop-section-marketing-shadow: none;
  --shop-section-marketing-border: none;
  --shop-section-marketing-accent-visibility: 0;
  --shop-section-marketing-gap: var(--shop-layout-block-gap, 1rem);
  --shop-section-footer-cta-bg: var(--shop-color-page);
  --shop-section-footer-cta-text-align: start;
  --shop-section-footer-cta-max-width: 72rem;
  --shop-section-footer-cta-radius: 0;
  --shop-section-footer-cta-shadow: none;
  --shop-section-footer-cta-border: none;
  --shop-section-footer-cta-accent-visibility: 0;
  --shop-section-footer-cta-gap: var(--shop-layout-block-gap, 1rem);
  --shop-header-bg: #94a3b8;
  --shop-header-text: #ffffff;
  --shop-header-border: #dde0e4;
  --shop-header-border-width: 1px;
  --shop-header-shadow: 0 1px 3px rgb(0 0 0 / 0.08);
  --shop-header-padding-y: 0.5rem;
  --shop-header-min-height: 4.5rem;
  --shop-header-location-bg: #94a3b8;
  --shop-header-location-color: #ffffff;
  --shop-header-location-muted-color: #cfd6df;
  --shop-header-search-bg: #a3b0c2;
  --shop-header-search-border: #b6c0cf;
  --shop-header-search-radius: var(--shop-radius-card, 0.875rem);
  --shop-header-search-height: 3rem;
  --shop-header-action-size: 2.75rem;
  --shop-header-action-min-width: 3.375rem;
  --shop-header-action-icon-size: 1.375rem;
  --shop-header-action-label-size: 0.75rem;
  --shop-header-action-label-weight: 600;
  --shop-header-action-label-line-height: 1.2;
  --shop-header-action-gap: 0.25rem;
  --shop-header-action-radius: 9999px;
  --shop-header-action-cluster-gap: 0.5rem;
  --shop-header-utility-bg: color-mix(in srgb, var(--shop-header-bg) 92%, var(--shop-color-muted, #f4f4f5));
  --shop-market-header-utility-height: 2.75rem;
  --shop-market-header-main-height: 4.5rem;
  --shop-market-header-search-max-width: 40rem;
  --shop-market-header-bg: #94a3b8;
  --shop-market-header-border: #dde0e4;
  --shop-market-header-shadow: 0 1px 3px rgb(0 0 0 / 0.08);
  --shop-category-pit-bg: #94a3b8;
  --shop-category-pit-color: #ffffff;
  --shop-category-pit-link-hover-bg: #aeb9c9;
  --shop-category-pit-transition-duration: 220ms;
  --shop-header-category-bg: #94a3b8;
  --shop-header-category-text: #ffffff;
  --shop-header-category-border: #dde0e4;
  --shop-header-control-border: #b6c0cf;
  --shop-header-control-bg: #a3b0c2;
  --shop-header-control-bg-hover: #aeb9c9;
  --shop-header-control-text: #ffffff;
  --shop-header-control-text-muted: #cfd6df;
  --shop-header-divider: #b6c0cf;
  --shop-header-mobile-context-height: 3.25rem;
  --shop-header-mobile-main-height: 3.25rem;
  --shop-header-mobile-search-height: 2.75rem;
  --shop-header-mobile-search-radius: 1.375rem;
  --shop-header-mobile-action-size: 2.5rem;
  --shop-header-mobile-action-min-width: 2.5rem;
  --shop-header-mobile-action-icon-size: 1.25rem;
  --shop-header-mobile-action-label-size: 0.6875rem;
  --shop-header-mobile-gap: 0.375rem;
  --shop-header-location-chip-bg: #a3b0c2;
  --shop-header-location-chip-color: #ffffff;
  --shop-header-location-chip-muted-color: #cfd6df;
  --shop-header-sticky: 1;
  --shop-header-position: sticky;
  --shop-header-top: 0;
  --shop-header-z-index: 50;
  --shop-category-bar-enabled: 1;
  --shop-header-logo-frame-width: auto;
  --shop-header-logo-frame-height: 3rem;
  --shop-header-logo-max-width: 11.5rem;
  --shop-header-logo-max-height: 3rem;
  --shop-header-mobile-logo-frame-width: auto;
  --shop-header-mobile-logo-frame-height: 2.75rem;
  --shop-header-mobile-logo-max-width: 9rem;
  --shop-header-mobile-logo-max-height: 2.75rem;
  --shop-header-logo-fit: contain;
  --shop-header-logo-viewport-cap: 34vw;
  --shop-header-mobile-logo-viewport-cap: 46vw;
  --shop-category-card-radius: 8px;
  --shop-category-card-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
  --shop-category-card-image-radius: 50%;
  --shop-category-card-size: 6.875rem;
  --shop-category-card-image-size: 6.875rem;
  --shop-category-card-title-align: center;
  --shop-category-card-padding: 0.75rem;
  --shop-category-card-gap: 1rem;
  --shop-category-grid-columns-mobile: 4;
  --shop-category-grid-columns-tablet: 6;
  --shop-category-grid-columns-desktop: 8;
  --shop-category-grid-gap: var(--shop-category-card-gap, clamp(0.75rem, 2vw, 1.5rem));
  --shop-category-grid-row-gap: var(--shop-category-card-gap, clamp(0.75rem, 2vw, 1.5rem));
  --shop-category-grid-item-gap: 0.3125rem;
  --shop-category-grid-header-gap: 0.5rem;
  --shop-category-grid-section-padding-x: var(--shop-layout-container-padding-x, clamp(1.25rem, 5vw, 2rem));
  --shop-category-grid-section-padding-x-lg: 2rem;
  --shop-category-grid-section-padding-x-sm: 1.25rem;
  --shop-category-grid-section-padding-y: 0.625rem;
  --shop-category-grid-card-bg: transparent;
  --shop-category-grid-card-radius: 0;
  --shop-category-grid-card-padding: 0;
  --shop-category-grid-title-color: var(--shop-color-text, #09090b);
  --shop-product-card-radius: 8px;
  --shop-product-card-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
  --shop-product-card-image-radius: 0.375rem;
  --shop-product-card-padding: 0.625rem;
  --shop-product-card-gap: 0.625rem;
  --shop-product-card-min-height: auto;
  --shop-product-card-button-radius: 6px;
  --shop-product-card-button-style: solid;
  --shop-product-card-price-weight: 600;
  --shop-product-card-price-color: inherit;
  --shop-product-card-title-lines: 2;
  --shop-product-card-title-line-height: 1.35;
  --shop-product-card-action-height: 2.25rem;
  --shop-product-card-icon-size: 1.75rem;
  --shop-product-card-action-gap: 0.5rem;
  --shop-product-strip-shadow: none;
  --shop-product-strip-gap: var(--shop-layout-product-grid-gap, 1.25rem);
  --shop-product-strip-view-all-bg: var(--shop-color-accent-fill, var(--shop-color-accent, #060c3b));
  --shop-product-strip-view-all-color: var(--shop-color-on-accent, #ffffff);
  --shop-product-strip-view-all-hover-bg: color-mix(in srgb, var(--shop-color-accent-fill, var(--shop-color-accent, #060c3b)) 88%, #000000);
  --shop-product-strip-transition-speed: 650ms;
  --shop-product-strip-autoplay-interval: 3000ms;
  --shop-product-strip-motion-mode: scroll_snap;
  --shop-product-strip-columns-desktop: 5;
  --shop-product-strip-columns-tablet: 2;
  --shop-product-strip-columns-mobile: 2;
  --shop-product-strip-slide-width: 228px;
  --shop-product-strip-slide-width-tablet: 224px;
  --shop-product-strip-slide-width-mobile: 224px;
  --shop-product-card-shine-duration: 900ms;
  --shop-marketing-banner-radius: 8px;
  --shop-marketing-banner-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
  --shop-marketing-banner-padding: 1rem;
  --shop-marketing-banner-gap: 0.75rem;
  --shop-marketing-banner-border: none;
  --shop-marketing-banner-cta-radius: 6px;
  --shop-marketing-banner-cta-style: solid;
  --shop-footer-cta-card-radius: 8px;
  --shop-footer-cta-card-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
  --shop-footer-cta-card-padding: 1rem;
  --shop-footer-cta-card-gap: 0.75rem;
  --shop-footer-cta-card-border: none;
  --shop-footer-cta-card-align: center;
  --shop-footer-cta-button-radius: 6px;
  --shop-footer-cta-button-style: solid;
}
.dark {
  --shop-color-accent: #ffffff;
  --shop-color-accent-fill: #2563eb;
  --shop-color-on-accent: #ffffff;
  --shop-color-page: #09090b;
  --shop-color-surface: #18181b;
  --shop-color-text: #fafafa;
  --shop-color-text-muted: #a1a1aa;
  --shop-color-footer-bg: #09090b;
  --shop-color-footer-text: #fafafa;
  --shop-color-header-bg: #18181b;
  --shop-color-header-text: #fafafa;
  --shop-footer-bg: #09090b;
  --shop-footer-text: #fafafa;
  --shop-color-elevated: #18181b;
  --shop-color-muted: #131315;
  --shop-color-border: #242425;
  --shop-color-border-strong: #323234;
  --shop-color-text-secondary: #a1a1aa;
  --shop-color-form-panel-bg: #131315;
  --shop-color-form-heading-bg: #171719;
  --shop-color-input-bg: #1c1c1e;
  --shop-color-input-border: #323234;
  --shop-color-hover: #101012;
  --shop-color-header-border: #242425;
  --shop-color-footer-border: #262628;
  --shop-button-primary-radius: 6px;
  --shop-button-primary-padding-y: 0.625rem;
  --shop-button-primary-font-weight: 600;
  --shop-button-primary-style: solid;
  --shop-card-radius: 8px;
  --shop-card-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
  --shop-card-border: none;
  --shop-input-radius: 6px;
  --shop-input-border: 1px solid rgba(15, 23, 42, 0.12);
  --shop-font-heading: "Hamour Cairo", "Segoe UI", Tahoma, Arial, sans-serif;
  --shop-font-body: "Hamour Tajawal", "Segoe UI", Tahoma, Arial, sans-serif;
  --shop-font-heading-weight: 600;
  --shop-font-body-weight: 400;
  --shop-font-size-xs: 0.8125rem;
  --shop-font-size-sm: 0.875rem;
  --shop-font-size-base: 1rem;
  --shop-font-size-lg: 1.125rem;
  --shop-heading-size-sm: 1.25rem;
  --shop-heading-size-md: 1.5rem;
  --shop-heading-size-lg: 1.875rem;
  --shop-heading-size-xl: 2.25rem;
  --shop-body-line-height: 1.6;
  --shop-heading-line-height: 1.25;
  --shop-home-entrance-duration: 1250ms;
  --shop-home-entrance-distance: 6rem;
  --shop-home-entrance-scale: 0.88;
  --shop-home-entrance-stagger: 220ms;
  --shop-home-entrance-easing: cubic-bezier(0.16, 1, 0.3, 1);
  --shop-layout-section-padding-y: 3rem;
  --shop-layout-section-gap: 2rem;
  --shop-layout-card-padding: 1.25rem;
  --shop-layout-card-gap: 1rem;
  --shop-layout-grid-gap: 1.25rem;
  --shop-layout-container-padding-x: 1.25rem;
  --shop-layout-form-gap: 1rem;
  --shop-layout-block-gap: 1.25rem;
  --shop-layout-hero-padding-y: 3.5rem;
  --shop-layout-checkout-gap: 2rem;
  --shop-layout-product-grid-gap: 1.25rem;
  --shop-hero-padding-y: 3rem;
  --shop-hero-content-gap: 1.25rem;
  --shop-hero-text-align: start;
  --shop-hero-max-width: 72rem;
  --shop-hero-aspect-ratio: 1920 / 700;
  --shop-hero-object-fit: cover;
  --shop-hero-object-position: center center;
  --shop-hero-media-radius: 0.75rem;
  --shop-hero-min-height: 0;
  --shop-hero-columns: 1;
  --shop-hero-overlay-opacity: 0;
  --shop-hero-content-justify: center;
  --shop-hero-content-align: flex-start;
  --shop-hero-content-position-text-align: start;
  --shop-hero-shadow: none;
  --shop-hero-transition-speed: 700ms;
  --shop-hero-autoplay-interval: 8500ms;
  --shop-hero-transition-easing: cubic-bezier(0.22, 1, 0.36, 1);
  --shop-section-homepage-static-bg: var(--shop-color-page);
  --shop-section-homepage-static-text-align: start;
  --shop-section-homepage-static-max-width: 72rem;
  --shop-section-homepage-static-radius: 0;
  --shop-section-homepage-static-shadow: none;
  --shop-section-homepage-static-border: none;
  --shop-section-homepage-static-accent-visibility: 0;
  --shop-section-homepage-static-gap: var(--shop-layout-block-gap, 1rem);
  --shop-section-marketing-bg: var(--shop-color-page);
  --shop-section-marketing-text-align: start;
  --shop-section-marketing-max-width: 64rem;
  --shop-section-marketing-radius: 0;
  --shop-section-marketing-shadow: none;
  --shop-section-marketing-border: none;
  --shop-section-marketing-accent-visibility: 0;
  --shop-section-marketing-gap: var(--shop-layout-block-gap, 1rem);
  --shop-section-footer-cta-bg: var(--shop-color-page);
  --shop-section-footer-cta-text-align: start;
  --shop-section-footer-cta-max-width: 72rem;
  --shop-section-footer-cta-radius: 0;
  --shop-section-footer-cta-shadow: none;
  --shop-section-footer-cta-border: none;
  --shop-section-footer-cta-accent-visibility: 0;
  --shop-section-footer-cta-gap: var(--shop-layout-block-gap, 1rem);
  --shop-header-bg: #94a3b8;
  --shop-header-text: #ffffff;
  --shop-header-border: #dde0e4;
  --shop-header-border-width: 1px;
  --shop-header-shadow: 0 1px 3px rgb(0 0 0 / 0.08);
  --shop-header-padding-y: 0.5rem;
  --shop-header-min-height: 4.5rem;
  --shop-header-location-bg: #94a3b8;
  --shop-header-location-color: #ffffff;
  --shop-header-location-muted-color: #cfd6df;
  --shop-header-search-bg: #a3b0c2;
  --shop-header-search-border: #b6c0cf;
  --shop-header-search-radius: var(--shop-radius-card, 0.875rem);
  --shop-header-search-height: 3rem;
  --shop-header-action-size: 2.75rem;
  --shop-header-action-min-width: 3.375rem;
  --shop-header-action-icon-size: 1.375rem;
  --shop-header-action-label-size: 0.75rem;
  --shop-header-action-label-weight: 600;
  --shop-header-action-label-line-height: 1.2;
  --shop-header-action-gap: 0.25rem;
  --shop-header-action-radius: 9999px;
  --shop-header-action-cluster-gap: 0.5rem;
  --shop-header-utility-bg: color-mix(in srgb, var(--shop-header-bg) 92%, var(--shop-color-muted, #f4f4f5));
  --shop-market-header-utility-height: 2.75rem;
  --shop-market-header-main-height: 4.5rem;
  --shop-market-header-search-max-width: 40rem;
  --shop-market-header-bg: #94a3b8;
  --shop-market-header-border: #dde0e4;
  --shop-market-header-shadow: 0 1px 3px rgb(0 0 0 / 0.08);
  --shop-category-pit-bg: #94a3b8;
  --shop-category-pit-color: #ffffff;
  --shop-category-pit-link-hover-bg: #aeb9c9;
  --shop-category-pit-transition-duration: 220ms;
  --shop-header-category-bg: #94a3b8;
  --shop-header-category-text: #ffffff;
  --shop-header-category-border: #dde0e4;
  --shop-header-control-border: #b6c0cf;
  --shop-header-control-bg: #a3b0c2;
  --shop-header-control-bg-hover: #aeb9c9;
  --shop-header-control-text: #ffffff;
  --shop-header-control-text-muted: #cfd6df;
  --shop-header-divider: #b6c0cf;
  --shop-header-mobile-context-height: 3.25rem;
  --shop-header-mobile-main-height: 3.25rem;
  --shop-header-mobile-search-height: 2.75rem;
  --shop-header-mobile-search-radius: 1.375rem;
  --shop-header-mobile-action-size: 2.5rem;
  --shop-header-mobile-action-min-width: 2.5rem;
  --shop-header-mobile-action-icon-size: 1.25rem;
  --shop-header-mobile-action-label-size: 0.6875rem;
  --shop-header-mobile-gap: 0.375rem;
  --shop-header-location-chip-bg: #a3b0c2;
  --shop-header-location-chip-color: #ffffff;
  --shop-header-location-chip-muted-color: #cfd6df;
  --shop-header-sticky: 1;
  --shop-header-position: sticky;
  --shop-header-top: 0;
  --shop-header-z-index: 50;
  --shop-category-bar-enabled: 1;
  --shop-header-logo-frame-width: auto;
  --shop-header-logo-frame-height: 3rem;
  --shop-header-logo-max-width: 11.5rem;
  --shop-header-logo-max-height: 3rem;
  --shop-header-mobile-logo-frame-width: auto;
  --shop-header-mobile-logo-frame-height: 2.75rem;
  --shop-header-mobile-logo-max-width: 9rem;
  --shop-header-mobile-logo-max-height: 2.75rem;
  --shop-header-logo-fit: contain;
  --shop-header-logo-viewport-cap: 34vw;
  --shop-header-mobile-logo-viewport-cap: 46vw;
  --shop-category-card-radius: 8px;
  --shop-category-card-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
  --shop-category-card-image-radius: 50%;
  --shop-category-card-size: 6.875rem;
  --shop-category-card-image-size: 6.875rem;
  --shop-category-card-title-align: center;
  --shop-category-card-padding: 0.75rem;
  --shop-category-card-gap: 1rem;
  --shop-category-grid-columns-mobile: 4;
  --shop-category-grid-columns-tablet: 6;
  --shop-category-grid-columns-desktop: 8;
  --shop-category-grid-gap: var(--shop-category-card-gap, clamp(0.75rem, 2vw, 1.5rem));
  --shop-category-grid-row-gap: var(--shop-category-card-gap, clamp(0.75rem, 2vw, 1.5rem));
  --shop-category-grid-item-gap: 0.3125rem;
  --shop-category-grid-header-gap: 0.5rem;
  --shop-category-grid-section-padding-x: var(--shop-layout-container-padding-x, clamp(1.25rem, 5vw, 2rem));
  --shop-category-grid-section-padding-x-lg: 2rem;
  --shop-category-grid-section-padding-x-sm: 1.25rem;
  --shop-category-grid-section-padding-y: 0.625rem;
  --shop-category-grid-card-bg: transparent;
  --shop-category-grid-card-radius: 0;
  --shop-category-grid-card-padding: 0;
  --shop-category-grid-title-color: var(--shop-color-text, #09090b);
  --shop-product-card-radius: 8px;
  --shop-product-card-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
  --shop-product-card-image-radius: 0.375rem;
  --shop-product-card-padding: 0.625rem;
  --shop-product-card-gap: 0.625rem;
  --shop-product-card-min-height: auto;
  --shop-product-card-button-radius: 6px;
  --shop-product-card-button-style: solid;
  --shop-product-card-price-weight: 600;
  --shop-product-card-price-color: inherit;
  --shop-product-card-title-lines: 2;
  --shop-product-card-title-line-height: 1.35;
  --shop-product-card-action-height: 2.25rem;
  --shop-product-card-icon-size: 1.75rem;
  --shop-product-card-action-gap: 0.5rem;
  --shop-product-strip-shadow: none;
  --shop-product-strip-gap: var(--shop-layout-product-grid-gap, 1.25rem);
  --shop-product-strip-view-all-bg: var(--shop-color-accent-fill, var(--shop-color-accent, #060c3b));
  --shop-product-strip-view-all-color: var(--shop-color-on-accent, #ffffff);
  --shop-product-strip-view-all-hover-bg: color-mix(in srgb, var(--shop-color-accent-fill, var(--shop-color-accent, #060c3b)) 88%, #000000);
  --shop-product-strip-transition-speed: 650ms;
  --shop-product-strip-autoplay-interval: 3000ms;
  --shop-product-strip-motion-mode: scroll_snap;
  --shop-product-strip-columns-desktop: 5;
  --shop-product-strip-columns-tablet: 2;
  --shop-product-strip-columns-mobile: 2;
  --shop-product-strip-slide-width: 228px;
  --shop-product-strip-slide-width-tablet: 224px;
  --shop-product-strip-slide-width-mobile: 224px;
  --shop-product-card-shine-duration: 900ms;
  --shop-marketing-banner-radius: 8px;
  --shop-marketing-banner-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
  --shop-marketing-banner-padding: 1rem;
  --shop-marketing-banner-gap: 0.75rem;
  --shop-marketing-banner-border: none;
  --shop-marketing-banner-cta-radius: 6px;
  --shop-marketing-banner-cta-style: solid;
  --shop-footer-cta-card-radius: 8px;
  --shop-footer-cta-card-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
  --shop-footer-cta-card-padding: 1rem;
  --shop-footer-cta-card-gap: 0.75rem;
  --shop-footer-cta-card-border: none;
  --shop-footer-cta-card-align: center;
  --shop-footer-cta-button-radius: 6px;
  --shop-footer-cta-button-style: solid;
}
.hm-hero-carousel-shadow-shell { position: relative; display: block; width: 100%; box-shadow: none !important; }
html[data-hm-hero-has-shadow="1"] main#main.home-main-content { overflow-x: visible; }
html[data-hm-hero-has-shadow="1"] .hm-hero-carousel-shadow-shell .shop-banner-carousel { box-shadow: var(--shop-hero-shadow) !important; overflow: visible; }
.hm-hero-carousel-shadow-shell .shop-banner-frame, .hm-hero-carousel-shadow-shell .shop-hero-media, .hm-hero-carousel-shadow-shell .shop-banner-image, .hm-hero-carousel-shadow-shell img, html[data-hm-hero-has-shadow="1"] .hm-hero-carousel-shadow-shell { box-shadow: none !important; filter: none !important; }
.shop-banner-frame { position: relative; }
.shop-banner-frame:not(.shop-hero-split)::before, .shop-hero-split .shop-banner-image::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background-color: #000; opacity: var(--shop-hero-overlay-opacity, 0); }
.shop-hero-split .shop-banner-image { position: relative; }
.shop-banner-overlay { z-index: 2; }
html[data-hm-hero-overlay="none"] .shop-banner-frame:not(.shop-hero-split)::before, html[data-hm-hero-overlay="none"] .shop-hero-split .shop-banner-image::before { display: none; }
.hm-hero-carousel-shadow-shell .shop-banner-carousel { border-radius: var(--shop-hero-media-radius, 0); overflow: hidden; }
.hm-hero-carousel-shadow-shell .shop-banner-frame, .hm-hero-carousel-shadow-shell .shop-banner-image, .hm-hero-carousel-shadow-shell .shop-hero-media { border-radius: inherit; overflow: hidden; }
html[data-hm-hero-has-shadow="1"] .hm-hero-carousel-shadow-shell .shop-banner-carousel { overflow: hidden; }
.hm-hero-carousel-shadow-shell .shop-banner-carousel { min-height: var(--shop-hero-min-height, 0); }
.hm-hero-carousel-shadow-shell .shop-banner-carousel > .inline-flex > div { min-height: 0; height: 100%; }
.hm-hero-carousel-shadow-shell .shop-banner-frame { min-height: inherit; }
html[data-hm-hero-height="cinematic"] .hm-hero-carousel-shadow-shell .shop-banner-carousel > .inline-flex > div .shop-banner-image img, html[data-hm-hero-height="cinematic"] .hm-hero-carousel-shadow-shell .shop-banner-carousel > .inline-flex > div > img { aspect-ratio: 21 / 9; max-height: none; }
@media (max-width: 767px) { html[data-hm-hero-height="cinematic"] .hm-hero-carousel-shadow-shell .shop-banner-carousel > .inline-flex > div .shop-banner-image img, html[data-hm-hero-height="cinematic"] .hm-hero-carousel-shadow-shell .shop-banner-carousel > .inline-flex > div > img { aspect-ratio: var(--shop-hero-mobile-aspect-ratio, var(--hm-hero-banner-ratio, 1920 / 700)); } }
.hm-hero-carousel-shadow-shell .shop-banner-carousel > .inline-flex { transition: transform var(--shop-hero-transition-speed, 550ms) var(--shop-hero-transition-easing, cubic-bezier(0.22, 1, 0.36, 1)); }
.hm-hero-carousel-shadow-shell .shop-banner-carousel > .inline-flex.is-dragging { transition: none !important; }
html[data-hm-hero-motion-arrows="hide"] .hamour-hero-carousel__nav { display: none !important; }
html[data-hm-hero-motion-dots="hide"] .hm-hero-carousel__pagination { display: none !important; }
.hm-hero-carousel__pagination { position: absolute; z-index: 3; inset-inline: 0; bottom: 0; display: flex; width: 100%; align-items: center; justify-content: center; gap: 0.5rem; margin: 0; padding: 1.25rem 0 0.625rem; pointer-events: none; background: linear-gradient(to top, color-mix(in srgb, var(--shop-color-text, #09090b) 32%, transparent) 0%, transparent 100%); }
.hm-hero-carousel__pagination-dot { height: 0.5rem; width: 0.5rem; flex-shrink: 0; cursor: pointer; border: none; border-radius: 9999px; background-color: color-mix(in srgb, var(--shop-color-text, #09090b) 22%, transparent); padding: 0; transition: width var(--shop-hero-transition-speed, 550ms) cubic-bezier(0.22, 1, 0.36, 1), background-color var(--shop-hero-transition-speed, 550ms) cubic-bezier(0.22, 1, 0.36, 1); }
.hm-hero-carousel__pagination-dot.is-active { width: 1.75rem; background-color: var(--shop-color-accent-fill, var(--shop-color-accent, #060c3b)); }
.hm-hero-carousel__pagination-dot:focus-visible { outline: 2px solid var(--shop-color-accent-fill, var(--shop-color-accent, #060c3b)); outline-offset: 2px; }
html[data-hm-hero-dots-style="dots"] .hm-hero-carousel__pagination-dot.is-active { width: 0.5rem; }
html[data-hm-hero-dots-style="bars"] .hm-hero-carousel__pagination-dot { width: 1.25rem; height: 0.25rem; border-radius: 0.125rem; }
html[data-hm-hero-dots-style="bars"] .hm-hero-carousel__pagination-dot.is-active { width: 2rem; height: 0.3125rem; }
html[data-hm-hero-motion-effect="fade"] .hm-hero-carousel-shadow-shell .shop-banner-carousel { position: relative; width: 100%; aspect-ratio: var(--shop-hero-mobile-aspect-ratio, var(--hm-hero-banner-ratio, 1920 / 700)); max-height: 100dvh; }
html[data-hm-hero-motion-effect="fade"] .hm-hero-carousel-shadow-shell .shop-banner-carousel > .inline-flex.hm-hero-carousel__slider--fade { display: block; width: 100%; height: 100%; min-height: inherit; transform: none !important; position: relative; }
html[data-hm-hero-motion-effect="fade"] .hm-hero-carousel-shadow-shell .shop-banner-carousel > .inline-flex.hm-hero-carousel__slider--fade > div { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; }
html[data-hm-hero-motion-effect="fade"] .hm-hero-carousel-shadow-shell .shop-banner-carousel > .inline-flex.hm-hero-carousel__slider--fade > div.is-active { opacity: 1; pointer-events: auto; z-index: 1; }
html[data-hm-hero-motion-effect="fade"] .hm-hero-carousel-shadow-shell .shop-banner-carousel > .inline-flex > div { transition: opacity var(--shop-hero-transition-speed, 550ms) var(--shop-hero-transition-easing, cubic-bezier(0.22, 1, 0.36, 1)); }
@media (min-width: 768px) { html[data-hm-hero-motion-preset="premium_commerce"][data-hm-hero-height="inherit"][data-hm-hero-motion-effect="fade"] .hm-hero-carousel-shadow-shell .shop-banner-carousel { min-height: 0; aspect-ratio: var(--shop-hero-desktop-aspect-ratio, var(--hm-hero-banner-ratio, 1920 / 700)); max-height: 100dvh; } }
@media (max-width: 767px) { html[data-hm-hero-motion-preset="premium_commerce"][data-hm-hero-height="inherit"][data-hm-hero-motion-effect="fade"] .hm-hero-carousel-shadow-shell .shop-banner-carousel { min-height: 0; aspect-ratio: var(--shop-hero-mobile-aspect-ratio, var(--hm-hero-banner-ratio, 1920 / 700)); } }
@media (prefers-reduced-motion: reduce) { .hm-hero-carousel-shadow-shell .shop-banner-carousel > .inline-flex { transition: none !important; } .hm-hero-carousel__pagination-dot { transition: none !important; } html[data-hm-hero-motion-effect="fade"] .hm-hero-carousel-shadow-shell .shop-banner-carousel > .inline-flex > div { transition: none !important; } }
.hm-shop-header { background-color: var(--shop-header-bg); color: var(--shop-header-text); border-color: var(--shop-header-border); box-shadow: var(--shop-header-shadow); position: var(--shop-header-position, sticky); top: var(--shop-header-top, 0); z-index: var(--shop-header-z-index, 50); width: 100%; }
.shop-header-bottom { background-color: var(--shop-header-bg); color: var(--shop-header-text); border-color: var(--shop-header-border); min-height: var(--shop-header-min-height); padding-block: var(--shop-header-padding-y); }
.hm-shop-category-bar { background-color: var(--shop-header-category-bg); color: var(--shop-header-category-text); border-color: var(--shop-header-category-border); }
.hm-shop-category-bar .hm-category-bar-item-link { color: var(--shop-header-category-text); }
.hm-shop-header .shop-header-icon-frame { border-color: var(--shop-header-control-border); background-color: var(--shop-header-control-bg); color: var(--shop-header-control-text); }
.hm-shop-header .shop-header-icon-frame:hover { background-color: var(--shop-header-control-bg-hover); color: var(--shop-header-control-text); }
.hm-shop-header .shop-header-bottom__currency { border-color: var(--shop-header-control-border); background-color: var(--shop-header-control-bg); color: var(--shop-header-control-text); }
.hm-shop-header .shop-header-bottom__currency:hover { background-color: var(--shop-header-control-bg-hover); }
.hm-shop-header .shop-header-bottom__toolbar-divider { background-color: var(--shop-header-divider); }
.hm-shop-header .shop-header-bottom__toolbar { color: var(--shop-header-control-text); }
.hm-shop-header .shop-header-bottom__toolbar .text-shop-text { color: var(--shop-header-control-text); }
.hm-shop-header .shop-header-bottom__toolbar .text-shop-text-muted { color: var(--shop-header-control-text-muted); }
.hm-shop-header .shop-header-bottom__toolbar .icon-compare, .hm-shop-header .shop-header-bottom__toolbar .icon-users, .hm-shop-header .shop-header-bottom__toolbar .icon-cart { color: var(--shop-header-control-text); }
.hm-shop-header .shop-all-categories-trigger { border-color: var(--shop-header-control-border); background-color: var(--shop-header-control-bg); color: var(--shop-header-control-text); }
.hm-shop-header .shop-all-categories-trigger:hover { background-color: var(--shop-header-control-bg-hover); border-color: var(--shop-header-control-border); }
.hm-shop-header .shop-all-categories-trigger .text-shop-text-muted { color: var(--shop-header-control-text-muted); }
.hm-shop-header .shop-header-auth-link, .hm-shop-header .shop-header-locale-btn { border-color: var(--shop-header-control-border); background-color: var(--shop-header-control-bg); color: var(--shop-header-control-text); }
.hm-shop-header .shop-header-auth-link:hover, .hm-shop-header .shop-header-locale-btn:hover { background-color: var(--shop-header-control-bg-hover); }
.hamour-mini-cart-drawer, .hm-shop-header .shop-header-bottom__toolbar v-mini-cart .hamour-mini-cart-drawer, .shop-header-bottom v-mini-cart .hamour-mini-cart-drawer { background-color: var(--shop-color-surface) !important; color: var(--shop-color-text) !important; }
.hamour-mini-cart-drawer .hamour-mini-cart-drawer__surface, .hm-shop-header .shop-header-bottom__toolbar v-mini-cart .hamour-mini-cart-drawer .hamour-mini-cart-drawer__surface { background-color: var(--shop-color-surface) !important; color: var(--shop-color-text) !important; }
.hamour-mini-cart-drawer .text-shop-text, .hm-shop-header .shop-header-bottom__toolbar v-mini-cart .hamour-mini-cart-drawer .text-shop-text { color: var(--shop-color-text) !important; }
.hamour-mini-cart-drawer .text-shop-text-muted, .hm-shop-header .shop-header-bottom__toolbar v-mini-cart .hamour-mini-cart-drawer .text-shop-text-muted { color: var(--shop-color-text-muted) !important; }
html[data-hm-header-sticky="0"] .hm-shop-header { position: relative; top: auto; z-index: 40; }
html[data-hm-header-sticky="1"] .hm-shop-header:not(.hm-shop-header--pinned) { position: sticky; top: 0; z-index: 50; box-shadow: none; }
.hm-shop-header--pinned { position: fixed !important; top: 0; inset-inline: 0; width: 100%; z-index: 50; padding-top: env(safe-area-inset-top, 0px); }
.hm-shop-header--pinned.hm-header--location-search { background-color: var(--shop-market-header-bg); }
html[data-hm-header-layout="location_search"] .hm-shop-header:not(.hm-shop-header--pinned) { width: 100%; }
.hm-header-sticky-spacer { display: block; width: 100%; flex-shrink: 0; pointer-events: none; }
.hm-shop-header { box-shadow: none !important; }
.hm-shop-category-bar { box-shadow: none !important; }
.hm-category-bar-scroll { position: relative; }
.hm-category-bar-scroll__arrow { position: absolute; top: 50%; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; border: 1px solid var(--shop-header-control-border); border-radius: 9999px; background: var(--shop-header-control-bg); color: var(--shop-header-control-text); box-shadow: none; cursor: pointer; transform: translateY(-50%); transition: background-color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease; }
.hm-category-bar-scroll__arrow:hover { background: var(--shop-header-control-bg-hover); border-color: var(--shop-header-control-border); }
.hm-category-bar-scroll__arrow--prev { inset-inline-start: 0; }
.hm-category-bar-scroll__arrow--next { inset-inline-end: 0; }
.hm-category-bar-scroll .hm-category-bar-scroll__track--with-arrows { padding-inline: 2.75rem; }
.hm-category-bar-scroll__track { cursor: grab; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; }
.hm-category-bar-scroll__track--dragging { cursor: grabbing; user-select: none; scroll-behavior: auto; }
.hm-category-bar-scroll__track--dragging .hm-category-bar-item-link { pointer-events: none; }
html[data-hm-category-bar-enabled="0"] .hm-shop-category-bar { display: none !important; }
html[data-hm-header-style="compact"] .shop-header-bottom__center { max-width: 28rem; }
html[data-hm-header-style="centered"] .shop-header-bottom { justify-content: center; text-align: center; }
html[data-hm-header-style="centered"] .shop-header-bottom__brand { flex: 1; justify-content: center; }
html[data-hm-header-style="centered"] .shop-header-bottom__center { flex: 2; }
html[data-hm-header-style="bold"] .shop-header-bottom { border-bottom-width: var(--shop-header-border-width); font-weight: 600; }
html[data-hm-category-bar-style="text_links"] .hm-category-bar-item-link { border-radius: 0; padding-inline: 1.25rem; text-transform: uppercase; background: transparent; border: 0; }
html[data-hm-category-bar-style="rounded_pills"] .hm-category-bar-item-link { border-radius: 9999px; padding: 0.375rem 0.875rem; background-color: var(--shop-color-muted); border: 1px solid var(--shop-header-category-border); text-transform: none; }
html[data-hm-category-bar-style="oval_chips"] .hm-category-bar-item-link { border-radius: 9999px / 60%; padding: 0.5rem 1rem; background-color: color-mix(in srgb, var(--shop-header-category-bg) 88%, var(--shop-color-muted)); border: 1px solid var(--shop-header-category-border); text-transform: none; }
html[data-hm-category-bar-style="square_tabs"] .hm-category-bar-item-link { border-radius: 0.25rem; padding: 0.375rem 0.75rem; background-color: var(--shop-color-muted); border: 1px solid var(--shop-header-category-border); text-transform: none; }
html[data-hm-header-layout="location_search"] .hm-location-header { background-color: var(--shop-header-bg); color: var(--shop-header-text); border-color: var(--shop-header-border); }
html[data-hm-header-layout="location_search"] .hm-location-header__utility { background-color: var(--shop-header-utility-bg); }
html[data-hm-header-layout="location_search"] .hm-location-header__main { background-color: var(--shop-header-bg); }
html[data-hm-header-layout="location_search"] .hm-location-header__location-chip { background-color: var(--shop-header-control-bg); border-color: var(--shop-header-control-border); }
html[data-hm-header-layout="location_search"] .hm-location-header__location { color: var(--shop-header-location-color); }
html[data-hm-header-layout="location_search"] .hm-location-header__location-subtitle { color: var(--shop-header-location-muted-color); }
html[data-hm-header-layout="location_search"] .hm-location-header__search { background-color: var(--shop-header-search-bg); border-color: var(--shop-header-search-border); border-radius: var(--shop-header-search-radius); min-height: var(--shop-header-search-height); }
html[data-hm-header-layout="location_search"] .hm-location-header__search-input { color: var(--shop-header-text); }
html[data-hm-header-layout="location_search"] .hm-location-header__search-image .icon-camera, html[data-hm-header-layout="location_search"] .hm-location-header__search-image label.icon-camera { position: relative !important; top: auto !important; inset-inline: auto !important; display: inline-flex; align-items: center; padding: 0 !important; cursor: pointer; color: var(--shop-header-control-text-muted); }
html[data-hm-header-layout="location_search"] .hm-location-header__search-image .icon-camera:hover, html[data-hm-header-layout="location_search"] .hm-location-header__search-image label.icon-camera:hover { color: var(--shop-accent); }
.hm-header-logo-frame { width: var(--shop-header-logo-frame-width); max-width: min(var(--shop-header-logo-max-width), var(--shop-header-logo-viewport-cap, 100%)); height: var(--shop-header-logo-frame-height); max-height: var(--shop-header-logo-max-height); display: inline-flex; align-items: center; justify-content: flex-start; flex: 0 1 auto; line-height: 0; overflow: visible; }
.hm-header-logo-frame--compact, .hm-header-logo-frame.hm-location-header__logo--compact { width: var(--shop-header-mobile-logo-frame-width); max-width: min(var(--shop-header-mobile-logo-max-width), var(--shop-header-mobile-logo-viewport-cap, 100%)); height: var(--shop-header-mobile-logo-frame-height); max-height: var(--shop-header-mobile-logo-max-height); }
.hm-header-logo-img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: var(--shop-header-logo-fit, contain); object-position: center; filter: drop-shadow(0 1px 1px rgba(15, 23, 42, 0.1)); }
html[data-hm-header-layout="location_search"] .hm-location-header__location-chip--compact { border-radius: var(--shop-header-search-radius); }
html[data-hm-header-layout="location_search"] .hm-location-header__commerce { align-items: center; }
html[data-hm-header-layout="location_search"] .hm-header-action { min-width: var(--shop-header-action-min-width); min-height: var(--shop-header-action-size); display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--shop-header-action-gap); text-align: center; flex: 0 0 auto; color: var(--shop-header-control-text); text-decoration: none; cursor: pointer; }
html[data-hm-header-layout="location_search"] .hm-header-action:hover { color: var(--shop-accent); }
html[data-hm-header-layout="location_search"] .hm-header-action__icon { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: var(--shop-header-action-icon-size); height: var(--shop-header-action-icon-size); min-width: var(--shop-header-action-icon-size); min-height: var(--shop-header-action-icon-size); max-width: var(--shop-header-action-icon-size); max-height: var(--shop-header-action-icon-size); aspect-ratio: 1 / 1; }
html[data-hm-header-layout="location_search"] .hm-header-action__icon svg, html[data-hm-header-layout="location_search"] .hm-header-action__icon img { width: var(--shop-header-action-icon-size); height: var(--shop-header-action-icon-size); min-width: var(--shop-header-action-icon-size); min-height: var(--shop-header-action-icon-size); max-width: var(--shop-header-action-icon-size); max-height: var(--shop-header-action-icon-size); aspect-ratio: 1 / 1; object-fit: contain; flex: 0 0 auto; }
html[data-hm-header-layout="location_search"] .hm-header-action__icon [class^="icon-"], html[data-hm-header-layout="location_search"] .hm-header-action__icon [class*=" icon-"] { display: inline-flex; align-items: center; justify-content: center; width: var(--shop-header-action-icon-size); height: var(--shop-header-action-icon-size); min-width: var(--shop-header-action-icon-size); min-height: var(--shop-header-action-icon-size); max-width: var(--shop-header-action-icon-size); max-height: var(--shop-header-action-icon-size); font-size: var(--shop-header-action-icon-size); line-height: 1; aspect-ratio: 1 / 1; flex: 0 0 auto; }
html[data-hm-header-layout="location_search"] .hm-header-action__label { font-size: var(--shop-header-action-label-size); font-weight: var(--shop-header-action-label-weight); line-height: var(--shop-header-action-label-line-height); white-space: nowrap; text-align: center; color: inherit; }
html[data-hm-header-layout="location_search"] .hm-header-action__badge, html[data-hm-header-layout="location_search"] .hm-header-action__icon .absolute { z-index: 1; }
html[data-hm-header-layout="location_search"] .hm-header-action-cluster { display: inline-flex; flex-wrap: nowrap; align-items: flex-end; gap: var(--shop-header-action-cluster-gap); flex: 0 0 auto; }
html[data-hm-header-layout="location_search"] .hm-header-action-cluster--desktop { gap: 0.75rem; }
html[data-hm-header-layout="location_search"] .hm-header-action .shop-header-icon-frame { width: var(--shop-header-action-icon-size); height: var(--shop-header-action-icon-size); min-width: var(--shop-header-action-icon-size); min-height: var(--shop-header-action-icon-size); max-width: var(--shop-header-action-icon-size); max-height: var(--shop-header-action-icon-size); border: 0; background: transparent; padding: 0; border-radius: var(--shop-header-action-radius); color: inherit; }
html[data-hm-header-layout="location_search"] .hm-header-action .shop-header-icon-frame:hover { background: transparent; color: var(--shop-accent); }
html[data-hm-header-layout="location_search"] .hm-header-action .shop-header-icon-frame [class^="icon-"], html[data-hm-header-layout="location_search"] .hm-header-action .shop-header-icon-frame [class*=" icon-"] { font-size: var(--shop-header-action-icon-size); line-height: 1; }
html[data-hm-header-layout="location_search"] .hm-header-action--locale .shop-header-locale-btn { flex-direction: column; align-items: center; justify-content: center; gap: var(--shop-header-action-gap); border: 0; background: transparent; padding: 0; min-width: var(--shop-header-action-min-width); min-height: var(--shop-header-action-size); height: auto; color: inherit; font-size: var(--shop-header-action-label-size); font-weight: var(--shop-header-action-label-weight); line-height: var(--shop-header-action-label-line-height); }
html[data-hm-header-layout="location_search"] .hm-header-action--locale .shop-header-locale-btn img { width: var(--shop-header-action-icon-size); height: var(--shop-header-action-icon-size); min-width: var(--shop-header-action-icon-size); min-height: var(--shop-header-action-icon-size); object-fit: contain; aspect-ratio: 1 / 1; }
html[data-hm-header-layout="location_search"] .hm-header-action--locale .shop-header-locale-btn span { font-size: var(--shop-header-action-label-size); font-weight: var(--shop-header-action-label-weight); line-height: var(--shop-header-action-label-line-height); }
html[data-hm-header-layout="location_search"] .hm-location-header__context-row .hm-header-action { min-width: var(--shop-header-mobile-action-min-width); min-height: var(--shop-header-mobile-action-size); }
html[data-hm-header-layout="location_search"] .hm-location-header__context-row .hm-header-action__icon, html[data-hm-header-layout="location_search"] .hm-location-header__context-row .hm-header-action__icon svg, html[data-hm-header-layout="location_search"] .hm-location-header__context-row .hm-header-action__icon img { width: var(--shop-header-mobile-action-icon-size); height: var(--shop-header-mobile-action-icon-size); min-width: var(--shop-header-mobile-action-icon-size); min-height: var(--shop-header-mobile-action-icon-size); max-width: var(--shop-header-mobile-action-icon-size); max-height: var(--shop-header-mobile-action-icon-size); }
html[data-hm-header-layout="location_search"] .hm-location-header__context-row .hm-header-action__icon [class^="icon-"], html[data-hm-header-layout="location_search"] .hm-location-header__context-row .hm-header-action__icon [class*=" icon-"] { width: var(--shop-header-mobile-action-icon-size); height: var(--shop-header-mobile-action-icon-size); min-width: var(--shop-header-mobile-action-icon-size); min-height: var(--shop-header-mobile-action-icon-size); max-width: var(--shop-header-mobile-action-icon-size); max-height: var(--shop-header-mobile-action-icon-size); font-size: var(--shop-header-mobile-action-icon-size); }
html[data-hm-header-layout="location_search"] .hm-location-header__context-row .hm-header-action .shop-header-icon-frame { width: var(--shop-header-mobile-action-icon-size); height: var(--shop-header-mobile-action-icon-size); min-width: var(--shop-header-mobile-action-icon-size); min-height: var(--shop-header-mobile-action-icon-size); max-width: var(--shop-header-mobile-action-icon-size); max-height: var(--shop-header-mobile-action-icon-size); }
html[data-hm-header-layout="location_search"] .hm-location-header__context-row .hm-header-action--icon-only .hm-header-action__label, html[data-hm-header-layout="location_search"] .hm-location-header__primary-row .hm-header-action--icon-only .hm-header-action__label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
html[data-hm-header-layout="location_search"] .hm-location-header__primary-row .hm-header-action--menu { min-width: var(--shop-header-mobile-action-min-width); min-height: var(--shop-header-mobile-action-size); }
html[data-hm-header-layout="location_search"] .hm-location-header__primary-row .hm-header-action--menu .hm-header-action__icon, html[data-hm-header-layout="location_search"] .hm-location-header__primary-row .hm-header-action--menu .shop-header-icon-frame { width: var(--shop-header-mobile-action-icon-size); height: var(--shop-header-mobile-action-icon-size); min-width: var(--shop-header-mobile-action-icon-size); min-height: var(--shop-header-mobile-action-icon-size); max-width: var(--shop-header-mobile-action-icon-size); max-height: var(--shop-header-mobile-action-icon-size); }
html[data-hm-header-layout="location_search"] .hm-location-header__primary-row .hm-header-action--menu .shop-header-icon-frame [class^="icon-"] { font-size: var(--shop-header-mobile-action-icon-size); line-height: 1; }
html[data-hm-header-layout="location_search"] .hm-location-header__context-row .hm-header-action-cluster { gap: var(--shop-header-mobile-gap); align-items: center; }
html[data-hm-header-layout="location_search"] .hm-location-header__context-row .hm-header-action--locale .shop-header-locale-btn { min-width: var(--shop-header-mobile-action-min-width); min-height: var(--shop-header-mobile-action-size); }
html[data-hm-header-layout="location_search"] .hm-location-header__context-row .hm-header-action--locale .shop-header-locale-btn span { display: none; }
html[data-hm-header-layout="location_search"] .hm-location-header__context-row .hm-header-action--locale .shop-header-locale-btn img { width: var(--shop-header-mobile-action-icon-size); height: var(--shop-header-mobile-action-icon-size); min-width: var(--shop-header-mobile-action-icon-size); min-height: var(--shop-header-mobile-action-icon-size); }
html[data-hm-header-layout="location_search"] .hm-market-header__sticky-shell { position: relative; top: auto; background-color: var(--shop-market-header-bg); }
html[data-hm-header-layout="location_search"][data-hm-header-sticky="1"] .hm-shop-header.hm-header--location-search { background-color: var(--shop-market-header-bg); box-shadow: var(--shop-market-header-shadow); }
html[data-hm-header-layout="location_search"] .hm-location-header__desktop-toolbar { display: grid; grid-template-columns: minmax(0, auto) minmax(12rem, 1fr) minmax(0, auto); align-items: center; column-gap: clamp(0.5rem, 1.5vw, 1rem); row-gap: 0.5rem; min-height: 3.75rem; }
html[data-hm-header-layout="location_search"] .hm-location-header__desktop-start { justify-self: start; min-width: 0; max-width: min(100%, 28rem); }
html[data-hm-header-layout="location_search"] .hm-location-header__desktop-center { justify-self: stretch; width: 100%; min-width: 0; max-width: none; padding-inline: 0.25rem; }
html[data-hm-header-layout="location_search"] .hm-location-header__desktop-end { justify-self: end; min-width: 0; }
html[data-hm-header-layout="location_search"] .hm-location-header__desktop-brand-cluster { flex-shrink: 1; min-width: 0; gap: clamp(0.5rem, 1.2vw, 1rem); }
html[data-hm-header-layout="location_search"] .hm-location-header__desktop-search { width: 100%; min-width: 0; max-width: none; min-height: 3rem; border-width: 0; box-shadow: none; }
html[data-hm-header-layout="location_search"] .hm-market-category-menu { min-width: 0; }
html[data-hm-header-layout="location_search"] .hm-market-category-menu__panel { background-color: var(--shop-color-surface); color: var(--shop-color-text); border-color: var(--shop-header-border); }
html[data-hm-header-layout="location_search"] .hm-market-category-menu__scroll { overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
html[data-hm-header-layout="location_search"] .hm-market-category-menu__link:hover { background-color: var(--shop-category-pit-link-hover-bg); }
html[data-hm-header-layout="location_search"] .hm-market-category-menu__nested-chevron { display: inline-block; font-size: 0.95rem; font-weight: 700; line-height: 1; opacity: 0.85; transform: none; transition: transform 0.18s ease, opacity 0.18s ease; }
html[data-hm-header-layout="location_search"] .hm-market-category-menu__nested-toggle[aria-expanded="true"] .hm-market-category-menu__nested-chevron { opacity: 1; transform: rotate(90deg); }
html[dir="rtl"][data-hm-header-layout="location_search"] .hm-market-category-menu__nested-toggle[aria-expanded="true"] .hm-market-category-menu__nested-chevron { transform: rotate(-90deg); }
html[data-hm-header-layout="location_search"] .hm-market-category-menu__tree-main { display: inline-flex; max-width: 100%; min-width: 0; align-items: center; gap: 0.15rem; }
html[data-hm-header-layout="location_search"] .hm-market-category-menu__branch { margin: 0 0 0.25rem; padding: 0 0 0 0.75rem; list-style: none; border: 0; border-inline-start: 1px solid color-mix(in srgb, var(--shop-color-border, #e5e7eb) 80%, transparent); }
html[data-hm-header-layout="location_search"] .hm-market-category-menu__branch--root { padding-inline-start: 0; border-inline-start: 0; margin-block-end: 0; }
html[data-hm-header-layout="location_search"][data-hm-category-menu="0"] .hm-market-category-menu { display: none !important; }
html[data-hm-header-layout="location_search"] .hm-market-category-menu__trigger,
            html[data-hm-header-layout="location_search"] .hm-market-category-menu__trigger:hover,
            html[data-hm-header-layout="location_search"] .hm-market-category-menu__trigger:focus,
            html[data-hm-header-layout="location_search"] .hm-market-category-menu__trigger:focus-visible,
            html[data-hm-header-layout="location_search"] .hm-market-category-menu__trigger:active,
            html[data-hm-header-layout="location_search"] .hm-market-category-menu__trigger[aria-expanded="true"],
            html[data-hm-header-layout="location_search"] .hm-market-category-menu__trigger--inline,
            html[data-hm-header-layout="location_search"] .hm-market-category-menu__trigger--inline:hover,
            html[data-hm-header-layout="location_search"] .hm-market-category-menu__trigger--inline:focus,
            html[data-hm-header-layout="location_search"] .hm-market-category-menu__trigger--inline:focus-visible,
            html[data-hm-header-layout="location_search"] .hm-market-category-menu__trigger--inline:active,
            html[data-hm-header-layout="location_search"] .hm-market-category-menu__trigger--inline[aria-expanded="true"] { letter-spacing: 0; color: var(--shop-header-control-text) !important; }
html[data-hm-header-layout="location_search"] .hm-market-category-menu__trigger span,
            html[data-hm-header-layout="location_search"] .hm-market-category-menu__trigger:hover span,
            html[data-hm-header-layout="location_search"] .hm-market-category-menu__trigger[aria-expanded="true"] span,
            html[data-hm-header-layout="location_search"] .hm-market-category-menu__trigger [class^="icon-"],
            html[data-hm-header-layout="location_search"] .hm-market-category-menu__trigger [class*=" icon-"],
            html[data-hm-header-layout="location_search"] .hm-market-category-menu__trigger:hover [class^="icon-"],
            html[data-hm-header-layout="location_search"] .hm-market-category-menu__trigger:hover [class*=" icon-"] { color: inherit !important; }
html[data-hm-header-layout="location_search"] .hm-location-header__context-row { min-height: var(--shop-header-mobile-context-height); align-items: center; }
html[data-hm-header-layout="location_search"] .hm-location-header__context-start { min-width: 0; }
html[data-hm-header-layout="location_search"] .hm-location-header__mobile-utility-actions .hm-location-header__utility-actions { gap: var(--shop-header-mobile-gap); }
html[data-hm-header-layout="location_search"] .hm-location-header__primary-row { min-height: var(--shop-header-mobile-main-height); align-items: center; gap: var(--shop-header-mobile-gap); }
html[data-hm-header-layout="location_search"] .hm-location-header__mobile-search { min-height: var(--shop-header-mobile-search-height); border-radius: var(--shop-header-mobile-search-radius); background-color: var(--shop-header-search-bg); border-color: var(--shop-header-search-border); flex: 1 1 auto; min-width: 0; }
html[data-hm-header-layout="location_search"] .hm-location-header__mobile-search .hm-location-header__search-input { min-height: calc(var(--shop-header-mobile-search-height) - 0.5rem); }
html[data-hm-header-layout="location_search"] .hm-location-header__mobile-search .hm-location-header__search-leading-icon { width: var(--shop-header-mobile-action-icon-size); text-align: center; font-size: var(--shop-header-mobile-action-icon-size); line-height: 1; }
html[data-hm-header-layout="location_search"] .hm-location-header__search-image--mobile { position: static; transform: none; min-width: 1.75rem; justify-content: center; }
html[data-hm-header-layout="location_search"] .hm-location-header__search-image--mobile .icon-camera, html[data-hm-header-layout="location_search"] .hm-location-header__search-image--mobile label.icon-camera, html[data-hm-header-layout="location_search"] .hm-location-header__search-image--mobile label.absolute { position: relative !important; top: auto !important; right: auto !important; left: auto !important; inset: auto !important; display: inline-flex !important; align-items: center; justify-content: center; width: 1.625rem; height: 1.625rem; padding: 0 !important; margin: 0 !important; font-size: 1rem !important; }
html[data-hm-header-layout="location_search"] .hm-location-header__location-inline { color: var(--shop-header-location-chip-muted-color); }
html[data-hm-header-layout="location_search"] .hm-location-header__location-inline:hover { color: var(--shop-accent); }
html[data-hm-header-layout="location_search"] .hm-location-header__location-chip--compact { max-width: min(100%, 18rem); }
html[data-hm-header-layout="location_search"] .hm-location-header__utility-start { min-width: 0; }
html[data-hm-header-layout="location_search"] .hm-market-header__brand { flex-shrink: 1; min-width: 0; }
html[data-hm-header-layout="location_search"] .hm-location-header__location-chip--icon-only { padding: 0; }
html[data-hm-header-style="classic"] .hm-shop-header { /* style hook */ }
html[data-hm-mobile-nav="modern"] .hm-mobile-navbar { display: grid; }
html[data-hm-mobile-nav="modern"] .hamour-mobile-cart-bar, html[data-hm-mobile-nav="modern"] .allaia-mobile-cart-bar, html[data-hm-mobile-nav="modern"] .retail-mobile-cart-bar, html[data-hm-mobile-nav="modern"] [id$="-mobile-cart-bar"] { display: none !important; visibility: hidden !important; pointer-events: none !important; }
@media (max-width: 1023px) { html[data-hm-mobile-nav="modern"] .hm-shop-category-bar, html[data-hm-mobile-nav="modern"] .hm-location-header__primary-row, html[data-hm-mobile-nav="modern"] .hm-header-action--menu, html[data-hm-mobile-nav="modern"] .hm-mobile-header-actions, html[data-hm-mobile-nav="modern"] .hm-location-header__commerce-actions, html[data-hm-mobile-nav="modern"] .hm-header-action--cart, html[data-hm-mobile-nav="modern"] .hm-header-action--wishlist { display: none !important; } html[data-hm-mobile-nav="modern"] .hm-location-header__mobile-utility-actions, html[data-hm-mobile-nav="modern"] .hm-mobile-auth-actions { display: flex !important; align-items: center; } }
html[data-hm-mobile-nav="modern"] .hm-header-action--menu v-mobile-drawer, html[data-hm-mobile-nav="modern"] .hm-mobile-top-nav v-mobile-drawer { pointer-events: none; }
.hm-categories-carousel__shell { position: relative; z-index: 0; isolation: isolate; }
@media (min-width: 1024px) { .hm-categories-carousel__shell { padding-inline: 3rem; } }
.hm-categories-carousel__viewport { -webkit-overflow-scrolling: touch; scroll-padding-inline: 1rem; }
.hm-categories-carousel__viewport:not(.hm-categories-carousel__viewport--overflow) .hm-categories-carousel__track { margin-inline: auto; }
.hm-categories-carousel__track { display: flex; width: fit-content; flex-wrap: nowrap; gap: clamp(0.75rem, 2vw, 1.5rem); padding-block: 0.5rem; }
@media (max-width: 1023px) { .hm-categories-carousel__viewport--overflow .hm-categories-carousel__track { padding-inline-start: 1rem; } .hm-categories-carousel__arrow { display: none !important; } }
.hm-categories-carousel__arrow { position: absolute; top: 50%; z-index: 1; display: none; align-items: center; justify-content: center; border: 1px solid var(--shop-color-border, #e4e4e7); border-radius: 9999px; background: var(--shop-color-surface, #ffffff); color: var(--shop-color-text, #09090b); box-shadow: none; cursor: pointer; transform: translateY(-50%); transition: background-color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease; pointer-events: auto; }
@media (min-width: 1024px) { .hm-categories-carousel__arrow { display: inline-flex; } }
.hm-categories-carousel__arrow:hover:not(.is-disabled) { background: var(--shop-color-muted, #f4f4f5); border-color: color-mix(in srgb, var(--shop-color-accent, #060c3b) 22%, var(--shop-color-border, #e4e4e7)); }
.hm-categories-carousel__arrow--prev { inset-inline-start: 0.25rem; }
.hm-categories-carousel__arrow--next { inset-inline-end: 0.25rem; }
.hm-categories-carousel__arrow.is-disabled { opacity: 0.35; cursor: default; box-shadow: none; }
.hm-category-card { display: flex; flex: 0 0 auto; flex-direction: column; width: var(--shop-category-card-image-size); min-width: 4.75rem; max-width: 10.5rem; padding: 0; background: transparent; border: none; box-shadow: none; transition: transform 0.22s ease; }
.hm-category-card:hover { transform: translateY(-0.2rem); }
.hm-category-card:focus-within { outline: none; }
.hm-category-card:focus-within .hm-category-card-image { outline: 2px solid color-mix(in srgb, var(--shop-color-accent, #060c3b) 35%, transparent); outline-offset: 2px; }
.hm-category-card__link { display: block; width: 100%; min-width: 0; text-decoration: none; color: inherit; }
.hm-category-card-image { position: relative; width: 100%; aspect-ratio: 4 / 5; overflow: hidden; border-radius: var(--shop-category-card-image-radius); background-color: var(--shop-color-muted); box-shadow: var(--shop-category-card-shadow, none); transition: box-shadow 0.22s ease; }
.hm-category-card-image__media, .hm-category-card-image img, .hm-category-card-image .lazy-image, .hm-category-card-image picture { width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s ease; }
.hm-category-card:hover .hm-category-card-image__media, .hm-category-card:hover .hm-category-card-image img, .hm-category-card:hover .hm-category-card-image .lazy-image, .hm-category-card:hover .hm-category-card-image picture { transform: scale(1.05); }
.hm-category-card__overlay { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 0.3125rem; padding: 0.75rem 0.625rem; background: linear-gradient(180deg, transparent 32%, color-mix(in srgb, var(--shop-color-text, #09090b) 18%, transparent) 58%, color-mix(in srgb, var(--shop-color-text, #09090b) 72%, transparent) 100%); }
.hm-category-card-title { margin: 0; width: 100%; text-align: var(--shop-category-card-title-align); font-weight: 600; line-height: 1.3; color: #ffffff; text-shadow: 0 1px 3px color-mix(in srgb, #000000 45%, transparent); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; }
.hm-category-card-count { display: inline-flex; align-items: center; justify-content: center; max-width: 100%; padding: 0.1875rem 0.5rem; border-radius: 9999px; background: color-mix(in srgb, #ffffff 92%, transparent); color: var(--shop-color-text-secondary, #52525b); font-size: 0.6875rem; font-weight: 600; line-height: 1.25; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-shadow: 0 1px 4px color-mix(in srgb, #000000 12%, transparent); }
html[data-hm-category-card-style="image_top"] .hm-category-card-image { aspect-ratio: 1; }
html[data-hm-category-card-style="circle_image"] .hm-category-card-image { aspect-ratio: 1; border-radius: 50%; }
html[data-hm-category-card-style="compact"] .hm-category-card { width: calc(var(--shop-category-card-image-size) * 0.88); }
html[data-hm-category-card-image-shape="square"] .hm-category-card-image { border-radius: 0; }
html[data-hm-category-card-image-shape="rounded"] .hm-category-card-image { border-radius: 0.75rem; }
html[data-hm-category-card-image-shape="circle"] .hm-category-card-image { aspect-ratio: 1; border-radius: 50%; }
html[data-hm-category-card-image-shape="oval"] .hm-category-card-image { aspect-ratio: 4 / 5; border-radius: 50% / 42%; }
html[data-hm-category-card-size="compact"] .hm-category-card-title { font-size: 0.8125rem; }
html[data-hm-category-card-size="comfortable"] .hm-category-card-title { font-size: 1rem; }
html[data-hm-category-card-title-align="start"] .hm-category-card__overlay { align-items: flex-start; }
html[data-hm-category-card-title-align="center"] .hm-category-card__overlay { align-items: center; }
@media (max-width: 768px) { .hm-category-card { width: calc(var(--shop-category-card-image-size) * 0.78); } }
@media (max-width: 640px) { .hm-category-card { width: calc(var(--shop-category-card-image-size) * 0.62); } .hm-category-card__overlay { padding: 0.5rem 0.4375rem; } .hm-category-card-count { font-size: 0.625rem; padding-inline: 0.375rem; } }
.hm-category-card__content { display: none; }
html[data-hm-category-card-title-placement="below_image"] .hm-category-card__overlay { display: none; }
html[data-hm-category-card-title-placement="below_image"] .hm-category-card__content { display: flex; flex-direction: column; align-items: var(--shop-category-card-title-align, center); gap: 0.3125rem; margin-top: 0.5rem; width: 100%; }
html[data-hm-category-card-title-placement="below_image"] .hm-category-card-title { color: var(--shop-color-text, #09090b); text-shadow: none; }
html[data-hm-category-card-title-placement="below_image"] .hm-category-card-count { background: var(--shop-color-muted, #f4f4f5); color: var(--shop-color-text-secondary, #52525b); box-shadow: none; }
html[data-hm-category-card-title-align="start"][data-hm-category-card-title-placement="below_image"] .hm-category-card__content { align-items: flex-start; }
html[data-hm-category-card-title-align="center"][data-hm-category-card-title-placement="below_image"] .hm-category-card__content { align-items: center; }
@media (prefers-reduced-motion: reduce) { .hm-category-card, .hm-category-card-image, .hm-category-card-image img, .hm-category-card-image .lazy-image, .hm-category-card-image picture, .hm-category-card-image__media, .hm-categories-carousel__arrow { transition: none !important; } .hm-category-card:hover { transform: none; } .hm-category-card:hover .hm-category-card-image img, .hm-category-card:hover .hm-category-card-image .lazy-image, .hm-category-card:hover .hm-category-card-image picture, .hm-category-card:hover .hm-category-card-image__media { transform: none; } }
.hm-category-section { width: 100%; }
.hm-category-section__header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.hm-category-section__title { margin: 0; font-weight: 600; line-height: 1.25; color: var(--shop-color-text, #09090b); }
.hm-category-section__view-all { display: inline-flex; align-items: center; gap: 0.375rem; text-decoration: none; white-space: nowrap; }
html[data-hm-category-display-mode="data_grid"] .hm-category-section--carousel { display: none !important; }
html[data-hm-category-display-mode="carousel"] .hm-category-section--data-grid { display: none !important; }
html[data-hm-category-display-mode="data_grid"] .hm-category-section--data-grid { display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 100%; margin-top: 0; padding-inline: 0; box-sizing: border-box; }
html[data-hm-category-display-mode="data_grid"] .hm-category-grid, .hm-category-section:has(.hm-category-section--data-grid) .hm-category-grid { display: grid; width: 100%; max-width: 100%; margin-inline: auto; justify-content: center; justify-items: center; box-sizing: border-box; grid-template-columns: repeat(var(--shop-category-grid-columns-mobile, 4), minmax(0, 1fr)); column-gap: var(--shop-category-grid-gap, var(--shop-category-card-gap, 1rem)); row-gap: var(--shop-category-grid-row-gap, var(--shop-category-card-gap, 1rem)); }
@media (min-width: 640px) { html[data-hm-category-display-mode="data_grid"] .hm-category-grid, .hm-category-section:has(.hm-category-section--data-grid) .hm-category-grid { width: fit-content; max-width: 100%; grid-template-columns: repeat(var(--shop-category-grid-columns-tablet, 6), max-content); justify-items: stretch; } }
@media (min-width: 1024px) { html[data-hm-category-display-mode="data_grid"] .hm-category-grid, .hm-category-section:has(.hm-category-section--data-grid) .hm-category-grid { grid-template-columns: repeat(var(--shop-category-grid-columns-desktop, 8), max-content); } }
html[data-hm-category-display-mode="data_grid"] .hm-category-grid__item, .hm-category-section:has(.hm-category-section--data-grid) .hm-category-grid__item { min-width: 0; width: min(100%, var(--shop-category-card-image-size)); max-width: 10.5rem; justify-self: center; }
@media (min-width: 769px) { html[data-hm-category-display-mode="data_grid"] .hm-category-grid__item, .hm-category-section:has(.hm-category-section--data-grid) .hm-category-grid__item { width: var(--shop-category-card-image-size); justify-self: stretch; } }
@media (max-width: 768px) { html[data-hm-category-display-mode="data_grid"] .hm-category-grid__item, .hm-category-section:has(.hm-category-section--data-grid) .hm-category-grid__item { width: min(100%, calc(var(--shop-category-card-image-size) * 0.78)); } }
@media (max-width: 640px) { html[data-hm-category-display-mode="data_grid"] .hm-category-grid__item, .hm-category-section:has(.hm-category-section--data-grid) .hm-category-grid__item { width: min(100%, calc(var(--shop-category-card-image-size) * 0.62)); min-width: 0; } }
html[data-hm-category-card-style="compact"][data-hm-category-display-mode="data_grid"] .hm-category-grid__item { width: calc(var(--shop-category-card-image-size) * 0.88); }
.hm-category-grid__card { display: flex; flex-direction: column; align-items: var(--shop-category-card-title-align, center); justify-content: flex-start; gap: var(--shop-category-grid-item-gap, 0.3125rem); width: 100%; height: 100%; padding: var(--shop-category-grid-card-padding, 0); border-radius: var(--shop-category-grid-card-radius, 0); background: var(--shop-category-grid-card-bg, transparent); border: none; box-shadow: none; text-decoration: none; color: inherit; transition: transform 0.22s ease; }
.hm-category-grid__card:hover { transform: translateY(-0.2rem); }
.hm-category-grid__card:focus-visible { outline: 2px solid color-mix(in srgb, var(--shop-color-accent, #060c3b) 35%, transparent); outline-offset: 2px; }
.hm-category-grid__image { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 4 / 5; overflow: hidden; border-radius: var(--shop-category-card-image-radius); background: var(--shop-color-muted, #f4f4f5); box-shadow: var(--shop-category-card-shadow, none); transition: transform 0.22s ease, box-shadow 0.22s ease; }
.hm-category-grid__card:hover .hm-category-grid__image { transform: none; }
.hm-category-grid__image img, .hm-category-grid__image .lazy-image, .hm-category-grid__image picture { width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s ease; }
.hm-category-grid__card:hover .hm-category-grid__image img, .hm-category-grid__card:hover .hm-category-grid__image .lazy-image, .hm-category-grid__card:hover .hm-category-grid__image picture { transform: scale(1.05); }
html[data-hm-category-display-mode="data_grid"] .hm-category-grid__title { margin: 0.5rem 0 0; width: 100%; text-align: var(--shop-category-card-title-align, center); font-weight: 600; line-height: 1.3; color: var(--shop-category-grid-title-color, var(--shop-color-text, #09090b)); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; }
html[data-hm-category-display-mode="data_grid"] .hm-category-grid__count { margin: 0; display: inline-flex; align-items: center; justify-content: center; max-width: 100%; padding: 0.1875rem 0.5rem; border-radius: 9999px; background: var(--shop-color-muted, #f4f4f5); font-size: 0.6875rem; font-weight: 600; line-height: 1.25; color: var(--shop-color-text-secondary, #52525b); }
html[data-hm-category-card-style="image_top"][data-hm-category-display-mode="data_grid"] .hm-category-grid__image { aspect-ratio: 1; }
html[data-hm-category-card-style="circle_image"][data-hm-category-display-mode="data_grid"] .hm-category-grid__image { aspect-ratio: 1; border-radius: 50%; }
html[data-hm-category-card-image-shape="square"][data-hm-category-display-mode="data_grid"] .hm-category-grid__image { border-radius: 0; }
html[data-hm-category-card-image-shape="rounded"][data-hm-category-display-mode="data_grid"] .hm-category-grid__image { border-radius: 0.75rem; }
html[data-hm-category-card-image-shape="circle"][data-hm-category-display-mode="data_grid"] .hm-category-grid__image { aspect-ratio: 1; border-radius: 50%; }
html[data-hm-category-card-image-shape="oval"][data-hm-category-display-mode="data_grid"] .hm-category-grid__image { aspect-ratio: 4 / 5; border-radius: 50% / 42%; }
html[data-hm-category-card-size="compact"][data-hm-category-display-mode="data_grid"] .hm-category-grid__title { font-size: 0.8125rem; }
html[data-hm-category-card-size="comfortable"][data-hm-category-display-mode="data_grid"] .hm-category-grid__title { font-size: 1rem; }
html[data-hm-category-card-title-align="start"][data-hm-category-display-mode="data_grid"] .hm-category-grid__card { align-items: flex-start; }
html[data-hm-category-card-title-align="center"][data-hm-category-display-mode="data_grid"] .hm-category-grid__card { align-items: center; }
html[data-hm-category-display-mode="data_grid"] .hm-category-section__header { width: 100%; align-self: stretch; margin-bottom: var(--shop-category-grid-header-gap, 0.5rem); gap: 0.375rem; }
html[data-hm-category-display-mode="data_grid"] .hm-category-section.shop-section, .hm-category-section.shop-section:has(.hm-category-section--data-grid) { padding-block: var(--shop-category-grid-section-padding-y, var(--shop-layout-home-section-padding-y, clamp(0.875rem, 2vw, 1.75rem))); box-sizing: border-box; overflow-x: clip; }
html[data-hm-category-display-mode="data_grid"] .hm-category-section.shop-container-x.container, .hm-category-section.shop-container-x.container:has(.hm-category-section--data-grid) { padding-inline: max(var(--shop-category-grid-section-padding-x-sm, 1.25rem), var(--shop-layout-container-padding-x, 1rem), var(--shop-category-grid-section-padding-x, clamp(1.25rem, 5vw, 2rem))) !important; max-width: 100%; box-sizing: border-box; }
@media (min-width: 1024px) { html[data-hm-category-display-mode="data_grid"] .hm-category-section.shop-container-x.container, .hm-category-section.shop-container-x.container:has(.hm-category-section--data-grid) { padding-inline: max(var(--shop-category-grid-section-padding-x-lg, 2rem), var(--shop-layout-container-padding-x, 1.25rem)) !important; } }
html[data-hm-category-display-mode="data_grid"] .hm-category-grid__card { box-shadow: none; }
html[data-hm-category-card-title-align="start"][data-hm-category-display-mode="data_grid"] .hm-category-grid__title { text-align: start; }
html[data-hm-category-card-title-align="center"][data-hm-category-display-mode="data_grid"] .hm-category-grid__title { text-align: center; }
@media (max-width: 640px) { html[data-hm-category-display-mode="data_grid"] .hm-category-grid__count { font-size: 0.625rem; padding-inline: 0.375rem; } }
@media (prefers-reduced-motion: reduce) { .hm-category-grid__card, .hm-category-grid__image, .hm-category-grid__image img, .hm-category-grid__image .lazy-image, .hm-category-grid__image picture { transition: none !important; } .hm-category-grid__card:hover { transform: none; } .hm-category-grid__card:hover .hm-category-grid__image img, .hm-category-grid__card:hover .hm-category-grid__image .lazy-image, .hm-category-grid__card:hover .hm-category-grid__image picture { transform: none; } }
.hm-product-card { border-radius: var(--shop-product-card-radius); box-shadow: var(--shop-product-card-shadow); }
.hm-product-card-image, .hm-product-card-image-well { border-radius: var(--shop-product-card-image-radius); overflow: visible; }
.hm-product-card-image > a, .hm-product-card-image-well > a { display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; overflow: hidden; border-radius: inherit; }
.hm-product-card-image img, .hm-product-card-image .lazy-image, .hm-product-card-image picture, .hm-product-card-image-well img, .hm-product-card-image-well .lazy-image, .hm-product-card-image-well picture { border-radius: inherit; }
.hm-product-card-badge { position: absolute; top: 0.625rem; inset-inline-start: 0.625rem; z-index: 2; display: inline-flex; align-items: center; max-inline-size: calc(100% - 1.25rem); border-radius: 9999px; font-size: 0.875rem; line-height: 1.25; padding: 0.125rem 0.625rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hm-product-card-badge-stack { position: absolute; top: 0.625rem; inset-inline-start: 0.625rem; z-index: 2; display: inline-flex; flex-direction: column; align-items: stretch; gap: 0; max-inline-size: calc(100% - 1.25rem); border-radius: 0; overflow: visible; box-shadow: none; filter: drop-shadow(0 1px 3px color-mix(in srgb, var(--shop-color-text, #09090b) 18%, transparent)); }
.hm-product-card-badge-stack .hm-product-card-badge { position: static; max-inline-size: 100%; justify-content: center; border-radius: 0; font-weight: 600; }
.hm-product-card-badge-stack .hm-product-card-badge--sale { background-color: var(--shop-color-danger, #dc2626); color: #ffffff; padding: 0.1875rem 0.625rem; font-size: 0.75rem; line-height: 1.2; border-radius: 0.625rem 0 0.625rem 0; box-shadow: none; }
.hm-product-card-badge-stack:has(.hm-product-card-badge__percent) .hm-product-card-badge--sale { border-radius: 0.625rem 0 0 0; }
.hm-product-card-badge__percent { display: inline-flex; align-items: center; justify-content: center; border-radius: 0 0 0.625rem 0; font-size: 0.8125rem; font-weight: 800; line-height: 1.15; letter-spacing: 0.01em; padding: 0.1875rem 0.625rem; background-color: var(--shop-color-surface, #ffffff); color: var(--shop-color-danger, #dc2626); border: 1px solid var(--shop-color-danger, #dc2626); white-space: nowrap; min-inline-size: 100%; box-sizing: border-box; }
.hm-product-card-badge--soldout { background-color: var(--shop-color-danger, #dc2626); color: #ffffff; }
.hm-product-card-badge--sale { background-color: var(--shop-color-danger, #dc2626); color: #ffffff; border-radius: 0.625rem 0 0.625rem 0; }
.hm-product-card-badge--new { background-color: var(--shop-color-accent-fill, var(--shop-color-accent, #060c3b)); color: var(--shop-color-on-accent, #ffffff); }
@media (max-width: 640px) { .hm-product-card-badge { font-size: 0.75rem; padding: 0.125rem 0.5rem; } .hm-product-card-badge-stack .hm-product-card-badge--sale { font-size: 0.6875rem; padding: 0.125rem 0.5rem; } .hm-product-card-badge__percent { font-size: 0.75rem; padding: 0.125rem 0.5rem; } }
.hm-product-card-action--soldout, .hm-product-card-action--soldout:disabled, .hm-product-card-action.hm-product-card-action--soldout:hover { background-color: var(--shop-color-danger, #dc2626) !important; color: #ffffff !important; border-color: transparent !important; opacity: 1; cursor: not-allowed; box-shadow: none; }
.hm-product-quick-view__cart-btn--soldout, .hm-product-quick-view__cart-btn--soldout:disabled { background-color: var(--shop-color-danger, #dc2626) !important; color: #ffffff !important; border-color: transparent !important; opacity: 1; cursor: not-allowed; }
.allaia-grid-item__image, .retail-grid-item__image { overflow: visible; }
.allaia-grid-item__link, .retail-grid-item__link { overflow: hidden; border-radius: inherit; height: 100%; }
.allaia-grid-item__ribbons, .retail-grid-item__ribbons { top: 0.625rem; inset-inline-start: 0.625rem; left: auto; right: auto; max-inline-size: calc(100% - 1.25rem); }
.allaia-ribbon, .retail-ribbon { border-radius: 9999px; line-height: 1.25; max-inline-size: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hm-product-card .hm-product-card-body { padding: var(--shop-product-card-padding); gap: var(--shop-product-card-gap); min-height: var(--shop-product-card-min-height); }
.hm-product-card-price { font-weight: var(--shop-product-card-price-weight); color: var(--shop-product-card-price-color); }
.hm-product-card-action { border-radius: var(--shop-product-card-button-radius); }
.hm-product-card-actions { width: 100%; }
.hm-product-card-actions .hm-product-card-action { width: 100%; }
.hm-product-card-secondary-actions { min-height: 2rem; }
.hm-product-card-icon-action { display: inline-flex; align-items: center; justify-content: center; height: 2rem; width: 2rem; border-radius: 9999px; border: 1px solid var(--shop-color-border); background: var(--shop-color-surface, #ffffff); color: var(--shop-color-text); font-size: 1.125rem; line-height: 1; cursor: pointer; transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease; }
.hm-product-card-icon-action:hover { border-color: var(--shop-color-accent); color: var(--shop-color-accent); }
.hm-product-card-media-actions--overlay { display: none; }
html[data-hm-product-card-style="simple"] .hm-product-card { box-shadow: none; }
html[data-hm-product-card-style="elevated"] .hm-product-card { box-shadow: var(--shop-product-card-shadow); background: var(--shop-color-surface); }
html[data-hm-product-card-style="luxury"] .hm-product-card { box-shadow: var(--shop-product-card-shadow); border: 1px solid var(--shop-color-border); background: var(--shop-color-surface); }
html[data-hm-product-card-style="compact"] .hm-product-card .hm-product-card-body { padding: calc(var(--shop-product-card-padding) * 0.75); gap: calc(var(--shop-product-card-gap) * 0.75); }
html[data-hm-product-card-image-radius="square"] .hm-product-card-image { border-radius: 0; }
html[data-hm-product-card-image-radius="soft"] .hm-product-card-image { border-radius: 0.375rem; }
html[data-hm-product-card-image-radius="rounded"] .hm-product-card-image { border-radius: 0.75rem; }
html[data-hm-product-card-size="compact"] .hm-product-card-title { font-size: 0.875rem; }
html[data-hm-product-card-size="comfortable"] .hm-product-card-title { font-size: 1.125rem; }
html[data-hm-product-card-price-emphasis="bold"] .hm-product-card-price { font-weight: 700; }
html[data-hm-product-card-price-emphasis="highlighted"] .hm-product-card-price { font-weight: 700; color: var(--shop-color-accent); }
html[data-hm-product-card-button-style="filled"] .hm-product-card-action:not(.primary-button) { background-color: var(--shop-color-accent-fill); color: var(--shop-color-on-accent); border-color: transparent; }
html[data-hm-product-card-button-style="outline"] .hm-product-card-action { background-color: transparent; border: 1px solid var(--shop-color-border); color: var(--shop-color-text); }
html[data-hm-product-card-button-style="text"] .hm-product-card-action { background-color: transparent; border-color: transparent; box-shadow: none; color: var(--shop-color-accent); }
html[data-hm-product-card-button-style="inherit"] .hm-product-card-action { /* inherits global button tokens */ }
.hm-product-card-title, .theme-commerce-allaia .allaia-grid-item__title, .theme-commerce-retail .retail-grid-item__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--shop-product-card-title-lines, 2); overflow: hidden; text-overflow: ellipsis; line-height: var(--shop-product-card-title-line-height, 1.35); min-height: calc(var(--shop-product-card-title-lines, 2) * var(--shop-product-card-title-line-height, 1.35) * 1em); max-height: calc(var(--shop-product-card-title-lines, 2) * var(--shop-product-card-title-line-height, 1.35) * 1em); word-break: normal; overflow-wrap: break-word; hyphens: auto; }
@supports (word-break: auto-phrase) { .hm-product-card-title, .theme-commerce-allaia .allaia-grid-item__title, .theme-commerce-retail .retail-grid-item__title { word-break: auto-phrase; } }
.hm-product-card-title-shimmer, .allaia-grid-item__title-shimmer, .retail-grid-item__title-shimmer { height: calc(var(--shop-product-card-title-lines, 2) * var(--shop-product-card-title-line-height, 1.35) * 1em); }
.hm-product-card-action-row { display: flex; align-items: center; justify-content: flex-start; gap: var(--shop-product-card-action-gap, 0.5rem); min-height: var(--shop-product-card-action-height, 2.25rem); }
.hm-product-card-icon-actions .hm-product-card-icon-action { height: var(--shop-product-card-icon-size, 1.75rem); width: var(--shop-product-card-icon-size, 1.75rem); font-size: 1rem; }
@media (hover: hover) and (pointer: fine) { .hm-product-card.shop-themed-product-card:not(.hm-product-card--list) .hm-product-card-action-row, .hm-product-strip .hm-product-card.shop-themed-product-card:not(.hm-product-card--list) .hm-product-card-action-row, .hm-product-listing-main .hm-product-card.shop-themed-product-card:not(.hm-product-card--list) .hm-product-card-action-row { position: static; inset: auto; opacity: 1; max-height: none; overflow: visible; margin-top: 0.125rem; min-height: var(--shop-product-card-action-height, 2.25rem); pointer-events: auto; transform: none; background: none; padding: 0; } }
@media (hover: none), (pointer: coarse), (max-width: 767px) { .hm-product-listing-main .hm-product-card.shop-themed-product-card:not(.hm-product-card--list) .hm-product-card-action-row { position: static; inset: auto; transform: none; background: none; padding: 0; border-radius: 0; opacity: 1; max-height: none !important; min-height: var(--shop-product-card-action-height, 2.25rem); pointer-events: auto; } }
html[data-hm-product-card-skin="clean"] .hm-product-card { box-shadow: none; background: transparent; }
html[data-hm-product-card-skin="clean"] .hm-product-card .hm-product-card-body { transform: none !important; opacity: 1 !important; }
html[data-hm-product-card-skin="premium_commerce"] .hm-product-card-image-well { background: var(--shop-product-card-image-well-bg); border-radius: var(--shop-product-card-image-well-radius); padding: var(--shop-product-card-image-padding); aspect-ratio: var(--shop-product-card-image-aspect-ratio); }
html[data-hm-product-card-skin="premium_commerce"] .hm-product-card-image-well > a { border-radius: inherit; }
html[data-hm-product-card-skin="premium_commerce"] .hm-product-card-badge { border-radius: var(--shop-product-badge-radius); font-weight: 600; line-height: 1.2; padding: 0.25rem 0.625rem; color: var(--shop-product-badge-color); }
html[data-hm-product-card-skin="premium_commerce"] .hm-product-card-badge--sale { background-color: var(--shop-product-badge-sale-bg); border-radius: 0.625rem 0 0.625rem 0; }
html[data-hm-product-card-skin="premium_commerce"] .hm-product-card-badge-stack { border-radius: 0; overflow: visible; }
html[data-hm-product-card-skin="premium_commerce"] .hm-product-card-badge-stack .hm-product-card-badge--sale { background-color: var(--shop-product-badge-sale-bg); color: var(--shop-product-badge-color, #ffffff); border-radius: 0.625rem 0 0.625rem 0; }
html[data-hm-product-card-skin="premium_commerce"] .hm-product-card-badge-stack:has(.hm-product-card-badge__percent) .hm-product-card-badge--sale { border-radius: 0.625rem 0 0 0; }
html[data-hm-product-card-skin="premium_commerce"] .hm-product-card-badge__percent { background-color: var(--shop-color-surface, #ffffff); color: var(--shop-product-badge-sale-bg, var(--shop-color-danger, #dc2626)); border: 1px solid var(--shop-product-badge-sale-bg, var(--shop-color-danger, #dc2626)); border-radius: 0 0 0.625rem 0; }
html[data-hm-product-card-skin="premium_commerce"] .hm-product-card-badge--new { background-color: var(--shop-product-badge-new-bg); color: var(--shop-color-on-accent, #ffffff); }
html[data-hm-product-card-skin="premium_commerce"] .hm-product-card-badge--soldout { background-color: var(--shop-product-badge-soldout-bg); }
html[data-hm-product-card-skin="premium_commerce"] .hm-product-card-media-actions--overlay { transition: opacity var(--shop-product-action-transition-duration, 320ms) ease, transform var(--shop-product-action-transition-duration, 320ms) ease; }
@media (hover: hover) and (pointer: fine) { html[data-hm-product-card-skin="premium_commerce"] .hm-product-card-media-actions--overlay { display: flex; opacity: 0; transform: translateY(0.25rem); } html[data-hm-product-card-skin="premium_commerce"] .hm-product-card:hover .hm-product-card-media-actions--overlay { opacity: 1; transform: translateY(0); } html[data-hm-product-card-skin="premium_commerce"] .hm-product-card .hm-product-card-body .action-items.md\:flex { transition: opacity var(--shop-product-action-transition-duration, 320ms) ease; } }
html[data-hm-product-card-skin="premium_commerce"] .hm-product-card-media-actions--overlay .hm-product-card-icon-action { display: inline-flex; align-items: center; justify-content: center; height: 2rem; width: 2rem; border-radius: 9999px; border: 1px solid var(--shop-color-border); background: color-mix(in srgb, var(--shop-color-surface, #ffffff) 92%, transparent); color: var(--shop-color-text); backdrop-filter: blur(6px); }
@media (prefers-reduced-motion: reduce) { html[data-hm-product-card-skin="premium_commerce"] .hm-product-card-media-actions--overlay, html[data-hm-product-card-skin="premium_commerce"] .hm-product-card-image-well::after { transition: none !important; transform: none !important; } html[data-hm-product-strip-card-hover="shine"] .hm-product-strip .hm-product-card-image-well::after, html[data-hm-product-strip-motion-preset="premium_commerce"] .hm-product-strip .hm-product-card-image-well::after { transform: none !important; opacity: 0 !important; } }
.hm-product-card-touch-actions { display: none; align-items: center; gap: 0.5rem; }
html[data-hm-product-card-touch-actions="compact"] .hm-product-card-touch-actions { display: flex; }
html[data-hm-product-card-touch-actions="primary"] .hm-product-card-touch-actions--primary { display: block; }
@media (hover: hover) and (pointer: fine) { html[data-hm-product-card-touch-actions="compact"] .hm-product-card-touch-actions { display: none; } html[data-hm-product-card-touch-actions="primary"] .hm-product-card-touch-actions--primary { display: none; } }
html[data-hm-product-card-touch-actions="hidden"] .hm-product-card-touch-actions { display: none !important; }
.hm-product-card .hm-product-card-quick-view-trigger { display: inline-flex; align-items: center; justify-content: center; height: 2rem; width: 2rem; border-radius: 9999px; border: 1px solid var(--shop-color-border, #e4e4e7); background: color-mix(in srgb, var(--shop-color-surface, #ffffff) 92%, transparent); color: var(--shop-color-text, #09090b); font-size: 1.125rem; line-height: 1; cursor: pointer; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08); backdrop-filter: blur(6px); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(0.25rem); transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease, border-color 160ms ease, color 160ms ease; }
.hm-product-card:hover .hm-product-card-quick-view-trigger, .hm-product-card:focus-within .hm-product-card-quick-view-trigger { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
.hm-product-card .hm-product-card-quick-view-trigger:hover { border-color: var(--shop-color-accent, #060c3b); color: var(--shop-color-accent, #060c3b); }
@media (prefers-reduced-motion: reduce) { .hm-product-card .hm-product-card-quick-view-trigger { transition: none !important; transform: none !important; } }
html[data-hm-product-card-skin="premium_commerce"] .hm-product-card-media-actions--overlay { top: 3.15rem; }
html[data-hm-product-card-quick-view="0"] .hm-product-card-quick-view-trigger { display: none !important; }
.hm-product-quick-view__overlay { position: fixed; inset: 0; z-index: 10040; background: rgba(15, 23, 42, 0.45); }
.hm-product-quick-view__dialog-wrap { position: fixed; inset: 0; z-index: 10050; display: flex; align-items: center; justify-content: center; padding: 1rem; pointer-events: none; }
.hm-product-quick-view__dialog { pointer-events: auto; position: relative; width: min(960px, 100%); max-height: min(92vh, 920px); overflow: auto; border-radius: 1rem; border: 1px solid var(--shop-color-border, #e4e4e7); background: var(--shop-color-surface, #ffffff); color: var(--shop-color-text, #09090b); box-shadow: 0 24px 64px rgba(15, 23, 42, 0.22); }
.hm-product-quick-view__close { position: absolute; top: 0.85rem; inset-inline-start: 0.85rem; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; border: 0; border-radius: 9999px; background: color-mix(in srgb, var(--shop-color-muted, #f4f4f5) 88%, transparent); color: var(--shop-color-text, #09090b); cursor: pointer; }
.hm-product-quick-view__title-bar { display: flex; align-items: center; justify-content: flex-end; padding: 1rem 1.25rem 0.25rem; }
.hm-product-quick-view__eyebrow { margin: 0; font-size: 0.8125rem; font-weight: 600; color: var(--shop-color-accent, #060c3b); }
.hm-product-quick-view__grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap: 1.5rem; padding: 1rem 1.5rem 1.5rem; }
.hm-product-quick-view__summary { display: flex; min-width: 0; flex-direction: column; gap: 0.85rem; }
.hm-product-quick-view__category { margin: 0; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--shop-color-accent, #060c3b); }
.hm-product-quick-view__name { margin: 0; font-size: clamp(1.25rem, 2vw, 1.75rem); font-weight: 700; line-height: 1.25; color: var(--shop-color-text, #09090b); }
.hm-product-quick-view__price { font-size: 1.35rem; font-weight: 700; color: var(--shop-color-accent, #060c3b); }
.hm-product-quick-view__description { margin: 0; max-height: 9.5rem; overflow: auto; font-size: 0.9rem; line-height: 1.6; color: var(--shop-color-text-muted, #71717a); }
.hm-product-quick-view__description :where(p) { margin: 0 0 0.65rem; }
.hm-product-quick-view__qty { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; }
.hm-product-quick-view__qty-label { font-size: 0.875rem; font-weight: 600; color: var(--shop-color-text, #09090b); }
.hm-product-quick-view__qty-control { display: inline-flex; align-items: center; gap: 0.35rem; border: 1px solid var(--shop-color-border, #e4e4e7); border-radius: 0.65rem; padding: 0.2rem; background: var(--shop-color-muted, #f4f4f5); }
.hm-product-quick-view__qty-btn { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border: 0; border-radius: 0.5rem; background: var(--shop-color-surface, #ffffff); color: var(--shop-color-text, #09090b); cursor: pointer; }
.hm-product-quick-view__qty-value { min-width: 2rem; text-align: center; font-weight: 600; }
.hm-product-quick-view__actions { display: flex; flex-direction: column; gap: 0.75rem; margin-top: 0.35rem; }
.hm-product-quick-view__cart-btn { display: inline-flex; width: 100%; align-items: center; justify-content: center; gap: 0.5rem; min-height: 2.85rem; border: 0; border-radius: 9999px; background: var(--shop-color-accent-fill, var(--shop-color-accent, #060c3b)); color: var(--shop-color-on-accent, #ffffff); font-weight: 600; cursor: pointer; }
.hm-product-quick-view__cart-btn:disabled { opacity: 0.55; cursor: not-allowed; }
.hm-product-quick-view__options-notice { margin: 0; font-size: 0.8125rem; color: var(--shop-color-text-secondary, #52525b); }
.hm-product-quick-view__details-link { font-size: 0.875rem; font-weight: 600; color: var(--shop-color-accent, #060c3b); text-decoration: underline; }
.hm-product-quick-view__gallery { display: flex; min-width: 0; flex-direction: column; gap: 0.75rem; }
.hm-product-quick-view__image-wrap { overflow: hidden; border-radius: 0.85rem; background: var(--shop-color-muted, #f4f4f5); aspect-ratio: 4 / 5; }
.hm-product-quick-view__image { display: block; width: 100%; height: 100%; object-fit: cover; }
.hm-product-quick-view__thumbs { position: relative; display: flex; align-items: center; gap: 0.5rem; }
.hm-product-quick-view__thumbs-track { display: flex; min-width: 0; flex: 1; gap: 0.5rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.hm-product-quick-view__thumbs-track::-webkit-scrollbar { display: none; }
.hm-product-quick-view__thumb { flex: 0 0 auto; width: 4.25rem; height: 4.25rem; overflow: hidden; border: 2px solid transparent; border-radius: 0.65rem; padding: 0; background: var(--shop-color-muted, #f4f4f5); cursor: pointer; scroll-snap-align: start; }
.hm-product-quick-view__thumb.is-active { border-color: var(--shop-color-accent, #060c3b); }
.hm-product-quick-view__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.hm-product-quick-view__thumb-nav { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; flex-shrink: 0; border: 1px solid var(--shop-color-border, #e4e4e7); border-radius: 9999px; background: var(--shop-color-surface, #ffffff); color: var(--shop-color-text, #09090b); cursor: pointer; }
@media (max-width: 860px) { .hm-product-quick-view__grid { grid-template-columns: 1fr; } .hm-product-quick-view__image-wrap { aspect-ratio: 1 / 1; max-height: 22rem; } }
.hm-product-strip__shell { position: relative; display: block; width: 100%; box-shadow: var(--shop-product-strip-shadow, none); }
html[data-hm-product-strip-has-shadow="1"] .hm-product-strip__shell { overflow: visible; border-radius: var(--shop-card-radius, 12px); }
.hm-product-strip__carousel { scroll-behavior: smooth; overscroll-behavior-x: contain; }
html[data-hm-product-strip-motion-mode="static"] .hm-product-strip__carousel { scroll-snap-type: none; overflow-x: hidden; touch-action: pan-y; }
html[data-hm-product-strip-motion-mode="scroll_snap"] .hm-product-strip__carousel { scroll-snap-type: x mandatory; }
html[data-hm-product-strip-motion-mode="carousel"] .hm-product-strip__carousel { scroll-snap-type: none; }
html[data-hm-product-strip-motion-mode="infinite_loop"] .hm-product-strip__carousel { scroll-snap-type: x mandatory; }
.hm-product-strip__carousel--center-origin { scroll-padding-inline: 50%; }
.hm-product-strip__carousel--scroll-shell-ltr, .hm-product-strip__track--scroll-shell-ltr { direction: ltr; }
.hm-product-strip__track--center-origin { padding-inline: calc(50% - var(--shop-product-strip-slide-width, 228px) / 2); }
@media (max-width: 1023px) { .hm-product-strip__track--center-origin { padding-inline: calc(50% - var(--shop-product-strip-slide-width-tablet, 224px) / 2); } }
@media (max-width: 639px) { .hm-product-strip__track--center-origin { padding-inline: calc(50% - var(--shop-product-strip-slide-width-mobile, 192px) / 2); } }
.hm-product-strip__carousel--center-origin .hm-product-strip__slide { scroll-snap-align: center; }
.hm-product-strip__carousel--center-origin.hm-product-strip__carousel--masked { -webkit-mask-image: linear-gradient(to right, transparent 0, #000 2rem, #000 calc(100% - 2rem), transparent 100%); mask-image: linear-gradient(to right, transparent 0, #000 2rem, #000 calc(100% - 2rem), transparent 100%); }
html[dir="rtl"] .hm-product-strip__carousel--center-origin.hm-product-strip__carousel--masked { -webkit-mask-image: linear-gradient(to left, transparent 0, #000 2rem, #000 calc(100% - 2rem), transparent 100%); mask-image: linear-gradient(to left, transparent 0, #000 2rem, #000 calc(100% - 2rem), transparent 100%); }
.hm-product-strip__carousel--masked { -webkit-mask-image: linear-gradient(to right, transparent 0, #000 1.25rem, #000 calc(100% - 1.25rem), transparent 100%); mask-image: linear-gradient(to right, transparent 0, #000 1.25rem, #000 calc(100% - 1.25rem), transparent 100%); }
html[dir="rtl"] .hm-product-strip__carousel--masked { -webkit-mask-image: linear-gradient(to left, transparent 0, #000 1.25rem, #000 calc(100% - 1.25rem), transparent 100%); mask-image: linear-gradient(to left, transparent 0, #000 1.25rem, #000 calc(100% - 1.25rem), transparent 100%); }
.hm-product-strip__slide { width: var(--shop-product-strip-slide-width, 228px); }
@media (max-width: 1023px) { .hm-product-strip__slide { width: var(--shop-product-strip-slide-width-tablet, 224px); } }
@media (max-width: 639px) { .hm-product-strip__slide { width: var(--shop-product-strip-slide-width-mobile, 192px); } }
.hm-product-strip__carousel--draggable { cursor: grab; touch-action: pan-x pan-y pinch-zoom; }
html[data-hm-product-strip-pointer-drag="0"] .hm-product-strip__carousel--draggable { cursor: default; touch-action: pan-y pinch-zoom; }
.hm-product-strip__carousel--draggable.is-dragging { cursor: grabbing; scroll-snap-type: none; scroll-behavior: auto; user-select: none; touch-action: none; }
.hm-product-strip__carousel--draggable.is-dragging .shop-themed-product-card { pointer-events: none; }
.hm-product-strip__carousel:focus-visible { outline: 2px solid color-mix(in srgb, var(--shop-color-accent-fill, var(--shop-color-accent, #060c3b)) 65%, transparent); outline-offset: 4px; border-radius: 0.5rem; }
.hm-product-strip__nav { cursor: pointer; transition: opacity var(--shop-product-strip-transition-speed, 550ms) cubic-bezier(0.22, 1, 0.36, 1), background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease; }
.hm-product-strip__nav:hover:not(:disabled) { transform: translateY(-1px); }
.hm-product-strip__nav.is-disabled, .hm-product-strip__nav:disabled { cursor: default; opacity: 0.38; pointer-events: none; }
.hm-product-strip__nav:focus-visible { outline: 2px solid var(--shop-color-accent-fill, var(--shop-color-accent, #060c3b)); outline-offset: 2px; }
html[data-hm-product-strip-arrows-desktop="hide"] .hm-product-strip__nav--desktop { display: none !important; }
html[data-hm-product-strip-arrows-mobile="hide"] .hm-product-strip__nav--mobile { display: none !important; }
html[data-hm-product-strip-dots="hide"] .hm-product-strip__pagination { display: none !important; }
.hm-product-strip__pagination { display: flex; width: 100%; align-items: center; justify-content: center; gap: 0.5rem; margin-top: 1.5rem; }
.hm-product-strip__pagination-dot { height: 0.5rem; width: 0.5rem; flex-shrink: 0; cursor: pointer; border: none; border-radius: 9999px; background-color: color-mix(in srgb, var(--shop-color-text, #09090b) 22%, transparent); padding: 0; transition: width var(--shop-product-strip-transition-speed, 550ms) cubic-bezier(0.22, 1, 0.36, 1), background-color var(--shop-product-strip-transition-speed, 550ms) cubic-bezier(0.22, 1, 0.36, 1), transform 0.2s ease; }
.hm-product-strip__pagination-dot:hover:not(.is-active) { transform: scale(1.15); background-color: color-mix(in srgb, var(--shop-color-text, #09090b) 36%, transparent); }
.hm-product-strip__pagination-dot.is-active { width: 1.75rem; background-color: var(--shop-color-accent-fill, var(--shop-color-accent, #060c3b)); }
html[data-hm-product-strip-dots-style="dots"] .hm-product-strip__pagination-dot.is-active { width: 0.5rem; }
html[data-hm-product-strip-dots-style="bars"] .hm-product-strip__pagination-dot { width: 1.25rem; height: 0.25rem; border-radius: 0.125rem; }
html[data-hm-product-strip-dots-style="bars"] .hm-product-strip__pagination-dot.is-active { width: 2rem; height: 0.3125rem; }
.hm-product-strip__pagination-dot:focus-visible { outline: 2px solid var(--shop-color-accent-fill, var(--shop-color-accent, #060c3b)); outline-offset: 2px; }
html[data-hm-product-strip-card-hover="lift"] .hm-product-strip__carousel.overflow-y-hidden, html[data-hm-product-strip-card-hover="quick_actions"] .hm-product-strip__carousel.overflow-y-hidden { overflow-y: visible !important; }
html[data-hm-product-strip-card-hover="lift"] .hm-product-strip__slide, html[data-hm-product-strip-card-hover="quick_actions"] .hm-product-strip__slide { padding-block: 0.375rem; }
html[data-hm-product-strip-card-hover="lift"] .hm-product-listing-main .hm-product-listing-grid, html[data-hm-product-strip-card-hover="quick_actions"] .hm-product-listing-main .hm-product-listing-grid, html[data-hm-product-strip-card-hover="lift"] .hm-product-listing-main .grid.shop-product-grid-gap, html[data-hm-product-strip-card-hover="quick_actions"] .hm-product-listing-main .grid.shop-product-grid-gap { overflow: visible; padding-block: 0.5rem; }
@media (hover: hover) and (pointer: fine) { html[data-hm-product-strip-card-hover="lift"] .hm-product-strip .shop-themed-product-card, html[data-hm-product-strip-card-hover="lift"] .hm-product-listing-main .shop-themed-product-card, html[data-hm-product-strip-card-hover="quick_actions"] .hm-product-strip .shop-themed-product-card, html[data-hm-product-strip-card-hover="quick_actions"] .hm-product-listing-main .shop-themed-product-card { position: relative; transition: transform var(--shop-product-strip-transition-speed, 550ms) cubic-bezier(0.22, 1, 0.36, 1), box-shadow var(--shop-product-strip-transition-speed, 550ms) cubic-bezier(0.22, 1, 0.36, 1); } html[data-hm-product-strip-card-hover="lift"] .hm-product-strip .shop-themed-product-card:hover, html[data-hm-product-strip-card-hover="lift"] .hm-product-listing-main .shop-themed-product-card:hover, html[data-hm-product-strip-card-hover="quick_actions"] .hm-product-strip .shop-themed-product-card:hover, html[data-hm-product-strip-card-hover="quick_actions"] .hm-product-listing-main .shop-themed-product-card:hover { z-index: 3; transform: translateY(-0.75rem); box-shadow: 0 18px 36px color-mix(in srgb, var(--shop-color-text, #09090b) 16%, transparent); } html[data-hm-product-strip-card-hover="lift"] .hm-product-strip .shop-themed-product-card:hover .hm-product-card-body, html[data-hm-product-strip-card-hover="lift"] .hm-product-listing-main .shop-themed-product-card:hover .hm-product-card-body, html[data-hm-product-strip-card-hover="quick_actions"] .hm-product-strip .shop-themed-product-card:hover .hm-product-card-body, html[data-hm-product-strip-card-hover="quick_actions"] .hm-product-listing-main .shop-themed-product-card:hover .hm-product-card-body { transform: none !important; } html[data-hm-product-strip-card-hover="lift"] .hm-product-strip .hm-product-card-action-row, html[data-hm-product-strip-card-hover="lift"] .hm-product-listing-main .hm-product-card-action-row, html[data-hm-product-strip-card-hover="quick_actions"] .hm-product-strip .hm-product-card-action-row, html[data-hm-product-strip-card-hover="quick_actions"] .hm-product-listing-main .hm-product-card-action-row { position: static; inset: auto; z-index: auto; margin-top: 0.125rem !important; max-height: none !important; min-height: var(--shop-product-card-action-height, 2.25rem) !important; overflow: visible !important; opacity: 1; transform: none; pointer-events: auto; background: none; padding: 0; border-radius: 0; } html[data-hm-product-strip-card-hover="lift"] .hm-product-strip .hm-product-card-media-actions--overlay, html[data-hm-product-strip-card-hover="lift"] .hm-product-listing-main .hm-product-card-media-actions--overlay, html[data-hm-product-strip-card-hover="quick_actions"] .hm-product-strip .hm-product-card-media-actions--overlay, html[data-hm-product-strip-card-hover="quick_actions"] .hm-product-listing-main .hm-product-card-media-actions--overlay { display: flex; opacity: 0; transform: translateY(-0.25rem); transition: opacity var(--shop-product-action-transition-duration, 320ms) ease, transform var(--shop-product-action-transition-duration, 320ms) ease; } html[data-hm-product-strip-card-hover="lift"] .hm-product-strip .shop-themed-product-card:hover .hm-product-card-media-actions--overlay, html[data-hm-product-strip-card-hover="lift"] .hm-product-listing-main .shop-themed-product-card:hover .hm-product-card-media-actions--overlay, html[data-hm-product-strip-card-hover="quick_actions"] .hm-product-strip .shop-themed-product-card:hover .hm-product-card-media-actions--overlay, html[data-hm-product-strip-card-hover="quick_actions"] .hm-product-listing-main .shop-themed-product-card:hover .hm-product-card-media-actions--overlay { opacity: 1; transform: translateY(0); } }
html[data-hm-product-strip-card-hover="elegant_commerce"] .hm-product-strip .shop-themed-product-card, html[data-hm-product-strip-card-hover="elegant_commerce"] .hm-product-listing-main .shop-themed-product-card { transition: transform var(--shop-product-strip-transition-speed, 550ms) cubic-bezier(0.22, 1, 0.36, 1); }
html[data-hm-product-strip-card-hover="elegant_commerce"] .hm-product-strip .shop-themed-product-card:hover, html[data-hm-product-strip-card-hover="elegant_commerce"] .hm-product-listing-main .shop-themed-product-card:hover { transform: translateY(-0.125rem); }
html[data-hm-product-strip-card-hover="image_swap"] .hm-product-strip .hm-product-card-image img, html[data-hm-product-strip-card-hover="image_swap"] .hm-product-listing-main .hm-product-card-image img { transition: opacity var(--shop-product-strip-transition-speed, 550ms) cubic-bezier(0.22, 1, 0.36, 1), transform var(--shop-product-strip-transition-speed, 550ms) cubic-bezier(0.22, 1, 0.36, 1); }
html[data-hm-product-strip-card-hover="image_swap"] .hm-product-strip .shop-themed-product-card:hover .hm-product-card-image img:first-of-type, html[data-hm-product-strip-card-hover="image_swap"] .hm-product-listing-main .shop-themed-product-card:hover .hm-product-card-image img:first-of-type { opacity: 0; transform: scale(1.02); }
html[data-hm-product-strip-card-hover="image_swap"] .hm-product-strip .hm-product-card-image .hm-product-card-hover-image, html[data-hm-product-strip-card-hover="image_swap"] .hm-product-listing-main .hm-product-card-image .hm-product-card-hover-image { opacity: 0; }
html[data-hm-product-strip-card-hover="image_swap"] .hm-product-strip .shop-themed-product-card:hover .hm-product-card-image .hm-product-card-hover-image, html[data-hm-product-strip-card-hover="image_swap"] .hm-product-listing-main .shop-themed-product-card:hover .hm-product-card-image .hm-product-card-hover-image { opacity: 1; }
html[data-hm-product-strip-card-hover="quick_actions"] .hm-product-strip .shop-themed-product-card:hover .action-items, html[data-hm-product-strip-card-hover="quick_actions"] .hm-product-listing-main .shop-themed-product-card:hover .action-items { opacity: 1 !important; }
@media (hover: hover) and (pointer: fine) { html[data-hm-product-strip-card-hover="shine"] .hm-product-strip .hm-product-card-image > a, html[data-hm-product-strip-card-hover="shine"] .hm-product-listing-main .hm-product-card-image > a, html[data-hm-product-strip-card-hover="shine"] .hm-product-strip .hm-product-card-image-well > a, html[data-hm-product-strip-card-hover="shine"] .hm-product-listing-main .hm-product-card-image-well > a, html[data-hm-product-strip-motion-preset="premium_commerce"][data-hm-product-strip-card-hover="quick_actions"] .hm-product-strip .hm-product-card-image > a, html[data-hm-product-strip-motion-preset="premium_commerce"][data-hm-product-strip-card-hover="quick_actions"] .hm-product-listing-main .hm-product-card-image > a, html[data-hm-product-strip-motion-preset="premium_commerce"][data-hm-product-strip-card-hover="quick_actions"] .hm-product-strip .hm-product-card-image-well > a, html[data-hm-product-strip-motion-preset="premium_commerce"][data-hm-product-strip-card-hover="quick_actions"] .hm-product-listing-main .hm-product-card-image-well > a { position: relative; overflow: hidden; border-radius: inherit; } html[data-hm-product-strip-card-hover="shine"] .hm-product-strip .hm-product-card-image > a::after, html[data-hm-product-strip-card-hover="shine"] .hm-product-listing-main .hm-product-card-image > a::after, html[data-hm-product-strip-card-hover="shine"] .hm-product-strip .hm-product-card-image-well > a::after, html[data-hm-product-strip-card-hover="shine"] .hm-product-listing-main .hm-product-card-image-well > a::after, html[data-hm-product-strip-motion-preset="premium_commerce"][data-hm-product-strip-card-hover="quick_actions"] .hm-product-strip .hm-product-card-image > a::after, html[data-hm-product-strip-motion-preset="premium_commerce"][data-hm-product-strip-card-hover="quick_actions"] .hm-product-listing-main .hm-product-card-image > a::after, html[data-hm-product-strip-motion-preset="premium_commerce"][data-hm-product-strip-card-hover="quick_actions"] .hm-product-strip .hm-product-card-image-well > a::after, html[data-hm-product-strip-motion-preset="premium_commerce"][data-hm-product-strip-card-hover="quick_actions"] .hm-product-listing-main .hm-product-card-image-well > a::after { content: ""; position: absolute; inset: 0; background: linear-gradient(105deg, transparent 40%, rgba(255,255,255,0.32) 50%, transparent 60%); transform: translateX(-120%); transition: transform var(--shop-product-card-shine-duration, 900ms) ease; pointer-events: none; } html[data-hm-product-strip-card-hover="shine"] .hm-product-strip .shop-themed-product-card:hover .hm-product-card-image > a::after, html[data-hm-product-strip-card-hover="shine"] .hm-product-listing-main .shop-themed-product-card:hover .hm-product-card-image > a::after, html[data-hm-product-strip-card-hover="shine"] .hm-product-strip .shop-themed-product-card:hover .hm-product-card-image-well > a::after, html[data-hm-product-strip-card-hover="shine"] .hm-product-listing-main .shop-themed-product-card:hover .hm-product-card-image-well > a::after, html[data-hm-product-strip-motion-preset="premium_commerce"][data-hm-product-strip-card-hover="quick_actions"] .hm-product-strip .shop-themed-product-card:hover .hm-product-card-image > a::after, html[data-hm-product-strip-motion-preset="premium_commerce"][data-hm-product-strip-card-hover="quick_actions"] .hm-product-listing-main .shop-themed-product-card:hover .hm-product-card-image > a::after, html[data-hm-product-strip-motion-preset="premium_commerce"][data-hm-product-strip-card-hover="quick_actions"] .hm-product-strip .shop-themed-product-card:hover .hm-product-card-image-well > a::after, html[data-hm-product-strip-motion-preset="premium_commerce"][data-hm-product-strip-card-hover="quick_actions"] .hm-product-listing-main .shop-themed-product-card:hover .hm-product-card-image-well > a::after { transform: translateX(120%); } }
@media (hover: hover) and (pointer: fine) { .hm-product-strip .hm-product-card-image img, .hm-product-listing-main .hm-product-card-image img { transition: opacity 0.45s ease; } .hm-product-strip .hm-product-card-image img:not([src=""]), .hm-product-listing-main .hm-product-card-image img:not([src=""]) { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .hm-product-strip__carousel { scroll-behavior: auto; } html[data-hm-product-strip-card-hover] .hm-product-strip .shop-themed-product-card, html[data-hm-product-strip-card-hover] .hm-product-listing-main .shop-themed-product-card, html[data-hm-product-strip-card-hover] .hm-product-strip .hm-product-card-image img, html[data-hm-product-strip-card-hover] .hm-product-listing-main .hm-product-card-image img, html[data-hm-product-strip-card-hover] .hm-product-strip .hm-product-card-image::after, html[data-hm-product-strip-card-hover] .hm-product-listing-main .hm-product-card-image::after { transition: none !important; transform: none !important; opacity: 1 !important; } }
.shop-product-strip-gap { gap: var(--shop-product-strip-gap, var(--shop-layout-product-grid-gap, 1.25rem)); }
html[data-hm-product-strip-spacing="compact"] .hm-product-strip, html[data-hm-product-strip-spacing="compact"] .hm-banner-grid { margin-block-start: var(--shop-product-strip-margin-block-start, 2.5rem); padding-block: var(--shop-product-strip-padding-block, 0.5rem); }
html[data-hm-product-strip-spacing="spacious"] .hm-product-strip, html[data-hm-product-strip-spacing="spacious"] .hm-banner-grid { margin-block-start: var(--shop-product-strip-margin-block-start, 6rem); padding-block: var(--shop-product-strip-padding-block, 1.5rem); }
@media (max-width: 1023px) { html[data-hm-product-strip-spacing="compact"] .hm-product-strip, html[data-hm-product-strip-spacing="compact"] .hm-banner-grid { margin-block-start: 2rem; } html[data-hm-product-strip-spacing="spacious"] .hm-product-strip, html[data-hm-product-strip-spacing="spacious"] .hm-banner-grid { margin-block-start: 4rem; } }
@media (max-width: 639px) { html[data-hm-product-strip-spacing="compact"] .hm-product-strip, html[data-hm-product-strip-spacing="compact"] .hm-banner-grid { margin-block-start: 1.75rem; } html[data-hm-product-strip-spacing="spacious"] .hm-product-strip, html[data-hm-product-strip-spacing="spacious"] .hm-banner-grid { margin-block-start: 3rem; } }
html[data-hm-product-strip-header-align="between"] .hm-product-strip__header, html:not([data-hm-product-strip-header-align]) .hm-product-strip__header { justify-content: center; align-items: center; }
html[data-hm-product-strip-header-align="start"] .hm-product-strip__header { justify-content: flex-start; align-items: center; gap: 1rem; flex-wrap: wrap; }
html[data-hm-product-strip-header-align="center"] .hm-product-strip__header { justify-content: center; align-items: center; flex-wrap: wrap; gap: 0.75rem; text-align: center; }
html[data-hm-product-strip-header-align="center"] .hm-product-strip__header > h2 { width: 100%; text-align: center; }
@media (max-width: 1023px) { html[data-hm-product-strip-header-align="between"] .hm-product-strip__header, html:not([data-hm-product-strip-header-align]) .hm-product-strip__header { justify-content: flex-end; } html[dir="rtl"][data-hm-product-strip-header-align="between"] .hm-product-strip__header, html[dir="rtl"]:not([data-hm-product-strip-header-align]) .hm-product-strip__header { justify-content: flex-start; } }
html[dir="rtl"][data-hm-product-strip-header-align="start"] .hm-product-strip__header { justify-content: flex-start; }
.hm-product-section--strip .hm-product-section__grid-panel { display: none !important; }
.hm-product-section--grid .hm-product-section__strip-panel { display: none !important; }
[data-hm-product-section-display-mode="strip"] .hm-product-section__grid-panel { display: none !important; }
[data-hm-product-section-display-mode="grid"] .hm-product-section__strip-panel { display: none !important; }
.hm-product-section--grid .hm-product-section__grid, .hm-product-section__grid-panel.hm-product-section__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--shop-product-strip-gap, var(--shop-layout-product-grid-gap, 1.25rem)); width: 100%; }
@media (min-width: 768px) { .hm-product-section--grid .hm-product-section__grid, .hm-product-section__grid-panel.hm-product-section__grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); } }
[data-hm-product-section-display-mode="grid"] .hm-product-section__grid-panel.hm-product-section__grid { display: grid !important; }
.hm-product-section--grid .hm-product-section__grid .hm-product-card:not(.hm-product-card--list), .hm-product-section__grid-panel.hm-product-section__grid .hm-product-card:not(.hm-product-card--list) { width: 100%; max-width: none; }
.hm-product-section--grid .hm-product-section__grid .hm-product-card:not(.hm-product-card--list) .hm-product-card-image, .hm-product-section--grid .hm-product-section__grid .hm-product-card:not(.hm-product-card--list) .hm-product-card-body, .hm-product-section__grid-panel.hm-product-section__grid .hm-product-card:not(.hm-product-card--list) .hm-product-card-image, .hm-product-section__grid-panel.hm-product-section__grid .hm-product-card:not(.hm-product-card--list) .hm-product-card-body { max-width: none; width: 100%; }
.hm-product-section--grid .hm-product-strip__nav, [data-hm-product-section-display-mode="grid"] .hm-product-strip__nav { display: none !important; }
.hm-product-section--grid .hm-product-strip__pagination, [data-hm-product-section-display-mode="grid"] .hm-product-strip__pagination { display: none !important; }
[data-hm-product-section-display-mode="grid"] .hm-product-section__strip-panel .hm-product-strip__header > div { display: none !important; }
html[data-hm-product-carousel-show-view-all="0"] .hm-product-strip__view-all { display: none !important; }
.hm-product-strip__shell { display: grid; grid-template-areas: "header" "carousel" "pagination" "viewall"; }
.hm-product-strip__header { grid-area: header; }
.hm-product-strip__carousel { grid-area: carousel; }
.hm-product-strip__pagination { grid-area: pagination; }
.hm-product-strip__view-all.hm-product-strip__view-all-button, .hm-product-strip__view-all.secondary-button { display: inline-flex; align-items: center; justify-content: center; gap: 0.375rem; border-radius: var(--shop-button-primary-radius, 9999px); padding: var(--shop-button-primary-padding-y, 0.75rem) var(--shop-button-primary-padding-x, 1.25rem); font-size: var(--shop-button-primary-font-size, 0.875rem); font-weight: var(--shop-button-primary-font-weight, 600); line-height: 1.2; background-color: var(--shop-product-strip-view-all-bg); color: var(--shop-product-strip-view-all-color); border: 1px solid transparent; text-decoration: none; transition: background-color var(--shop-product-strip-transition-speed, 320ms) ease, color var(--shop-product-strip-transition-speed, 320ms) ease; grid-area: viewall; }
.hm-product-strip__view-all.hm-product-strip__view-all-button:hover, .hm-product-strip__view-all.secondary-button:hover { background-color: var(--shop-product-strip-view-all-hover-bg); color: var(--shop-product-strip-view-all-color); }
.hm-product-strip__view-all.hm-product-strip__view-all-button .icon-arrow-right, .hm-product-strip__view-all.secondary-button .icon-arrow-right { font-size: 1.125rem; line-height: 1; }
@media (max-width: 1023px) { .hm-product-strip__header { position: relative; align-items: center; justify-content: flex-end; min-height: 2.25rem; } html[dir="rtl"] .hm-product-strip__header { justify-content: flex-start; } .hm-product-strip__header > div { position: absolute; inset-inline-end: 0; top: 50%; transform: translateY(-50%); z-index: 2; } .hm-product-strip__view-all.hm-product-strip__view-all-button, .hm-product-strip__view-all.secondary-button { grid-area: header; justify-self: start; align-self: center; z-index: 2; border-radius: 9999px !important; padding: 0.375rem 0.875rem; font-size: 0.75rem; line-height: 1.2; white-space: nowrap; margin: 0; } html[dir="rtl"] .hm-product-strip__view-all.hm-product-strip__view-all-button, html[dir="rtl"] .hm-product-strip__view-all.secondary-button { justify-self: end; } .hm-product-strip__header > .hm-product-strip__title { flex: 0 1 auto; min-width: 0; width: auto; max-width: calc(100% - 5.75rem); margin: 0; padding-inline: 0; text-align: right; } html[data-hm-product-strip-header-align="center"] .hm-product-strip__header { justify-content: center; } html[data-hm-product-strip-header-align="center"] .hm-product-strip__header > .hm-product-strip__title { width: 100%; max-width: 100%; padding-inline: 5.75rem; text-align: center; } }
@media (min-width: 1024px) { .hm-product-strip__header { position: relative; align-items: center; justify-content: center; } .hm-product-strip__view-all.hm-product-strip__view-all-button, .hm-product-strip__view-all.secondary-button { grid-area: viewall; justify-self: center; margin-top: 1.25rem; } .hm-product-strip__header > .hm-product-strip__title { flex: 1 1 auto; width: 100%; margin: 0; padding-inline: 6.5rem; text-align: center; } .hm-product-strip__header > div { position: absolute; inset-inline-end: 0; top: 50%; transform: translateY(-50%); z-index: 2; } html[data-hm-product-strip-header-align="start"] .hm-product-strip__header { justify-content: flex-start; } html[data-hm-product-strip-header-align="start"] .hm-product-strip__header > .hm-product-strip__title { width: auto; padding-inline: 0; text-align: start; } html[data-hm-product-strip-header-align="start"] .hm-product-strip__header > div { position: static; transform: none; } }
.hm-marketing-banner { border-radius: var(--shop-marketing-banner-radius); box-shadow: var(--shop-marketing-banner-shadow); border: var(--shop-marketing-banner-border); }
.hm-marketing-banner-content { padding: var(--shop-marketing-banner-padding); gap: var(--shop-marketing-banner-gap); }
.hm-marketing-banner .shop-cms-content { border-radius: inherit; }
.hm-marketing-banner-action, .hm-marketing-banner .shop-cms-content .primary-button, .hm-marketing-banner .shop-cms-content .secondary-button, .hm-marketing-banner .shop-cms-content a.btn { border-radius: var(--shop-marketing-banner-cta-radius); }
html[data-hm-marketing-banner-card-style="flat"] .hm-marketing-banner { box-shadow: none; background: var(--shop-color-surface); }
html[data-hm-marketing-banner-card-style="elevated"] .hm-marketing-banner { box-shadow: var(--shop-marketing-banner-shadow); background: var(--shop-color-surface); }
html[data-hm-marketing-banner-card-style="outlined"] .hm-marketing-banner { box-shadow: none; border: 1px solid var(--shop-color-border); }
html[data-hm-marketing-banner-card-style="split"] .hm-marketing-banner-content { display: grid; grid-template-columns: 1fr; gap: var(--shop-marketing-banner-gap); }
@media (min-width: 768px) { html[data-hm-marketing-banner-card-style="split"] .hm-marketing-banner-content { grid-template-columns: 1fr 1fr; align-items: center; } }
html[data-hm-marketing-banner-spacing="compact"] .hm-marketing-banner-content { padding: calc(var(--shop-marketing-banner-padding) * 0.75); gap: calc(var(--shop-marketing-banner-gap) * 0.75); }
html[data-hm-marketing-banner-spacing="comfortable"] .hm-marketing-banner-content { padding: calc(var(--shop-marketing-banner-padding) * 1.25); gap: calc(var(--shop-marketing-banner-gap) * 1.25); }
html[data-hm-marketing-banner-card-style="inherit"] .hm-marketing-banner { /* section preset shell remains primary */ }
html[data-hm-marketing-banner-cta-style="filled"] .hm-marketing-banner .primary-button, html[data-hm-marketing-banner-cta-style="filled"] .hm-marketing-banner-action.primary-button { background-color: var(--shop-color-accent-fill); color: var(--shop-color-on-accent); border-color: transparent; }
html[data-hm-marketing-banner-cta-style="outline"] .hm-marketing-banner .primary-button, html[data-hm-marketing-banner-cta-style="outline"] .hm-marketing-banner-action { background: transparent; border: 1px solid var(--shop-color-border); }
html[data-hm-marketing-banner-cta-style="text"] .hm-marketing-banner .primary-button, html[data-hm-marketing-banner-cta-style="text"] .hm-marketing-banner-action { background: transparent; border-color: transparent; color: var(--shop-color-accent); box-shadow: none; }
.hm-footer-cta-card { border-radius: var(--shop-footer-cta-card-radius); box-shadow: var(--shop-footer-cta-card-shadow); border: var(--shop-footer-cta-card-border); text-align: var(--shop-footer-cta-card-align); }
.hm-footer-cta-content { padding: var(--shop-footer-cta-card-padding); gap: var(--shop-footer-cta-card-gap); }
.hm-footer-cta-action, .hm-footer-cta-card .shop-cms-content .primary-button, .hm-footer-cta-card .shop-cms-content .secondary-button { border-radius: var(--shop-footer-cta-button-radius); }
html[data-hm-footer-cta-card-style="flat"] .hm-footer-cta-card { box-shadow: none; }
html[data-hm-footer-cta-card-style="elevated"] .hm-footer-cta-card { box-shadow: var(--shop-footer-cta-card-shadow); }
html[data-hm-footer-cta-card-style="outlined"] .hm-footer-cta-card { box-shadow: none; border: 1px solid var(--shop-color-border); }
html[data-hm-footer-cta-alignment="start"] .hm-footer-cta-card, html[data-hm-footer-cta-alignment="start"] .hm-footer-cta-content { text-align: start; }
html[data-hm-footer-cta-alignment="center"] .hm-footer-cta-card, html[data-hm-footer-cta-alignment="center"] .hm-footer-cta-content { text-align: center; }
html[data-hm-footer-cta-spacing="compact"] .hm-footer-cta-content { padding: calc(var(--shop-footer-cta-card-padding) * 0.75); gap: calc(var(--shop-footer-cta-card-gap) * 0.75); }
html[data-hm-footer-cta-spacing="comfortable"] .hm-footer-cta-content { padding: calc(var(--shop-footer-cta-card-padding) * 1.25); gap: calc(var(--shop-footer-cta-card-gap) * 1.25); }
html[data-hm-footer-cta-button-style="filled"] .hm-footer-cta-card .primary-button, html[data-hm-footer-cta-button-style="filled"] .hm-footer-cta-action { background-color: var(--shop-color-accent-fill); color: var(--shop-color-on-accent); border-color: transparent; }
html[data-hm-footer-cta-button-style="outline"] .hm-footer-cta-card .primary-button, html[data-hm-footer-cta-button-style="outline"] .hm-footer-cta-action { background: transparent; border: 1px solid var(--shop-color-border); }
html[data-hm-footer-cta-button-style="text"] .hm-footer-cta-card .primary-button, html[data-hm-footer-cta-button-style="text"] .hm-footer-cta-action { background: transparent; border-color: transparent; color: var(--shop-color-accent); box-shadow: none; }
html[data-hm-homepage-section-container="auto"] .home-main-content .hm-category-section.container, html[data-hm-homepage-section-container="auto"] .home-main-content .hm-product-strip.container, html[data-hm-homepage-section-container="auto"] .home-main-content .hm-banner-grid.container, html[data-hm-homepage-section-container="auto"] .home-main-content .hm-home-static-section__content.container { max-width: none !important; width: 100%; }
html[data-hm-homepage-section-container="auto"] .home-main-content .shop-section-preset.shop-section-homepage-static, html[data-hm-homepage-section-container="auto"] .home-main-content .shop-section-preset.shop-section-marketing { max-width: none; }
html[data-hm-homepage-section-container="auto"] .home-main-content .shop-section-homepage-static > .shop-section-preset__content, html[data-hm-homepage-section-container="auto"] .home-main-content .shop-section-marketing > .shop-section-preset__content, html[data-hm-homepage-section-container="auto"] .home-main-content .hm-home-static-section__content { max-width: none !important; width: 100%; }
html[data-hm-homepage-section-container="auto"] .home-main-content .shop-section-style-boxed.shop-section-preset { width: 100%; max-width: none; }
html.hm-home-entrance-active main.home-main-content { overflow-x: clip; }
@keyframes hm-home-entrance-rise { from { opacity: 0; transform: translate3d(0, 6rem, 0) scale(0.88); } to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } }
@keyframes hm-home-entrance-rise-strong { from { opacity: 0; transform: translate3d(0, 7.5rem, 0) scale(0.84); } to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } }
@keyframes hm-home-entrance-fade { from { opacity: 0; } to { opacity: 1; } }
html.hm-home-entrance-active[data-hm-homepage-section-entrance="fade_up"] main.home-main-content .hm-home-entrance-target:not(.is-home-entrance-visible), html.hm-home-entrance-active[data-hm-homepage-section-entrance="stagger"] main.home-main-content .hm-home-entrance-target:not(.is-home-entrance-visible), html.hm-home-entrance-active[data-hm-homepage-section-entrance="slide_up"] main.home-main-content .hm-home-entrance-target:not(.is-home-entrance-visible) { opacity: 0; transform: translate3d(0, var(--shop-home-entrance-distance, 6rem), 0) scale(var(--shop-home-entrance-scale, 0.88)); will-change: opacity, transform; }
html.hm-home-entrance-active[data-hm-homepage-section-entrance="fade_in"] main.home-main-content .hm-home-entrance-target:not(.is-home-entrance-visible) { opacity: 0; will-change: opacity; }
html.hm-home-entrance-active[data-hm-homepage-section-entrance="fade_up"] main.home-main-content .hm-home-entrance-target.is-home-entrance-visible, html.hm-home-entrance-active[data-hm-homepage-section-entrance="stagger"] main.home-main-content .hm-home-entrance-target.is-home-entrance-visible { animation: hm-home-entrance-rise var(--shop-home-entrance-duration, 1250ms) var(--shop-home-entrance-easing, cubic-bezier(0.16, 1, 0.3, 1)) both; }
html.hm-home-entrance-active[data-hm-homepage-section-entrance="slide_up"] main.home-main-content .hm-home-entrance-target.is-home-entrance-visible { animation: hm-home-entrance-rise-strong var(--shop-home-entrance-duration, 1400ms) var(--shop-home-entrance-easing, cubic-bezier(0.16, 1, 0.3, 1)) both; }
html.hm-home-entrance-active[data-hm-homepage-section-entrance="fade_in"] main.home-main-content .hm-home-entrance-target.is-home-entrance-visible { animation: hm-home-entrance-fade var(--shop-home-entrance-duration, 1100ms) var(--shop-home-entrance-easing, cubic-bezier(0.16, 1, 0.3, 1)) both; }
html.hm-home-entrance-active[data-hm-homepage-section-entrance="stagger"] main.home-main-content .hm-home-entrance-target.is-home-entrance-visible { animation-delay: calc(var(--hm-home-entrance-index, 0) * var(--shop-home-entrance-stagger, 220ms)); }
@media (prefers-reduced-motion: reduce) { html.hm-home-entrance-active main.home-main-content .hm-home-entrance-target { opacity: 1 !important; transform: none !important; animation: none !important; } }