
      @font-face {
  font-family: "Instrument Sans";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("https://babonir.com/cdn/fonts/instrument_sans/instrumentsans_n5.1ce463e1cc056566f977610764d93d4704464858.woff2") format("woff2"),
       url("https://babonir.com/cdn/fonts/instrument_sans/instrumentsans_n5.9079eb7bba230c9d8d8d3a7d101aa9d9f40b6d14.woff") format("woff");
}

      @font-face {
  font-family: "Instrument Sans";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("https://babonir.com/cdn/fonts/instrument_sans/instrumentsans_n7.e4ad9032e203f9a0977786c356573ced65a7419a.woff2") format("woff2"),
       url("https://babonir.com/cdn/fonts/instrument_sans/instrumentsans_n7.b9e40f166fb7639074ba34738101a9d2990bb41a.woff") format("woff");
}

      @font-face {
  font-family: "Instrument Sans";
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url("https://babonir.com/cdn/fonts/instrument_sans/instrumentsans_i5.d2033775d4997e4dcd0d47ebdd5234b5c14e3f53.woff2") format("woff2"),
       url("https://babonir.com/cdn/fonts/instrument_sans/instrumentsans_i5.8e3cfa86b65acf809ce72bc4f9b58f185ef6b8c7.woff") format("woff");
}

      @font-face {
  font-family: "Instrument Sans";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("https://babonir.com/cdn/fonts/instrument_sans/instrumentsans_i7.d6063bb5d8f9cbf96eace9e8801697c54f363c6a.woff2") format("woff2"),
       url("https://babonir.com/cdn/fonts/instrument_sans/instrumentsans_i7.ce33afe63f8198a3ac4261b826b560103542cd36.woff") format("woff");
}

      @font-face {
  font-family: Poppins;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("https://babonir.com/cdn/fonts/poppins/poppins_n5.ad5b4b72b59a00358afc706450c864c3c8323842.woff2") format("woff2"),
       url("https://babonir.com/cdn/fonts/poppins/poppins_n5.33757fdf985af2d24b32fcd84c9a09224d4b2c39.woff") format("woff");
}

        
          @font-face {
  font-family: Poppins;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("https://babonir.com/cdn/fonts/poppins/poppins_n5.ad5b4b72b59a00358afc706450c864c3c8323842.woff2") format("woff2"),
       url("https://babonir.com/cdn/fonts/poppins/poppins_n5.33757fdf985af2d24b32fcd84c9a09224d4b2c39.woff") format("woff");
}

        
      
        :root,
        .color-default{
          --color-background: #ffffff;
          --color-background-2: #f2f2f2;
          
          --gradient-background: #ffffff;
          
          --color-text: #444444;
          --color-text-rgb: 68, 68, 68;
          --color-heading: #1d1d1f;
          --color-heading-rgb:29, 29, 31;
          --color-border: #e5e5e5;
          --color-grey: rgba(var(--color-text-rgb), 0.85);
          --color-grey-light: rgba(var(--color-text-rgb), 0.2);
          /* Button primary */
          --btn-primary-color: #c41e5c;
          --btn-primary-hover-color: #fce4ee;
          --btn-primary-bg-color: #fce4ee;
          --btn-primary-bg-color-rgb: 252, 228, 238;
          --btn-primary-hover-bg-color: #c41e5c;
          /* Button outline */
          --btn-outline-color: #c41e5c;
          --btn-outline-border-color: #fce4ee;
          /* Button link */
          --btn-link-color: #c41e5c;
          --btn-link-hover-color: #c41e5c;
          --input-color: #1d1d1f;
          --input-placeholder-color: #666666;
        }
      
        
        .color-color-scheme-1{
          --color-background: #ffffff;
          --color-background-2: #f3f0ec;
          
          --gradient-background: #ffffff;
          
          --color-text: #444444;
          --color-text-rgb: 68, 68, 68;
          --color-heading: #1d1d1f;
          --color-heading-rgb:29, 29, 31;
          --color-border: #e5e5e5;
          --color-grey: rgba(var(--color-text-rgb), 0.85);
          --color-grey-light: rgba(var(--color-text-rgb), 0.2);
          /* Button primary */
          --btn-primary-color: #c41e5c;
          --btn-primary-hover-color: #fce4ee;
          --btn-primary-bg-color: #fce4ee;
          --btn-primary-bg-color-rgb: 252, 228, 238;
          --btn-primary-hover-bg-color: #c41e5c;
          /* Button outline */
          --btn-outline-color: #c41e5c;
          --btn-outline-border-color: #fce4ee;
          /* Button link */
          --btn-link-color: #c41e5c;
          --btn-link-hover-color: #c41e5c;
          --input-color: #1d1d1f;
          --input-placeholder-color: #666666;
        }
      
        
        .color-color-scheme-2{
          --color-background: #ffffff;
          --color-background-2: #f2efe6;
          
          --gradient-background: #ffffff;
          
          --color-text: #1d1d1f;
          --color-text-rgb: 29, 29, 31;
          --color-heading: #1d1d1f;
          --color-heading-rgb:29, 29, 31;
          --color-border: #e5e5e5;
          --color-grey: rgba(var(--color-text-rgb), 0.85);
          --color-grey-light: rgba(var(--color-text-rgb), 0.2);
          /* Button primary */
          --btn-primary-color: #ffffff;
          --btn-primary-hover-color: #1f473e;
          --btn-primary-bg-color: #1f473e;
          --btn-primary-bg-color-rgb: 31, 71, 62;
          --btn-primary-hover-bg-color: #ffffff;
          /* Button outline */
          --btn-outline-color: #1f473e;
          --btn-outline-border-color: #1f473e;
          /* Button link */
          --btn-link-color: #1f473e;
          --btn-link-hover-color: #1f473e;
          --input-color: #1d1d1f;
          --input-placeholder-color: #666666;
        }
      
        
        .color-scheme-0ba1b009-7eed-45cd-b0f5-57fda3e81ca0{
          --color-background: #f3f0ec;
          --color-background-2: #ffffff;
          
          --gradient-background: #f3f0ec;
          
          --color-text: #444444;
          --color-text-rgb: 68, 68, 68;
          --color-heading: #1d1d1f;
          --color-heading-rgb:29, 29, 31;
          --color-border: #e5e5e5;
          --color-grey: rgba(var(--color-text-rgb), 0.85);
          --color-grey-light: rgba(var(--color-text-rgb), 0.2);
          /* Button primary */
          --btn-primary-color: #ffffff;
          --btn-primary-hover-color: #1d1d1f;
          --btn-primary-bg-color: #1d1d1f;
          --btn-primary-bg-color-rgb: 29, 29, 31;
          --btn-primary-hover-bg-color: #ffffff;
          /* Button outline */
          --btn-outline-color: #1d1d1f;
          --btn-outline-border-color: #1d1d1f;
          /* Button link */
          --btn-link-color: #1d1d1f;
          --btn-link-hover-color: #1d1d1f;
          --input-color: #1d1d1f;
          --input-placeholder-color: #666666;
        }
      
        
        .color-scheme-957ad1f6-ead2-4f72-bdba-ddfe8f341c9e{
          --color-background: #f2f2f2;
          --color-background-2: #f2efe6;
          
          --gradient-background: #f2f2f2;
          
          --color-text: #444444;
          --color-text-rgb: 68, 68, 68;
          --color-heading: #1d1d1f;
          --color-heading-rgb:29, 29, 31;
          --color-border: #e5e5e5;
          --color-grey: rgba(var(--color-text-rgb), 0.85);
          --color-grey-light: rgba(var(--color-text-rgb), 0.2);
          /* Button primary */
          --btn-primary-color: #ffffff;
          --btn-primary-hover-color: #1d1d1f;
          --btn-primary-bg-color: #1d1d1f;
          --btn-primary-bg-color-rgb: 29, 29, 31;
          --btn-primary-hover-bg-color: #ffffff;
          /* Button outline */
          --btn-outline-color: #1d1d1f;
          --btn-outline-border-color: #1d1d1f;
          /* Button link */
          --btn-link-color: #1d1d1f;
          --btn-link-hover-color: #1d1d1f;
          --input-color: #1d1d1f;
          --input-placeholder-color: #666666;
        }
      
        
        .color-scheme-9992034c-51d7-4a47-92a6-2d680b0b20b4{
          --color-background: #ffffff;
          --color-background-2: #f2efe6;
          
          --gradient-background: #ffffff;
          
          --color-text: #ffffff;
          --color-text-rgb: 255, 255, 255;
          --color-heading: #ffffff;
          --color-heading-rgb:255, 255, 255;
          --color-border: #e5e5e5;
          --color-grey: rgba(var(--color-text-rgb), 0.85);
          --color-grey-light: rgba(var(--color-text-rgb), 0.2);
          /* Button primary */
          --btn-primary-color: #1d1d1f;
          --btn-primary-hover-color: #ffffff;
          --btn-primary-bg-color: #ffffff;
          --btn-primary-bg-color-rgb: 255, 255, 255;
          --btn-primary-hover-bg-color: #1d1d1f;
          /* Button outline */
          --btn-outline-color: #000000;
          --btn-outline-border-color: #000000;
          /* Button link */
          --btn-link-color: #000000;
          --btn-link-hover-color: #000000;
          --input-color: #1d1d1f;
          --input-placeholder-color: #666666;
        }
      
        
        .color-scheme-070b6d81-d1cf-49ad-aa7a-4a016abd3a99{
          --color-background: rgba(0,0,0,0);
          --color-background-2: #f2efe6;
          
          --gradient-background: rgba(0,0,0,0);
          
          --color-text: #ffffff;
          --color-text-rgb: 255, 255, 255;
          --color-heading: #ffffff;
          --color-heading-rgb:255, 255, 255;
          --color-border: #fffdfd;
          --color-grey: rgba(var(--color-text-rgb), 0.85);
          --color-grey-light: rgba(var(--color-text-rgb), 0.2);
          /* Button primary */
          --btn-primary-color: #1d1d1f;
          --btn-primary-hover-color: #ffffff;
          --btn-primary-bg-color: #ffffff;
          --btn-primary-bg-color-rgb: 255, 255, 255;
          --btn-primary-hover-bg-color: #1d1d1f;
          /* Button outline */
          --btn-outline-color: #ffffff;
          --btn-outline-border-color: #ffffff;
          /* Button link */
          --btn-link-color: #ffffff;
          --btn-link-hover-color: #ffffff;
          --input-color: #1d1d1f;
          --input-placeholder-color: #666666;
        }
      
        
        .color-scheme-76e16d9c-62d8-4250-9f3a-e19467efff31{
          --color-background: #f2efe6;
          --color-background-2: #ffffff;
          
          --gradient-background: #f2efe6;
          
          --color-text: #444444;
          --color-text-rgb: 68, 68, 68;
          --color-heading: #1d1d1f;
          --color-heading-rgb:29, 29, 31;
          --color-border: #e5e5e5;
          --color-grey: rgba(var(--color-text-rgb), 0.85);
          --color-grey-light: rgba(var(--color-text-rgb), 0.2);
          /* Button primary */
          --btn-primary-color: #ffffff;
          --btn-primary-hover-color: #1f473e;
          --btn-primary-bg-color: #1f473e;
          --btn-primary-bg-color-rgb: 31, 71, 62;
          --btn-primary-hover-bg-color: #ffffff;
          /* Button outline */
          --btn-outline-color: #1f473e;
          --btn-outline-border-color: #1f473e;
          /* Button link */
          --btn-link-color: #1f473e;
          --btn-link-hover-color: #1f473e;
          --input-color: #1d1d1f;
          --input-placeholder-color: #666666;
        }
      
        
        .color-scheme-4a4a3e14-571e-4a2f-aa65-1158b87a9b0e{
          --color-background: #1d1d1f;
          --color-background-2: #f2efe6;
          
          --gradient-background: #1d1d1f;
          
          --color-text: #ffffff;
          --color-text-rgb: 255, 255, 255;
          --color-heading: #1d1d1f;
          --color-heading-rgb:29, 29, 31;
          --color-border: #e5e5e5;
          --color-grey: rgba(var(--color-text-rgb), 0.85);
          --color-grey-light: rgba(var(--color-text-rgb), 0.2);
          /* Button primary */
          --btn-primary-color: #1d1d1f;
          --btn-primary-hover-color: #1d1d1f;
          --btn-primary-bg-color: #ffffff;
          --btn-primary-bg-color-rgb: 255, 255, 255;
          --btn-primary-hover-bg-color: #ffffff;
          /* Button outline */
          --btn-outline-color: #ffffff;
          --btn-outline-border-color: #ffffff;
          /* Button link */
          --btn-link-color: #ffffff;
          --btn-link-hover-color: #ffffff;
          --input-color: #1d1d1f;
          --input-placeholder-color: #666666;
        }
      
        
        .color-scheme-b057792d-f0df-4ed0-973f-3dd88bca67d5{
          --color-background: #e3dcd4;
          --color-background-2: #f2efe6;
          
          --gradient-background: #e3dcd4;
          
          --color-text: #444444;
          --color-text-rgb: 68, 68, 68;
          --color-heading: #1d1d1f;
          --color-heading-rgb:29, 29, 31;
          --color-border: #e5e5e5;
          --color-grey: rgba(var(--color-text-rgb), 0.85);
          --color-grey-light: rgba(var(--color-text-rgb), 0.2);
          /* Button primary */
          --btn-primary-color: #ffffff;
          --btn-primary-hover-color: #1d1d1f;
          --btn-primary-bg-color: #1d1d1f;
          --btn-primary-bg-color-rgb: 29, 29, 31;
          --btn-primary-hover-bg-color: #ffffff;
          /* Button outline */
          --btn-outline-color: #1d1d1f;
          --btn-outline-border-color: #1d1d1f;
          /* Button link */
          --btn-link-color: #1d1d1f;
          --btn-link-hover-color: #1d1d1f;
          --input-color: #1d1d1f;
          --input-placeholder-color: #666666;
        }
      
        
        .color-scheme-85c61dc2-20da-48a8-92be-c39d88ecd689{
          --color-background: #ffffff;
          --color-background-2: #f2efe6;
          
          --gradient-background: #ffffff;
          
          --color-text: #ffe802;
          --color-text-rgb: 255, 232, 2;
          --color-heading: #ffe802;
          --color-heading-rgb:255, 232, 2;
          --color-border: #e5e5e5;
          --color-grey: rgba(var(--color-text-rgb), 0.85);
          --color-grey-light: rgba(var(--color-text-rgb), 0.2);
          /* Button primary */
          --btn-primary-color: #1d1d1f;
          --btn-primary-hover-color: #1d1d1f;
          --btn-primary-bg-color: #ffe802;
          --btn-primary-bg-color-rgb: 255, 232, 2;
          --btn-primary-hover-bg-color: #ffffff;
          /* Button outline */
          --btn-outline-color: #ffffff;
          --btn-outline-border-color: #ffffff;
          /* Button link */
          --btn-link-color: #ffffff;
          --btn-link-hover-color: #ffffff;
          --input-color: #1d1d1f;
          --input-placeholder-color: #666666;
        }
      
        
        .color-scheme-4a8d23be-2966-47be-ae10-8cbb3c1181cf{
          --color-background: #ffffff;
          --color-background-2: #f2efe6;
          
          --gradient-background: #ffffff;
          
          --color-text: #444444;
          --color-text-rgb: 68, 68, 68;
          --color-heading: #1d1d1f;
          --color-heading-rgb:29, 29, 31;
          --color-border: #e5e5e5;
          --color-grey: rgba(var(--color-text-rgb), 0.85);
          --color-grey-light: rgba(var(--color-text-rgb), 0.2);
          /* Button primary */
          --btn-primary-color: #ffffff;
          --btn-primary-hover-color: #1f473e;
          --btn-primary-bg-color: #1f473e;
          --btn-primary-bg-color-rgb: 31, 71, 62;
          --btn-primary-hover-bg-color: #ffffff;
          /* Button outline */
          --btn-outline-color: #1d1d1f;
          --btn-outline-border-color: #1d1d1f;
          /* Button link */
          --btn-link-color: #1d1d1f;
          --btn-link-hover-color: #1d1d1f;
          --input-color: #1d1d1f;
          --input-placeholder-color: #666666;
        }
      
        
        .color-scheme-221506e4-f021-4bec-8307-a119b3272d32{
          --color-background: #13111c;
          --color-background-2: #f2efe6;
          
          --gradient-background: #13111c;
          
          --color-text: #ffffff66;
          --color-text-rgb: 255, 255, 255;
          --color-heading: #ffffff;
          --color-heading-rgb:255, 255, 255;
          --color-border: #e5e5e5;
          --color-grey: rgba(var(--color-text-rgb), 0.85);
          --color-grey-light: rgba(var(--color-text-rgb), 0.2);
          /* Button primary */
          --btn-primary-color: #ffffff;
          --btn-primary-hover-color: #1f473e;
          --btn-primary-bg-color: #1f473e;
          --btn-primary-bg-color-rgb: 31, 71, 62;
          --btn-primary-hover-bg-color: #ffffff;
          /* Button outline */
          --btn-outline-color: #1f473e;
          --btn-outline-border-color: #1f473e;
          /* Button link */
          --btn-link-color: #1f473e;
          --btn-link-hover-color: #1f473e;
          --input-color: #1d1d1f;
          --input-placeholder-color: #666666;
        }
      
        
        .color-scheme-5845b018-499c-4992-911f-af4c353bc17e{
          --color-background: rgba(0,0,0,0);
          --color-background-2: #f2efe6;
          
          --gradient-background: rgba(0,0,0,0);
          
          --color-text: #ffffff8a;
          --color-text-rgb: 255, 255, 255;
          --color-heading: #ffffff;
          --color-heading-rgb:255, 255, 255;
          --color-border: #71619f40;
          --color-grey: rgba(var(--color-text-rgb), 0.85);
          --color-grey-light: rgba(var(--color-text-rgb), 0.2);
          /* Button primary */
          --btn-primary-color: #ffffff;
          --btn-primary-hover-color: #1f473e;
          --btn-primary-bg-color: #1f473e;
          --btn-primary-bg-color-rgb: 31, 71, 62;
          --btn-primary-hover-bg-color: #ffffff;
          /* Button outline */
          --btn-outline-color: #ffffff;
          --btn-outline-border-color: #ffffff;
          /* Button link */
          --btn-link-color: #ffffff;
          --btn-link-hover-color: #ffffff;
          --input-color: #1d1d1f;
          --input-placeholder-color: #666666;
        }
      
        
        .color-scheme-71ad6e77-818b-46af-a5ac-36e11fc517b6{
          --color-background: #e3dcd4;
          --color-background-2: #ffffff;
          
          --gradient-background: #e3dcd4;
          
          --color-text: #1d1d1f;
          --color-text-rgb: 29, 29, 31;
          --color-heading: #1d1d1f;
          --color-heading-rgb:29, 29, 31;
          --color-border: #c5c0b9;
          --color-grey: rgba(var(--color-text-rgb), 0.85);
          --color-grey-light: rgba(var(--color-text-rgb), 0.2);
          /* Button primary */
          --btn-primary-color: #ffffff;
          --btn-primary-hover-color: #ffffff;
          --btn-primary-bg-color: #1d1d1f;
          --btn-primary-bg-color-rgb: 29, 29, 31;
          --btn-primary-hover-bg-color: #1d1d1f;
          /* Button outline */
          --btn-outline-color: #1d1d1f;
          --btn-outline-border-color: #1d1d1f;
          /* Button link */
          --btn-link-color: #1d1d1f;
          --btn-link-hover-color: #1d1d1f;
          --input-color: #1d1d1f;
          --input-placeholder-color: #666666;
        }
      
      body, .color-default, .color-color-scheme-1, .color-color-scheme-2, .color-scheme-0ba1b009-7eed-45cd-b0f5-57fda3e81ca0, .color-scheme-957ad1f6-ead2-4f72-bdba-ddfe8f341c9e, .color-scheme-9992034c-51d7-4a47-92a6-2d680b0b20b4, .color-scheme-070b6d81-d1cf-49ad-aa7a-4a016abd3a99, .color-scheme-76e16d9c-62d8-4250-9f3a-e19467efff31, .color-scheme-4a4a3e14-571e-4a2f-aa65-1158b87a9b0e, .color-scheme-b057792d-f0df-4ed0-973f-3dd88bca67d5, .color-scheme-85c61dc2-20da-48a8-92be-c39d88ecd689, .color-scheme-4a8d23be-2966-47be-ae10-8cbb3c1181cf, .color-scheme-221506e4-f021-4bec-8307-a119b3272d32, .color-scheme-5845b018-499c-4992-911f-af4c353bc17e, .color-scheme-71ad6e77-818b-46af-a5ac-36e11fc517b6 {
        color: var(--color-text);
        background-color: var(--color-background);
      }
      :root {
        --body-font-size: 16px;
        --body-font-family: "Instrument Sans", sans-serif;
        --body-font-style: normal;
        --body-font-weight: 500;
        --body-font-weight-bold: 800;
        --body-line-height: 1.625;
        --rounded-thumbs: 12px;
        --img-rounded: 20px;
        --drawer-rounded: 20px;

        --heading-font: Poppins, sans-serif;
        --heading-font-style: normal;
        --heading-weight: 500;
        --heading-font-scale: 1;
        --subheading-weight:500;
        --menu-font: Poppins, sans-serif;
        --menu-weight: 500;

        --h0: clamp(4rem,calc(4rem + (60 - 40) * var(--responsive-rate)),  6rem);
        --h1: clamp(3.6rem,calc(3.6rem + (50 - 36) * var(--responsive-rate)), 5rem);
        --h2: clamp(3rem, calc(3rem + (40 - 30) * var(--responsive-rate)), 4rem);
        --h3:  clamp(2.6rem, calc(2.6rem + (30 - 26) * var(--responsive-rate)), 3rem);
        --h4: clamp(2.2rem, calc(2.2rem + (24 - 22) * var(--responsive-rate)),2.4rem);
        --h5: clamp(2rem, calc(2rem + (22 - 20) * var(--responsive-rate)), 2.2rem);
        --h6: clamp(1.8rem, calc(1.8rem + (20 - 18) * var(--responsive-rate)), 2rem);
        --h7: 1.8rem;

        --btn-font: Poppins, sans-serif;
        --btn-weight: 500;
        --btn-text-transform: unset;
        --btn-radius: 30px;
        --btn-padding-y: 1.3rem;
        --btn-padding-x: 1.8rem;
        --btn-font-size: var(--body-font-size, 1.4rem);
        --shopify-accelerated-checkout-button-border-radius: var(--btn-radius);
        --input-padding-start: 2.5rem;
        --input-padding-end: 2.5rem;
        --input-padding-top: 0;
        --input-padding-bottom: 0;
        --input-border-width: 1px;
        --input-border-color: var(--border-color);
        --input-bg: rgb(var(--color-white));
        --input-color: rgb(var(--color-heading-hsl));
        --input-font-size: var(--body-font-size);
        --input-placeholder-color: #666666;--input-border-radius: 30px;
        --input-height: 4.8rem;
        --shopify-accelerated-checkout-button-block-size: var(--input-height);
        --rate-color: #FF9C05;
        --page-width: 1392px;
        --page-width-margin: 0rem;

        --logo-width: 112px;
        --bs-gutter-x: 2rem;
        --bs-gutter-y: 0;
        --color-white: 255, 255, 255;
        --color-dark: #1D1D1F;

        --sale-bg-rgb: 255, 255, 255;;
        --sale-color: #fff;

        --responsive-rate: ((100vw - 575px) / (1410 - 575));

        --transition: 0.3s var(--ease-in);
        --ease-out:  cubic-bezier(0.4, 0, 0.2, 1);
        --ease-in: cubic-bezier(0.4, 0, 0.2, 1);
        --dur-in: 0.5s;
        --dur-out: 0.48s;
        --duration-short: 0.2s;
        --duration-long: 0.5s;
        --transition-drawer: all var(--dur-out) var(--ease-out);
        --overlay-bg: rgba(0, 0, 0, 0.60);
        --responsive-ratio: 0.7;
        --gap: 2rem;
        --accent-color-second: #f5f5f5;
        --border-color: #E5E5E5;
        --section-spacing: 6rem;
        --product-spacing-top: 2rem;
        --product-name-size: 1.6rem;
        --product-price-size: 1.6rem;
        --product-item-spacing: 4rem;
        --shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
        --header-spacing-bottom: calc(var(--sp) * 6);
        --swiper-navigation-color: var(--color-dark);
        --swiper-navigation-sides-offset: var(--sp-6);

        --sp: 4px;
        --sp-2: calc(var(--sp) * 2);
        --sp-3: calc(var(--sp) * 3);
        --sp-4: calc(var(--sp) * 4);
        --sp-5: calc(var(--sp) * 5);
        --sp-6: calc(var(--sp) * 6);
        --sp-7: calc(var(--sp) * 7);
        --sp-8: calc(var(--sp) * 8);
        --sp-9: calc(var(--sp) * 9);
        --sp-10: calc(var(--sp) * 10);

        --start-side: left;
        --end-side: right;
        --transform-origin: left;
        --lh-heading-rtl-multiplier: 1;
        --lh-body-rtl-multiplier: 1;
        --flow-direction: 1;
      }
      
      *,
      *::before,
      *::after {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-tap-highlight-color: transparent;
      }
      html {
        font-size: 62.5%;
        margin: 0;
        padding: 0;
        border: 0;
        height: 100%;
        scrollbar-gutter: stable;
        vertical-align: baseline;
        box-sizing: border-box;
        -webkit-text-size-adjust: 100%;
        touch-action: manipulation;
      }
      body {
        min-height: 100vh;
        margin: 0;
        font-size: var(--body-font-size, 1.4rem);
        font-family: var(--body-font-family);
        font-style: var(--body-font-style);
        font-weight: var(--body-font-weight);
        line-height: var(--body-line-height, 1.625);
        overflow-x: hidden;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-text-size-adjust: 100%;
        text-rendering: optimizeSpeed;
        overflow-wrap: break-word;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
      }
      /*
        BABONIR announcement-bar first-paint guard:
        keep the initial server-rendered slide and arrows in their final row
        before the deferred theme styles and rotator script finish loading.
      */
      announcement-bar.p-min {
        padding-top: calc(var(--section-pt, 8) * 1px);
        padding-bottom: calc(var(--section-pb, 8) * 1px);
      }
      announcement-bar [data-announcement-rotator] {
        position: relative;
        min-height: 2.3rem;
        margin-inline: auto;
      }
      announcement-bar .announcement-bar__rotator-track {
        min-height: 2.3rem;
      }
      announcement-bar [data-announcement-slide] {
        display: none;
        width: 100%;
      }
      announcement-bar [data-announcement-slide].is-active {
        display: flex;
        align-items: center;
        justify-content: center;
      }
      announcement-bar .announcement-bar__content-inner {
        line-height: calc(2.3rem * var(--lh-body-rtl-multiplier, 1));
      }
      announcement-bar .swiper-actions {
        position: absolute;
        inset: 0;
        height: 100%;
        pointer-events: none;
      }
      announcement-bar .swiper-arrow {
        position: absolute;
        top: 50%;
        width: 32px;
        height: 32px;
        margin-top: -16px;
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: auto;
      }
      announcement-bar .swiper-button-prev {
        left: -1rem;
        right: auto;
      }
      announcement-bar .swiper-button-next {
        right: -1rem;
        left: auto;
      }
      @media (min-width: 576px) {
        announcement-bar [data-announcement-rotator] {
          width: 70%;
          max-width: 44rem;
        }
      }
      #MainContent{
        -webkit-flex-grow: 1;
        flex-grow: 1;
      }
      @media (min-width: 425px) {
        :root{
          --btn-padding-x: 3rem;
        }
      }
      @media (min-width: 1025px) {
        :root{
          --btn-padding-y: 1.5rem;
          --btn-padding-x: 3rem;
          --input-height: 5.2rem;
          --header-spacing-bottom: 4rem;
        }
      }
      @media (max-width: 767.98px) {
        :root {
          --img-rounded: min(20px, 15px);
          --rounded-thumbs: 8px;
        }
        *:not(.btn-primary, .btn-outline),
        *:not(.btn-primary, .btn-outline)::before,
        *:not(.btn-primary, .btn-outline)::after {
          -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
        }
        .not-highlight-tap {
          -webkit-tap-highlight-color: transparent;
        }
        /*
          BABONIR mobile CLS guard:
          keep the mobile header's first layout height aligned with its final
          hydrated height before section-level CSS and custom elements finish.
        */
        .header-site.header-wrapper {
          padding-top: calc(calc(var(--section-pt, 8) * 13 / 18) * 1px);
          padding-bottom: calc(calc(var(--section-pb, 8) * 13 / 18) * 1px);
        }
        .header-site .header__inner {
          min-height: 3.8rem;
        }
      }
    

    :where(h1),.h1{font-size: var(--h1);text-transform:unset;letter-spacing:-0.025em;font-family:Poppins,sans-serif;line-height:1.2;}:where(h2),.h2{font-size: var(--h2);text-transform:unset;letter-spacing:0em;font-family:Poppins,sans-serif;line-height:1.2;}:where(h3),.h3{font-size: var(--h3);text-transform:unset;letter-spacing:0em;font-family:Poppins,sans-serif;line-height:1.2;}:where(h4),.h4{font-size: var(--h4);text-transform:unset;letter-spacing:0em;font-family:Poppins,sans-serif;line-height:1.2;}:where(h5),.h5{font-size: var(--h5);text-transform:unset;letter-spacing:0em;font-family:Poppins,sans-serif;line-height:1.2;}:where(h6),.h6{font-size: var(--h6);text-transform:unset;letter-spacing:0em;font-family:Poppins,sans-serif;line-height:1.6;}h0,.h0 {letter-spacing:-0.025em;}.fs-34 {letter-spacing:0em;}
  

        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}

      

/* ─── BABONIR Silk Scroll Animation System ─── */
:root { --ease-silk: cubic-bezier(0.25, 0.1, 0.15, 1); --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1); }
.reveal { opacity: 0; }
.reveal.in { opacity: 1; }
.reveal-up { transform: translateY(40px); transition: transform 0.9s var(--ease-silk), opacity 0.8s var(--ease-silk); }
.reveal-up.in { transform: translateY(0); }
.reveal-left { transform: translateX(-40px); transition: transform 0.9s var(--ease-silk), opacity 0.8s var(--ease-silk); }
.reveal-left.in { transform: translateX(0); }
.reveal-right { transform: translateX(40px); transition: transform 0.9s var(--ease-silk), opacity 0.8s var(--ease-silk); }
.reveal-right.in { transform: translateX(0); }
.reveal-scale { transform: scale(0.95); transition: transform 1s var(--ease-silk), opacity 0.8s var(--ease-silk); }
.reveal-scale.in { transform: scale(1); }
.reveal.d1 { transition-delay: 0s; } .reveal.d2 { transition-delay: 0.10s; }
.reveal.d3 { transition-delay: 0.20s; } .reveal.d4 { transition-delay: 0.30s; }
.reveal.d5 { transition-delay: 0.40s; } .reveal.d6 { transition-delay: 0.50s; }
    