/* AGAFORT Storefront Design System — generated */
:root {
  --primary-color: #f68b1e;
  --secondary-color: #212529;
  --ag-primary: var(--primary-color);
  --ag-secondary: var(--secondary-color);
  --ag-accent: #be123c;
  --ag-success: #059669;
  --ag-warning: #d97706;
  --ag-danger: #e11d48;
  --ag-info: #0ea5e9;
  --ag-text: #0f172a;
  --ag-muted: #64748b;
  --ag-link: #0e7490;
  --ag-border: #e2e8f0;
  --ag-background: #f1f5f9;
  --ag-surface: #ffffff;
  --ag-surface-muted: #F8FAFC;
  --ag-sf-section-bg: #f1f5f9;
  --ag-sf-card-bg: #ffffff;
  --ag-card-bg: #ffffff;
  --ag-sf-input-bg: #ffffff;
  --ag-header-bg: #ffffff;
  --ag-footer-bg: #0b0b0f;
  --ag-sf-sidebar-bg: #ffffff;
  --ag-sf-overlay: #000000;
  --ag-sf-countdown: #E11D48;
  --ag-sf-flash-sale: #be123c;
  --ag-sf-btn-primary: #f68b1e;
  --ag-sf-btn-primary-hover: #f68b1e;
  --ag-sf-btn-primary-active: #f68b1e;
  --ag-sf-btn-primary-disabled: var(--ag-border);
  --ag-sf-on-primary: #ffffff;
  --ag-dh-on-primary: #ffffff;
  --ag-sf-btn-secondary: #212529;
  --ag-sf-btn-secondary-hover: #212529;
  --ag-sf-price: #0f172a;
  --ag-sf-price-old: #64748b;
  --ag-sf-discount-badge: #e11d48;
  --ag-sf-rating: #d97706;
  --ag-sf-vendor: #be123c;
  --ag-font: "DM Sans", "Segoe UI", sans-serif;
  --ag-heading-font: Sora, "DM Sans", sans-serif;
  --ag-body-font: "DM Sans", "Segoe UI", sans-serif;
  --ag-font-weight: 400;
  --ag-heading-weight: 700;
  --ag-font-size-desktop: 14px;
  --ag-sf-font-size-heading: 28px;
  --ag-sf-font-size-small: 12px;
  --ag-line-height: 1.5;
  --ag-sf-line-height-heading: 1.2;
  --ag-letter-spacing: 0px;
  --ag-sf-letter-spacing-heading: -0.02em;
  --ag-button-radius: 10px;
  --ag-button-padding-y: 10px;
  --ag-button-padding-x: 18px;
  --ag-sf-button-height: 44px;
  --ag-sf-button-font-size: 14px;
  --ag-sf-button-border-width: 0px;
  --ag-sf-button-border-color: transparent;
  --ag-button-shadow: 0 8px 20px rgba(14, 116, 144, .18);
  --ag-sf-button-animation: 250ms;
  --ag-card-radius: 12px;
  --ag-card-shadow: 0 8px 24px rgba(15, 23, 42, .07);
  --ag-card-border-width: 1px;
  --ag-sf-card-border-color: #E2E8F0;
  --ag-card-spacing: 16px;
  --ag-sf-card-image-ratio: 1 / 1;
  --ag-sf-card-image-radius: 12px;
  --ag-sf-badge-radius: 6px;
  --ag-sf-section-title-size: 24px;
  --ag-sf-section-title-color: #0f172a;
  --ag-sf-section-subtitle-size: 14px;
  --ag-sf-section-subtitle-color: #64748b;
  --ag-sf-section-gradient: none;
  --ag-sf-section-radius: 12px;
  --ag-sf-section-shadow: 0 4px 20px color-mix(in srgb, var(--ag-text) 6%, transparent);
  --ag-sf-section-margin-y: 24px;
  --ag-sf-section-padding: 16px;
  --ag-sf-section-min-height: 0px;
  --ag-header-height: 72px;
  --ag-sf-logo-height: 40px;
  --ag-sf-logo-max-width: 134px;
  --ag-sf-search-height: 44px;
  --ag-sf-search-radius: 10px;
  --ag-icon-size-base: 18px;
  --ag-sf-menu-height: 48px;
  --ag-sf-topbar-height: 36px;
  --ag-header-border: #E2E8F0;
  --ag-header-shadow: 0 8px 24px rgba(15, 23, 42, .05);
  --ag-sf-header-text: #0F172A;
  --ag-sf-sidebar-width: 280px;
  --ag-sf-sidebar-category-font: 14px;
  --ag-sf-sidebar-icon-size: 18px;
  --ag-sf-sidebar-border: #E2E8F0;
  --ag-sf-sidebar-radius: 12px;
  --ag-sf-sidebar-spacing: 12px;
  --ag-sf-sidebar-hover-bg: #F8FAFC;
  --ag-footer-text: #f5f5f5;
  --ag-sf-footer-icon-size: 20px;
  --ag-sf-footer-link-spacing: 8px;
  --ag-sf-footer-padding-y: 48px;
  --ag-sf-newsletter-radius: 8px;
  --ag-sf-footer-btn-radius: 8px;
  --ag-sf-input-height: 44px;
  --ag-sf-input-radius: 10px;
  --ag-sf-input-border-width: 1px;
  --ag-sf-input-border-color: #E2E8F0;
  --ag-sf-input-focus-color: #0e7490;
  --ag-sf-validation-success: #059669;
  --ag-sf-validation-error: #E11D48;
  --ag-sf-checkbox-radius: 4px;
  --ag-container-width: 1440px;
  --ag-homepage-spacing: 24px;
  --ag-dh-primary: var(--primary-color);
  --ag-dh-blue: var(--secondary-color);
  --ag-dh-accent: var(--ag-accent);
  --ag-dh-text: var(--ag-text);
  --ag-dh-wrap: var(--ag-container-width);
  --ag-dh-radius: var(--ag-card-radius);
  --ag-dh-btn-radius: var(--ag-button-radius);
  --ag-dh-shadow-card: var(--ag-card-shadow);
  --ag-dh-section-gap: var(--ag-homepage-spacing);
  --ag-home-primary: var(--primary-color);
  --ag-home-secondary: var(--secondary-color);
  --ag-home-accent: var(--ag-accent);
  --ag-home-radius: var(--ag-card-radius);
  --ag-home-card-shadow: 0 8px 24px rgba(15, 23, 42, .07);
  --ag-home-btn-radius: var(--ag-button-radius);
  --ag-home-container-width: 1440px;
  --ag-home-section-spacing: 24px;
  --ag-sf-transition: 250ms;
  --ag-primary-hover: color-mix(in srgb, var(--primary-color) 88%, #000);
  --ag-sf-breadcrumb-text: #64748b;
  --ag-sf-breadcrumb-separator: #e2e8f0;
  --ag-sf-breadcrumb-hover: #0e7490;
  --ag-sf-pagination-bg: #ffffff;
  --ag-sf-pagination-active-bg: #0e7490;
  --ag-sf-pagination-active-text: #ffffff;
  --ag-sf-pagination-border: #e2e8f0;
  --ag-sf-empty-bg: #ffffff;
  --ag-sf-empty-border: #e2e8f0;
  --ag-sf-empty-icon-bg: color-mix(in srgb, #f68b1e 12%, #ffffff);
  --ag-sf-empty-text: #64748b;
  --ag-sf-modal-overlay: #64748b;
  --ag-sf-modal-surface: #ffffff;
  --ag-sf-modal-close-bg: #ffffff;
  --ag-sf-alert-success-bg: #ECFDF5;
  --ag-sf-alert-success-text: #047857;
  --ag-sf-alert-error-bg: #FEF2F2;
  --ag-sf-alert-error-text: #e11d48;
  --ag-sf-alert-info-bg: #FFF7ED;
  --ag-sf-alert-info-text: #9A3412;
  --ag-status-info-bg: #FFF7ED;
  --ag-status-info-border: #FED7AA;
  --ag-status-info-text: #9A3412;
  --ag-status-success-bg: #ECFDF5;
  --ag-status-success-border: #A7F3D0;
  --ag-status-success-text: #047857;
  --ag-status-warning-bg: #FFFBEB;
  --ag-status-warning-border: #FDE68A;
  --ag-status-warning-text: #92400E;
  --ag-status-warning-badge-bg: #FEF3C7;
  --ag-status-warning-badge-text: #92400E;
  --ag-status-danger-bg: #FEF2F2;
  --ag-status-danger-border: #FECACA;
  --ag-status-danger-text: #e11d48;
  --ag-status-neutral-bg: #F8FAFC;
  --ag-status-neutral-border: #E2E8F0;
  --ag-status-neutral-text: #334155;
  --ag-sf-table-header-bg: #f8fafc;
  --ag-sf-table-row-hover: #f8fafc;
  --ag-sf-table-border: #E2E8F0;
  --ag-sf-toolbar-bg: #ffffff;
  --ag-sf-toolbar-border: #E2E8F0;
  --ag-sf-filter-bg: #ffffff;
  --ag-sf-filter-border: #E2E8F0;
  --ag-sf-skeleton-base: #f8fafc;
  --ag-sf-skeleton-highlight: #e2e8f0;
  --ag-sf-toast-bg: #0f172a;
  --ag-sf-toast-text: #ffffff;
  --ag-sf-progress-track: #e2e8f0;
  --ag-sf-progress-fill: #0e7490;
  --ag-dh-chrome-dark: #212529;
  --ag-dh-chrome-dark-muted: color-mix(in srgb, var(--ag-dh-chrome-dark) 85%, var(--ag-dh-text));
  --ag-dh-surface-tint: var(--ag-surface-muted);
  --ag-dh-link-on-dark: #d97706;
  --ag-dh-slider-dot: color-mix(in srgb, var(--ag-dh-on-primary) 55%, transparent);
  --ag-dh-slider-dot-active: var(--ag-dh-on-primary);
  --ag-dh-slider-arrow-bg: var(--ag-dh-surface);
  --ag-dh-scrollbar-track: #e2e8f0;
  --ag-dh-scrollbar-thumb: #64748b;
  --ag-dh-badge-bestseller: #0ea5e9;
  --ag-dh-badge-hot: #e11d48;
  --ag-dh-badge-official: #059669;
  --ag-dh-badge-top: #be123c;
  --ag-dh-badge-flash: #be123c;
  --ag-dh-badge-flash-text: #0f172a;
  --ag-dh-badge-sale: #e11d48;
  --ag-dh-verified-icon: #0ea5e9;
  --ag-dh-shipping-icon: #059669;
  --ag-dh-footer-divider: color-mix(in srgb, var(--ag-footer-text) 35%, transparent);
  --ag-dh-footer-title: var(--ag-dh-on-primary);
  --ag-dh-footer-border: color-mix(in srgb, var(--ag-footer-text) 35%, transparent);
  --ag-dh-primary-dark: var(--ag-primary-hover);
  --ag-dh-bg: var(--ag-background);
  --ag-dh-surface: var(--ag-surface);
  --ag-dh-muted: var(--ag-muted);
  --ag-dh-border: var(--ag-border);
  --ag-dh-shadow-sm: var(--ag-shadow-sm);
  --ag-dh-shadow-lg: var(--ag-shadow-lg);
  --ag-dh-transition: var(--ag-sf-transition);
  --ag-dh-overlay-scrim: color-mix(in srgb, var(--ag-dh-text) 85%, transparent);
  --ag-dh-overlay-mid: color-mix(in srgb, var(--ag-dh-text) 45%, transparent);
  --ag-dh-overlay-soft: color-mix(in srgb, var(--ag-dh-text) 8%, transparent);
  --ag-dh-on-primary-soft: color-mix(in srgb, var(--ag-dh-on-primary) 18%, transparent);
  --ag-dh-on-primary-muted: color-mix(in srgb, var(--ag-dh-on-primary) 92%, transparent);
  --ag-dh-primary-glow: color-mix(in srgb, var(--ag-dh-primary) 24%, transparent);
  --ag-dh-blue-glow: color-mix(in srgb, var(--ag-dh-blue) 18%, transparent);
  --ag-dh-shadow-color: color-mix(in srgb, var(--ag-dh-text) 12%, transparent);
  --ag-dh-topbar-background: #0f172a;
  --ag-dh-topbar-border-color: #e2e8f0;
  --ag-dh-topbar-border-radius: 12px;
  --ag-dh-topbar-shadow: 0 4px 20px color-mix(in srgb, var(--ag-text) 6%, transparent);
  --ag-dh-topbar-hover-shadow: 0 8px 24px rgba(15, 23, 42, .07);
  --ag-dh-topbar-padding: 16px;
  --ag-dh-topbar-margin: 24px;
  --ag-dh-topbar-title-color: #ffffff;
  --ag-dh-topbar-subtitle-color: #ffffff;
  --ag-dh-topbar-button-background: #0e7490;
  --ag-dh-topbar-button-hover: #64748b;
  --ag-dh-topbar-card-background: #ffffff;
  --ag-dh-topbar-card-border: #E2E8F0;
  --ag-dh-topbar-card-radius: 12;
  --ag-dh-topbar-card-spacing: 16;
  --ag-dh-topbar-image-ratio: 1 / 1;
  --ag-dh-topbar-image-radius: 12;
  --ag-dh-topbar-price-color: #0F172A;
  --ag-dh-topbar-price-old-color: #64748B;
  --ag-dh-topbar-discount-badge-color: #E11D48;
  --ag-dh-topbar-stock-track: #E2E8F0;
  --ag-dh-topbar-stock-fill: #0E7490;
  --ag-dh-topbar-rating-color: #D97706;
  --ag-dh-topbar-vendor-color: #BE123C;
  --ag-dh-hero-background: #ffffff;
  --ag-dh-hero-border-color: #e2e8f0;
  --ag-dh-hero-border-radius: 12px;
  --ag-dh-hero-shadow: 0 8px 24px rgba(15, 23, 42, .07);
  --ag-dh-hero-hover-shadow: 0 8px 24px rgba(15, 23, 42, .07);
  --ag-dh-hero-padding: 0px;
  --ag-dh-hero-margin: 24px;
  --ag-dh-hero-title-color: #0f172a;
  --ag-dh-hero-subtitle-color: #64748b;
  --ag-dh-hero-button-background: #0e7490;
  --ag-dh-hero-button-hover: #64748b;
  --ag-dh-hero-card-background: #ffffff;
  --ag-dh-hero-card-border: #E2E8F0;
  --ag-dh-hero-card-radius: 12;
  --ag-dh-hero-card-spacing: 16;
  --ag-dh-hero-image-ratio: 1 / 1;
  --ag-dh-hero-image-radius: 12;
  --ag-dh-hero-price-color: #0F172A;
  --ag-dh-hero-price-old-color: #64748B;
  --ag-dh-hero-discount-badge-color: #E11D48;
  --ag-dh-hero-stock-track: #E2E8F0;
  --ag-dh-hero-stock-fill: #0E7490;
  --ag-dh-hero-rating-color: #D97706;
  --ag-dh-hero-vendor-color: #BE123C;
  --ag-dh-hero-arrow-color: #ffffff;
  --ag-dh-hero-dot-color: color-mix(in srgb, var(--ag-dh-on-primary) 55%, transparent);
  --ag-dh-category-sidebar-background: #ffffff;
  --ag-dh-category-sidebar-border-color: #e2e8f0;
  --ag-dh-category-sidebar-border-radius: 12px;
  --ag-dh-category-sidebar-shadow: 0 4px 20px color-mix(in srgb, var(--ag-text) 6%, transparent);
  --ag-dh-category-sidebar-hover-shadow: 0 8px 24px rgba(15, 23, 42, .07);
  --ag-dh-category-sidebar-padding: 12px;
  --ag-dh-category-sidebar-margin: 24px;
  --ag-dh-category-sidebar-title-color: #0f172a;
  --ag-dh-category-sidebar-subtitle-color: #64748b;
  --ag-dh-category-sidebar-button-background: #0e7490;
  --ag-dh-category-sidebar-button-hover: #64748b;
  --ag-dh-category-sidebar-card-background: #ffffff;
  --ag-dh-category-sidebar-card-border: #E2E8F0;
  --ag-dh-category-sidebar-card-radius: 12;
  --ag-dh-category-sidebar-card-spacing: 16;
  --ag-dh-category-sidebar-image-ratio: 1 / 1;
  --ag-dh-category-sidebar-image-radius: 12;
  --ag-dh-category-sidebar-price-color: #0F172A;
  --ag-dh-category-sidebar-price-old-color: #64748B;
  --ag-dh-category-sidebar-discount-badge-color: #E11D48;
  --ag-dh-category-sidebar-stock-track: #E2E8F0;
  --ag-dh-category-sidebar-stock-fill: #0E7490;
  --ag-dh-category-sidebar-rating-color: #D97706;
  --ag-dh-category-sidebar-vendor-color: #BE123C;
  --ag-dh-category-sidebar-nav-color: #64748B;
  --ag-dh-hero-right-banners-background: #ffffff;
  --ag-dh-hero-right-banners-border-color: #e2e8f0;
  --ag-dh-hero-right-banners-border-radius: 12px;
  --ag-dh-hero-right-banners-shadow: 0 8px 24px rgba(15, 23, 42, .07);
  --ag-dh-hero-right-banners-hover-shadow: 0 8px 24px rgba(15, 23, 42, .07);
  --ag-dh-hero-right-banners-padding: 16px;
  --ag-dh-hero-right-banners-margin: 24px;
  --ag-dh-hero-right-banners-title-color: #0f172a;
  --ag-dh-hero-right-banners-subtitle-color: #64748b;
  --ag-dh-hero-right-banners-button-background: #0e7490;
  --ag-dh-hero-right-banners-button-hover: #64748b;
  --ag-dh-hero-right-banners-card-background: #ffffff;
  --ag-dh-hero-right-banners-card-border: #E2E8F0;
  --ag-dh-hero-right-banners-card-radius: 12;
  --ag-dh-hero-right-banners-card-spacing: 16;
  --ag-dh-hero-right-banners-image-ratio: 1 / 1;
  --ag-dh-hero-right-banners-image-radius: 12;
  --ag-dh-hero-right-banners-price-color: #0F172A;
  --ag-dh-hero-right-banners-price-old-color: #64748B;
  --ag-dh-hero-right-banners-discount-badge-color: #E11D48;
  --ag-dh-hero-right-banners-stock-track: #E2E8F0;
  --ag-dh-hero-right-banners-stock-fill: #0E7490;
  --ag-dh-hero-right-banners-rating-color: #D97706;
  --ag-dh-hero-right-banners-vendor-color: #BE123C;
  --ag-dh-shortcut-tiles-background: #f8fafc;
  --ag-dh-shortcut-tiles-border-color: #e2e8f0;
  --ag-dh-shortcut-tiles-border-radius: 12px;
  --ag-dh-shortcut-tiles-shadow: 0 4px 20px color-mix(in srgb, var(--ag-text) 6%, transparent);
  --ag-dh-shortcut-tiles-hover-shadow: 0 8px 24px rgba(15, 23, 42, .07);
  --ag-dh-shortcut-tiles-padding: 16px;
  --ag-dh-shortcut-tiles-margin: 24px;
  --ag-dh-shortcut-tiles-title-color: #0f172a;
  --ag-dh-shortcut-tiles-subtitle-color: #64748b;
  --ag-dh-shortcut-tiles-button-background: #0e7490;
  --ag-dh-shortcut-tiles-button-hover: #64748b;
  --ag-dh-shortcut-tiles-card-background: #ffffff;
  --ag-dh-shortcut-tiles-card-border: #E2E8F0;
  --ag-dh-shortcut-tiles-card-radius: 12;
  --ag-dh-shortcut-tiles-card-spacing: 16;
  --ag-dh-shortcut-tiles-image-ratio: 1 / 1;
  --ag-dh-shortcut-tiles-image-radius: 12;
  --ag-dh-shortcut-tiles-price-color: #0F172A;
  --ag-dh-shortcut-tiles-price-old-color: #64748B;
  --ag-dh-shortcut-tiles-discount-badge-color: #E11D48;
  --ag-dh-shortcut-tiles-stock-track: #E2E8F0;
  --ag-dh-shortcut-tiles-stock-fill: #0E7490;
  --ag-dh-shortcut-tiles-rating-color: #D97706;
  --ag-dh-shortcut-tiles-vendor-color: #BE123C;
  --ag-dh-flash-sale-background: #ffffff;
  --ag-dh-flash-sale-border-color: #e2e8f0;
  --ag-dh-flash-sale-border-radius: 12px;
  --ag-dh-flash-sale-shadow: 0 4px 20px color-mix(in srgb, var(--ag-text) 6%, transparent);
  --ag-dh-flash-sale-hover-shadow: 0 8px 24px rgba(15, 23, 42, .07);
  --ag-dh-flash-sale-padding: 16px;
  --ag-dh-flash-sale-margin: 24px;
  --ag-dh-flash-sale-title-color: #0f172a;
  --ag-dh-flash-sale-subtitle-color: #64748b;
  --ag-dh-flash-sale-button-background: #0e7490;
  --ag-dh-flash-sale-button-hover: #64748b;
  --ag-dh-flash-sale-badge-background: #D97706;
  --ag-dh-flash-sale-countdown-background: #E11D48;
  --ag-dh-flash-sale-countdown-text: #ffffff;
  --ag-dh-flash-sale-progress-track: #E2E8F0;
  --ag-dh-flash-sale-progress-fill: #0E7490;
  --ag-dh-flash-sale-card-background: #ffffff;
  --ag-dh-flash-sale-card-border: #E2E8F0;
  --ag-dh-flash-sale-card-radius: 12;
  --ag-dh-flash-sale-card-spacing: 16;
  --ag-dh-flash-sale-image-ratio: 1 / 1;
  --ag-dh-flash-sale-image-radius: 12;
  --ag-dh-flash-sale-price-color: #0F172A;
  --ag-dh-flash-sale-price-old-color: #64748B;
  --ag-dh-flash-sale-discount-badge-color: #E11D48;
  --ag-dh-flash-sale-stock-track: #E2E8F0;
  --ag-dh-flash-sale-stock-fill: #0E7490;
  --ag-dh-flash-sale-rating-color: #D97706;
  --ag-dh-flash-sale-vendor-color: #BE123C;
  --ag-dh-campaign-banner-background: #64748b;
  --ag-dh-campaign-banner-gradient: linear-gradient(90deg, var(--secondary-color), color-mix(in srgb, var(--secondary-color) 70%, var(--primary-color)));
  --ag-dh-campaign-banner-border-color: #e2e8f0;
  --ag-dh-campaign-banner-border-radius: 12px;
  --ag-dh-campaign-banner-shadow: 0 4px 20px color-mix(in srgb, var(--ag-text) 6%, transparent);
  --ag-dh-campaign-banner-hover-shadow: 0 8px 24px rgba(15, 23, 42, .07);
  --ag-dh-campaign-banner-padding: 16px;
  --ag-dh-campaign-banner-margin: 24px;
  --ag-dh-campaign-banner-title-color: #ffffff;
  --ag-dh-campaign-banner-subtitle-color: #64748b;
  --ag-dh-campaign-banner-button-background: #0e7490;
  --ag-dh-campaign-banner-button-hover: #64748b;
  --ag-dh-campaign-banner-card-background: #ffffff;
  --ag-dh-campaign-banner-card-border: #E2E8F0;
  --ag-dh-campaign-banner-card-radius: 12;
  --ag-dh-campaign-banner-card-spacing: 16;
  --ag-dh-campaign-banner-image-ratio: 1 / 1;
  --ag-dh-campaign-banner-image-radius: 12;
  --ag-dh-campaign-banner-price-color: #0F172A;
  --ag-dh-campaign-banner-price-old-color: #64748B;
  --ag-dh-campaign-banner-discount-badge-color: #E11D48;
  --ag-dh-campaign-banner-stock-track: #E2E8F0;
  --ag-dh-campaign-banner-stock-fill: #0E7490;
  --ag-dh-campaign-banner-rating-color: #D97706;
  --ag-dh-campaign-banner-vendor-color: #BE123C;
  --ag-dh-product-rail-background: #ffffff;
  --ag-dh-product-rail-border-color: #e2e8f0;
  --ag-dh-product-rail-border-radius: 12px;
  --ag-dh-product-rail-shadow: 0 4px 20px color-mix(in srgb, var(--ag-text) 6%, transparent);
  --ag-dh-product-rail-hover-shadow: 0 8px 24px rgba(15, 23, 42, .07);
  --ag-dh-product-rail-padding: 16px;
  --ag-dh-product-rail-margin: 24px;
  --ag-dh-product-rail-title-color: #0f172a;
  --ag-dh-product-rail-subtitle-color: #64748b;
  --ag-dh-product-rail-button-background: #0e7490;
  --ag-dh-product-rail-button-hover: #64748b;
  --ag-dh-product-rail-progress-track: #E2E8F0;
  --ag-dh-product-rail-progress-fill: #0E7490;
  --ag-dh-product-rail-card-background: #ffffff;
  --ag-dh-product-rail-card-border: #E2E8F0;
  --ag-dh-product-rail-card-radius: 12;
  --ag-dh-product-rail-card-spacing: 16;
  --ag-dh-product-rail-image-ratio: 1 / 1;
  --ag-dh-product-rail-image-radius: 12;
  --ag-dh-product-rail-price-color: #0F172A;
  --ag-dh-product-rail-price-old-color: #64748B;
  --ag-dh-product-rail-discount-badge-color: #E11D48;
  --ag-dh-product-rail-stock-track: #E2E8F0;
  --ag-dh-product-rail-stock-fill: #0E7490;
  --ag-dh-product-rail-rating-color: #D97706;
  --ag-dh-product-rail-vendor-color: #BE123C;
  --ag-dh-product-rail-arrow-color: #0F172A;
  --ag-dh-product-rail-dot-color: color-mix(in srgb, var(--ag-dh-on-primary) 55%, transparent);
  --ag-dh-brands-background: #ffffff;
  --ag-dh-brands-border-color: #e2e8f0;
  --ag-dh-brands-border-radius: 12px;
  --ag-dh-brands-shadow: 0 8px 24px rgba(15, 23, 42, .07);
  --ag-dh-brands-hover-shadow: 0 8px 24px rgba(15, 23, 42, .07);
  --ag-dh-brands-padding: 16px;
  --ag-dh-brands-margin: 24px;
  --ag-dh-brands-title-color: #0f172a;
  --ag-dh-brands-subtitle-color: #64748b;
  --ag-dh-brands-button-background: #0e7490;
  --ag-dh-brands-button-hover: #64748b;
  --ag-dh-brands-card-background: #ffffff;
  --ag-dh-brands-card-border: #E2E8F0;
  --ag-dh-brands-card-radius: 12;
  --ag-dh-brands-card-spacing: 16;
  --ag-dh-brands-image-ratio: 1 / 1;
  --ag-dh-brands-image-radius: 12;
  --ag-dh-brands-price-color: #0F172A;
  --ag-dh-brands-price-old-color: #64748B;
  --ag-dh-brands-discount-badge-color: #E11D48;
  --ag-dh-brands-stock-track: #E2E8F0;
  --ag-dh-brands-stock-fill: #0E7490;
  --ag-dh-brands-rating-color: #D97706;
  --ag-dh-brands-vendor-color: #BE123C;
  --ag-dh-brands-arrow-color: #0F172A;
  --ag-dh-vendors-background: #f8fafc;
  --ag-dh-vendors-border-color: #e2e8f0;
  --ag-dh-vendors-border-radius: 12px;
  --ag-dh-vendors-shadow: 0 4px 20px color-mix(in srgb, var(--ag-text) 6%, transparent);
  --ag-dh-vendors-hover-shadow: 0 8px 24px rgba(15, 23, 42, .07);
  --ag-dh-vendors-padding: 16px;
  --ag-dh-vendors-margin: 24px;
  --ag-dh-vendors-title-color: #0f172a;
  --ag-dh-vendors-subtitle-color: #64748b;
  --ag-dh-vendors-button-background: #0e7490;
  --ag-dh-vendors-button-hover: #64748b;
  --ag-dh-vendors-card-background: #ffffff;
  --ag-dh-vendors-card-border: #E2E8F0;
  --ag-dh-vendors-card-radius: 12;
  --ag-dh-vendors-card-spacing: 16;
  --ag-dh-vendors-image-ratio: 1 / 1;
  --ag-dh-vendors-image-radius: 12;
  --ag-dh-vendors-price-color: #0F172A;
  --ag-dh-vendors-price-old-color: #64748B;
  --ag-dh-vendors-discount-badge-color: #E11D48;
  --ag-dh-vendors-stock-track: #E2E8F0;
  --ag-dh-vendors-stock-fill: #0E7490;
  --ag-dh-vendors-rating-color: #D97706;
  --ag-dh-vendors-vendor-color: #BE123C;
  --ag-dh-collections-background: #ffffff;
  --ag-dh-collections-border-color: #e2e8f0;
  --ag-dh-collections-border-radius: 12px;
  --ag-dh-collections-shadow: 0 4px 20px color-mix(in srgb, var(--ag-text) 6%, transparent);
  --ag-dh-collections-hover-shadow: 0 8px 24px rgba(15, 23, 42, .07);
  --ag-dh-collections-padding: 16px;
  --ag-dh-collections-margin: 24px;
  --ag-dh-collections-title-color: #0f172a;
  --ag-dh-collections-subtitle-color: #64748b;
  --ag-dh-collections-button-background: #0e7490;
  --ag-dh-collections-button-hover: #64748b;
  --ag-dh-collections-card-background: #ffffff;
  --ag-dh-collections-card-border: #E2E8F0;
  --ag-dh-collections-card-radius: 12;
  --ag-dh-collections-card-spacing: 16;
  --ag-dh-collections-image-ratio: 1 / 1;
  --ag-dh-collections-image-radius: 12;
  --ag-dh-collections-price-color: #0F172A;
  --ag-dh-collections-price-old-color: #64748B;
  --ag-dh-collections-discount-badge-color: #E11D48;
  --ag-dh-collections-stock-track: #E2E8F0;
  --ag-dh-collections-stock-fill: #0E7490;
  --ag-dh-collections-rating-color: #D97706;
  --ag-dh-collections-vendor-color: #BE123C;
  --ag-dh-newsletter-background: #64748b;
  --ag-dh-newsletter-gradient: linear-gradient(135deg, color-mix(in srgb, var(--secondary-color) 92%, var(--primary-color)), var(--secondary-color));
  --ag-dh-newsletter-border-color: #e2e8f0;
  --ag-dh-newsletter-border-radius: 12px;
  --ag-dh-newsletter-shadow: 0 4px 20px color-mix(in srgb, var(--ag-text) 6%, transparent);
  --ag-dh-newsletter-hover-shadow: 0 8px 24px rgba(15, 23, 42, .07);
  --ag-dh-newsletter-padding: 16px;
  --ag-dh-newsletter-margin: 24px;
  --ag-dh-newsletter-title-color: #ffffff;
  --ag-dh-newsletter-subtitle-color: #ffffff;
  --ag-dh-newsletter-button-background: #0e7490;
  --ag-dh-newsletter-button-hover: #64748b;
  --ag-dh-newsletter-card-background: #ffffff;
  --ag-dh-newsletter-card-border: #E2E8F0;
  --ag-dh-newsletter-card-radius: 12;
  --ag-dh-newsletter-card-spacing: 16;
  --ag-dh-newsletter-image-ratio: 1 / 1;
  --ag-dh-newsletter-image-radius: 12;
  --ag-dh-newsletter-price-color: #0F172A;
  --ag-dh-newsletter-price-old-color: #64748B;
  --ag-dh-newsletter-discount-badge-color: #E11D48;
  --ag-dh-newsletter-stock-track: #E2E8F0;
  --ag-dh-newsletter-stock-fill: #0E7490;
  --ag-dh-newsletter-rating-color: #D97706;
  --ag-dh-newsletter-vendor-color: #BE123C;
  --ag-dh-footer-promo-background: #f8fafc;
  --ag-dh-footer-promo-border-color: #e2e8f0;
  --ag-dh-footer-promo-border-radius: 12px;
  --ag-dh-footer-promo-shadow: 0 4px 20px color-mix(in srgb, var(--ag-text) 6%, transparent);
  --ag-dh-footer-promo-hover-shadow: 0 8px 24px rgba(15, 23, 42, .07);
  --ag-dh-footer-promo-padding: 16px;
  --ag-dh-footer-promo-margin: 24px;
  --ag-dh-footer-promo-title-color: #0f172a;
  --ag-dh-footer-promo-subtitle-color: #64748b;
  --ag-dh-footer-promo-button-background: #0e7490;
  --ag-dh-footer-promo-button-hover: #64748b;
  --ag-dh-footer-promo-card-background: #ffffff;
  --ag-dh-footer-promo-card-border: #E2E8F0;
  --ag-dh-footer-promo-card-radius: 12;
  --ag-dh-footer-promo-card-spacing: 16;
  --ag-dh-footer-promo-image-ratio: 1 / 1;
  --ag-dh-footer-promo-image-radius: 12;
  --ag-dh-footer-promo-price-color: #0F172A;
  --ag-dh-footer-promo-price-old-color: #64748B;
  --ag-dh-footer-promo-discount-badge-color: #E11D48;
  --ag-dh-footer-promo-stock-track: #E2E8F0;
  --ag-dh-footer-promo-stock-fill: #0E7490;
  --ag-dh-footer-promo-rating-color: #D97706;
  --ag-dh-footer-promo-vendor-color: #BE123C;
  --ag-dh-footer-background: #0b0b0f;
  --ag-dh-footer-border-color: #64748b;
  --ag-dh-footer-border-radius: 12px;
  --ag-dh-footer-shadow: 0 4px 20px color-mix(in srgb, var(--ag-text) 6%, transparent);
  --ag-dh-footer-hover-shadow: 0 8px 24px rgba(15, 23, 42, .07);
  --ag-dh-footer-padding: 48px;
  --ag-dh-footer-margin: 24px;
  --ag-dh-footer-title-color: #64748b;
  --ag-dh-footer-subtitle-color: #ffffff;
  --ag-dh-footer-description-color: #ffffff;
  --ag-dh-footer-button-background: #0e7490;
  --ag-dh-footer-button-hover: #64748b;
  --ag-dh-footer-card-background: #ffffff;
  --ag-dh-footer-card-border: #E2E8F0;
  --ag-dh-footer-card-radius: 12;
  --ag-dh-footer-card-spacing: 16;
  --ag-dh-footer-image-ratio: 1 / 1;
  --ag-dh-footer-image-radius: 12;
  --ag-dh-footer-price-color: #0F172A;
  --ag-dh-footer-price-old-color: #64748B;
  --ag-dh-footer-discount-badge-color: #E11D48;
  --ag-dh-footer-stock-track: #E2E8F0;
  --ag-dh-footer-stock-fill: #0E7490;
  --ag-dh-footer-rating-color: #D97706;
  --ag-dh-footer-vendor-color: #BE123C;
  --ag-pdp-gallery-background: #ffffff;
  --ag-pdp-gallery-gradient: linear-gradient(180deg, var(--ag-surface) 0%, var(--ag-surface-muted) 100%);
  --ag-pdp-gallery-thumb-border: #e2e8f0;
  --ag-pdp-gallery-thumb-active-border: #0e7490;
  --ag-pdp-gallery-zoom-button-bg: color-mix(in srgb, var(--ag-surface) 92%, transparent);
  --ag-pdp-gallery-lightbox-overlay: #64748b;
  --ag-pdp-price-block-gradient: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 6%, var(--ag-surface)), var(--ag-surface));
  --ag-pdp-price-block-border: #64748b;
  --ag-pdp-price-block-current-color: #0e7490;
  --ag-pdp-price-block-old-color: #64748b;
  --ag-pdp-price-block-discount-badge: #e11d48;
  --ag-pdp-purchase-panel-background: #ffffff;
  --ag-pdp-purchase-panel-border: #e2e8f0;
  --ag-pdp-purchase-panel-shadow: 0 8px 24px rgba(15, 23, 42, .07);
  --ag-pdp-purchase-panel-radius: 12;
  --ag-pdp-purchase-panel-delivery-card-bg: #F8FAFC;
  --ag-pdp-variants-border: #e2e8f0;
  --ag-pdp-variants-selected-border: #0e7490;
  --ag-pdp-variants-selected-bg: color-mix(in srgb, var(--primary-color) 8%, var(--ag-surface));
  --ag-pdp-sticky-bar-background: #ffffff;
  --ag-pdp-sticky-bar-border: #e2e8f0;
  --ag-pdp-sticky-bar-shadow: 0 8px 24px rgba(15, 23, 42, .07);
  --ag-pdp-reviews-summary-bg: #F8FAFC;
  --ag-pdp-reviews-bar-track: #e2e8f0;
  --ag-pdp-reviews-bar-fill: #d97706;
  --ag-pdp-vendor-background: #ffffff;
  --ag-pdp-vendor-border: #e2e8f0;
  --ag-pdp-vendor-avatar-radius: 12;
  --ag-pdp-tabs-active-color: #0E7490;
  --ag-pdp-tabs-border: #E2E8F0;
  --ag-pdp-rails-card-background: #ffffff;
  --ag-pdp-rails-card-border: #E2E8F0;
  --ag-pdp-stock-track: #e2e8f0;
  --ag-pdp-stock-fill: #0e7490;
  --ag-pdp-flash-sale-background: #64748b;
  --ag-pdp-flash-sale-text: #0F172A;
  --ag-pdp-flash-sale-countdown: #e11d48;
  --ag-cart-layout-summary-sticky-top: 88px;
  --ag-cart-panel-background: #ffffff;
  --ag-cart-panel-border: #e2e8f0;
  --ag-cart-panel-header-background: #f8fafc;
  --ag-cart-panel-shadow: 0 8px 24px rgba(15, 23, 42, .07);
  --ag-cart-panel-radius: 12px;
  --ag-cart-line-item-background: #ffffff;
  --ag-cart-line-item-hover-background: #64748b;
  --ag-cart-line-item-border: #e2e8f0;
  --ag-cart-line-item-title-color: #0f172a;
  --ag-cart-line-item-title-hover: #0e7490;
  --ag-cart-line-item-image-shadow: 0 2px 8px color-mix(in srgb, var(--ag-text) 6%, transparent);
  --ag-cart-line-item-remove-hover: #e11d48;
  --ag-cart-quantity-background: #ffffff;
  --ag-cart-quantity-border: #e2e8f0;
  --ag-cart-quantity-button-background: #f8fafc;
  --ag-cart-quantity-button-hover: #64748b;
  --ag-cart-summary-background: #ffffff;
  --ag-cart-summary-border: #e2e8f0;
  --ag-cart-summary-footer-background: #f8fafc;
  --ag-cart-summary-shadow: 0 8px 24px rgba(15, 23, 42, .07);
  --ag-cart-summary-radius: 12px;
  --ag-cart-summary-total-color: #0f172a;
  --ag-cart-summary-savings-color: #059669;
  --ag-cart-coupon-background: #f8fafc;
  --ag-cart-coupon-border: #e2e8f0;
  --ag-cart-coupon-title-color: #0f172a;
  --ag-cart-empty-state-background: #ffffff;
  --ag-cart-empty-state-border: #e2e8f0;
  --ag-cart-empty-state-icon-background: #64748b;
  --ag-cart-empty-state-icon-color: #0e7490;
  --ag-cart-trust-border: #e2e8f0;
  --ag-cart-payment-logos-background: #f8fafc;
  --ag-cart-payment-logos-border: #e2e8f0;
  --ag-cart-mobile-bar-background: #ffffff;
  --ag-cart-mobile-bar-border: #e2e8f0;
  --ag-cart-mobile-bar-shadow: 0 -8px 24px color-mix(in srgb, var(--ag-text) 8%, transparent);
  --ag-cart-recommendations-background: #ffffff;
  --ag-cart-recommendations-border: #e2e8f0;
}

@media (max-width: 991.98px) {
  :root {
    --ag-font-size-tablet: 14px;
    --ag-font-size-desktop: 14px;
    --ag-sf-font-size-heading: 24px;
    --ag-sf-font-size-small: 12px;
    --ag-dh-topbar-padding: 14px;
    --ag-dh-topbar-margin: 20px;
    --ag-dh-hero-padding: 14px;
    --ag-dh-hero-margin: 20px;
    --ag-dh-category-sidebar-padding: 14px;
    --ag-dh-category-sidebar-margin: 20px;
    --ag-dh-hero-right-banners-padding: 14px;
    --ag-dh-hero-right-banners-margin: 20px;
    --ag-dh-shortcut-tiles-padding: 14px;
    --ag-dh-shortcut-tiles-margin: 20px;
    --ag-dh-flash-sale-padding: 14px;
    --ag-dh-flash-sale-margin: 20px;
    --ag-dh-campaign-banner-padding: 14px;
    --ag-dh-campaign-banner-margin: 20px;
    --ag-dh-product-rail-padding: 14px;
    --ag-dh-product-rail-margin: 20px;
    --ag-dh-brands-padding: 14px;
    --ag-dh-brands-margin: 20px;
    --ag-dh-vendors-padding: 14px;
    --ag-dh-vendors-margin: 20px;
    --ag-dh-collections-padding: 14px;
    --ag-dh-collections-margin: 20px;
    --ag-dh-newsletter-padding: 14px;
    --ag-dh-newsletter-margin: 20px;
    --ag-dh-footer-promo-padding: 14px;
    --ag-dh-footer-promo-margin: 20px;
    --ag-dh-footer-padding: 14px;
    --ag-dh-footer-margin: 20px;
  }
}

@media (max-width: 575.98px) {
  :root {
    --ag-font-size-mobile: 13px;
    --ag-font-size-desktop: 13px;
    --ag-sf-font-size-heading: 22px;
    --ag-sf-font-size-small: 11px;
    --ag-dh-topbar-padding: 12px;
    --ag-dh-topbar-margin: 16px;
    --ag-dh-hero-padding: 12px;
    --ag-dh-hero-margin: 16px;
    --ag-dh-category-sidebar-padding: 12px;
    --ag-dh-category-sidebar-margin: 16px;
    --ag-dh-hero-right-banners-padding: 12px;
    --ag-dh-hero-right-banners-margin: 16px;
    --ag-dh-shortcut-tiles-padding: 12px;
    --ag-dh-shortcut-tiles-margin: 16px;
    --ag-dh-flash-sale-padding: 12px;
    --ag-dh-flash-sale-margin: 16px;
    --ag-dh-campaign-banner-padding: 12px;
    --ag-dh-campaign-banner-margin: 16px;
    --ag-dh-product-rail-padding: 12px;
    --ag-dh-product-rail-margin: 16px;
    --ag-dh-brands-padding: 12px;
    --ag-dh-brands-margin: 16px;
    --ag-dh-vendors-padding: 12px;
    --ag-dh-vendors-margin: 16px;
    --ag-dh-collections-padding: 12px;
    --ag-dh-collections-margin: 16px;
    --ag-dh-newsletter-padding: 12px;
    --ag-dh-newsletter-margin: 16px;
    --ag-dh-footer-promo-padding: 12px;
    --ag-dh-footer-promo-margin: 16px;
    --ag-dh-footer-padding: 12px;
    --ag-dh-footer-margin: 16px;
  }
}

body.ag-dh-body,
body.ag-storefront-page {
    font-family: var(--ag-body-font, var(--ag-font));
    font-size: var(--ag-font-size-desktop, 14px);
    font-weight: var(--ag-font-weight, 400);
    line-height: var(--ag-line-height, 1.5);
    letter-spacing: var(--ag-letter-spacing, 0);
    color: var(--ag-text);
    background: var(--ag-background);
}

h1, h2, h3, h4, h5, h6,
.ag-dh-block-head h1,
.ag-catalog-header h1 {
    font-family: var(--ag-heading-font, var(--ag-font));
    font-weight: var(--ag-heading-weight, 800);
    line-height: var(--ag-sf-line-height-heading, 1.2);
    letter-spacing: var(--ag-sf-letter-spacing-heading, -0.02em);
    color: var(--ag-text);
}

.ag-dh-btn-dark,
.ag-catalog-submit,
.ag-dh-cart-btn,
.ag-sf-btn-primary {
    background: var(--ag-sf-btn-primary, var(--primary-color));
    color: var(--ag-surface, #fff);
    border-radius: var(--ag-button-radius);
    padding: var(--ag-button-padding-y) var(--ag-button-padding-x);
    min-height: var(--ag-sf-button-height, 44px);
    font-size: var(--ag-sf-button-font-size, 14px);
    box-shadow: var(--ag-button-shadow);
    border: var(--ag-sf-button-border-width, 0) solid var(--ag-sf-button-border-color, transparent);
    transition: transform var(--ag-sf-transition), box-shadow var(--ag-sf-transition), background var(--ag-sf-transition);
}

.ag-dh-btn-dark:hover,
.ag-sf-btn-primary:hover {
    background: var(--ag-sf-btn-primary-hover, var(--ag-primary-hover));
}

.ag-dh-product-card,
.ag-catalog-filters,
.ag-sf-panel {
    background: var(--ag-sf-card-bg, var(--ag-surface));
    border-radius: var(--ag-card-radius);
    border: var(--ag-card-border-width) solid var(--ag-sf-card-border-color, var(--ag-border));
    box-shadow: var(--ag-card-shadow);
}

.ag-dh-product-title,
.ag-dh-price-row strong {
    color: var(--ag-sf-price, var(--ag-text));
}

.ag-dh-price-row del {
    color: var(--ag-sf-price-old, var(--ag-muted));
}

.ag-dh-product-discount {
    background: var(--ag-sf-discount-badge, var(--ag-danger));
}

.ag-dh-rating .bi-star-fill,
.ag-dh-rating .bi-star-half {
    color: var(--ag-sf-rating, var(--ag-warning));
}

.ag-dh-product-seller {
    color: var(--ag-sf-vendor, var(--ag-accent));
}

.ag-dh-wrap,
.ag-catalog-page .ag-dh-wrap {
    max-width: var(--ag-container-width);
}

.ag-dh-main > section,
.ag-catalog-section {
    margin-block: var(--ag-sf-section-margin-y, var(--ag-homepage-spacing));
    padding: var(--ag-sf-section-padding);
    border-radius: var(--ag-sf-section-radius);
    box-shadow: var(--ag-sf-section-shadow);
}

.ag-catalog-eyebrow,
.ag-dh-block-head span {
    color: var(--primary-color);
    font-size: var(--ag-sf-font-size-small);
}

.ag-catalog-filters input,
.ag-catalog-filters select,
.ag-sf-input,
input.form-control,
select.form-select,
textarea.form-control {
    min-height: var(--ag-sf-input-height, 44px);
    border-radius: var(--ag-sf-input-radius);
    border: var(--ag-sf-input-border-width) solid var(--ag-sf-input-border-color, var(--ag-border));
    background: var(--ag-sf-input-bg, var(--ag-surface));
    color: var(--ag-text);
}

.ag-catalog-filters input:focus,
.ag-catalog-filters select:focus,
.ag-sf-input:focus,
input.form-control:focus,
select.form-select:focus {
    border-color: var(--ag-sf-input-focus-color, var(--primary-color));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ag-sf-input-focus-color, var(--primary-color)) 20%, transparent);
    outline: none;
}

.ag-dh-header,
.ag-storefront-header {
    min-height: var(--ag-header-height);
    background: var(--ag-header-bg);
    border-bottom: 1px solid var(--ag-header-border);
    box-shadow: var(--ag-header-shadow);
    color: var(--ag-sf-header-text, var(--ag-text));
}

.ag-dh-footer,
.ag-storefront-footer {
    background: var(--ag-footer-bg);
    color: var(--ag-footer-text);
    padding-block: var(--ag-sf-footer-padding-y);
}

.ag-sf-countdown,
.ag-dh-product-badge--flash {
    background: var(--ag-sf-flash-sale, var(--ag-warning));
    color: var(--ag-text);
}

.is-invalid,
.text-danger {
    color: var(--ag-sf-validation-error, var(--ag-danger)) !important;
}

.is-valid,
.text-success {
    color: var(--ag-sf-validation-success, var(--ag-success)) !important;
}

.ag-storefront-breadcrumb-list {
    color: var(--ag-sf-breadcrumb-text, var(--ag-muted));
}

.ag-storefront-breadcrumb-list li:not(:last-child)::after {
    color: var(--ag-sf-breadcrumb-separator, var(--ag-border));
}

.ag-storefront-breadcrumb-list a:hover {
    color: var(--ag-sf-breadcrumb-hover, var(--primary-color));
}

.ag-storefront-empty {
    background: var(--ag-sf-empty-bg, var(--ag-surface));
    border-color: var(--ag-sf-empty-border, var(--ag-border));
}

.ag-storefront-empty-icon {
    background: var(--ag-sf-empty-icon-bg, color-mix(in srgb, var(--primary-color) 12%, var(--ag-surface)));
}

.ag-storefront-empty p {
    color: var(--ag-sf-empty-text, var(--ag-muted));
}

.ag-pdp-lightbox {
    background: var(--ag-sf-modal-overlay, var(--ag-sf-overlay));
}

.ag-pdp-lightbox-close {
    background: var(--ag-sf-modal-close-bg, var(--ag-surface));
    color: var(--ag-text);
}

.ag-category-filters,
.ag-category-toolbar {
    background: var(--ag-sf-filter-bg, var(--ag-surface));
    border-color: var(--ag-sf-filter-border, var(--ag-border));
}

.ag-category-toolbar {
    background: var(--ag-sf-toolbar-bg, var(--ag-surface));
    border-color: var(--ag-sf-toolbar-border, var(--ag-border));
}

.ag-filter-block + .ag-filter-block {
    border-top-color: var(--ag-sf-filter-border, var(--ag-border));
}

.ag-cart-summary .ag-card-footer {
    background: var(--ag-surface-muted);
    border-top-color: var(--ag-border);
}

.ag-wishlist-row,
.ag-compare-table-wrap,
.ag-sf-panel {
    background: var(--ag-sf-card-bg, var(--ag-surface));
}

.ag-compare-table th,
.ag-compare-table td {
    border-color: var(--ag-sf-table-border, var(--ag-border));
}

.ag-compare-table thead th {
    background: var(--ag-sf-table-header-bg, var(--ag-surface-muted));
}

.ag-compare-table tbody tr:hover {
    background: var(--ag-sf-table-row-hover, var(--ag-surface-muted));
}

.pagination .page-link {
    background: var(--ag-sf-pagination-bg, var(--ag-surface));
    border-color: var(--ag-sf-pagination-border, var(--ag-border));
    color: var(--ag-text);
}

.pagination .page-item.active .page-link {
    background: var(--ag-sf-pagination-active-bg, var(--primary-color));
    border-color: var(--ag-sf-pagination-active-bg, var(--primary-color));
    color: var(--ag-sf-pagination-active-text, var(--ag-surface));
}

.alert-success {
    background: var(--ag-status-success-bg, var(--ag-sf-alert-success-bg));
    color: var(--ag-status-success-text, var(--ag-sf-alert-success-text, var(--ag-success)));
    border-color: var(--ag-status-success-border, color-mix(in srgb, var(--ag-success) 30%, transparent));
}

.alert-danger {
    background: var(--ag-status-danger-bg, var(--ag-sf-alert-error-bg));
    color: var(--ag-status-danger-text, var(--ag-sf-alert-error-text, var(--ag-danger)));
    border-color: var(--ag-status-danger-border, color-mix(in srgb, var(--ag-danger) 30%, transparent));
}

.alert-info {
    background: var(--ag-status-info-bg, var(--ag-sf-alert-info-bg));
    color: var(--ag-status-info-text, var(--ag-sf-alert-info-text, var(--ag-info)));
    border-color: var(--ag-status-info-border, color-mix(in srgb, var(--ag-info) 30%, transparent));
}

.alert-warning {
    background: var(--ag-status-warning-bg);
    color: var(--ag-status-warning-text, var(--ag-warning));
    border-color: var(--ag-status-warning-border, color-mix(in srgb, var(--ag-warning) 30%, transparent));
}

.ag-alert-info {
    background: var(--ag-status-info-bg, var(--ag-sf-alert-info-bg));
    border-color: var(--ag-status-info-border, transparent);
    color: var(--ag-status-info-text, var(--ag-sf-alert-info-text, var(--ag-info)));
}

.ag-alert-success {
    background: var(--ag-status-success-bg, var(--ag-sf-alert-success-bg));
    border-color: var(--ag-status-success-border, transparent);
    color: var(--ag-status-success-text, var(--ag-sf-alert-success-text, var(--ag-success)));
}

.ag-alert-warning {
    background: var(--ag-status-warning-bg);
    border-color: var(--ag-status-warning-border, transparent);
    color: var(--ag-status-warning-text, var(--ag-warning));
}

.ag-alert-danger {
    background: var(--ag-status-danger-bg, var(--ag-sf-alert-error-bg));
    border-color: var(--ag-status-danger-border, transparent);
    color: var(--ag-status-danger-text, var(--ag-sf-alert-error-text, var(--ag-danger)));
}

.ag-alert-neutral {
    background: var(--ag-status-neutral-bg);
    border-color: var(--ag-status-neutral-border, transparent);
    color: var(--ag-status-neutral-text, var(--ag-text));
}

.ag-badge-pending,
.ag-badge-warning {
    background: var(--ag-status-warning-badge-bg, var(--ag-status-warning-bg));
    color: var(--ag-status-warning-badge-text, var(--ag-status-warning-text, var(--ag-warning)));
}

.ag-badge-success {
    background: var(--ag-status-success-bg, color-mix(in srgb, var(--ag-success) 18%, var(--ag-dh-on-primary)));
    color: var(--ag-status-success-text, var(--ag-success));
}

.ag-badge-danger {
    background: var(--ag-status-danger-bg, color-mix(in srgb, var(--ag-danger) 18%, var(--ag-dh-on-primary)));
    color: var(--ag-status-danger-text, var(--ag-danger));
}

.ag-checkout-confirmation-hero {
    background: var(--ag-status-success-bg, color-mix(in srgb, var(--ag-success, var(--ag-primary)) 8%, var(--ag-sf-surface, var(--ag-dh-on-primary))));
    border: 1px solid var(--ag-status-success-border, color-mix(in srgb, var(--ag-success, var(--ag-primary)) 25%, var(--ag-sf-border, var(--ag-border))));
}

.ag-checkout-confirmation-hero-icon {
    background: var(--ag-status-success-text, var(--ag-success, var(--ag-primary)));
    color: var(--ag-sf-on-primary, #ffffff);
}

.ag-checkout-confirmation-hero h2 {
    color: var(--ag-status-success-text, var(--ag-sf-text, var(--ag-dh-text)));
}

.ag-checkout-confirmation-hero p {
    color: var(--ag-status-success-text, var(--ag-sf-text-muted, var(--ag-muted)));
}

.ag-sf-skeleton {
    background: linear-gradient(90deg, var(--ag-sf-skeleton-base) 25%, var(--ag-sf-skeleton-highlight) 37%, var(--ag-sf-skeleton-base) 63%);
}

.ag-product-stock-track,
.ag-dh-product-stock-track {
    background: var(--ag-sf-progress-track, var(--ag-border));
}

.ag-product-stock-track i,
.ag-dh-product-stock-track i {
    background: var(--ag-sf-progress-fill, var(--primary-color));
}

.toast,
.ag-sf-toast {
    background: var(--ag-sf-toast-bg, var(--secondary-color));
    color: var(--ag-sf-toast-text, var(--ag-surface));
}

body.ag-theme-dark .ag-dh-product-card,
body.ag-prefers-dark .ag-dh-product-card,
body.ag-theme-dark .ag-storefront-empty,
body.ag-prefers-dark .ag-storefront-empty,
body.ag-theme-dark .ag-wishlist-row,
body.ag-prefers-dark .ag-wishlist-row,
body.ag-theme-dark .ag-category-filters,
body.ag-prefers-dark .ag-category-filters,
body.ag-theme-dark .ag-category-toolbar,
body.ag-prefers-dark .ag-category-toolbar {
    background: var(--ag-sf-card-bg, var(--ag-surface));
    border-color: var(--ag-border);
    color: var(--ag-text);
}

body.ag-theme-dark,
body.ag-prefers-dark {
    color-scheme: dark;
}

/* Homepage Design System — section bindings */
.ag-dh-topbar {
    background: var(--ag-dh-topbar-gradient, var(--ag-dh-topbar-background, var(--ag-dh-chrome-dark)));
    color: var(--ag-dh-topbar-title-color, var(--ag-dh-on-primary));
}

.ag-dh-topbar a {
    color: var(--ag-dh-topbar-subtitle-color, var(--ag-dh-on-primary));
}

.ag-dh-hero,
.ag-dh-hero-grid {
    background: var(--ag-dh-hero-gradient, var(--ag-dh-hero-background, var(--ag-dh-surface)));
    border-radius: var(--ag-dh-hero-border-radius, var(--ag-dh-radius));
    box-shadow: var(--ag-dh-hero-shadow, var(--ag-dh-shadow-card));
    margin-block: var(--ag-dh-hero-margin, var(--ag-dh-section-gap));
}

.ag-dh-sidebar,
.ag-dh-category-sidebar {
    background: var(--ag-dh-category-sidebar-gradient, var(--ag-dh-category-sidebar-background, var(--ag-dh-surface)));
    border: var(--ag-dh-category-sidebar-border-width, 1px) solid var(--ag-dh-category-sidebar-border-color, var(--ag-dh-border));
    border-radius: var(--ag-dh-category-sidebar-border-radius, var(--ag-dh-radius));
    padding: var(--ag-dh-category-sidebar-padding, 12px);
}

.ag-dh-promos,
.ag-dh-promo-card,
.ag-dh-hero-right-banners {
    background: var(--ag-dh-hero-right-banners-background, var(--ag-dh-surface));
    border-radius: var(--ag-dh-hero-right-banners-border-radius, var(--ag-dh-radius));
    box-shadow: var(--ag-dh-hero-right-banners-shadow, var(--ag-dh-shadow-card));
}

.ag-dh-shortcuts,
.ag-dh-category-grid,
.ag-dh-category-tile {
    background: var(--ag-dh-shortcut-tiles-background, var(--ag-dh-surface-tint));
    border-radius: var(--ag-dh-shortcut-tiles-border-radius, var(--ag-dh-radius));
    color: var(--ag-dh-shortcut-tiles-title-color, var(--ag-dh-text));
}

.ag-dh-block--flash,
.ag-dh-product-badge--flash,
[data-module="flash_sale"] .ag-dh-block {
    --ag-dh-flash-accent: var(--ag-dh-flash-sale-badge-background, var(--ag-sf-flash-sale));
}

.ag-dh-block--flash .ag-dh-countdown,
.ag-dh-countdown {
    background: var(--ag-dh-flash-sale-countdown-background, var(--ag-sf-countdown));
    color: var(--ag-dh-flash-sale-countdown-text, var(--ag-dh-on-primary));
}

.ag-dh-campaign,
.ag-dh-banner-group,
[data-module="campaign_banner"] .ag-dh-block {
    background: var(--ag-dh-campaign-banner-gradient, var(--ag-dh-campaign-banner-background, var(--ag-dh-chrome-dark)));
    color: var(--ag-dh-campaign-banner-title-color, var(--ag-dh-on-primary));
}

.ag-dh-block,
.ag-dh-product-rail,
.ag-dh-sections > section {
    background: var(--ag-dh-product-rail-gradient, var(--ag-dh-product-rail-background, transparent));
    border-radius: var(--ag-dh-product-rail-border-radius, var(--ag-dh-radius));
    box-shadow: var(--ag-dh-product-rail-shadow, none);
    margin-block: var(--ag-dh-product-rail-margin, var(--ag-dh-section-gap));
    padding: var(--ag-dh-product-rail-padding, var(--ag-sf-section-padding));
}

.ag-dh-block-head h2,
.ag-dh-block-head span {
    color: var(--ag-dh-product-rail-title-color, var(--ag-sf-section-title-color, var(--ag-dh-text)));
}

.ag-dh-block-head p,
.ag-dh-block-head .ag-dh-subtitle {
    color: var(--ag-dh-product-rail-subtitle-color, var(--ag-sf-section-subtitle-color, var(--ag-dh-muted)));
}

.ag-dh-block-head-dark {
    background: var(--ag-dh-chrome-dark);
    color: var(--ag-dh-on-primary);
}

.ag-dh-block-head-dark span,
.ag-dh-block-head-dark h2 {
    color: var(--ag-dh-on-primary);
}

.ag-dh-block-head-dark a {
    color: var(--ag-dh-link-on-dark);
}

.ag-dh-brand-rail,
.ag-dh-brand-card {
    background: var(--ag-dh-brands-background, var(--ag-dh-surface));
    border-radius: var(--ag-dh-brands-border-radius, var(--ag-dh-radius));
    box-shadow: var(--ag-dh-brands-shadow, var(--ag-dh-shadow-card));
}

.ag-dh-vendor-highlights,
.ag-dh-vendor-card,
.ag-dh-official-store {
    background: var(--ag-dh-vendors-background, var(--ag-dh-surface-tint));
    border-radius: var(--ag-dh-vendors-border-radius, var(--ag-dh-radius));
}

.ag-dh-vendor-card .ag-dh-rating,
.ag-dh-official-stats .bi-star-fill {
    color: var(--ag-dh-vendors-rating-color, var(--ag-sf-rating));
}

.ag-dh-collection-card {
    background: var(--ag-dh-collections-background, var(--ag-dh-surface));
    border-radius: var(--ag-dh-collections-border-radius, var(--ag-dh-radius));
}

.ag-dh-newsletter {
    background: var(--ag-dh-newsletter-background, var(--ag-dh-newsletter-gradient, var(--ag-dh-chrome-dark)));
    color: var(--ag-dh-newsletter-title-color, var(--ag-dh-on-primary));
    border-radius: var(--ag-dh-newsletter-border-radius, var(--ag-dh-radius));
}

.ag-dh-newsletter p {
    color: var(--ag-dh-newsletter-subtitle-color, var(--ag-dh-on-primary));
}

.ag-dh-footer-promo {
    background: var(--ag-dh-footer-promo-background, var(--ag-dh-surface-tint));
    border-radius: var(--ag-dh-footer-promo-border-radius, var(--ag-dh-radius));
    color: var(--ag-dh-footer-promo-title-color, var(--ag-dh-text));
}

.ag-dh-footer {
    background: var(--ag-footer-bg, var(--ag-dh-footer-background, var(--ag-dh-chrome-dark)));
    color: var(--ag-dh-footer-subtitle-color, var(--ag-footer-text));
    padding-block: var(--ag-dh-footer-padding, var(--ag-sf-footer-padding-y));
}

.ag-dh-footer h2,
.ag-dh-footer h3,
.ag-dh-footer-col h3 {
    color: var(--ag-dh-footer-title-color, var(--ag-dh-footer-title, var(--ag-dh-on-primary)));
}

.ag-dh-product-card {
    background: var(--ag-dh-product-rail-card-background, var(--ag-sf-card-bg));
    border: 1px solid var(--ag-dh-product-rail-card-border, var(--ag-sf-card-border-color));
    border-radius: var(--ag-dh-product-rail-card-radius, var(--ag-card-radius));
}

.ag-dh-product-badge--bestseller { background: var(--ag-dh-badge-bestseller); }
.ag-dh-product-badge--hot { background: var(--ag-dh-badge-hot); }
.ag-dh-product-badge--official { background: var(--ag-dh-badge-official); }
.ag-dh-product-badge--top { background: var(--ag-dh-badge-top); }
.ag-dh-product-badge--flash { background: var(--ag-dh-badge-flash); color: var(--ag-dh-badge-flash-text); }
.ag-dh-product-badge--sale { background: var(--ag-dh-badge-sale); }

.ag-dh-price-row strong,
.ag-dh-price-row .ag-dh-price {
    color: var(--ag-dh-product-rail-price-color, var(--ag-sf-price));
}

.ag-dh-price-row del {
    color: var(--ag-dh-product-rail-price-old-color, var(--ag-sf-price-old));
}

.ag-dh-product-discount {
    background: var(--ag-dh-product-rail-discount-badge-color, var(--ag-sf-discount-badge));
    color: var(--ag-dh-on-primary);
}

.ag-dh-rating .bi-star-fill,
.ag-dh-rating .bi-star-half {
    color: var(--ag-dh-product-rail-rating-color, var(--ag-sf-rating));
}

.ag-dh-product-seller {
    color: var(--ag-dh-product-rail-vendor-color, var(--ag-sf-vendor));
}

.ag-dh-product-seller .bi-patch-check-fill {
    color: var(--ag-dh-verified-icon);
}

.ag-dh-product-shipping .bi-truck {
    color: var(--ag-dh-shipping-icon);
}

.ag-dh-product-stock-track {
    background: var(--ag-dh-product-rail-stock-track, var(--ag-sf-progress-track));
}

.ag-dh-product-stock-track i {
    background: var(--ag-dh-product-rail-stock-fill, var(--ag-sf-progress-fill));
}

.ag-dh-btn-primary {
    background: var(--ag-dh-primary);
    color: var(--ag-dh-on-primary);
}

.ag-dh-btn-dark {
    background: var(--ag-dh-chrome-dark);
    color: var(--ag-dh-on-primary);
}

.ag-dh-slider-dots button {
    background: var(--ag-dh-slider-dot);
}

.ag-dh-slider-dots button.is-active {
    background: var(--ag-dh-slider-dot-active, var(--ag-dh-on-primary));
}

.ag-dh-slider-btn {
    background: var(--ag-dh-slider-arrow-bg, var(--ag-dh-surface));
    color: var(--ag-dh-hero-arrow-color, var(--ag-dh-text));
}

.ag-dh-slider-btn:hover {
    background: var(--ag-dh-surface);
}

.ag-dh-nav::-webkit-scrollbar-track {
    background: var(--ag-dh-scrollbar-track);
}

.ag-dh-nav::-webkit-scrollbar-thumb {
    background: var(--ag-dh-scrollbar-thumb);
}

/* Homepage V2 widget bindings */
.ag-hp2-page {
    background: var(--ag-dh-bg, var(--ag-background));
    color: var(--ag-dh-text, var(--ag-text));
}

.ag-hp2-announcement,
.ag-hp2-announcement.ag-dh-topbar {
    background: var(--ag-dh-topbar-gradient, var(--ag-dh-topbar-background, var(--ag-dh-chrome-dark)));
    color: var(--ag-dh-topbar-title-color, var(--ag-dh-on-primary));
}

.ag-hp2-category-sidebar.ag-dh-sidebar {
    background: var(--ag-dh-category-sidebar-gradient, var(--ag-dh-category-sidebar-background, var(--ag-dh-surface)));
    border: var(--ag-dh-category-sidebar-border-width, 1px) solid var(--ag-dh-category-sidebar-border-color, var(--ag-dh-border));
}

.ag-hp2-shortcuts.ag-dh-shortcuts {
    background: var(--ag-dh-shortcut-tiles-background, var(--ag-dh-surface-tint));
}

.ag-hp2-product-rail.ag-dh-block,
.ag-hp2-flash-sale.ag-dh-block--flash {
    background: var(--ag-dh-product-rail-gradient, var(--ag-dh-product-rail-background, transparent));
    padding: var(--ag-dh-product-rail-padding, var(--ag-sf-section-padding));
}

.ag-hp2-newsletter.ag-dh-newsletter {
    background: var(--ag-dh-newsletter-background, var(--ag-dh-newsletter-gradient, var(--ag-dh-chrome-dark)));
    color: var(--ag-dh-newsletter-title-color, var(--ag-dh-on-primary));
}

.ag-hp2-hero .ag-dh-slider,
.ag-hp2-page .ag-dh-slider {
    background: var(--ag-dh-hero-gradient, var(--ag-dh-hero-background, var(--ag-dh-surface)));
    border-radius: var(--ag-dh-hero-border-radius, var(--ag-dh-radius));
    box-shadow: var(--ag-dh-hero-shadow, var(--ag-dh-shadow-card));
    margin-block: var(--ag-dh-hero-margin, var(--ag-dh-section-gap));
}

.ag-hp2-flash-sale .ag-dh-countdown,
.ag-hp2-page .ag-dh-countdown {
    background: var(--ag-dh-flash-sale-countdown-background, var(--ag-sf-countdown));
    color: var(--ag-dh-flash-sale-countdown-text, var(--ag-dh-on-primary));
}

.ag-hp2-banner-group,
.ag-hp2-promotion-cards {
    border-radius: var(--ag-dh-hero-right-banners-border-radius, var(--ag-dh-radius));
    box-shadow: var(--ag-dh-hero-right-banners-shadow, var(--ag-dh-shadow-card));
}

/* PDP Design System bindings */
.ag-pdp-gallery-main {
    background: var(--ag-pdp-gallery-gradient, var(--ag-pdp-gallery-background, var(--ag-surface)));
    border-color: var(--ag-pdp-gallery-thumb-border, var(--ag-border));
}

.ag-pdp-gallery-zoom,
.ag-pdp-gallery-video-btn {
    background: var(--ag-pdp-gallery-zoom-button-bg, color-mix(in srgb, var(--ag-surface) 92%, transparent));
}

.ag-pdp-thumb {
    border-color: var(--ag-pdp-gallery-thumb-border, var(--ag-border));
}

.ag-pdp-thumb.is-active {
    border-color: var(--ag-pdp-gallery-thumb-active-border, var(--primary-color));
}

.ag-pdp-lightbox {
    background: var(--ag-pdp-gallery-lightbox-overlay, var(--ag-sf-modal-overlay, color-mix(in srgb, var(--ag-text) 94%, transparent)));
}

.ag-pdp-price-block {
    background: var(--ag-pdp-price-block-gradient, var(--ag-pdp-price-block-background, var(--ag-surface-muted)));
    border-color: var(--ag-pdp-price-block-border, var(--ag-border));
}

.ag-pdp-price-block .ag-storefront-price-current {
    color: var(--ag-pdp-price-block-current-color, var(--ag-sf-price, var(--primary-color)));
}

.ag-pdp-price-block .ag-storefront-price-old {
    color: var(--ag-pdp-price-block-old-color, var(--ag-sf-price-old));
}

.ag-pdp-discount-badge {
    background: var(--ag-pdp-price-block-discount-badge, var(--ag-sf-discount-badge));
    color: var(--ag-dh-on-primary, var(--ag-surface));
}

.ag-pdp-purchase,
.ag-pdp-panel.ag-pdp-purchase {
    background: var(--ag-pdp-purchase-panel-background, var(--ag-surface));
    border-color: var(--ag-pdp-purchase-panel-border, var(--ag-border));
    box-shadow: var(--ag-pdp-purchase-panel-shadow, var(--ag-card-shadow));
    border-radius: var(--ag-pdp-purchase-panel-radius, var(--ag-card-radius));
}

.ag-pdp-delivery-card {
    background: var(--ag-pdp-purchase-panel-delivery-card-bg, var(--ag-surface-muted));
}

.ag-pdp-variant-option {
    border-color: var(--ag-pdp-variants-border, var(--ag-border));
}

.ag-pdp-variant-option.is-selected {
    border-color: var(--ag-pdp-variants-selected-border, var(--primary-color));
    background: var(--ag-pdp-variants-selected-bg, color-mix(in srgb, var(--primary-color) 8%, var(--ag-surface)));
}

.ag-pdp-stock-bar {
    background: var(--ag-pdp-stock-track, var(--ag-sf-progress-track));
}

.ag-pdp-stock-bar > span {
    background: var(--ag-pdp-stock-fill, var(--ag-sf-progress-fill));
}

.ag-pdp-flash {
    background: var(--ag-pdp-flash-sale-background, color-mix(in srgb, var(--ag-warning) 12%, var(--ag-surface)));
    color: var(--ag-pdp-flash-sale-text, var(--ag-text));
}

.ag-pdp-flash strong {
    color: var(--ag-pdp-flash-sale-countdown, var(--ag-sf-countdown));
}

.ag-pdp-sticky {
    background: var(--ag-pdp-sticky-bar-background, var(--ag-surface));
    border-top-color: var(--ag-pdp-sticky-bar-border, var(--ag-border));
    box-shadow: var(--ag-pdp-sticky-bar-shadow, var(--ag-card-shadow));
}

.ag-pdp-reviews-summary {
    background: var(--ag-pdp-reviews-summary-bg, var(--ag-surface-muted));
}

.ag-pdp-review-bar-track {
    background: var(--ag-pdp-reviews-bar-track, var(--ag-border));
}

.ag-pdp-review-bar-fill {
    background: var(--ag-pdp-reviews-bar-fill, var(--ag-sf-rating));
}

.ag-pdp-vendor-card,
.ag-pdp-vendor {
    background: var(--ag-pdp-vendor-background, var(--ag-surface));
    border-color: var(--ag-pdp-vendor-border, var(--ag-border));
}

.ag-pdp-vendor-avatar {
    border-radius: var(--ag-pdp-vendor-avatar-radius, var(--ag-card-radius));
}

.ag-sf-tab-list button.is-active {
    color: var(--ag-pdp-tabs-active-color, var(--primary-color));
    border-color: var(--ag-pdp-tabs-active-color, var(--primary-color));
}

.ag-pdp-rail .ag-dh-product-card,
.ag-pdp-rail .ag-product-card {
    background: var(--ag-pdp-rails-card-background, var(--ag-sf-card-bg));
    border-color: var(--ag-pdp-rails-card-border, var(--ag-border));
}

@media (min-width: 1200px) {
    .ag-pdp-layout {
        max-width: min(100%, var(--ag-container-width));
        margin-inline: auto;
    }
}

/* Cart Design System bindings */
.ag-cart-layout {
    gap: var(--ag-cart-layout-gap, var(--ag-space-5));
}

@media (min-width: 992px) {
    .ag-cart-layout {
        grid-template-columns: minmax(0, 1fr) var(--ag-cart-layout-summary-width, 380px);
    }

    .ag-cart-summary {
        position: sticky;
        top: var(--ag-cart-layout-summary-sticky-top, 88px);
    }
}

.ag-cart-panel {
    background: var(--ag-cart-panel-background, var(--ag-surface));
    border-color: var(--ag-cart-panel-border, var(--ag-border));
    box-shadow: var(--ag-cart-panel-shadow, var(--ag-sf-shadow-card));
    border-radius: var(--ag-cart-panel-radius, var(--ag-sf-radius-xl));
}

.ag-cart-panel-header,
.ag-cart-panel .ag-cart-panel-header {
    background: var(--ag-cart-panel-header-background, var(--ag-surface-muted));
    border-bottom: 1px solid var(--ag-cart-panel-border, var(--ag-border));
}

.ag-cart-line {
    background: var(--ag-cart-line-item-background, var(--ag-surface));
    border-bottom-color: var(--ag-cart-line-item-border, var(--ag-border));
    transition: background .15s ease;
}

.ag-cart-line:hover {
    background: var(--ag-cart-line-item-hover-background, color-mix(in srgb, var(--primary-color) 4%, var(--ag-surface)));
}

.ag-cart-line-media {
    box-shadow: var(--ag-cart-line-item-image-shadow, 0 2px 8px color-mix(in srgb, var(--ag-text) 6%, transparent));
}

.ag-cart-line-title {
    color: var(--ag-cart-line-item-title-color, var(--ag-text));
}

.ag-cart-line-title:hover {
    color: var(--ag-cart-line-item-title-hover, var(--ag-primary));
}

.ag-cart-line-meta,
.ag-cart-line-variant {
    color: var(--ag-cart-line-item-meta-color, var(--ag-muted));
}

.ag-cart-line-remove-btn {
    color: var(--ag-cart-line-item-remove-color, var(--ag-muted));
}

.ag-cart-line-remove-btn:hover,
.ag-cart-line-remove-btn:focus-visible {
    color: var(--ag-cart-line-item-remove-hover, var(--ag-danger));
}

.ag-qty-stepper {
    background: var(--ag-cart-quantity-background, var(--ag-surface));
    border-color: var(--ag-cart-quantity-border, var(--ag-border));
}

.ag-qty-btn {
    background: var(--ag-cart-quantity-button-background, var(--ag-surface-muted));
}

.ag-qty-btn:hover,
.ag-qty-btn:focus-visible {
    background: var(--ag-cart-quantity-button-hover, color-mix(in srgb, var(--primary-color) 8%, var(--ag-surface-muted)));
}

.ag-qty-btn:focus-visible {
    outline: 2px solid var(--primary-color);
    outline-offset: 1px;
}

.ag-cart-summary .ag-card {
    background: var(--ag-cart-summary-background, var(--ag-surface));
    border-color: var(--ag-cart-summary-border, var(--ag-sf-border-soft));
    box-shadow: var(--ag-cart-summary-shadow, var(--ag-sf-shadow-card));
    border-radius: var(--ag-cart-summary-radius, var(--ag-sf-radius-xl));
}

.ag-cart-summary .ag-card-footer {
    background: var(--ag-cart-summary-footer-background, var(--ag-surface-muted));
}

.ag-cart-summary-savings dd {
    color: var(--ag-cart-summary-savings-color, var(--ag-success));
}

.ag-cart-summary-total {
    color: var(--ag-cart-summary-total-color, var(--ag-text));
}

.ag-cart-coupon-card {
    margin-top: var(--ag-space-3);
    padding: var(--ag-space-3);
    border-radius: var(--ag-radius-md);
    background: var(--ag-cart-coupon-background, var(--ag-sf-surface-muted));
    border: 1px solid var(--ag-cart-coupon-border, var(--ag-sf-border-soft));
    max-width: 28rem;
}

.ag-cart-coupon-card h3 {
    font-size: .875rem;
    font-weight: 700;
    margin: 0 0 var(--ag-space-2);
    color: var(--ag-cart-coupon-title-color, var(--ag-text));
}

.ag-cart-page-heading {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--ag-space-3);
    flex-wrap: wrap;
    margin: 0 0 var(--ag-space-4);
}

.ag-cart-page-title {
    margin: 0;
    font-size: clamp(1.375rem, 1.2rem + 0.6vw, 1.75rem);
    font-weight: 800;
    line-height: 1.2;
}

.ag-cart-page-count {
    margin: 0;
    font-size: .9375rem;
    font-weight: 600;
    color: var(--ag-muted);
}

.ag-cart-line-action-btn {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 2rem;
    padding: .25rem .4rem;
    border: 0;
    background: transparent;
    color: var(--ag-cart-line-item-remove-color, var(--ag-muted));
    border-radius: var(--ag-radius-sm);
}

.ag-cart-line-action-btn:hover,
.ag-cart-line-action-btn:focus-visible {
    color: var(--ag-cart-line-item-title-hover, var(--ag-primary));
}

.ag-cart-line-remove-btn:hover,
.ag-cart-line-remove-btn:focus-visible {
    color: var(--ag-cart-line-item-remove-hover, var(--ag-danger));
}

.ag-cart-summary-trust {
    border-top-color: var(--ag-cart-trust-border, var(--ag-border));
}

.ag-cart-summary-trust-item {
    color: var(--ag-cart-trust-text-color, var(--ag-muted));
}

.ag-cart-payment-logos {
    background: var(--ag-cart-payment-logos-background, var(--ag-surface-muted));
    border-color: var(--ag-cart-payment-logos-border, var(--ag-border));
}

.ag-storefront-empty.ag-cart-empty {
    background: var(--ag-cart-empty-state-background, var(--ag-surface));
    border-color: var(--ag-cart-empty-state-border, var(--ag-border));
}

.ag-storefront-empty.ag-cart-empty .ag-storefront-empty-icon {
    background: var(--ag-cart-empty-state-icon-background, color-mix(in srgb, var(--primary-color) 12%, var(--ag-surface)));
    color: var(--ag-cart-empty-state-icon-color, var(--ag-primary));
}

.ag-cart-recommendations {
    background: var(--ag-cart-recommendations-background, var(--ag-surface));
    border-color: var(--ag-cart-recommendations-border, var(--ag-border));
}

.ag-cart-mobile-bar {
    position: fixed;
    inset-inline: 0;
    bottom: 0;
    z-index: var(--ag-z-sticky, 40);
    background: var(--ag-cart-mobile-bar-background, var(--ag-surface));
    border-top: 1px solid var(--ag-cart-mobile-bar-border, var(--ag-border));
    box-shadow: var(--ag-cart-mobile-bar-shadow, 0 -8px 24px color-mix(in srgb, var(--ag-text) 8%, transparent));
    /* Safe first paint: off-screen until primary CTA leaves viewport (no duplicate flash). */
    transform: translateY(110%);
    visibility: hidden;
    pointer-events: none;
    transition: transform .18s ease, visibility .18s ease;
}

.ag-cart-mobile-bar.is-visible {
    transform: translateY(0);
    visibility: visible;
    pointer-events: auto;
}

.ag-cart-mobile-bar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--ag-space-3, 12px);
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
    max-width: 1184px;
    margin-inline: auto;
}

.ag-cart-mobile-bar-total {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.ag-cart-mobile-bar-label {
    font-size: .75rem;
    color: var(--ag-muted);
}

@media (prefers-reduced-motion: reduce) {
    .ag-cart-mobile-bar {
        transition: none;
    }
}

@media (max-width: 991.98px) {
    .ag-cart-page.has-items {
        padding-bottom: calc(var(--ag-space-6) + 72px);
    }
}

@media (min-width: 992px) {
    .ag-cart-mobile-bar {
        display: none !important;
    }
}

.ag-dh-wrap,
.ag-storefront-page .container,
.ag-catalog-page {
    width: min(100%, var(--ag-container-width));
    margin-inline: auto;
    padding-inline: clamp(12px, 2vw, 24px);
}

@media (min-width: 1600px) {
    .ag-dh-wrap,
    .ag-catalog-page .ag-dh-wrap {
        max-width: min(var(--ag-container-width), 96vw);
    }
}

@media (max-width: 991.98px) {
    .ag-category-shopping,
    .ag-category-shopping.filters-right {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 575.98px) {
    .ag-storefront-page {
        padding-block-start: 0;
        padding-block-end: var(--ag-space-4);
    }

    .ag-catalog-filters,
    .ag-category-toolbar {
        padding: var(--ag-space-3);
    }
}