/*
 * Shopify theme settings, extracted verbatim from the <style data-shopify>
 * block in the live store (present in every capture, identical on each).
 *
 * This is the layer every other mirrored stylesheet reads: 107 custom
 * properties on :root - colours, radii, form field height, type ramp - plus
 * the @font-face declarations. component-inputs.css sizes .field from
 * --form_field-height and paints it from --color-input-background, so without
 * this file every input on the site collapses to an unstyled 28px line.
 *
 * Loaded FIRST, ahead of the rest of the mirror, because it defines what they
 * consume.
 *
 * The font URLs pointed at the Shopify CDN; the files are mirrored into
 * assets/shopify/fonts/ and the references rewritten to a path relative to
 * this stylesheet. That CDN stops resolving when the domain leaves Shopify.
 */

@font-face {

        font-family: "Jost Fallback";

        src: local("Arial"), local("Helvetica Neue"), local("Roboto");

        size-adjust: 94.96%;

        ascent-override: 112.68%;

        descent-override: 40.02%;

        line-gap-override: 0%;

      }

    

      :root {

    	--duration-short: .2s;

        --duration-medium: .3s;

    	--duration-large: .5s;

    	--animation-bezier: ease;

    	--zoom-animation-bezier: cubic-bezier(.15,.75,.5,1);

    

        --animation-type: cubic-bezier(0, 0, 0.3, 1);

        --animation-time: .5s;



        --product-thumbnail_move-up: 0.35s;

        --product-thumbnail_move-up_type: linear;

        --product-thumbnail-button_opacity_hover: 0.15s;

        --product-thumbnail-button_opacity_over: 0.3s;

        --product-thumbnail-button_opacity_type: linear;

        --product-thumbnail-button_move: 0.35s;

        --product-thumbnail-button_move_type: linear;



        --font-heading-family: Jost, "Jost Fallback", sans-serif;

        --font-heading-style: normal;

        --font-heading-weight: 500;

        --font-heading-family-2: Jost, "Jost Fallback", sans-serif;

        --font-heading-style-2: normal;

        --font-heading-weight-2: 400;

    

        --font-body-family: Jost, "Jost Fallback", sans-serif;

        --font-body-style: normal;

        --font-body-weight: 400;

        --font-body-bold-weight: 600;

        --font-button-weight: 600;

    

    	  --font-heading-scale: 1.05;

        --font-heading-scale-2: 1.0;

        --font-body-scale: 1.1;

    

        --font-body-size: calc(16px * var(--font-body-scale));

        --font-body-line-height: 130%;

        --font-body2-size: calc(14px * var(--font-body-scale));

        --font-body2-line-height: 130%;

        --font-body3-size: calc(12px * var(--font-body-scale));

        --font-body3-line-height: 130%;

        --font-body4-size: calc(10px * var(--font-body-scale));

        --font-body4-line-height: 130%;



        --color-body-background: #ffffff;

        --color-secondary-background: #ffffff;

      	--color-section-background: var(--color-secondary-background);--color-simple-dropdown: #ffffff;

        --color-vertical-menu-dropdown: #ffffff;



        --color-base:#1c1917;

    	  --color-base-rgb: 28, 25, 23;

        --color-accent:#4f8a63;

        --color-subheading: var(--color-accent);

        --color-text-link:#c0603c;



        --color-price: #4f8a63;

        --color-old-price: #1c1917;

        --color-lines-borders: rgba(28, 25, 23, 0.3);

        --color-input-background: #ffffff;

        --color-input-text: #1c1917;

        --color-input-background-active: var(--color-body-background);

        --opacity-icons: 0.3;



    	  --mobile-focus-color: rgba(28, 25, 23, 0.04);



    	  --shadow: 0px 4px 20px rgba(28, 25, 23, 0.13);

        --card-price-size: calc(24px * var(--font-heading-scale));--auto-text-color-button-light:#ffffff;

    	--auto-text-color-button-dark:var(--color-base);

    	--auto-input-color-active-border-light: rgba(255,255,255,0.3);

    	--auto-input-color-active-border-dark:rgba(var(--color-base-rgb),0.3);--auto-text-color-input-light:#ffffff;

    	--auto-text-color-input-dark:var(--color-input-text);--auto-text-color-accent: #ffffff

   		
;--auto-text-color--with-base-color: #ffffff;--radius: 12px;

    	--radius-input: 8px;

    	--radius-button: 8px;

    	--radius-badge:3px;

    	--radius-checkbox:4px;

        --radius-menu: 12px;



        --color-badge-1:#c0603c;--color-badge-1-text: var(--auto-text-color-button-light);--color-badge-2:#c0603c;--color-badge-2-text: var(--auto-text-color-button-light);--color-badge-3:#1c1917;--color-badge-3-text: var(--auto-text-color-button-light);--color-free-delivery-bar: #4f8a63;

      

    	--color-error: #c0603c;

    

        --form_field-height: 50px;

        

        --page-width: 1300px;

        --page-padding: 30px;

        --page-padding-tablet: 30px;

        --page-padding-phone: 20px;



        --sections-top-spacing:100px;

    	--sections-top-spacing-mobile:80px;

		--sections-top-spacing--medium:80px;

    	--sections-top-spacing--medium-mobile:60px;

		--sections-top-spacing--small:40px;

    	--sections-top-spacing--small-mobile:40px;



        --padding1: 10px;

        --padding2: 20px;

        --padding3: 30px;

        --padding4: 40px;

    	--padding5: 60px;

        --padding-auto: 30px;

      }



      *,

      *::before,

      *::after {

      	box-sizing: border-box;

      }

      html {

        box-sizing: border-box;

        height: 100%;

     	-webkit-tap-highlight-color: transparent;

    	

      }

      body {

        display: grid;

        grid-template-rows: auto auto 1fr auto;

        grid-template-columns: 100%;

        min-height: 100%;

        margin: 0;

        font-size: var(--font-body-size);

        line-height: var(--font-body-line-height);

        color: var(--color-base);

    	background: var(--color-body-background);

        font-family: var(--font-body-family);

        font-style: var(--font-body-style);

        font-weight: var(--font-body-weight);

        -webkit-text-size-adjust: none;

    	text-size-adjust: none;

    	overflow-x: hidden;

      }



      /* Jost optical corrections. Jost is a geometric (Futura-lineage) face: its circular

         bowls sit loosely at display sizes, so headings need negative tracking, while

         uppercase micro-labels need positive tracking. Body tracking stays at 0. */

      h1, h2, .h0, .h1, .h2 {

        letter-spacing: -0.015em;

      }

      h3, h4, .h3, .h4 {

        letter-spacing: -0.01em;

      }.btn,

      .btn-color{

        --background: var(--color-accent);--color: var(--auto-text-color-button-light);

    	--fill: var(--auto-text-color-button-light);}.btn--secondary{

        --background: var(--color-base);--color: var(--auto-text-color-button-light);

    	--fill: var(--auto-text-color-button-light);}.btn.checkout-button-color,

      .btn.product-form__submit,

      .btn.btn--add-to-cart{

        --background: #c0603c;--color: var(--auto-text-color-button-light);

    	--fill: var(--auto-text-color-button-light);}.btn.btn-quickview-color{

        --background: #FFFFFF;--color: var(--auto-text-color-button-dark);

    	--fill: var(--auto-text-color-button-dark);}



      

    

    .visually-hidden {

      position: absolute!important;

      overflow: hidden;

      margin: -1px;

      border: 0;

      clip: rect(0 0 0 0);

      word-wrap: normal!important;

    }

    .visually-hidden:not(:focus),

    .visually-hidden:not(:focus-visible){

      width: 1px;

      height: 1px;

      padding: 0;

    }

    .announcement-bar{

  opacity:1;

  min-height:40px;

}

    .popup-modal{

      display: none;

    }announcement-bar,

    sticky-header,

    .display-block {

      display: block !important;

    }

        /* Critical Announcement Bar layout styles to prevent CLS */

    .announcement-bar-container {

      display: block;

      position: relative;

      overflow: hidden;

      min-height: 40px;

    }

    .announcement-bar {

      min-height: 40px;

    }

    html.js .announcement-bar__slider .announcement-bar:not(.announcement-bar--biggest) {

      position: absolute;

      inset: 0;

      width: 100%;

      z-index: 0;

    }

    html.js .announcement-bar__slider .announcement-bar--biggest {

      pointer-events: none;

      visibility: hidden;

      opacity: 0;

    }

    html.js .announcement-bar__slider .announcement-bar-js {

      transform: translateY(-100%);

    }

    html.js .announcement-bar__slider .announcement-bar-js.active {

      transform: translateY(100%);

      z-index: 1;

    }

    html.js .announcement-bar__slider .announcement-bar-js.active.active-show {

      transform: translateY(0);

    }

        /* Hide desktop menu immediately on mobile and tablet to prevent FOUC layout shift */

    @media screen and (max-width: 1024px) {

      .list-menu,

      .list-menu--inline {

        display: none !important;

      }

    }