:root {
    --aspect-ratiocus1: 0.7281323877068558;
    --scrollbar-w: 0px;
    /* Spacing */
    --spacing-0-2: 0.2rem; /* 2px */
    --spacing-0-4: 0.4rem; /* 4px */
    --spacing-0-6: 0.6rem; /* 6px */
    --spacing-0-8: 0.8rem; /* 8px */
    --spacing-1: 1rem; /* 10px */
    --spacing-1-2: 1.2rem; /* 12px */
    --spacing-1-4: 1.4rem; /* 14px */
    --spacing-1-6: 1.6rem; /* 16px */
    --spacing-1-8: 1.8rem; /* 18px */
    --spacing-2: 2rem; /* 20px */
    --spacing-2-2: 2.2rem; /* 22px */
    --spacing-2-4: 2.4rem; /* 24px */
    --spacing-2-6: 2.6rem; /* 26px */
    --spacing-2-8: 2.8rem; /* 28px */
    --spacing-3: 3rem; /* 30px */
    --spacing-3-2: 3.2rem; /* 32px */
    --spacing-3-4: 3.4rem; /* 34px */
    --spacing-3-6: 3.6rem; /* 36px */
    --spacing-3-8: 3.8rem; /* 38px */
    --spacing-4: 4rem; /* 40px */
    --spacing-4-2: 4.2rem; /* 42px */
    --spacing-4-4: 4.4rem; /* 44px */
    --spacing-4-8: 4.8rem; /* 48px */
    --spacing-5: 5rem; /* 50px */
    --spacing-5-6: 5.6rem; /* 56px */
    --spacing-6: 6rem; /* 60px */
    --spacing-6-4: 6.4rem; /* 64px */
    --spacing-7: 7rem; /* 70px */
    --spacing-7-2: 7.2rem; /* 72px */
    --spacing-8: 8rem; /* 80px */
    --spacing-9: 9rem; /* 90px */
    --spacing-10: 10rem; /* 100px */

    /* Colors */
    --color-base-background: 255 255 255;
    --color-base-text: 34 34 34;
    --color-focus: 86 207 225;
    --payment-terms-background-color: rgb(255 255 255);

    --color-foreground: 34 34 34;
    --color-foreground2: 105 105 105;
    --color-background2: 242 242 242;
    --color-accent: 224 178 82;
    --color-secondary: 98 98 98;
    --color-tertiary: 162 162 162;

    --hdt-btn-color: 255 255 255;
    --hdt-btn-bg: 19 23 40;
    --hdt-btn-border-color: 19 23 40;
    --hdt-btn-hover-color: 255 255 255;
    --hdt-btn-hover-bg: 30 37 64;
    --hdt-btn-hover-border-color: 30 37 64;

    --hdt-btn-secondary-color: 224 224 224;
    --hdt-btn-secondary-bg: 98 98 98;

    --hdt-btn-tertiary-color: 236 236 236;
    --hdt-btn-tertiary-bg: 162 162 162;

    --hdt-btn-outline-color: 19 23 40;
    --hdt-btn-outline-border-color: 19 23 40;

    --hdt-link-color: 19 23 40;
    --hdt-link-hover-color: 224 178 82;

    --color-line-border: 221 221 221;
    --color-overlay: 0 0 0;
    --payment-terms-background-color: rgb(255 255 255);
    /* Product colors */
    --color-pr-price: 165 165 165;
    --color-pr-sale-price: 248 87 18;
    --color-pr-text: 34 34 34;
    --color-pr-rating: ;
    /* Input colors */
    --color-input-primary: 255 255 255;
    --color-input-secondary: 135 135 135;

    /* Product badge colors */
    --color-on-sale-badge-background: 248 87 18;
    --color-on-sale-badge-text: 255 255 255;
    --color-new-badge-background: 39 205 228;
    --color-new-badge-text: 255 255 255;
    --color-sold-out-badge-background: 153 153 153;
    --color-sold-out-badge-text: 255 255 255;
    --color-pre-order-badge-background: 7 116 215;
    --color-pre-order-badge-text: 255 255 255;
    --color-custom-badge-background: 39 205 228;
    --color-custom-badge-text: 255 255 255;

    /* Notices colors */
    --color-tooltip-background: 56 56 56;
    --color-tooltip-text: 255 255 255;
    --color-success-background: 232 240 233;
    --color-success-text: 66 132 69;
    --color-warning-background: 251 246 234;
    --color-warning-text: 224 178 82;
    --color-error-background: 253 224 228;
    --color-error-text: 235 0 27;
    --f_family_1: "Poppins", sans-serif;;
    --f_family_2: "Poppins", sans-serif;;
    --f_family_3: "Libre Baskerville", serif;;
    --f_family_4: ;
    --f_family_5: ;

    /* --bs-font-sans-serif: var(--f_family); */

    --font-body-family: var(--f_family_1);
    --font-body-weight: 400;
    --font-body-weight-bold: 700;

    --font-heading-family: var(--f_family_1);
    --font-sheading-family: var(--f_family_2);
    --font-heading-weight: 500;

    --font-body-line-height: 1.7;
    --font-body-spacing: 0.0em;
    --font-heading-scale: 1.0;
    --font-heading-line-height: 1.5;
    --font-heading-spacing: 0.0em;
    --button-line-height: 1.2;

    --h0-size: calc(6.4rem * var(--font-heading-scale));
    --h1-size: calc(5.4rem * var(--font-heading-scale));
    --h2-size: calc(4.2rem * var(--font-heading-scale));
    --h3-size: calc(3.4rem * var(--font-heading-scale));
    --h4-size: calc(2.8rem * var(--font-heading-scale));
    --h5-size: calc(2.4rem * var(--font-heading-scale));
    --h6-size: calc(1.6rem * var(--font-heading-scale));

    --h0-size-mb: calc(3.2rem * var(--font-heading-scale));
    --h1-size-mb: calc(2.8rem * var(--font-heading-scale));
    --h2-size-mb: calc(2.5rem * var(--font-heading-scale));
    --h3-size-mb: calc(2.4rem * var(--font-heading-scale));
    --h4-size-mb: calc(2.2rem * var(--font-heading-scale));
    --h5-size-mb: calc(1.8rem * var(--font-heading-scale));
    --h6-size-mb: calc(1.4rem * var(--font-heading-scale));

    /* Font sizes */
    --text-xs: 1.0rem;
    --text-sm: 1.2rem;
    --text-base: 1.4rem;
    --text-lg: 1.6rem;
    --text-xl: 1.8rem;
    --text-2xl: 2.0rem;
    --text-4xl: 2.2rem;
    --text-6xl: 2.4rem;
    --text-8xl: 2.6rem;
    --text-10xl: 2.8rem;
    --text-12xl: 3.0rem;
    /* Font Weight */
    --font-light: 300;
    --font-normal: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
    --font-extrabold: 800;
    --font-black: 900;
    --spacing-x: 10px;
    --spacing-y: 18px;

    --container-max-width: 165rem;
    --container-max-width-padding-lg: 175rem;
    --container-max-width-padding-md: 171rem;
    --container-width-margin: 0rem;
    --spacing-sections-desktop: 0px;
    --spacing-sections-mobile: 0px;

    /* Border Radius */
    --radius-2xs: 0.0rem;
    --radius-xs: 0.0rem;
    --radius-sm: 0.0rem;
    --radius: 0.0rem;
    --radius-lg: 0.0rem;
    --radius-full: 9999px;
    --radius-button: 0.3rem;
    --radius-input: 3.0rem;
    --radius-product-card: 0.0rem;
    --radius-product-media: 0.0rem;
    --radius-collection-card: 0.0rem;
    --radius-blog-card: 0.0rem;

    --padding-block-input: var(--spacing-0-6);
    --padding-inline-input: var(--spacing-1);
    --height-input: var(--spacing-4-2);
    --thickness-btn: 0.2rem;

    --cursor-zoom-in-icon: url("images/cursor-zoom-in.svg");
    --cursor-close-svg-url: url("images/cursor-close.svg");

    /* RTL support */
    --value-logical-flip: 1;
    --value-origin-start: left;
    --value-origin-end: right;
}

/* Color schemes */
[color-scheme="scheme-1"] {
    --color-background: 255 255 255;;
    --color-background2: 242 242 242;

    --color-foreground: 34 34 34;
    --color-foreground2: 105 105 105;
    --color-accent: 224 178 82;
    --color-secondary: 98 98 98;
    --color-tertiary: 162 162 162;

    --hdt-btn-color: 255 255 255;
    --hdt-btn-bg: 19 23 40;
    --hdt-btn-border-color: 19 23 40;
    --hdt-btn-hover-color: 255 255 255;
    --hdt-btn-hover-bg: 30 37 64;
    --hdt-btn-hover-border-color: 30 37 64;

    --hdt-btn-secondary-color: 224 224 224;
    --hdt-btn-secondary-bg: 98 98 98;

    --hdt-btn-tertiary-color: 236 236 236;
    --hdt-btn-tertiary-bg: 162 162 162;

    --hdt-btn-outline-color: 19 23 40;
    --hdt-btn-outline-border-color: 19 23 40;

    --hdt-link-color: 19 23 40;
    --hdt-link-hover-color: 224 178 82;

    --color-line-border: 221 221 221;
    --color-overlay: 0 0 0;
    --payment-terms-background-color: rgb(255 255 255);
    /* Product colors */
    --color-pr-price: 165 165 165;
    --color-pr-sale-price: 248 87 18;
    --color-pr-text: 34 34 34;
    --color-pr-rating: ;
    /* Input colors */
    --color-input-primary: 255 255 255;
    --color-input-secondary: 135 135 135;
}

[color-scheme="scheme-77e4ef58-56a9-4631-876a-12098ba7d57d"] {
    --color-background: 34 34 34;;
    --color-background2: 255 255 255;

    --color-foreground: 255 255 255;
    --color-foreground2: 135 135 135;
    --color-accent: 224 178 82;
    --color-secondary: 191 191 191;
    --color-tertiary: 128 128 128;

    --hdt-btn-color: 34 34 34;
    --hdt-btn-bg: 255 255 255;
    --hdt-btn-border-color: 255 255 255;
    --hdt-btn-hover-color: 34 34 34;
    --hdt-btn-hover-bg: 255 255 255;
    --hdt-btn-hover-border-color: 255 255 255;

    --hdt-btn-secondary-color: 76 76 76;
    --hdt-btn-secondary-bg: 191 191 191;

    --hdt-btn-tertiary-color: 51 51 51;
    --hdt-btn-tertiary-bg: 128 128 128;

    --hdt-btn-outline-color: 255 255 255;
    --hdt-btn-outline-border-color: 255 255 255;

    --hdt-link-color: 255 255 255;
    --hdt-link-hover-color: 224 178 82;

    --color-line-border: 68 68 68;
    --color-overlay: 0 0 0;
    --payment-terms-background-color: rgb(34 34 34);
    /* Product colors */
    --color-pr-price: 153 153 153;
    --color-pr-sale-price: 235 0 27;
    --color-pr-text: 255 255 255;
    --color-pr-rating: ;
    /* Input colors */
    --color-input-primary: 255 255 255;
    --color-input-secondary: 104 104 104;
}

[color-scheme="scheme-e0b73555-c767-4eda-aa6d-4e44e10aefce"] {
    --color-background: 255 255 255;;
    --color-background2: 245 245 245;

    --color-foreground: 34 34 34;
    --color-foreground2: 135 135 135;
    --color-accent: 34 34 34;
    --color-secondary: 98 98 98;
    --color-tertiary: 162 162 162;

    --hdt-btn-color: 255 255 255;
    --hdt-btn-bg: 224 178 82;
    --hdt-btn-border-color: 224 178 82;
    --hdt-btn-hover-color: 255 255 255;
    --hdt-btn-hover-bg: 229 191 112;
    --hdt-btn-hover-border-color: 229 191 112;

    --hdt-btn-secondary-color: 224 224 224;
    --hdt-btn-secondary-bg: 98 98 98;

    --hdt-btn-tertiary-color: 236 236 236;
    --hdt-btn-tertiary-bg: 162 162 162;

    --hdt-btn-outline-color: 34 34 34;
    --hdt-btn-outline-border-color: 34 34 34;

    --hdt-link-color: 34 34 34;
    --hdt-link-hover-color: 34 34 34;

    --color-line-border: 238 238 238;
    --color-overlay: 0 0 0;
    --payment-terms-background-color: rgb(255 255 255);
    /* Product colors */
    --color-pr-price: 134 134 134;
    --color-pr-sale-price: 235 0 27;
    --color-pr-text: 0 0 0;
    --color-pr-rating: ;
    /* Input colors */
    --color-input-primary: 255 255 255;
    --color-input-secondary: 104 104 104;
}

[color-scheme="scheme-23cf8966-8e57-4acd-9bb3-bb85f222fbb9"] {
    --color-background: 255 255 255;;
    --color-background2: 242 242 242;

    --color-foreground: 34 34 34;
    --color-foreground2: 135 135 135;
    --color-accent: 86 207 225;
    --color-secondary: 98 98 98;
    --color-tertiary: 162 162 162;

    --hdt-btn-color: 34 34 34;
    --hdt-btn-bg: 255 255 255;
    --hdt-btn-border-color: 153 153 153;
    --hdt-btn-hover-color: 34 34 34;
    --hdt-btn-hover-bg: 255 255 255;
    --hdt-btn-hover-border-color: 171 171 171;

    --hdt-btn-secondary-color: 224 224 224;
    --hdt-btn-secondary-bg: 98 98 98;

    --hdt-btn-tertiary-color: 236 236 236;
    --hdt-btn-tertiary-bg: 162 162 162;

    --hdt-btn-outline-color: 34 34 34;
    --hdt-btn-outline-border-color: 34 34 34;

    --hdt-link-color: 34 34 34;
    --hdt-link-hover-color: 86 207 225;

    --color-line-border: 221 221 221;
    --color-overlay: 0 0 0;
    --payment-terms-background-color: rgb(255 255 255);
    /* Product colors */
    --color-pr-price: 105 105 105;
    --color-pr-sale-price: 236 1 1;
    --color-pr-text: 34 34 34;
    --color-pr-rating: ;
    /* Input colors */
    --color-input-primary: 255 255 255;
    --color-input-secondary: 104 104 104;
}

[color-scheme="scheme-fe88a2ec-47a1-478d-8953-54da0178e18c"] {
    --color-background: 56 56 56;;
    --color-background2: 242 242 242;

    --color-foreground: 255 255 255;
    --color-foreground2: 135 135 135;
    --color-accent: 86 207 225;
    --color-secondary: 191 191 191;
    --color-tertiary: 128 128 128;

    --hdt-btn-color: 34 34 34;
    --hdt-btn-bg: 255 255 255;
    --hdt-btn-border-color: 255 255 255;
    --hdt-btn-hover-color: 34 34 34;
    --hdt-btn-hover-bg: 255 255 255;
    --hdt-btn-hover-border-color: 255 255 255;

    --hdt-btn-secondary-color: 76 76 76;
    --hdt-btn-secondary-bg: 191 191 191;

    --hdt-btn-tertiary-color: 51 51 51;
    --hdt-btn-tertiary-bg: 128 128 128;

    --hdt-btn-outline-color: 56 56 56;
    --hdt-btn-outline-border-color: 56 56 56;

    --hdt-link-color: 56 56 56;
    --hdt-link-hover-color: 86 207 225;

    --color-line-border: 230 230 230;
    --color-overlay: 0 0 0;
    --payment-terms-background-color: rgb(56 56 56);
    /* Product colors */
    --color-pr-price: 105 105 105;
    --color-pr-sale-price: 236 1 1;
    --color-pr-text: 255 255 255;
    --color-pr-rating: ;
    /* Input colors */
    --color-input-primary: 255 255 255;
    --color-input-secondary: 104 104 104;
}

[color-scheme="scheme-6707cc8e-6558-49d9-8759-f7d934d9fe4f"] {
    --color-background: 233 30 99;;
    --color-background2: 242 242 242;

    --color-foreground: 255 255 255;
    --color-foreground2: 255 255 255;
    --color-accent: 86 207 225;
    --color-secondary: 191 191 191;
    --color-tertiary: 128 128 128;

    --hdt-btn-color: 34 34 34;
    --hdt-btn-bg: 255 255 255;
    --hdt-btn-border-color: 255 255 255;
    --hdt-btn-hover-color: 34 34 34;
    --hdt-btn-hover-bg: 255 255 255;
    --hdt-btn-hover-border-color: 255 255 255;

    --hdt-btn-secondary-color: 76 76 76;
    --hdt-btn-secondary-bg: 191 191 191;

    --hdt-btn-tertiary-color: 51 51 51;
    --hdt-btn-tertiary-bg: 128 128 128;

    --hdt-btn-outline-color: 255 255 255;
    --hdt-btn-outline-border-color: 255 255 255;

    --hdt-link-color: 255 255 255;
    --hdt-link-hover-color: 86 207 225;

    --color-line-border: 221 221 221;
    --color-overlay: 0 0 0;
    --payment-terms-background-color: rgb(233 30 99);
    /* Product colors */
    --color-pr-price: 105 105 105;
    --color-pr-sale-price: 236 1 1;
    --color-pr-text: 34 34 34;
    --color-pr-rating: ;
    /* Input colors */
    --color-input-primary: 255 255 255;
    --color-input-secondary: 104 104 104;
}

[color-scheme="scheme-c9476b69-abc7-454f-a946-2d5a9f5f3a37"] {
    --color-background: 246 246 248;;
    --color-background2: 242 242 242;

    --color-foreground: 34 34 34;
    --color-foreground2: 135 135 135;
    --color-accent: 224 178 82;
    --color-secondary: 98 98 98;
    --color-tertiary: 162 162 162;

    --hdt-btn-color: 255 255 255;
    --hdt-btn-bg: 34 34 34;
    --hdt-btn-border-color: 34 34 34;
    --hdt-btn-hover-color: 255 255 255;
    --hdt-btn-hover-bg: 52 52 52;
    --hdt-btn-hover-border-color: 52 52 52;

    --hdt-btn-secondary-color: 224 224 224;
    --hdt-btn-secondary-bg: 98 98 98;

    --hdt-btn-tertiary-color: 236 236 236;
    --hdt-btn-tertiary-bg: 162 162 162;

    --hdt-btn-outline-color: 34 34 34;
    --hdt-btn-outline-border-color: 34 34 34;

    --hdt-link-color: 34 34 34;
    --hdt-link-hover-color: 224 178 82;

    --color-line-border: 230 230 230;
    --color-overlay: 0 0 0;
    --payment-terms-background-color: rgb(246 246 248);
    /* Product colors */
    --color-pr-price: 105 105 105;
    --color-pr-sale-price: 236 1 1;
    --color-pr-text: 34 34 34;
    --color-pr-rating: ;
    /* Input colors */
    --color-input-primary: 255 255 255;
    --color-input-secondary: 104 104 104;
}

[color-scheme="scheme-60e33900-f699-4038-8147-5bd11a36e9ae"] {
    --color-background: 0 0 0;;
    --color-background2: 242 242 242;

    --color-foreground: 235 0 27;
    --color-foreground2: 255 255 255;
    --color-accent: 224 178 82;
    --color-secondary: 255 108 124;
    --color-tertiary: 255 235 237;

    --hdt-btn-color: 0 0 0;
    --hdt-btn-bg: 255 255 255;
    --hdt-btn-border-color: 255 255 255;
    --hdt-btn-hover-color: 0 0 0;
    --hdt-btn-hover-bg: 255 255 255;
    --hdt-btn-hover-border-color: 255 255 255;

    --hdt-btn-secondary-color: 255 226 229;
    --hdt-btn-secondary-bg: 255 108 124;

    --hdt-btn-tertiary-color: 255 251 251;
    --hdt-btn-tertiary-bg: 255 235 237;

    --hdt-btn-outline-color: 34 34 34;
    --hdt-btn-outline-border-color: 34 34 34;

    --hdt-link-color: 34 34 34;
    --hdt-link-hover-color: 224 178 82;

    --color-line-border: 221 221 221;
    --color-overlay: 0 0 0;
    --payment-terms-background-color: rgb(0 0 0);
    /* Product colors */
    --color-pr-price: 105 105 105;
    --color-pr-sale-price: 236 1 1;
    --color-pr-text: 34 34 34;
    --color-pr-rating: ;
    /* Input colors */
    --color-input-primary: 255 255 255;
    --color-input-secondary: 135 135 135;
}

[color-scheme="scheme-8089ba0c-a92c-4a02-b70c-0ddd63fd8e8e"] {
    --color-background: 255 255 255;;
    --color-background2: 242 242 242;

    --color-foreground: 34 34 34;
    --color-foreground2: 135 135 135;
    --color-accent: 224 178 82;
    --color-secondary: 98 98 98;
    --color-tertiary: 162 162 162;

    --hdt-btn-color: 255 255 255;
    --hdt-btn-bg: 19 23 40;
    --hdt-btn-border-color: 19 23 40;
    --hdt-btn-hover-color: 255 255 255;
    --hdt-btn-hover-bg: 30 37 64;
    --hdt-btn-hover-border-color: 30 37 64;

    --hdt-btn-secondary-color: 224 224 224;
    --hdt-btn-secondary-bg: 98 98 98;

    --hdt-btn-tertiary-color: 236 236 236;
    --hdt-btn-tertiary-bg: 162 162 162;

    --hdt-btn-outline-color: 19 23 40;
    --hdt-btn-outline-border-color: 19 23 40;

    --hdt-link-color: 19 23 40;
    --hdt-link-hover-color: 224 178 82;

    --color-line-border: 221 221 221;
    --color-overlay: 0 0 0;
    --payment-terms-background-color: rgb(255 255 255);
    /* Product colors */
    --color-pr-price: 105 105 105;
    --color-pr-sale-price: 248 87 18;
    --color-pr-text: 34 34 34;
    --color-pr-rating: ;
    /* Input colors */
    --color-input-primary: 255 255 255;
    --color-input-secondary: 135 135 135;
}

[color-scheme="scheme-47ee44b1-dc26-4e49-9c1b-3ced33b32844"] {
    --color-background: 255 255 255;;
    --color-background2: 242 242 242;

    --color-foreground: 34 34 34;
    --color-foreground2: 135 135 135;
    --color-accent: 224 178 82;
    --color-secondary: 98 98 98;
    --color-tertiary: 162 162 162;

    --hdt-btn-color: 41 45 50;
    --hdt-btn-bg: 19 23 40;
    --hdt-btn-border-color: 19 23 40;
    --hdt-btn-hover-color: 41 45 50;
    --hdt-btn-hover-bg: 30 37 64;
    --hdt-btn-hover-border-color: 30 37 64;

    --hdt-btn-secondary-color: 224 224 224;
    --hdt-btn-secondary-bg: 98 98 98;

    --hdt-btn-tertiary-color: 236 236 236;
    --hdt-btn-tertiary-bg: 162 162 162;

    --hdt-btn-outline-color: 19 23 40;
    --hdt-btn-outline-border-color: 19 23 40;

    --hdt-link-color: 19 23 40;
    --hdt-link-hover-color: 224 178 82;

    --color-line-border: 221 221 221;
    --color-overlay: 0 0 0;
    --payment-terms-background-color: rgb(255 255 255);
    /* Product colors */
    --color-pr-price: 165 165 165;
    --color-pr-sale-price: 248 87 18;
    --color-pr-text: 34 34 34;
    --color-pr-rating: ;
    /* Input colors */
    --color-input-primary: 255 255 255;
    --color-input-secondary: 135 135 135;
}

[color-scheme="scheme-32afdf7c-755b-4d8f-a77b-23d4a8b353a4"] {
    --color-background: 255 255 255;;
    --color-background2: 242 242 242;

    --color-foreground: 34 34 34;
    --color-foreground2: 135 135 135;
    --color-accent: 224 178 82;
    --color-secondary: 98 98 98;
    --color-tertiary: 162 162 162;

    --hdt-btn-color: 19 23 40;
    --hdt-btn-bg: 255 255 255;
    --hdt-btn-border-color: 255 255 255;
    --hdt-btn-hover-color: 19 23 40;
    --hdt-btn-hover-bg: 255 255 255;
    --hdt-btn-hover-border-color: 255 255 255;

    --hdt-btn-secondary-color: 224 224 224;
    --hdt-btn-secondary-bg: 98 98 98;

    --hdt-btn-tertiary-color: 236 236 236;
    --hdt-btn-tertiary-bg: 162 162 162;

    --hdt-btn-outline-color: 19 23 40;
    --hdt-btn-outline-border-color: 19 23 40;

    --hdt-link-color: 19 23 40;
    --hdt-link-hover-color: 224 178 82;

    --color-line-border: 221 221 221;
    --color-overlay: 0 0 0;
    --payment-terms-background-color: rgb(255 255 255);
    /* Product colors */
    --color-pr-price: 165 165 165;
    --color-pr-sale-price: 248 87 18;
    --color-pr-text: 34 34 34;
    --color-pr-rating: ;
    /* Input colors */
    --color-input-primary: 255 255 255;
    --color-input-secondary: 135 135 135;
}


@media screen and (min-width: 768px) {
    :root {
        /* Font sizes */
        --text-xs: 1.2rem;
        --text-sm: 1.3rem;
        --text-base: 1.4rem;
        --text-lg: 1.6rem;
        --text-xl: 1.8rem;
        --text-2xl: 2.0rem;
        --text-4xl: 2.2rem;
        --text-6xl: 2.4rem;
        --text-8xl: 2.6rem;
        --text-10xl: 2.8rem;
        --text-12xl: 3.0rem;
        --spacing-x: 13.32px;
        --spacing-y: 23.976px;
    }
}

@media screen and (min-width: 1150px) {
    :root {
        --spacing-x: 20px;
        --spacing-y: 36px;
    }
}

.hdt-btn--size-custom.hdt-btn--size-custom-1 {
    --hdt-btn-padding-x: 15px;
    --button-line-height: 25px;
    font-size: 14px;
    --minw-button: 160px;
    --minwdt-button: 160px;
}

body {;
}

.hdt-card-product__title, .hdt-mini-cart__title, .hdt-page-cart__title {
    font-family: var();
}

.hdt-reveal-in-view :where([hdt-reveal=fade-in] .hdt-ratio[style*=--aspect-ratioapt] img,
  [hdt-reveal=slide-in]):not([animationend]) .hdt-ratio[style*=--aspect-ratioapt] img,
.hdt-media-overlap-content > :is(img,video,iframe,svg,hdt-video-player),
.hdt-media-overlap-content > :is(picture,.hdt-media-wrapper) :is(img,video,iframe,svg),
.js hdt-reval-items[reveal-on-scroll=true] :where(.hdt-card-product,.hdt-reval-item) img {
    content-visibility: auto;
}

hdt-marquee {
    width: 100%;
}

.hdt-marquee-inner > * {
    flex-shrink: 0;
    margin-right: 40px;
}


.hdt-slider__container {
    will-change: transform;
    backface-visibility: hidden;
    transform: translateZ(0);
}

.slide-inner {
    position: relative;
}

.content {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    color: #fff;
}

.content h2 {
    font-size: 60px;
    margin: 10px 0;
}

.btn {
    display: inline-block;
    padding: 12px 30px;
    background: #000;
    color: #fff;
    text-decoration: none;
}

@media (max-width: 768px) {
    .content h2 {
        font-size: 32px;
    }
}

.embla {
    position: relative;
}

.embla__viewport {
    overflow: hidden;
}

.embla__container {
    display: flex;
    touch-action: pan-y pinch-zoom;
}

.embla__slide {
    flex: 0 0 100%;
    min-width: 0;
}

.embla__dots {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 10px;
    position: absolute;
    right: 30px;
    bottom: 30px;
}

.embla__dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #000000;
    border: none;
    cursor: pointer;
    padding: 0;
    opacity: .5;
    transition: all .3s ease-in-out;
    pointer-events: auto;
    position: relative;
}

.embla__dot--selected:before {
    content: '';
    position: absolute;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    border: 1px solid #999999;
    top: -6px;
    left: -6px;
}

.embla__dot--selected {
    opacity: 1;
}

#section-template--20751072887040__slideshow_EVrUzi .embla__viewport {
    overflow: hidden;
}

#section-template--20751072887040__slideshow_EVrUzi .embla__dots {
    gap: 12px;
    right: 40px;
    bottom: 34px;
    z-index: 4;
}

#section-template--20751072887040__slideshow_EVrUzi .embla__dot {
    width: 10px;
    height: 10px;
    background-color: #111111;
    opacity: 0.28;
}

#section-template--20751072887040__slideshow_EVrUzi .embla__dot--selected {
    opacity: 1;
}

#section-template--20751072887040__slideshow_EVrUzi .embla__dot--selected:before {
    width: 22px;
    height: 22px;
    top: -6px;
    left: -6px;
    border-color: rgb(17 17 17 / 0.3);
}

#section-template--20751072887040__slideshow_EVrUzi .hdt-slide_inner {
    position: relative;
    min-height: clamp(520px, 52vw, 910px);
}

#section-template--20751072887040__slideshow_EVrUzi .hdt-media-wrapper,
#section-template--20751072887040__slideshow_EVrUzi .hdt-media-wrapper img {
    display: block;
    width: 100%;
    height: 100%;
}

#section-template--20751072887040__slideshow_EVrUzi .hdt-slider__slide,
#section-template--20751072887040__slideshow_EVrUzi .hdt-slide_inner,
#section-template--20751072887040__slideshow_EVrUzi .hdt-content-type-container {
    width: 100%;
}

#section-template--20751072887040__slideshow_EVrUzi .hdt-media-wrapper {
    position: absolute;
    inset: 0;
}

#section-template--20751072887040__slideshow_EVrUzi .hdt-media-wrapper img {
    object-fit: cover;
    transform: scale(1.08);
    transition: transform 6.5s cubic-bezier(0.22, 1, 0.36, 1);
}

#section-template--20751072887040__slideshow_EVrUzi .embla__slide.is-selected .hdt-media-wrapper img {
    transform: scale(1);
}

#section-template--20751072887040__slideshow_EVrUzi .hdt-content {
    position: relative;
    z-index: 2;
    max-width: min(100%, 640px);
    width: 100%;
    padding-inline: clamp(24px, 4vw, 56px);
}

#section-template--20751072887040__slideshow_EVrUzi .hdt-content-inner {
    color: #111111;
}

#section-template--20751072887040__slideshow_EVrUzi .hdt-content-type-container {
    position: relative;
    z-index: 2;
    min-height: clamp(520px, 52vw, 910px);
    align-items: center;
}

#section-template--20751072887040__slideshow_EVrUzi .hdt-full-width-link {
    position: absolute;
    inset: 0;
    z-index: 1;
}

#section-template--20751072887040__slideshow_EVrUzi .hdt-text-custom,
#section-template--20751072887040__slideshow_EVrUzi .hdt-text-custom p {
    margin: 0;
    font-size: clamp(13px, 1vw, 17px);
    line-height: 1.2;
    letter-spacing: 0.32em;
    text-transform: uppercase;
    font-weight: 500;
}

#section-template--20751072887040__slideshow_EVrUzi .hdt-h_custom,
#section-template--20751072887040__slideshow_EVrUzi .hdt-h_custom p {
    margin: 0;
    max-width: 8ch;
    font-size: clamp(42px, 6vw, 86px);
    line-height: 0.94;
    letter-spacing: -0.045em;
    font-weight: 600;
}

#section-template--20751072887040__slideshow_EVrUzi .hdt-spacer-block {
    --space: 18px !important;
    --space-md: 22px !important;
    --space-lg: 22px !important;
}

#section-template--20751072887040__slideshow_EVrUzi .hdt-button-block {
    min-width: 210px !important;
    padding-inline: 34px !important;
    border-width: 1px;
    border-style: solid;
    border-color: #111111;
    background-color: #111111;
    color: #ffffff;
    font-size: 13px !important;
    font-weight: 500;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    transition: background-color .35s ease, color .35s ease, border-color .35s ease, transform .35s ease;
}

#section-template--20751072887040__slideshow_EVrUzi .hdt-button-block:hover {
    background-color: transparent;
    color: #111111;
}

#section-template--20751072887040__slideshow_EVrUzi .embla__slide [reval] {
    opacity: 0;
    transform: translate3d(0, 38px, 0);
    will-change: transform, opacity;
}

#section-template--20751072887040__slideshow_EVrUzi .embla__slide .animate-button {
    transform: translate3d(0, 38px, 0) scale(0.96);
}

#section-template--20751072887040__slideshow_EVrUzi .embla__slide.is-hero-animate .animate-text {
    animation: heroFadeUp .75s cubic-bezier(0.22, 1, 0.36, 1) .08s both;
}

#section-template--20751072887040__slideshow_EVrUzi .embla__slide.is-hero-animate .animate-heading {
    animation: heroFadeUp .9s cubic-bezier(0.22, 1, 0.36, 1) .24s both;
}

#section-template--20751072887040__slideshow_EVrUzi .embla__slide.is-hero-animate .animate-button {
    animation: heroButtonIn .7s cubic-bezier(0.22, 1, 0.36, 1) .42s both;
}

@keyframes heroFadeUp {
    from {
        opacity: 0;
        transform: translate3d(0, 38px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes heroButtonIn {
    from {
        opacity: 0;
        transform: translate3d(0, 38px, 0) scale(0.96);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@media (max-width: 767px) {
    #section-template--20751072887040__slideshow_EVrUzi .embla__dots {
        right: 50%;
        bottom: 18px;
        transform: translateX(50%);
    }

    #section-template--20751072887040__slideshow_EVrUzi .hdt-slide_inner {
        min-height: 540px;
    }

    #section-template--20751072887040__slideshow_EVrUzi .hdt-content-type-container {
        min-height: 540px;
    }

    #section-template--20751072887040__slideshow_EVrUzi .hdt-content {
        max-width: 100%;
        padding-inline: 24px;
    }

    #section-template--20751072887040__slideshow_EVrUzi .hdt-h_custom,
    #section-template--20751072887040__slideshow_EVrUzi .hdt-h_custom p {
        max-width: 9ch;
        font-size: clamp(34px, 11vw, 54px);
        line-height: 0.96;
    }

    #section-template--20751072887040__slideshow_EVrUzi .hdt-text-custom,
    #section-template--20751072887040__slideshow_EVrUzi .hdt-text-custom p {
        font-size: 12px;
        letter-spacing: 0.26em;
    }

    #section-template--20751072887040__slideshow_EVrUzi .hdt-button-block {
        min-width: 180px !important;
        font-size: 12px !important;
        padding-inline: 26px !important;
    }
}



.hdt-mobile_bottom {
    padding-top: 16px;
    position: relative;
}

.hdt-mb-language_currencies {
    gap: 12px;
}


/*  collection   */

hdt-popover-sorting {
    position: relative;
    display: inline-block;
}

hdt-popover-sorting > button,
hdt-popover-sorting button[aria-controls^="dropdown"] {
    min-width: 190px;
    height: 40px;
    padding: 0 14px;
    border: 1px solid #d9d9d9;
    background: #fff;
    color: #777;
    font-size: 14px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    cursor: pointer;
    box-sizing: border-box;
}

hdt-popover-sorting .hdt-popover-sort-list.hdt-dropdown {
    position: absolute;
    top: calc(100% + 14px);
    left: 50%;
    transform: translateX(-50%);
    width: 250px;
    margin: 0;
    padding: 0;
    border: none;
    background: #fff;
    box-shadow: 0 8px 28px rgba(0, 0, 0, .12);
    overflow: visible;
    z-index: 100;
}

hdt-popover-sorting .hdt-popover-sort-list.hdt-dropdown::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 50%;
    width: 16px;
    height: 16px;
    background: #fff;
    transform: translateX(-50%) rotate(45deg);
    box-shadow: -2px -2px 6px rgba(0, 0, 0, .03);
}


hdt-popover-sorting .hdt-popover__body {
    position: relative;
    background: #fff;
    z-index: 1;
}


hdt-popover-sorting .hdt-popover__header {
    display: none;
}


hdt-popover-sorting .hdt-popover__inner {
    padding: 14px 0;
    max-height: none;
    overflow: visible;
}


hdt-popover-sorting hdt-richlist {
    display: block;
}


hdt-popover-sorting hdt-richlist button[role="option"] {
    width: 100%;
    border: 0;
    background: transparent;
    color: #777;
    text-align: left;
    padding: 12px 16px;
    font-size: 15px;
    line-height: 1.3;
    cursor: pointer;
    display: block;
}

hdt-popover-sorting hdt-richlist button[role="option"]:hover {
    background: #f7f3eb;
    color: #d4a017;
}


hdt-popover-sorting hdt-richlist button[role="option"][aria-selected="true"] {
    background: #f7f3eb;
    color: #d4a017;
    font-weight: 500;
}


hdt-popover-sorting .hdt-popover__arrow {
    display: none;
}

@media (max-width: 767px) {
    hdt-popover-sorting .hdt-popover-sort-list.hdt-dropdown {
        left: 0;
        right: 0;
        width: auto;
        transform: none;
    }

    hdt-popover-sorting .hdt-popover-sort-list.hdt-dropdown::before {
        display: none;
    }

    hdt-popover-sorting .hdt-popover__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 14px 16px;
        border-bottom: 1px solid #eee;
    }
}


.hdt-collection-products {
    margin-bottom: 50px;
}


/* ===== Product gallery layout ===== */
.hdt-product-media {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.hdt-product-media__thumb {
    order: 1;
    --slide-spacing: 10px;
    width: calc(15% - 1rem);
}

.hdt-product-media__main {
    order: 2;
    min-width: 0;
}

.hdt-product-media__thumb .hdt-slider__viewport {
    height: 690px;
    overflow: hidden;
    width: 100%;
}

.hdt-product-media__thumb .hdt-slider__container {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-block-start: calc(var(--slide-spacing) * -1);
}

.hdt-product-media__thumb .hdt-thumbnail__media {
    flex: 0 0 100%;
    min-height: 0;
    padding-block-start: var(--slide-spacing);
    padding-inline-start: 0;
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.3s ease-in-out;
}

.hdt-product-media__thumb .hdt-thumbnail__media:hover {
    opacity: 1;
}

.hdt-product-media__thumb .hdt-thumbnail__media.is-active,
.hdt-product-media__thumb .hdt-thumbnail__media.is-thumb-selected {
    opacity: 1;
}

.hdt-product-media__thumb .hdt-thumbnail__media .hdt-ratio {
    border: 1px solid transparent;
    overflow: hidden;
    background: transparent;
    border-radius: calc(var(--radius-product-media) / 2);
}

.hdt-product-media__thumb .hdt-thumbnail__media.is-active .hdt-ratio,
.hdt-product-media__thumb .hdt-thumbnail__media.is-thumb-selected .hdt-ratio {
    border-color: rgb(var(--color-foreground));
}

.hdt-product-media__thumb img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* ===== Main slides ===== */
.hdt-product__media-item {
    display: none;
}

.hdt-product__media-item.is-active {
    display: block;
}

.hdt-product__media {
    position: relative;
    overflow: hidden;
}

.hdt-product__media img {
    display: block;
    width: 100%;
    height: auto;
}

@media (max-width: 1149px) {
    .hdt-product-media {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .hdt-product-media__main {
        order: 1;
    }

    .hdt-product-media__thumb {
        order: 2;
        width: 100%;
    }

    .hdt-product-media__thumb .hdt-slider__viewport {
        height: auto;
        overflow: auto;
    }

    .hdt-product-media__thumb .hdt-slider__container {
        flex-direction: row;
        margin-block-start: 0;
        margin-inline-start: calc(var(--slide-spacing) * -1);
    }

    .hdt-product-media__thumb .hdt-thumbnail__media {
        flex: 0 0 72px;
        padding-block-start: 0;
        padding-inline-start: var(--slide-spacing);
    }
}