/* Shop3 tokens — собрано из JSON, руками не править */
:root {
  --s3-color-neutral-0: #ffffff;
  --s3-color-neutral-50: #f7f7f8;
  --s3-color-neutral-100: #eeeef0;
  --s3-color-neutral-200: #dedee3;
  --s3-color-neutral-300: #c4c4cc;
  --s3-color-neutral-400: #9b9ba6;
  --s3-color-neutral-500: #6f6f7b;
  --s3-color-neutral-600: #52525c;
  --s3-color-neutral-700: #3d3d45;
  --s3-color-neutral-800: #26262c;
  --s3-color-neutral-900: #18181c;
  --s3-color-neutral-950: #0e0e11;
  --s3-color-neutral-warm-0: #fffdfa;
  --s3-color-neutral-warm-50: #faf7f2;
  --s3-color-neutral-warm-100: #f2ede5;
  --s3-color-neutral-warm-200: #e5ded3;
  --s3-color-neutral-warm-300: #cfc6b8;
  --s3-color-neutral-warm-400: #a89f92;
  --s3-color-neutral-warm-500: #7d756a;
  --s3-color-neutral-warm-600: #5c554c;
  --s3-color-neutral-warm-700: #453f38;
  --s3-color-neutral-warm-800: #2c2824;
  --s3-color-neutral-warm-900: #1d1a17;
  --s3-color-neutral-warm-950: #12100e;
  --s3-color-brand-100: #dddddc;
  --s3-color-brand-200: #bcbbb9;
  --s3-color-brand-300: #83827f;
  --s3-color-brand-400: #504d49;
  --s3-color-brand-500: #1e1b16;
  --s3-color-brand-600: #1a1713;
  --s3-color-brand-700: #15130f;
  --s3-color-brand-800: #110f0c;
  --s3-color-brand-900: #0c0b09;
  --s3-color-accent-300: #dfa989;
  --s3-color-accent-400: #d48c62;
  --s3-color-accent-500: #c96f3b;
  --s3-color-accent-600: #ab5e32;
  --s3-color-accent-700: #8d4e29;
  --s3-color-green-500: #1f9d55;
  --s3-color-green-600: #177a42;
  --s3-color-amber-500: #f5a524;
  --s3-color-red-500: #e5383b;
  --s3-color-red-600: #c62a2f;
  --s3-color-alpha-black-45: #00000073;
  --s3-color-alpha-black-80: #000000cc;
  --s3-font-family-body: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --s3-font-family-heading: var(--s3-font-family-body);
  --s3-font-size-2xs: 11px;
  --s3-font-size-xs: 12px;
  --s3-font-size-sm: 14px;
  --s3-font-size-md: 15px;
  --s3-font-size-lg: 18px;
  --s3-font-size-xl: 22px;
  --s3-font-size-2xl: 28px;
  --s3-font-size-3xl: 36px;
  --s3-font-weight-regular: 400;
  --s3-font-weight-medium: 500;
  --s3-font-weight-bold: 700;
  --s3-font-tracking-tight: -0.02em;
  --s3-font-tracking-snug: -0.01em;
  --s3-font-tracking-wide: 0.04em;
  --s3-font-tracking-wider: 0.06em;
  --s3-space-half: 2px;
  --s3-space-1: 4px;
  --s3-space-2: 8px;
  --s3-space-3: 12px;
  --s3-space-4: 16px;
  --s3-space-5: 24px;
  --s3-space-6: 32px;
  --s3-space-7: 48px;
  --s3-space-8: 64px;
  --s3-border-width-thin: 1px;
  --s3-border-width-thick: 2px;
  --s3-border-width-ring: 3px;
  --s3-size-icon-xs: 14px;
  --s3-size-icon-sm: 18px;
  --s3-size-icon-md: 22px;
  --s3-size-icon-lg: 28px;
  --s3-size-icon-xl: 64px;
  --s3-size-control-sm: 32px;
  --s3-size-control-md: 40px;
  --s3-size-control-lg: 44px;
  --s3-size-control-xl: 52px;
  --s3-size-badge: 20px;
  --s3-size-thumb-sm: 48px;
  --s3-size-thumb-md: 72px;
  --s3-size-thumb-lg: 96px;
  --s3-size-area: 112px;
  --s3-layout-aside: 260px;
  --s3-layout-aside-narrow: 220px;
  --s3-layout-summary: 380px;
  --s3-layout-column: 180px;
  --s3-layout-dropdown: 240px;
  --s3-layout-toast: 420px;
  --s3-layout-narrow: 520px;
  --s3-layout-measure: 760px;
  --s3-layout-dialog: 1100px;
  --s3-layout-page-offset: var(--s3-space-4);
  --s3-breakpoint-sm: 600px;
  --s3-breakpoint-md: 991px;
  --s3-breakpoint-lg: 1311px;
  --s3-breakpoint-xl: 1599px;
  --s3-breakpoint-xxl: 1919px;
  --s3-z-sticky: 30;
  --s3-z-dropdown: 40;
  --s3-z-overlay: 49;
  --s3-z-drawer: 50;
  --s3-z-toast: 60;
  --s3-z-skip: 100;
  --s3-z-base: 0;
  --s3-z-raised: 1;
  --s3-radius-sm: 12px;
  --s3-radius-md: 20px;
  --s3-radius-lg: 28px;
  --s3-radius-pill: 999px;
  --s3-shadow-sm: 0 1px 2px rgba(16,16,24,.06), 0 1px 3px rgba(16,16,24,.08);
  --s3-shadow-md: 0 4px 12px rgba(16,16,24,.08), 0 2px 4px rgba(16,16,24,.06);
  --s3-shadow-lg: 0 16px 40px rgba(16,16,24,.14);
  --s3-duration-fast: 120ms;
  --s3-duration-base: 200ms;
  --s3-duration-slow: 320ms;
  --s3-duration-marquee: 40s;
  --s3-container-width: 100%;
  --s3-container-wide: 100%;
  --s3-container-gutter: var(--s3-space-4);
  --s3-button-radius: var(--s3-radius-pill);
  --s3-button-height: var(--s3-size-control-lg);
  --s3-button-gap: var(--s3-space-2);
  --s3-button-padding-inline: var(--s3-space-5);
  --s3-button-height-sm: var(--s3-size-control-sm);
  --s3-button-padding-inline-sm: var(--s3-space-3);
  --s3-card-radius: var(--s3-radius-md);
  --s3-card-border-width: var(--s3-border-width-thin);
  --s3-card-image-radius-bottom: 0px;
  --s3-card-padding: var(--s3-space-3);
  --s3-card-padding-block: var(--s3-card-padding);
  --s3-card-padding-inline: var(--s3-card-padding);
  --s3-card-gap: var(--s3-space-1);
  --s3-card-image-ratio: 1;
  --s3-card-min-width: 220px;
  --s3-card-button-height: var(--s3-size-control-sm);
  --s3-card-button-padding-inline: var(--s3-space-3);
  --s3-card-button-height-full: var(--s3-size-control-md);
  --s3-card-button-padding-inline-full: var(--s3-button-padding-inline);
  --s3-card-image-hover-scale: 1.04;
  --s3-field-height: var(--s3-button-height);
  --s3-field-padding-inline: var(--s3-space-3);
  --s3-field-radius: var(--s3-radius-sm);
  --s3-field-focus-ring-mix: 30%;
  --s3-check-gap: var(--s3-space-2);
  --s3-check-size: var(--s3-size-icon-sm);
  --s3-qty-height: var(--s3-size-control-xl);
  --s3-qty-radius: var(--s3-button-radius);
  --s3-qty-button-width: var(--s3-size-control-md);
  --s3-chip-padding-block: var(--s3-space-2);
  --s3-chip-padding-inline: var(--s3-space-4);
  --s3-chip-radius: var(--s3-radius-pill);
  --s3-chip-tag-padding-block: var(--s3-space-half);
  --s3-chip-tag-padding-inline: var(--s3-space-2);
  --s3-chip-tag-radius: var(--s3-radius-sm);
  --s3-rating-size: var(--s3-size-icon-xs);
  --s3-rating-line-height: 0;
  --s3-price-gap: var(--s3-space-2);
  --s3-price-size: var(--s3-font-size-lg);
  --s3-price-old-size: var(--s3-font-size-sm);
  --s3-price-tax-size: var(--s3-font-size-xs);
  --s3-link-size: var(--s3-font-size-sm);
  --s3-panel-padding: var(--s3-space-4);
  --s3-panel-radius: var(--s3-radius-lg);
  --s3-accordion-padding-block: var(--s3-space-3);
  --s3-accordion-padding-inline: var(--s3-space-4);
  --s3-lightbox-max-height: var(--s3-viewport-dialog-height);
  --s3-toast-gap: var(--s3-space-3);
  --s3-toast-padding-block: var(--s3-space-3);
  --s3-toast-padding-inline: var(--s3-space-4);
  --s3-toast-radius: var(--s3-radius-md);
  --s3-toast-max-width: var(--s3-layout-toast);
  --s3-alert-padding-block: var(--s3-space-3);
  --s3-alert-padding-inline: var(--s3-space-4);
  --s3-alert-radius: var(--s3-radius-md);
  --s3-alert-tint: 8%;
  --s3-table-padding-block: var(--s3-space-3);
  --s3-table-padding-inline: var(--s3-space-4);
  --s3-table-label-width: 40%;
  --s3-pager-gap: var(--s3-space-1);
  --s3-pager-size: var(--s3-size-control-md);
  --s3-pager-radius: var(--s3-radius-sm);
  --s3-tree-item-padding: var(--s3-space-2);
  --s3-tree-indent: var(--s3-space-3);
  --s3-empty-padding-block: var(--s3-space-7);
  --s3-empty-icon-size: var(--s3-size-icon-xl);
  --s3-prose-measure: 72ch;
  --s3-prose-measure-full: 80ch;
  --s3-slider-columns: 3;
  --s3-slider-gaps: 2;
  --s3-skip-link-offset: -300%;
  --s3-page-root-font-size: 100%;
  --s3-footer-columns: 12;
  --s3-footer-padding-block: var(--s3-space-6);
  --s3-footer-gap: var(--s3-space-5);
  --s3-footer-wordmark-size: var(--s3-font-size-3xl);
  --s3-footer-plate-radius: var(--s3-radius-lg);
  --s3-notice-padding-block: var(--s3-space-2);
  --s3-notice-gap: var(--s3-space-3);
  --s3-popup-radius: var(--s3-radius-lg);
  --s3-popup-padding-block: var(--s3-space-6);
  --s3-popup-padding-inline: var(--s3-space-6);
  --s3-popup-gap: var(--s3-space-4);
  --s3-popup-shadow: var(--s3-shadow-lg);
  --s3-popup-duration: var(--s3-duration-base);
  --s3-cookies-radius: var(--s3-radius-md);
  --s3-cookies-padding-block: var(--s3-space-3);
  --s3-cookies-padding-inline: var(--s3-space-4);
  --s3-cookies-gap: var(--s3-space-4);
  --s3-cookies-shadow: var(--s3-shadow-md);
  --s3-to-top-height: var(--s3-size-control-lg);
  --s3-to-top-radius: var(--s3-radius-pill);
  --s3-to-top-shadow: var(--s3-shadow-md);
  --s3-to-top-duration: var(--s3-duration-base);
  --s3-header-height: 60px;
  --s3-header-height-compact: 56px;
  --s3-header-height-mobile: 60px;
  --s3-header-logo-height: var(--s3-size-control-lg);
  --s3-header-logo-height-mobile: var(--s3-size-control-sm);
  --s3-header-plaque-max-width: 1080px;
  --s3-header-plaque-offset: var(--s3-space-4);
  --s3-header-plaque-radius: var(--s3-radius-lg);
  --s3-topbar-height: var(--s3-size-control-md);
  --s3-search-max-width: 560px;
  --s3-search-max-width-narrow: 320px;
  --s3-search-height: var(--s3-size-control-lg);
  --s3-search-height-mobile: var(--s3-size-control-md);
  --s3-search-radius: var(--s3-button-radius);
  --s3-search-cat-max-width: 12em;
  --s3-search-cat-max-width-mobile: 7em;
  --s3-search-button-width: var(--s3-size-control-lg);
  --s3-search-input-font-size-touch: 16px;
  --s3-search-chip-max-width: 10em;
  --s3-search-dot-size: 6px;
  --s3-search-list-radius: var(--s3-radius-md);
  --s3-search-list-shadow: var(--s3-shadow-md);
  --s3-search-list-padding: var(--s3-space-2);
  --s3-search-list-max-width: 280px;
  --s3-search-list-max-height: 360px;
  --s3-search-list-max-height-mobile: 50vh;
  --s3-menu-drawer-width: 340px;
  --s3-menu-item-padding-inline: var(--s3-space-3);
  --s3-menu-padding-block: var(--s3-space-3);
  --s3-menu-gap: var(--s3-space-1);
  --s3-menu-toggle-width: var(--s3-size-control-sm);
  --s3-menu-more-padding-inline: var(--s3-space-4);
  --s3-menu-more-padding-block: var(--s3-space-2);
  --s3-menu-more-width: 280px;
  --s3-menu-more-font-size: var(--s3-font-size-sm);
  --s3-menu-more-radius: var(--s3-radius-md);
  --s3-menu-more-shadow: var(--s3-shadow-lg);
  --s3-menu-more-palette: none;
  --s3-megamenu-padding-block: var(--s3-space-5);
  --s3-megamenu-gap: var(--s3-space-5);
  --s3-megamenu-promo-width: var(--s3-layout-aside);
  --s3-megamenu-image-size: var(--s3-size-icon-xl);
  --s3-megamenu-shadow: var(--s3-shadow-lg);
  --s3-megamenu-palette: none;
  --s3-dropdown-padding-block: var(--s3-space-3);
  --s3-dropdown-padding-inline: var(--s3-space-4);
  --s3-dropdown-width: var(--s3-layout-dropdown);
  --s3-dropdown-radius: var(--s3-radius-md);
  --s3-dropdown-shadow: var(--s3-shadow-lg);
  --s3-dropdown-palette: none;
  --s3-drawer-padding-block: var(--s3-space-3);
  --s3-drawer-padding-inline: var(--s3-space-4);
  --s3-drawer-gap: var(--s3-space-4);
  --s3-drawer-shadow: var(--s3-shadow-lg);
  --s3-drawer-duration: var(--s3-duration-base);
  --s3-drawer-palette: none;
  --s3-tabbar-height: var(--s3-size-control-xl);
  --s3-tabbar-padding-block: var(--s3-space-1);
  --s3-tabbar-gap: var(--s3-space-half);
  --s3-tabbar-palette: none;
  --s3-listing-split: var(--s3-split-wide);
  --s3-listing-form-padding: var(--s3-space-5);
  --s3-listing-form-radius: var(--s3-radius-md);
  --s3-listing-image-radius: var(--s3-radius-md);
  --s3-listing-image-border-width: var(--s3-border-width-thin);
  --s3-product-split: var(--s3-split-media);
  --s3-product-gap: var(--s3-space-7);
  --s3-product-gallery-ratio: var(--s3-ratio-square);
  --s3-product-gallery-radius: var(--s3-radius-lg);
  --s3-product-thumb-ratio: var(--s3-ratio-square);
  --s3-product-thumb-radius: var(--s3-radius-sm);
  --s3-product-reviews-split: var(--s3-split-aside);
  --s3-product-avatar-radius: var(--s3-radius-pill);
  --s3-product-lightbox-max-width: var(--s3-viewport-dialog);
  --s3-product-lightbox-radius: var(--s3-radius-lg);
  --s3-cart-gap: var(--s3-space-6);
  --s3-cart-summary-padding: var(--s3-space-5);
  --s3-cart-summary-radius: var(--s3-radius-lg);
  --s3-cart-summary-button-height: var(--s3-size-control-xl);
  --s3-cart-panel-radius: var(--s3-radius-md);
  --s3-checkout-columns: var(--s3-columns-form);
  --s3-checkout-gap: var(--s3-space-6);
  --s3-checkout-step-padding: var(--s3-space-5);
  --s3-checkout-step-radius: var(--s3-radius-lg);
  --s3-checkout-number-radius: var(--s3-radius-pill);
  --s3-checkout-method-padding-block: var(--s3-space-3);
  --s3-checkout-method-padding-inline: var(--s3-space-4);
  --s3-checkout-method-radius: var(--s3-radius-md);
  --s3-checkout-bar-padding-block: var(--s3-space-2);
  --s3-checkout-bar-gap: var(--s3-space-3);
  --s3-account-columns: var(--s3-columns-form);
  --s3-account-gap: var(--s3-space-5);
  --s3-account-tile-min-width: var(--s3-layout-aside);
  --s3-account-tile-gap: var(--s3-space-4);
  --s3-account-status-radius: var(--s3-radius-pill);
  --s3-wishlist-image-size: var(--s3-size-thumb-md);
  --s3-compare-column-min-width: var(--s3-layout-column);
  --s3-compare-image-size: var(--s3-size-area);
  --s3-compare-image-radius: var(--s3-radius-md);
  --s3-info-measure: var(--s3-layout-measure);
  --s3-info-contact-gap: var(--s3-space-5);
  --s3-info-image-max-width: var(--s3-layout-aside);
  --s3-info-image-radius: var(--s3-radius-md);
  --s3-info-sitemap-columns: var(--s3-columns-form);
  --s3-info-sitemap-gap: var(--s3-space-6);
  --s3-section-banners-columns-3: 1;
  --s3-section-banners-columns-4: 1;
  --s3-section-banners-columns-mosaic: var(--s3-section-banners-columns-4);
  --s3-section-banners-mosaic-span: 2;
  --s3-section-banners-ratio-wide: 12 / 5;
  --s3-section-banners-hover-scale: 1.02;
  --s3-section-categories-columns-cards: 2;
  --s3-section-categories-columns-icons: 4;
  --s3-section-categories-hover-scale: 1.04;
  --s3-section-countdown-clock-padding: var(--s3-space-2);
  --s3-section-deals-card-surface: transparent;
  --s3-section-gallery-lightbox-height: 94vh;
  --s3-section-gallery-image-height: 86vh;
  --s3-section-hero-peek-width: 88%;
  --s3-section-hero-banners-hover-scale: 1.02;
  --s3-section-products-list-lines: 3;
  --s3-section-text-image-columns: 1;
  --s3-section-video-button-scale: 1.5;
  --s3-section-video-hover-scale: 1.08;
  --s3-line-height-tight: 1.1;
  --s3-line-height-snug: 1.2;
  --s3-line-height-normal: 1.35;
  --s3-line-height-relaxed: 1.6;
  --s3-opacity-disabled: 0.5;
  --s3-opacity-muted: 0.55;
  --s3-opacity-subtle: 0.7;
  --s3-opacity-overlay: 0.5;
  --s3-ratio-square: 1 / 1;
  --s3-ratio-portrait: 3 / 4;
  --s3-ratio-tall: 4 / 5;
  --s3-ratio-photo: 3 / 2;
  --s3-ratio-landscape: 4 / 3;
  --s3-ratio-wide: 16 / 9;
  --s3-ratio-cinema: 21 / 9;
  --s3-columns-products: 2;
  --s3-columns-categories: 3;
  --s3-columns-brands: 3;
  --s3-columns-gallery: 2;
  --s3-columns-features: 1;
  --s3-columns-banners: 1;
  --s3-columns-reviews: 1;
  --s3-columns-footer: 1;
  --s3-columns-grid: 12;
  --s3-columns-form: 2;
  --s3-split-media: 1.15fr 1fr;
  --s3-split-aside: 1.4fr 1fr;
  --s3-split-wide: 2fr 1fr;
  --s3-easing-standard: cubic-bezier(0.25, 0.1, 0.25, 1);
  --s3-easing-enter: cubic-bezier(0, 0, 0.58, 1);
  --s3-easing-exit: cubic-bezier(0.42, 0, 1, 1);
  --s3-easing-linear: cubic-bezier(0, 0, 1, 1);
  --s3-motion-scale-hover: 1.03;
  --s3-motion-scale-press: 0.98;
  --s3-motion-shift-drawer: 100%;
  --s3-viewport-width: 100vw;
  --s3-viewport-dialog: 92vw;
  --s3-viewport-lightbox: 94vw;
  --s3-viewport-drawer: 86vw;
  --s3-viewport-hero-min: 50svh;
  --s3-viewport-dialog-height: 92vh;
  --s3-viewport-screen-width: 100vw;
  --s3-viewport-screen-height: 100vh;
  --s3-viewport-dropdown-height: 50vh;
  --s3-typography-display-font-family: var(--s3-font-family-heading);
  --s3-typography-display-font-weight: var(--s3-font-weight-bold);
  --s3-typography-display-font-size: var(--s3-font-size-3xl);
  --s3-typography-display-line-height: var(--s3-line-height-tight);
  --s3-typography-display-letter-spacing: var(--s3-font-tracking-tight);
  --s3-typography-h1-font-family: var(--s3-font-family-heading);
  --s3-typography-h1-font-weight: var(--s3-font-weight-bold);
  --s3-typography-h1-font-size: var(--s3-font-size-3xl);
  --s3-typography-h1-line-height: var(--s3-line-height-tight);
  --s3-typography-h1-letter-spacing: var(--s3-font-tracking-tight);
  --s3-typography-h2-font-family: var(--s3-font-family-heading);
  --s3-typography-h2-font-weight: var(--s3-font-weight-bold);
  --s3-typography-h2-font-size: var(--s3-font-size-2xl);
  --s3-typography-h2-line-height: var(--s3-line-height-snug);
  --s3-typography-h2-letter-spacing: var(--s3-font-tracking-snug);
  --s3-typography-h3-font-family: var(--s3-font-family-heading);
  --s3-typography-h3-font-weight: var(--s3-font-weight-bold);
  --s3-typography-h3-font-size: var(--s3-font-size-xl);
  --s3-typography-h3-line-height: var(--s3-line-height-snug);
  --s3-typography-h4-font-family: var(--s3-font-family-heading);
  --s3-typography-h4-font-weight: var(--s3-font-weight-bold);
  --s3-typography-h4-font-size: var(--s3-font-size-lg);
  --s3-typography-h4-line-height: var(--s3-line-height-snug);
  --s3-typography-h5-font-family: var(--s3-font-family-heading);
  --s3-typography-h5-font-weight: var(--s3-font-weight-bold);
  --s3-typography-h5-font-size: var(--s3-font-size-md);
  --s3-typography-h5-line-height: var(--s3-line-height-normal);
  --s3-typography-h6-font-family: var(--s3-font-family-heading);
  --s3-typography-h6-font-weight: var(--s3-font-weight-bold);
  --s3-typography-h6-font-size: var(--s3-font-size-sm);
  --s3-typography-h6-line-height: var(--s3-line-height-normal);
  --s3-typography-body-font-family: var(--s3-font-family-body);
  --s3-typography-body-font-weight: var(--s3-font-weight-regular);
  --s3-typography-body-font-size: var(--s3-font-size-md);
  --s3-typography-body-line-height: var(--s3-line-height-relaxed);
  --s3-typography-small-font-family: var(--s3-font-family-body);
  --s3-typography-small-font-weight: var(--s3-font-weight-regular);
  --s3-typography-small-font-size: var(--s3-font-size-sm);
  --s3-typography-small-line-height: var(--s3-line-height-normal);
  --s3-typography-label-font-family: var(--s3-font-family-body);
  --s3-typography-label-font-weight: var(--s3-font-weight-medium);
  --s3-typography-label-font-size: var(--s3-font-size-sm);
  --s3-typography-label-line-height: var(--s3-line-height-normal);
  --s3-typography-button-font-family: var(--s3-font-family-body);
  --s3-typography-button-font-weight: var(--s3-font-weight-medium);
  --s3-typography-button-font-size: var(--s3-font-size-md);
  --s3-typography-button-line-height: var(--s3-line-height-normal);
  --s3-typography-price-font-family: var(--s3-font-family-body);
  --s3-typography-price-font-weight: var(--s3-font-weight-bold);
  --s3-typography-price-font-size: var(--s3-font-size-lg);
  --s3-typography-price-line-height: var(--s3-line-height-normal);
  --s3-typography-overline-font-family: var(--s3-font-family-body);
  --s3-typography-overline-font-weight: var(--s3-font-weight-bold);
  --s3-typography-overline-font-size: var(--s3-font-size-xs);
  --s3-typography-overline-line-height: var(--s3-line-height-normal);
  --s3-typography-overline-letter-spacing: var(--s3-font-tracking-wider);
  --s3-typography-overline-text-transform: uppercase;
}
@media (min-width: 601px) {
  :root {
    --s3-panel-padding: var(--s3-space-5);
    --s3-section-banners-columns-3: 3;
    --s3-section-banners-columns-4: 2;
    --s3-section-categories-columns-cards: 3;
    --s3-section-hero-peek-width: 80%;
    --s3-section-text-image-columns: 2;
    --s3-columns-products: 3;
    --s3-columns-gallery: 3;
    --s3-columns-features: 2;
    --s3-columns-banners: 2;
    --s3-columns-reviews: 2;
    --s3-columns-footer: 2;
  }
}
@media (min-width: 992px) {
  :root {
    --s3-slider-columns: 5;
    --s3-slider-gaps: 4;
    --s3-section-banners-columns-4: 4;
    --s3-columns-products: 4;
    --s3-columns-categories: 6;
    --s3-columns-brands: 6;
    --s3-columns-gallery: 4;
    --s3-columns-features: 3;
    --s3-columns-reviews: 3;
    --s3-columns-footer: 4;
  }
}
@media (min-width: 1312px) {
  :root {
    --s3-layout-page-offset: var(--s3-space-5);
    --s3-container-width: 1280px;
    --s3-container-wide: 1440px;
    --s3-container-gutter: var(--s3-space-5);
  }
}
@media (min-width: 1600px) {
  :root {
    --s3-font-size-2xl: 30px;
    --s3-font-size-3xl: 40px;
    --s3-space-6: 36px;
    --s3-space-7: 56px;
    --s3-space-8: 72px;
    --s3-layout-page-offset: var(--s3-space-6);
    --s3-container-width: 1520px;
    --s3-container-wide: 1760px;
    --s3-container-gutter: var(--s3-space-6);
  }
}
@media (min-width: 1920px) {
  :root {
    --s3-font-size-2xl: 32px;
    --s3-font-size-3xl: 44px;
    --s3-space-6: 40px;
    --s3-space-7: 64px;
    --s3-space-8: 88px;
    --s3-container-width: 1760px;
    --s3-container-wide: 2080px;
  }
}
:root {
  --s3-direction-block-end: 180deg;
  --s3-direction-block-start: 0deg;
  --s3-direction-inline-end: 90deg;
  --s3-direction-inline-start: 270deg;
  --s3-direction-diagonal: 135deg;
}
[dir="rtl"] {
  --s3-direction-inline-end: 270deg;
  --s3-direction-inline-start: 90deg;
  --s3-direction-diagonal: 225deg;
}
:root, [data-mode="light"] {
  --s3-border-width-control: var(--s3-border-width-thin);
  --s3-focus-width: var(--s3-border-width-ring);
  --s3-shadow-elevation: var(--s3-shadow-md);
  --s3-p-main-bg: #f4efe7;
  --s3-p-main-surface: #faf7f2;
  --s3-p-main-surface-alt: #e7e2da;
  --s3-p-main-text: #1e1b16;
  --s3-p-main-text-muted: #66635f;
  --s3-p-main-border: #7a7a7d;
  --s3-p-main-primary: var(--s3-color-brand-500);
  --s3-p-main-primary-hover: var(--s3-color-brand-600);
  --s3-p-main-on-primary: #ffffff;
  --s3-p-main-accent: var(--s3-color-accent-500);
  --s3-p-main-on-accent: #1e1b16;
  --s3-p-main-link: var(--s3-color-brand-500);
  --s3-p-main-price: #1e1b16;
  --s3-p-main-price-old: #64646f;
  --s3-p-main-sale: #b3321f;
  --s3-p-main-on-sale: #ffffff;
  --s3-p-main-rating: #b87c1b;
  --s3-p-main-success: var(--s3-color-green-600);
  --s3-p-main-warning: var(--s3-color-amber-500);
  --s3-p-main-danger: var(--s3-color-red-600);
  --s3-p-main-on-danger: var(--s3-color-neutral-0);
  --s3-p-main-focus: var(--s3-color-brand-400);
  --s3-p-main-overlay: var(--s3-color-alpha-black-45);
  --s3-p-main-backdrop: var(--s3-color-alpha-black-80);
  --s3-p-main-border-subtle: #d6d1ca;
  --s3-p-main-accent-mark: #bf6938;
  --s3-p-muted-bg: var(--s3-p-main-surface-alt);
  --s3-p-muted-surface: var(--s3-p-main-surface);
  --s3-p-muted-surface-alt: var(--s3-p-main-surface);
  --s3-p-muted-text: var(--s3-p-main-text);
  --s3-p-muted-text-muted: var(--s3-p-main-text-muted);
  --s3-p-muted-border: var(--s3-p-main-border);
  --s3-p-muted-border-subtle: var(--s3-p-main-border-subtle);
  --s3-p-muted-primary: var(--s3-p-main-primary);
  --s3-p-muted-primary-hover: var(--s3-p-main-primary-hover);
  --s3-p-muted-on-primary: var(--s3-p-main-on-primary);
  --s3-p-muted-accent: var(--s3-p-main-accent);
  --s3-p-muted-on-accent: var(--s3-p-main-on-accent);
  --s3-p-muted-link: var(--s3-p-main-link);
  --s3-p-muted-price: var(--s3-p-main-price);
  --s3-p-muted-price-old: var(--s3-p-main-price-old);
  --s3-p-muted-sale: var(--s3-p-main-sale);
  --s3-p-muted-on-sale: var(--s3-p-main-on-sale);
  --s3-p-muted-rating: #af761a;
  --s3-p-muted-success: #16743f;
  --s3-p-muted-warning: var(--s3-p-main-warning);
  --s3-p-muted-danger: #bc282d;
  --s3-p-muted-on-danger: var(--s3-p-main-on-danger);
  --s3-p-muted-focus: var(--s3-p-main-focus);
  --s3-p-muted-overlay: var(--s3-p-main-overlay);
  --s3-p-muted-backdrop: var(--s3-p-main-backdrop);
  --s3-p-muted-accent-mark: var(--s3-p-main-accent-mark);
  --s3-p-inverse-bg: var(--s3-p-main-text);
  --s3-p-inverse-text: var(--s3-p-main-bg);
  --s3-p-inverse-surface-alt: #2f2c27;
  --s3-p-inverse-surface: #2f2c27;
  --s3-p-inverse-text-muted: #b4afa8;
  --s3-p-inverse-border: #7e7a74;
  --s3-p-inverse-price: var(--s3-p-inverse-text);
  --s3-p-inverse-link: var(--s3-p-inverse-text);
  --s3-p-inverse-price-old: var(--s3-p-inverse-text-muted);
  --s3-p-inverse-border-subtle: #7e7a74;
  --s3-p-inverse-primary: var(--s3-p-main-primary);
  --s3-p-inverse-primary-hover: var(--s3-p-main-primary-hover);
  --s3-p-inverse-on-primary: var(--s3-p-main-on-primary);
  --s3-p-inverse-accent: var(--s3-p-main-accent);
  --s3-p-inverse-on-accent: var(--s3-p-main-on-accent);
  --s3-p-inverse-sale: #d18479;
  --s3-p-inverse-on-sale: #0e0e11;
  --s3-p-inverse-rating: var(--s3-p-main-rating);
  --s3-p-inverse-success: #5da27b;
  --s3-p-inverse-warning: var(--s3-p-main-warning);
  --s3-p-inverse-danger: #dd7f82;
  --s3-p-inverse-on-danger: #0e0e11;
  --s3-p-inverse-focus: #7c7a77;
  --s3-p-inverse-overlay: var(--s3-p-main-overlay);
  --s3-p-inverse-backdrop: var(--s3-p-main-backdrop);
  --s3-p-inverse-accent-mark: var(--s3-p-main-accent-mark);
  --s3-p-brand-bg: #c96f3b;
  --s3-p-brand-text: #020101;
  --s3-p-brand-surface: #767572;
  --s3-p-brand-surface-alt: #767572;
  --s3-p-brand-text-muted: #000000;
  --s3-p-brand-border: #2d2c2c;
  --s3-p-brand-primary: var(--s3-p-brand-text);
  --s3-p-brand-primary-hover: #171717;
  --s3-p-brand-on-primary: var(--s3-p-brand-bg);
  --s3-p-brand-focus: var(--s3-p-brand-text);
  --s3-p-brand-price: var(--s3-p-brand-text);
  --s3-p-brand-link: var(--s3-p-brand-text);
  --s3-p-brand-price-old: #000000;
  --s3-p-brand-border-subtle: #817f7d;
  --s3-p-brand-accent: var(--s3-p-main-accent);
  --s3-p-brand-on-accent: var(--s3-p-main-on-accent);
  --s3-p-brand-sale: #000000;
  --s3-p-brand-on-sale: var(--s3-p-main-on-sale);
  --s3-p-brand-rating: #372508;
  --s3-p-brand-success: #000000;
  --s3-p-brand-warning: var(--s3-p-main-warning);
  --s3-p-brand-danger: #000000;
  --s3-p-brand-on-danger: var(--s3-p-main-on-danger);
  --s3-p-brand-overlay: var(--s3-p-main-overlay);
  --s3-p-brand-backdrop: var(--s3-p-main-backdrop);
  --s3-p-brand-accent-mark: #432514;
  color-scheme: light;
  --s3-mode: light;
  --s3-mode-next: dark;
}
[data-mode="dark"] {
  --s3-border-width-control: var(--s3-border-width-thin);
  --s3-focus-width: var(--s3-border-width-ring);
  --s3-shadow-elevation: var(--s3-shadow-md);
  --s3-p-main-bg: #14120f;
  --s3-p-main-surface: #211e19;
  --s3-p-main-surface-alt: #2e2a23;
  --s3-p-main-text: #f0eeea;
  --s3-p-main-text-muted: #a19f9b;
  --s3-p-main-border: #77777d;
  --s3-p-main-primary: var(--s3-color-accent-300);
  --s3-p-main-primary-hover: #858280;
  --s3-p-main-on-primary: #14120f;
  --s3-p-main-accent: var(--s3-color-accent-500);
  --s3-p-main-on-accent: #14120f;
  --s3-p-main-link: #e9c9a8;
  --s3-p-main-price: #f0eeea;
  --s3-p-main-price-old: #93939c;
  --s3-p-main-sale: #e46f5c;
  --s3-p-main-on-sale: #14120f;
  --s3-p-main-rating: var(--s3-color-amber-500);
  --s3-p-main-success: var(--s3-color-green-500);
  --s3-p-main-warning: var(--s3-color-amber-500);
  --s3-p-main-danger: #e95658;
  --s3-p-main-on-danger: #0e0e11;
  --s3-p-main-focus: var(--s3-color-brand-300);
  --s3-p-main-overlay: var(--s3-color-alpha-black-45);
  --s3-p-main-backdrop: var(--s3-color-alpha-black-80);
  --s3-p-main-border-subtle: #373532;
  --s3-p-main-accent-mark: var(--s3-color-accent-500);
  --s3-p-muted-bg: var(--s3-p-main-surface-alt);
  --s3-p-muted-surface: var(--s3-p-main-surface);
  --s3-p-muted-surface-alt: var(--s3-p-main-surface);
  --s3-p-muted-text: var(--s3-p-main-text);
  --s3-p-muted-text-muted: var(--s3-p-main-text-muted);
  --s3-p-muted-border: var(--s3-p-main-border);
  --s3-p-muted-border-subtle: var(--s3-p-main-border-subtle);
  --s3-p-muted-primary: var(--s3-p-main-primary);
  --s3-p-muted-primary-hover: var(--s3-p-main-primary-hover);
  --s3-p-muted-on-primary: var(--s3-p-main-on-primary);
  --s3-p-muted-accent: var(--s3-p-main-accent);
  --s3-p-muted-on-accent: var(--s3-p-main-on-accent);
  --s3-p-muted-link: var(--s3-p-main-link);
  --s3-p-muted-price: var(--s3-p-main-price);
  --s3-p-muted-price-old: var(--s3-p-main-price-old);
  --s3-p-muted-sale: var(--s3-p-main-sale);
  --s3-p-muted-on-sale: var(--s3-p-main-on-sale);
  --s3-p-muted-rating: var(--s3-p-main-rating);
  --s3-p-muted-success: #35a766;
  --s3-p-muted-warning: var(--s3-p-main-warning);
  --s3-p-muted-danger: #eb6769;
  --s3-p-muted-on-danger: var(--s3-p-main-on-danger);
  --s3-p-muted-focus: var(--s3-p-main-focus);
  --s3-p-muted-overlay: var(--s3-p-main-overlay);
  --s3-p-muted-backdrop: var(--s3-p-main-backdrop);
  --s3-p-muted-accent-mark: var(--s3-p-main-accent-mark);
  --s3-p-inverse-bg: var(--s3-p-main-surface-alt);
  --s3-p-inverse-text: var(--s3-p-main-text);
  --s3-p-inverse-surface-alt: #3e3a33;
  --s3-p-inverse-surface: #3e3a33;
  --s3-p-inverse-text-muted: #b6b3ae;
  --s3-p-inverse-border: #8b8884;
  --s3-p-inverse-price: var(--s3-p-inverse-text);
  --s3-p-inverse-link: var(--s3-p-inverse-text);
  --s3-p-inverse-price-old: var(--s3-p-inverse-text-muted);
  --s3-p-inverse-border-subtle: #85827d;
  --s3-p-inverse-primary: var(--s3-p-main-primary);
  --s3-p-inverse-primary-hover: var(--s3-p-main-primary-hover);
  --s3-p-inverse-on-primary: var(--s3-p-main-on-primary);
  --s3-p-inverse-accent: var(--s3-p-main-accent);
  --s3-p-inverse-on-accent: var(--s3-p-main-on-accent);
  --s3-p-inverse-sale: #e98c7d;
  --s3-p-inverse-on-sale: var(--s3-p-main-on-sale);
  --s3-p-inverse-rating: var(--s3-p-main-rating);
  --s3-p-inverse-success: #57b680;
  --s3-p-inverse-warning: var(--s3-p-main-warning);
  --s3-p-inverse-danger: #f0898a;
  --s3-p-inverse-on-danger: var(--s3-p-main-on-danger);
  --s3-p-inverse-focus: #898885;
  --s3-p-inverse-overlay: var(--s3-p-main-overlay);
  --s3-p-inverse-backdrop: var(--s3-p-main-backdrop);
  --s3-p-inverse-accent-mark: var(--s3-p-main-accent-mark);
  --s3-p-brand-bg: var(--s3-color-brand-400);
  --s3-p-brand-text: #ffffff;
  --s3-p-brand-surface: #282622;
  --s3-p-brand-surface-alt: #282622;
  --s3-p-brand-text-muted: #c5c4c3;
  --s3-p-brand-border: #9e9e9c;
  --s3-p-brand-primary: var(--s3-p-brand-text);
  --s3-p-brand-primary-hover: #e3e3e2;
  --s3-p-brand-on-primary: var(--s3-p-brand-bg);
  --s3-p-brand-focus: var(--s3-p-brand-text);
  --s3-p-brand-price: var(--s3-p-brand-text);
  --s3-p-brand-link: var(--s3-p-brand-text);
  --s3-p-brand-price-old: var(--s3-p-brand-text-muted);
  --s3-p-brand-border-subtle: #7e7d7b;
  --s3-p-brand-accent: var(--s3-p-main-accent);
  --s3-p-brand-on-accent: var(--s3-p-main-on-accent);
  --s3-p-brand-sale: #f0b0a5;
  --s3-p-brand-on-sale: var(--s3-p-main-on-sale);
  --s3-p-brand-rating: var(--s3-p-main-rating);
  --s3-p-brand-success: #8fceaa;
  --s3-p-brand-warning: var(--s3-p-main-warning);
  --s3-p-brand-danger: #f4abac;
  --s3-p-brand-on-danger: var(--s3-p-main-on-danger);
  --s3-p-brand-overlay: var(--s3-p-main-overlay);
  --s3-p-brand-backdrop: var(--s3-p-main-backdrop);
  --s3-p-brand-accent-mark: #d48c62;
  color-scheme: dark;
  --s3-mode: dark;
  --s3-mode-next: light;
}
:root, .scheme-main, [data-s3-area="main"] .s3-page, .scheme-light {
  --s3-bg: var(--s3-p-main-bg);
  --s3-surface: var(--s3-p-main-surface);
  --s3-surface-alt: var(--s3-p-main-surface-alt);
  --s3-text: var(--s3-p-main-text);
  --s3-text-muted: var(--s3-p-main-text-muted);
  --s3-border: var(--s3-p-main-border);
  --s3-border-subtle: var(--s3-p-main-border-subtle);
  --s3-primary: var(--s3-p-main-primary);
  --s3-primary-hover: var(--s3-p-main-primary-hover);
  --s3-on-primary: var(--s3-p-main-on-primary);
  --s3-accent: var(--s3-p-main-accent);
  --s3-on-accent: var(--s3-p-main-on-accent);
  --s3-link: var(--s3-p-main-link);
  --s3-price: var(--s3-p-main-price);
  --s3-price-old: var(--s3-p-main-price-old);
  --s3-sale: var(--s3-p-main-sale);
  --s3-on-sale: var(--s3-p-main-on-sale);
  --s3-rating: var(--s3-p-main-rating);
  --s3-success: var(--s3-p-main-success);
  --s3-warning: var(--s3-p-main-warning);
  --s3-danger: var(--s3-p-main-danger);
  --s3-on-danger: var(--s3-p-main-on-danger);
  --s3-focus: var(--s3-p-main-focus);
  --s3-overlay: var(--s3-p-main-overlay);
  --s3-backdrop: var(--s3-p-main-backdrop);
  --s3-accent-mark: var(--s3-p-main-accent-mark);
  --s3-button-fill-accent: var(--s3-accent);
  --s3-button-fill-accent-on: var(--s3-on-accent);
  --s3-chip-tag-accent: var(--s3-accent);
  --s3-chip-tag-accent-on: var(--s3-on-accent);
  --s3-tabs-active-accent: var(--s3-accent-mark);
  --s3-search-border-color: var(--s3-border);
  --s3-search-surface: var(--s3-surface);
  --s3-search-cat-surface: var(--s3-surface-alt);
  --s3-search-button-accent: var(--s3-primary);
  --s3-search-button-accent-on: var(--s3-on-primary);
  --s3-search-list-surface: var(--s3-surface);
  --s3-tabbar-badge-accent: var(--s3-accent);
  --s3-tabbar-badge-accent-on: var(--s3-on-accent);
  --s3-tabbar-active-accent: var(--s3-accent-mark);
  --s3-section-countdown-clock-accent: var(--s3-accent);
  --s3-section-countdown-clock-accent-on: var(--s3-on-accent);
  --s3-section-countdown-button-accent: var(--s3-accent);
  --s3-section-countdown-button-accent-on: var(--s3-on-accent);
  --s3-section-features-icon-accent: var(--s3-accent-mark);
  --s3-section-hotspots-dot-accent: var(--s3-accent);
  --s3-section-hotspots-dot-accent-on: var(--s3-on-accent);
  --s3-section-newsletter-button-accent: var(--s3-accent);
  --s3-section-newsletter-button-accent-on: var(--s3-on-accent);
}
.scheme-muted, [data-s3-area="muted"] .s3-page {
  --s3-bg: var(--s3-p-muted-bg);
  --s3-surface: var(--s3-p-muted-surface);
  --s3-surface-alt: var(--s3-p-muted-surface-alt);
  --s3-text: var(--s3-p-muted-text);
  --s3-text-muted: var(--s3-p-muted-text-muted);
  --s3-border: var(--s3-p-muted-border);
  --s3-border-subtle: var(--s3-p-muted-border-subtle);
  --s3-primary: var(--s3-p-muted-primary);
  --s3-primary-hover: var(--s3-p-muted-primary-hover);
  --s3-on-primary: var(--s3-p-muted-on-primary);
  --s3-accent: var(--s3-p-muted-accent);
  --s3-on-accent: var(--s3-p-muted-on-accent);
  --s3-link: var(--s3-p-muted-link);
  --s3-price: var(--s3-p-muted-price);
  --s3-price-old: var(--s3-p-muted-price-old);
  --s3-sale: var(--s3-p-muted-sale);
  --s3-on-sale: var(--s3-p-muted-on-sale);
  --s3-rating: var(--s3-p-muted-rating);
  --s3-success: var(--s3-p-muted-success);
  --s3-warning: var(--s3-p-muted-warning);
  --s3-danger: var(--s3-p-muted-danger);
  --s3-on-danger: var(--s3-p-muted-on-danger);
  --s3-focus: var(--s3-p-muted-focus);
  --s3-overlay: var(--s3-p-muted-overlay);
  --s3-backdrop: var(--s3-p-muted-backdrop);
  --s3-accent-mark: var(--s3-p-muted-accent-mark);
  --s3-button-fill-accent: var(--s3-accent);
  --s3-button-fill-accent-on: var(--s3-on-accent);
  --s3-chip-tag-accent: var(--s3-accent);
  --s3-chip-tag-accent-on: var(--s3-on-accent);
  --s3-tabs-active-accent: var(--s3-accent-mark);
  --s3-search-border-color: var(--s3-border);
  --s3-search-surface: var(--s3-surface);
  --s3-search-cat-surface: var(--s3-surface-alt);
  --s3-search-button-accent: var(--s3-primary);
  --s3-search-button-accent-on: var(--s3-on-primary);
  --s3-search-list-surface: var(--s3-surface);
  --s3-tabbar-badge-accent: var(--s3-accent);
  --s3-tabbar-badge-accent-on: var(--s3-on-accent);
  --s3-tabbar-active-accent: var(--s3-accent-mark);
  --s3-section-countdown-clock-accent: var(--s3-accent);
  --s3-section-countdown-clock-accent-on: var(--s3-on-accent);
  --s3-section-countdown-button-accent: var(--s3-accent);
  --s3-section-countdown-button-accent-on: var(--s3-on-accent);
  --s3-section-features-icon-accent: var(--s3-accent-mark);
  --s3-section-hotspots-dot-accent: var(--s3-accent);
  --s3-section-hotspots-dot-accent-on: var(--s3-on-accent);
  --s3-section-newsletter-button-accent: var(--s3-accent);
  --s3-section-newsletter-button-accent-on: var(--s3-on-accent);
}
.scheme-inverse, [data-s3-area="inverse"] .s3-page, .scheme-dark, .scheme-ink {
  --s3-bg: var(--s3-p-inverse-bg);
  --s3-surface: var(--s3-p-inverse-surface);
  --s3-surface-alt: var(--s3-p-inverse-surface-alt);
  --s3-text: var(--s3-p-inverse-text);
  --s3-text-muted: var(--s3-p-inverse-text-muted);
  --s3-border: var(--s3-p-inverse-border);
  --s3-border-subtle: var(--s3-p-inverse-border-subtle);
  --s3-primary: var(--s3-p-inverse-primary);
  --s3-primary-hover: var(--s3-p-inverse-primary-hover);
  --s3-on-primary: var(--s3-p-inverse-on-primary);
  --s3-accent: var(--s3-p-inverse-accent);
  --s3-on-accent: var(--s3-p-inverse-on-accent);
  --s3-link: var(--s3-p-inverse-link);
  --s3-price: var(--s3-p-inverse-price);
  --s3-price-old: var(--s3-p-inverse-price-old);
  --s3-sale: var(--s3-p-inverse-sale);
  --s3-on-sale: var(--s3-p-inverse-on-sale);
  --s3-rating: var(--s3-p-inverse-rating);
  --s3-success: var(--s3-p-inverse-success);
  --s3-warning: var(--s3-p-inverse-warning);
  --s3-danger: var(--s3-p-inverse-danger);
  --s3-on-danger: var(--s3-p-inverse-on-danger);
  --s3-focus: var(--s3-p-inverse-focus);
  --s3-overlay: var(--s3-p-inverse-overlay);
  --s3-backdrop: var(--s3-p-inverse-backdrop);
  --s3-accent-mark: var(--s3-p-inverse-accent-mark);
  --s3-button-fill-accent: var(--s3-accent);
  --s3-button-fill-accent-on: var(--s3-on-accent);
  --s3-chip-tag-accent: var(--s3-accent);
  --s3-chip-tag-accent-on: var(--s3-on-accent);
  --s3-tabs-active-accent: var(--s3-accent-mark);
  --s3-search-border-color: var(--s3-border);
  --s3-search-surface: var(--s3-surface);
  --s3-search-cat-surface: var(--s3-surface-alt);
  --s3-search-button-accent: var(--s3-primary);
  --s3-search-button-accent-on: var(--s3-on-primary);
  --s3-search-list-surface: var(--s3-surface);
  --s3-tabbar-badge-accent: var(--s3-accent);
  --s3-tabbar-badge-accent-on: var(--s3-on-accent);
  --s3-tabbar-active-accent: var(--s3-accent-mark);
  --s3-section-countdown-clock-accent: var(--s3-accent);
  --s3-section-countdown-clock-accent-on: var(--s3-on-accent);
  --s3-section-countdown-button-accent: var(--s3-accent);
  --s3-section-countdown-button-accent-on: var(--s3-on-accent);
  --s3-section-features-icon-accent: var(--s3-accent-mark);
  --s3-section-hotspots-dot-accent: var(--s3-accent);
  --s3-section-hotspots-dot-accent-on: var(--s3-on-accent);
  --s3-section-newsletter-button-accent: var(--s3-accent);
  --s3-section-newsletter-button-accent-on: var(--s3-on-accent);
}
.scheme-brand, [data-s3-area="brand"] .s3-page {
  --s3-bg: var(--s3-p-brand-bg);
  --s3-surface: var(--s3-p-brand-surface);
  --s3-surface-alt: var(--s3-p-brand-surface-alt);
  --s3-text: var(--s3-p-brand-text);
  --s3-text-muted: var(--s3-p-brand-text-muted);
  --s3-border: var(--s3-p-brand-border);
  --s3-border-subtle: var(--s3-p-brand-border-subtle);
  --s3-primary: var(--s3-p-brand-primary);
  --s3-primary-hover: var(--s3-p-brand-primary-hover);
  --s3-on-primary: var(--s3-p-brand-on-primary);
  --s3-accent: var(--s3-p-brand-accent);
  --s3-on-accent: var(--s3-p-brand-on-accent);
  --s3-link: var(--s3-p-brand-link);
  --s3-price: var(--s3-p-brand-price);
  --s3-price-old: var(--s3-p-brand-price-old);
  --s3-sale: var(--s3-p-brand-sale);
  --s3-on-sale: var(--s3-p-brand-on-sale);
  --s3-rating: var(--s3-p-brand-rating);
  --s3-success: var(--s3-p-brand-success);
  --s3-warning: var(--s3-p-brand-warning);
  --s3-danger: var(--s3-p-brand-danger);
  --s3-on-danger: var(--s3-p-brand-on-danger);
  --s3-focus: var(--s3-p-brand-focus);
  --s3-overlay: var(--s3-p-brand-overlay);
  --s3-backdrop: var(--s3-p-brand-backdrop);
  --s3-accent-mark: var(--s3-p-brand-accent-mark);
  --s3-button-fill-accent: var(--s3-accent);
  --s3-button-fill-accent-on: var(--s3-on-accent);
  --s3-chip-tag-accent: var(--s3-accent);
  --s3-chip-tag-accent-on: var(--s3-on-accent);
  --s3-tabs-active-accent: var(--s3-accent-mark);
  --s3-search-border-color: var(--s3-border);
  --s3-search-surface: var(--s3-surface);
  --s3-search-cat-surface: var(--s3-surface-alt);
  --s3-search-button-accent: var(--s3-primary);
  --s3-search-button-accent-on: var(--s3-on-primary);
  --s3-search-list-surface: var(--s3-surface);
  --s3-tabbar-badge-accent: var(--s3-accent);
  --s3-tabbar-badge-accent-on: var(--s3-on-accent);
  --s3-tabbar-active-accent: var(--s3-accent-mark);
  --s3-section-countdown-clock-accent: var(--s3-accent);
  --s3-section-countdown-clock-accent-on: var(--s3-on-accent);
  --s3-section-countdown-button-accent: var(--s3-accent);
  --s3-section-countdown-button-accent-on: var(--s3-on-accent);
  --s3-section-features-icon-accent: var(--s3-accent-mark);
  --s3-section-hotspots-dot-accent: var(--s3-accent);
  --s3-section-hotspots-dot-accent-on: var(--s3-on-accent);
  --s3-section-newsletter-button-accent: var(--s3-accent);
  --s3-section-newsletter-button-accent-on: var(--s3-on-accent);
}
[class*="scheme-"], [data-s3-area] .s3-page { background: var(--s3-bg); color: var(--s3-text); }