/* ==========================================================================
   Theme settings layer — design tokens, fonts, colour schemes, per-section
   layout variables. Ported from the source theme's compiled settings.
   Load order matters: settings.css -> upstream.css -> glowskin.css
   ========================================================================== */


@font-face {
    font-family: "Siaga";
    src: url(../fonts/siaga-light.woff2) format("woff2"),
      url(../fonts/siaga-light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "Siaga";
    src: url(../fonts/siaga-light-italic.woff2) format("woff2"),
      url(../fonts/siaga-light-italic.woff) format("woff");
    font-weight: 300;
    font-style: italic;
    font-stretch: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "Siaga";
    src: url(../fonts/siaga-medium.woff2) format("woff2"),
      url(../fonts/siaga-medium.woff) format("woff");
    font-weight: 500;
    font-style: bold;
    font-stretch: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "Rhymes Text";
    src: url(../fonts/rhymes-text-light.woff2) format("woff2"),
      url(../fonts/rhymes-text-light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "Rhymes Text";
    src: url(../fonts/rhymes-text-light-italic.woff2) format("woff2"),
      url(../fonts/rhymes-text-light-italic.woff) format("woff");
    font-weight: 300;
    font-style: italic;
    font-stretch: normal;
    font-display: swap;
  }

:root {
    /* Container */
    --container-max-width: 100%;
    --container-gutter: 1.25rem;

    /* Spacing */
    --section-vertical-spacing: 2.5rem;
    --section-stack-row-gap: 2rem;

    /* Form settings */
    --form-gap: 1rem; /* Gap between fieldset and submit button */
    --fieldset-gap: 0.5rem; /* Gap between each form input within a fieldset */
    --form-control-gap: 0.5rem; /* Gap between input and label (ignored for floating label) */
    --checkbox-control-gap: 0.75rem; /* Horizontal gap between checkbox and its associated label */
    --input-padding-block: 0.65rem; /* Vertical padding for input, textarea and native select */
    --input-padding-inline: 1rem; /* Horizontal padding for input, textarea and native select */
    --checkbox-size: 0.875rem; /* Size (width and height) for checkbox */

    /* Product listing gaps */
    --product-list-column-gap: 0px;
    --product-list-padding-inline: clamp(0px, var(--product-list-column-gap) , min(1.75rem, var(--product-list-column-gap)));

    
    --product-list-row-gap: 0px;

    /* Other sizes */
    --header-group-height: calc(var(--announcement-bar-height, 0px) + var(--countdown-condensed-height, 0px) + var(--header-height, 0px));
    --sticky-area-height: calc(var(--announcement-bar-is-sticky, 0) * var(--announcement-bar-height, 0px) + var(--header-is-sticky, 0) * var(--header-height, 0px));
    --sticky-offset: calc(var(--announcement-bar-is-sticky, 0) * var(--announcement-bar-height, 0px) + var(--header-is-sticky, 0) * var(--header-is-visible, 1) * var(--header-height, 0px));

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

    /**
     * ---------------------------------------------------------------------
     * TYPOGRAPHY
     * ---------------------------------------------------------------------
     */

    /* Font properties */
    --subheading-font-family: "Siaga", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --subheading-font-weight: 400;
    --subheading-font-style: normal;
    --subheading-font-size: 0.75rem;
    --subheading-text-transform: uppercase;
    --subheading-letter-spacing: 0.1em;
    --heading-font-family: "Rhymes Text", Garamond, Baskerville, "Times New Roman", serif;
    --heading-font-weight: 400;
    --heading-font-style: normal;
    --heading-text-transform: none;
    --heading-letter-spacing: -0.02em;
    --heading-line-height: 1.1;
    --heading-italic-font-family: "Siaga", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --heading-italic-font-weight: 400;
    --heading-italic-font-size-multiplier: 0%;
    --text-font-family: "Siaga", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --text-font-weight: 400;
    --text-font-style: normal;
    --text-transform: normal;
    --text-letter-spacing: 0.0em;
    --text-line-height: 1.4;
    --text-font-medium-weight: 500;
    --text-font-bold-weight: 700;
    --button-font: var(--text-font-style) var(--text-font-weight) var(--button-font-size) / normal var(--text-font-family);
    --button-text-transform: none;
    --button-letter-spacing: 0.0em;

    /* Font sizes */--text-heading-size-factor: 0.9;
    --text-display-xl: max(0.75rem, clamp(3.5rem, 1.9223rem + 6.7314vw, 10rem) * var(--text-heading-size-factor));
    --text-display-l: max(0.75rem, clamp(3.375rem, 2.1311rem + 5.3074vw, 8.5rem) * var(--text-heading-size-factor));
    --text-display-m: max(0.75rem, clamp(3.25rem, 2.3701rem + 3.7540vw, 6.875rem) * var(--text-heading-size-factor));
    --text-h1: max(0.75rem, clamp(3rem, 2.3325rem + 2.8479vw, 5.75rem) * var(--text-heading-size-factor));
    --text-h2: max(0.75rem, clamp(2.5rem, 1.9539rem + 2.3301vw, 4.75rem) * var(--text-heading-size-factor));
    --text-h3: max(0.75rem, clamp(2rem, 1.6359rem + 1.5534vw, 3.5rem) * var(--text-heading-size-factor));
    --text-h4: max(0.75rem, clamp(1.75rem, 1.4466rem + 1.2945vw, 3rem) * var(--text-heading-size-factor));
    --text-h5: max(0.75rem, clamp(1.375rem, 1.2233rem + 0.6472vw, 2rem) * var(--text-heading-size-factor));
    --text-h6: max(0.75rem, clamp(1.1875rem, 1.1117rem + 0.3236vw, 1.5rem) * var(--text-heading-size-factor));
    --text-h7: max(0.75rem, clamp(1rem, 0.9545rem + 0.1942vw, 1.1875rem) * var(--text-heading-size-factor));
    --text-xs: 0.75rem;
    --text-sm: 0.8125rem;
    --text-base: 0.875rem;
    --text-lg: 1.0625rem;
    --button-font-size: 0.75rem;

    /* Rounded variables (used for border radius) */
    --rounded-full: 9999px;
    --subheading-border-radius: 0.0rem;
    --button-border-radius: 0.0rem;
    --input-border-radius: 0.0rem;

    /* Product card variables */
    --product-card-row-count: 2;

    /**
     * ---------------------------------------------------------------------
     * OTHER
     * ---------------------------------------------------------------------
     */

    --icon-stroke-width: 1px;
    --quotation-mark-svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" focusable="false" width="62" fill="none" viewBox="0 0 62 57"><path fill="%23000" d="M.79 31.904 11.924.816h12.296l-8.12 31.088h7.888V56.96H.79V31.904Zm37.351 0L49.277.816h12.064l-8.12 31.088h7.888V56.96H38.141V31.904Z" /></svg>');
  }

  [dir="rtl"]:root {
    /* RTL support */
    --transform-logical-flip: -1;
    --transform-origin-start: right;
    --transform-origin-end: left;
  }

  @media screen and (min-width: 700px) {
    :root {
      --text-xs: 0.75rem;
      --text-sm: 0.875rem;
      --text-base: 1.0rem;
      --text-lg: 1.1875rem;
      --subheading-font-size: 0.8125rem;

      /* Spacing */
      --container-gutter: 2rem;

      /* Form settings */
      --form-gap: 1.25rem; /* Gap between fieldset and submit button */
      --fieldset-gap: 0.75rem; /* Gap between each form input within a fieldset */
      --input-padding-block: 0.75rem; /* Vertical padding for input, textarea and native select */

      /* Font sizes */
      --button-font-size: 0.875rem;

      /* Product listing gaps */
      --product-list-column-gap: 0px;
        --product-list-row-gap: 0px;
      
    }
  }

  @media screen and (min-width: 1000px) {
    :root {
      /* Spacing settings */
      --section-vertical-spacing: 3.5rem;
      --section-stack-row-gap: 3rem;
    }
  }

  @media screen and (min-width: 1399px) {
    :root {
      /* Spacing settings */
      --section-vertical-spacing: 4.5rem;
      --container-gutter: 3rem;
    }
  }

  /**
   * ---------------------------------------------------------------------
   * COLORS
   * ---------------------------------------------------------------------
   */

  :root {--page-overlay: 0 0 0 / 0.4;
    --dialog-backdrop-blur: 12px;

    /* Status colors */
    --success-background: 226 239 231;
    --success-text: 15 123 59;
    --warning-background: 253 241 224;
    --warning-text: 237 138 0;
    --error-background: 250 224 224;
    --error-text: 216 0 0;

    /* Product colors */
    --on-sale-text: 216 0 0;
    --on-sale-badge-background: 216 0 0;
    --on-sale-badge-text: 255 255 255;
    --sold-out-badge-background: 255 255 255;
    --sold-out-badge-text: 0 0 0;
    --custom-badge-background: 255 255 255;
    --custom-badge-text: 0 0 0;
    --star-color: 17 17 17;

    /* Brand colors */
    --border-decorative: #E1E1E7;
  }.color-scheme--scheme-2 {
      --accent: 20 20 20;
      --background: 255 255 255;
      --background-gradient: ;
      --background-secondary: 250 244 240;
      --has-transparent-background: 0;
      --has-filled-background: 1;
      --text-color: 20 20 20;--border-color: 232 232 232;/* Subheading colors */--subheading-background: 0 0 0 / 0.0;
      --subheading-border: none;
      --subheading-text-color: 20 20 20;
      --subheading-has-padding: 0;

      /* Heading highlight */
      --heading-highlight-accent-color: 20 20 20;
      --heading-highlight-text-color: 255 255 255;

      /* Button colors */
      --button-background-primary: 20 20 20;
      --button-text-primary: 255 255 255;

      /* Form inputs */
      --input-background: 255 255 255;
      --input-text-color: 20 20 20;
      --input-text-transform: none;
    }.gs-section:has(> .color-scheme--scheme-2) + .gs-section:has(> .color-scheme--scheme-2) {
          --section-has-same-background-as-previous-section: 1;
        }.color-scheme--scheme-3 {
      --accent: 255 255 255;
      --background: 0 0 0 / 0;
      --background-gradient: ;
      --background-secondary: 240 240 240;
      --has-transparent-background: 1;
      --has-filled-background: 0;
      --text-color: 255 255 255;--border-color: 255 255 255 / 0.6;/* Subheading colors */--subheading-background: 0 0 0 / 0.0;
      --subheading-border: none;
      --subheading-text-color: 255 255 255;
      --subheading-has-padding: 0;

      /* Heading highlight */
      --heading-highlight-accent-color: 3 3 5;
      --heading-highlight-text-color: 255 255 255;

      /* Button colors */
      --button-background-primary: 255 255 255;
      --button-text-primary: 8 9 18;

      /* Form inputs */
      --input-background: 255 255 255;
      --input-text-color: 3 3 5;
      --input-text-transform: none;
    }.gs-section:has(> .color-scheme--scheme-3) + .gs-section:has(> .color-scheme--scheme-3) {
          --section-has-same-background-as-previous-section: 1;
        }.color-scheme--scheme-6 {
      --accent: 255 255 255;
      --background: 61 44 79;
      --background-gradient: ;
      --background-secondary: 255 255 255;
      --has-transparent-background: 0;
      --has-filled-background: 1;
      --text-color: 255 255 255;--border-color: 76 58 92;/* Subheading colors */--subheading-background: 0 0 0 / 0.0;
      --subheading-border: none;
      --subheading-text-color: 255 255 255;
      --subheading-has-padding: 0;

      /* Heading highlight */
      --heading-highlight-accent-color: 255 255 255;
      --heading-highlight-text-color: 61 44 79;

      /* Button colors */
      --button-background-primary: 255 255 255;
      --button-text-primary: 61 44 79;

      /* Form inputs */
      --input-background: 255 255 255;
      --input-text-color: 61 44 79;
      --input-text-transform: none;
    }.gs-section:has(> .color-scheme--scheme-6) + .gs-section:has(> .color-scheme--scheme-6) {
          --section-has-same-background-as-previous-section: 1;
        }.color-scheme--scheme-7 {
      --accent: 255 255 255;
      --background: 24 24 24;
      --background-gradient: ;
      --background-secondary: 0 0 0;
      --has-transparent-background: 0;
      --has-filled-background: 1;
      --text-color: 255 255 255;--border-color: 56 55 55;/* Subheading colors */--subheading-background: 0 0 0 / 0.0;
      --subheading-border: none;
      --subheading-text-color: 24 24 24;
      --subheading-has-padding: 0;

      /* Heading highlight */
      --heading-highlight-accent-color: 24 24 24;
      --heading-highlight-text-color: 255 255 255;

      /* Button colors */
      --button-background-primary: 255 255 255;
      --button-text-primary: 24 24 24;

      /* Form inputs */
      --input-background: 0 0 0 / 0;
      --input-text-color: 255 255 255;
      --input-text-transform: none;
    }.gs-section:has(> .color-scheme--scheme-7) + .gs-section:has(> .color-scheme--scheme-7) {
          --section-has-same-background-as-previous-section: 1;
        }.color-scheme--scheme-70c274c0-7938-4f93-994b-f40cd7db815f {
      --accent: 20 20 20;
      --background: 241 240 243;
      --background-gradient: ;
      --background-secondary: 255 255 255;
      --has-transparent-background: 0;
      --has-filled-background: 1;
      --text-color: 45 45 56;--border-color: 221 221 224;/* Subheading colors */--subheading-background: 0 0 0 / 0.0;
      --subheading-border: none;
      --subheading-text-color: 45 45 56;
      --subheading-has-padding: 0;

      /* Heading highlight */
      --heading-highlight-accent-color: 45 45 56;
      --heading-highlight-text-color: 255 255 255;

      /* Button colors */
      --button-background-primary: 20 20 20;
      --button-text-primary: 255 255 255;

      /* Form inputs */
      --input-background: 255 255 255;
      --input-text-color: 20 20 20;
      --input-text-transform: none;
    }.gs-section:has(> .color-scheme--scheme-70c274c0-7938-4f93-994b-f40cd7db815f) + .gs-section:has(> .color-scheme--scheme-70c274c0-7938-4f93-994b-f40cd7db815f) {
          --section-has-same-background-as-previous-section: 1;
        }.color-scheme--scheme-a3e7367a-9675-4e81-a99c-567f44c52ac0 {
      --accent: 40 37 40;
      --background: 219 216 233;
      --background-gradient: ;
      --background-secondary: 255 255 255;
      --has-transparent-background: 0;
      --has-filled-background: 1;
      --text-color: 40 37 40;--border-color: 201 198 214;/* Subheading colors */--subheading-background: 0 0 0 / 0.0;
      --subheading-border: none;
      --subheading-text-color: 40 37 40;
      --subheading-has-padding: 0;

      /* Heading highlight */
      --heading-highlight-accent-color: 20 20 20;
      --heading-highlight-text-color: 255 255 255;

      /* Button colors */
      --button-background-primary: 40 37 40;
      --button-text-primary: 255 255 255;

      /* Form inputs */
      --input-background: 255 255 255;
      --input-text-color: 40 37 40;
      --input-text-transform: none;
    }.gs-section:has(> .color-scheme--scheme-a3e7367a-9675-4e81-a99c-567f44c52ac0) + .gs-section:has(> .color-scheme--scheme-a3e7367a-9675-4e81-a99c-567f44c52ac0) {
          --section-has-same-background-as-previous-section: 1;
        }

:root {
      --announcement-bar-is-sticky: 0;
    }
  :root {
    --header-is-sticky: 1;
  }
  #gs-header-section .header__logo-image--mobile {
    width: 30px;
    max-width: 30px;
    height: auto;
  }
  #gs-header-section {--header-grid: "primary-nav logo secondary-nav" / minmax(0, 1fr) auto minmax(0, 1fr);--header-transparent-header-text-color: 0 0 0;
    --header-non-transparent-text-color: 20 20 20;
  }

  @media screen and (min-width: 1000px) {
    #gs-header-section {--header-grid: "primary-nav logo secondary-nav" / minmax(0, 1fr) auto minmax(0, 1fr);}
  }#gs-header-section {
      position: sticky;
      top: 0;
    }

    .gs-announce-wrap ~ #gs-header-section {
      top: calc(var(--announcement-bar-is-sticky, 0) * var(--announcement-bar-height, 0px));
    }#gs-header-section {
      --header-logo-width: 30px;
    }

    @media screen and (min-width: 700px) {
      #gs-header-section {
        --header-logo-width: 150px;
      }
    }

#gs-section-hero {
        --slideshow-background: 0 0 0;
      }
    

  #gs-slideshow-hero .slideshow__autoplay-button{
    display: none;
  }


    #gs-section-featured {
      --product-list-column-count: 2;
    }
  
    @media screen and (min-width: 700px) {
      #gs-section-featured {
        --product-list-column-count: 2;
      }
    }
  
    @media screen and (min-width: 1000px) {
      #gs-section-featured {
        --product-list-column-count: 4;
      }
    }
  

    #gs-section-split-holiday {--section-split-grid-template-columns: minmax(0, 0.5fr) minmax(0, 0.5fr);}

    #gs-section-split-holiday + .gs-section {
      --section-enable-padding-collapsing: 0; /* We turn off the padding collapsing on next section */
    }
  

    #gs-section-media-blocks {
      --media-blocks-grid: auto / auto-flow 78vw;
      --media-blocks-gap: 0px;
    }

    @media screen and (min-width: 700px) {
      #gs-section-media-blocks {
        --media-blocks-grid: auto / auto-flow 45vw;
      }
    }

    @media screen and (min-width: 1000px) {
      #gs-section-media-blocks {--media-blocks-grid: auto / auto-flow 25.0vw;}
    }

    @media screen and (pointer: fine) {}
  

    @media screen and (max-width: 999px) {
      #gs-section-testimonials .section-split__column--image {
        padding-block-end: var(--section-vertical-spacing);
      }
    }
  
 #gs-section-testimonials .icon {width: 16px;} 

    #gs-section-multi-column {
      

      

      --multi-column-grid: auto / auto-flow 78vw;
      --multi-column-column-count: 3;
      --multi-column-column-gap: calc(var(--container-gutter) / 2);
      --multi-column-row-gap: var(--container-gutter);
    }
    #gs-section-multi-column .h1, .h2, .h3, .h4, .h5, .h6, .h7 {
      margin-top: 4px;
    }

    @media screen and (min-width: 700px) {
      #gs-section-multi-column {
        --multi-column-grid: auto / auto-flow 54vw;
      }
    }

    @media screen and (min-width: 1000px) {
      #gs-section-multi-column {--multi-column-grid: auto-flow / repeat(3, minmax(0, 1fr));}
    }#gs-section-multi-column .multi-column__item:not(.color-scheme--scheme-2) {
      padding: var(--container-gutter);
    }
  

      #gs-section-heritage {
        --slideshow-background: 0 0 0;
      }
    

  #gs-slideshow-heritage .slideshow__autoplay-button{
    display: none;
  }


    #gs-section-trust-icons {
      --trust-icons-item-count: 4;
    }