@font-face {
  font-family: "Instrument Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("./instrumentsans_n4.db86542ae5e1596dbdb28c279ae6c2086c4c5bfa.woff2") format("woff2"),
       url("./instrumentsans_n4.510f1b081e58d08c30978f465518799851ef6d8b.woff") format("woff");
}

  @font-face {
  font-family: "Instrument Sans";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("./instrumentsans_n7.e4ad9032e203f9a0977786c356573ced65a7419a.woff2") format("woff2"),
       url("./instrumentsans_n7.b9e40f166fb7639074ba34738101a9d2990bb41a.woff") format("woff");
}

  @font-face {
  font-family: "Instrument Sans";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("./instrumentsans_i4.028d3c3cd8d085648c808ceb20cd2fd1eb3560e5.woff2") format("woff2"),
       url("./instrumentsans_i4.7e90d82df8dee29a99237cd19cc529d2206706a2.woff") format("woff");
}

  @font-face {
  font-family: "Instrument Sans";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("./instrumentsans_i7.d6063bb5d8f9cbf96eace9e8801697c54f363c6a.woff2") format("woff2"),
       url("./instrumentsans_i7.ce33afe63f8198a3ac4261b826b560103542cd36.woff") format("woff");
}

  @font-face {
  font-family: "Instrument Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("./instrumentsans_n4.db86542ae5e1596dbdb28c279ae6c2086c4c5bfa.woff2") format("woff2"),
       url("./instrumentsans_n4.510f1b081e58d08c30978f465518799851ef6d8b.woff") format("woff");
}


  /* Colors - Schemes */
  :root,
    .color-default {
      --color-foreground: #111111;
      --color-background: #ffffff;
      --color-button-foreground: #ffffff;
      --color-button-background: #463863;
      --color-outlines: #000000;
      --color-borders: #a29bb1;
      --color-overlay: #ffffff;
      --color-overlay-rgb: 255 255 255;

      --color-card-foreground: #111111;
      --color-card-background: #ffffff;
      --gradient-card-background: #FFFFFF;
      /* noflik setting */

      --color-background-alt: #ffffff;
      }
  
    .color-alternative-1 {
      --color-foreground: #111111;
      --color-background: #f5f5f5;
      --color-button-foreground: #ffffff;
      --color-button-background: #7abaa4;
      --color-outlines: #7abaa4;
      --color-borders: #cccccc;
      --color-overlay: #000000;
      --color-overlay-rgb: 0 0 0;

      --color-card-foreground: #111111;
      --color-card-background: #ffffff;
      --gradient-card-background: #FFFFFF;
      /* noflik setting */

      --color-background-alt: #f5f5f5;
      }
  
    .color-alternative-2 {
      --color-foreground: #000000;
      --color-background: #efe6df;
      --color-button-foreground: #ffffff;
      --color-button-background: #000000;
      --color-outlines: #000000;
      --color-borders: #dfd3ca;
      --color-overlay: #efe6df;
      --color-overlay-rgb: 239 230 223;

      --color-card-foreground: #111111;
      --color-card-background: #ffffff;
      --gradient-card-background: #FFFFFF;
      /* noflik setting */

      --color-background-alt: #efe6df;
      }
  
    .color-overlay-scheme {
      --color-foreground: #111111;
      --color-background: #ffffff;
      --color-button-foreground: #ffffff;
      --color-button-background: #111111;
      --color-outlines: #111111;
      --color-borders: #cccccc;
      --color-overlay: #000000;
      --color-overlay-rgb: 0 0 0;

      --color-card-foreground: #111111;
      --color-card-background: #f5f5f5;
      --gradient-card-background: #FFFFFF;
      /* noflik setting */

      --color-background-alt: #ffffff;
      }
  
    .color-scheme-e05d4091-f349-40bb-b762-c960904549fd {
      --color-foreground: #ffffff;
      --color-background: #463863;
      --color-button-foreground: #ffffff;
      --color-button-background: #463863;
      --color-outlines: #000000;
      --color-borders: #a29bb1;
      --color-overlay: #363636;
      --color-overlay-rgb: 54 54 54;

      --color-card-foreground: #ffffff;
      --color-card-background: #3e3e3e;
      --gradient-card-background: #333333;
      /* noflik setting */

      --color-background-alt: #463863;
      }
  

  body, .color-default, .color-alternative-1, .color-alternative-2, .color-overlay-scheme, .color-scheme-e05d4091-f349-40bb-b762-c960904549fd {
    color: var(--color-foreground);
    background-color: var(--color-background);
  }

  :root {
    --ideal-width: 1440px;
    --container-inner-width: min(100vw - var(--container-margin)*2  , var(--ideal-width));

     /* Colors - Status indicator */
    --success: #31862D;
    --success-foreground: #FFFFFF;
    --error: #DD4242;
    --error-foreground: #FFFFFF;

    /* Colors - Special colors */--cart-dot-foreground: #fff;--cart-dot-background: #CC1122;
    --soldout: ;
    --placeholder-bg: rgba(233, 233, 233);
    --review-stars: #FFCC00;


    /* Typography - Base/Body */
    --font-body-family: "Instrument Sans", sans-serif;
    --font-body-style: normal;
    --font-body-weight: 400;
    --font-body-line-height: 1.6;
    --font-body-letter-spacing: -0.02em;
    --font-body-text-transform: none;

    /* Typography - Heading/Titles */
    --font-heading-family: "Instrument Sans", sans-serif;
    --font-heading-style: normal;
    --font-heading-weight: 400;
    --font-heading-line-height: 1.2;
    --font-heading-letter-spacing: 0.0em;
    --font-heading-text-transform: none;

    /* Typography - Subheading/Subtitle */--font-subheader-family: var(--font-heading-family);
    --font-subheader-style: var(--font-heading-style);
    --font-subheader-weight: var(--font-heading-weight);--font-subheader-text-transform: none;
    --font-subheader-line-height: ;
    --font-subheader-letter-spacing: 0.0em;

    /* Typography - Buttons */--font-button-family: var(--font-body-family);
    --font-button-style: var(--font-body-style);
    --font-button-weight: var(--font-body-weight);--font-button-text-transform: uppercase;
    --font-button-size: 14px;
    --font-button-letter-spacing: 0.0em;

    /* Typography - Site header */--font-site-header-family: var(--font-body-family);
    --font-site-header-style: var(--font-body-style);
    --font-site-header-weight: var(--font-body-weight);--font-site-header-text-transform: uppercase;
    --font-site-header-size: 14px;
    --font-site-header-letter-spacing: 0.0em;

    /* Typography - Navigation */--font-navigation-family: var(--font-body-family);
    --font-navigation-style: var(--font-body-style);
    --font-navigation-weight: var(--font-body-weight);--font-navigation-text-transform: uppercase;

    --font-navigation-size: 14px;
    --font-navigation-line-height: 1.6;
    --font-navigation-letter-spacing: 0.0em;

    /* Badges */--font-badge-family: var(--font-body-family);
    --font-badge-style: var(--font-body-style);
    --font-badge-weight: var(--font-body-weight);--font-badge-text-transform: uppercase;

    --font-badge-size: 11px;
    --font-badge-letter-spacing: 0.02em;
    --badge-border-radius: 0px;

    /* Drawers */
    --drawers-overlay-alpha: 0.3;
    --drawers-overlay-blur: 4px;

    /* Modals */
    --modals-overlay-alpha: 0.3;
    --modals-overlay-blur: 4px;

    /* Cards */
    --card-border-radius: 0px;
    --card-body-padding: 12px;
    --card-media-padding: 12px;

    /* Aesthetics */
    --button-border-radius: 0px;
    --button-padding: 0.6em 2.6em;
    --button-round-padding: 0.6em;
    --modal-border-radius: 0px;
    --icon-stroke: 1;
    --icon-stroke-px: 1px;--br-img: 0px;/* Forms and inputs */
    --input-background: #FFFFFF;
    --input-foreground: #111111;
    --input-border-width: 0px;
    --input-border-color: #DDDDDD;
    --input-border-radius: 6px;
    --input-box-shadow: inset 2px 2px 8px rgba(0,0,0,.25);
    --input-letter-spacing: 0;

    /* Other */--css-icon-close: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' %3E%3Cstyle type='text/css'%3E .line%7Bfill:none;stroke:%23111111;stroke-linecap:round;stroke-width:1;stroke-linejoin:round;%7D%0A%3C/style%3E%3Ccircle cx='22' cy='22' r='18' fill='%23ffffff' /%3E%3Cline class='line' x1='27' y1='17' x2='17' y2='27'/%3E%3Cline class='line' x1='17' y1='17' x2='27' y2='27'/%3E%3C/svg%3E");
    --css-icon-full-screen: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' %3E%3Cstyle type='text/css'%3E .line%7Bfill:none;stroke:%23111111;stroke-linecap:round;stroke-width:1;stroke-linejoin:round;%7D%0A%3C/style%3E%3Ccircle cx='22' cy='22' r='18' fill='%23ffffff' /%3E%3Cpolyline class='line' points='15 20 15 15 20 15'/%3E %3Cpolyline class='line' points='24 15 29 15 29 20'/%3E %3Cpolyline class='line' points='29 24 29 29 24 29'/%3E %3Cpolyline class='line' points='20 29 15 29 15 24'/%3E %3Cline class='line' x1='15' y1='15' x2='19' y2='19'/%3E %3Cline class='line' x1='29' y1='15' x2='25' y2='19'/%3E %3Cline class='line' x1='29' y1='29' x2='25' y2='25'/%3E %3Cline class='line' x1='15' y1='29' x2='19' y2='25'/%3E%3C/svg%3E");
    --css-icon-zoom-in: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' %3E%3Cstyle type='text/css'%3E .line%7Bfill:none;stroke:%23111111;stroke-linecap:round;stroke-width:1;stroke-linejoin:round;%7D%0A%3C/style%3E%3Ccircle cx='22' cy='22' r='18' fill='%23ffffff' /%3E%3Ccircle class='line' cx='21' cy='21' r='6'/%3E%3Cline class='line' x1='21' y1='19' x2='21' y2='23'/%3E%3Cline class='line' x1='19' y1='21' x2='23' y2='21'/%3E%3Cline class='line' x1='29.6' y1='29.6' x2='25.2' y2='25.2'/%3E%3C/svg%3E");
    --sticky-header-margin-top: 0;
  }

  html {font-size: 62.5%;

    --gutter: 16px;
    --container-margin: 24px;
    --grid-gap: 16px;--max-col-width: 105px
  }

  @media only screen and (min-width: 768px) {
    html {font-size: 62.5%;
      --gutter: 16px;
      --container-margin: 48px;
    }
  }/* ---------- */
  /* TYPOGRAPHY */
  body     { --font-size: 1.6rem }
  h1,.h1   { --font-size: 3.2rem }
  h2,.h2   { --font-size: 2.6rem }
  h3,.h3   { --font-size: 2.2rem }
  h4,.h4   { --font-size: 2.0rem }
  h5,.h5   { --font-size: 1.8rem }
  h6,.h6   { --font-size: 1.6rem }
  .caption { --font-size: 1.2rem }

  body, .font-body {
    font-size: var(--font-size);
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-line-height);
    letter-spacing: var(--font-body-letter-spacing);
  }

  h1,h2,h3,h4,h5,h6,
  .h1,.h2,.h3,.h4,.h5,.h6 {
    font-size: var(--font-size);
    font-family: var(--font-heading-family);
    font-style: var(--font-heading-style);
    font-weight: var(--font-heading-weight);
    line-height: var(--font-heading-line-height);
    letter-spacing: var(--font-heading-letter-spacing);
    text-transform: var(--font-heading-text-transform);
    word-break: break-word;
  }

  /* noflik */
  .h5{
    font-family: var(--font-body-family);
  }

  @media only screen and (min-width: 768px) {
    body     { --font-size: 1.8rem }
    h1,.h1   { --font-size: 4.0rem }
    h2,.h2   { --font-size: 3.2rem }
    h3,.h3   { --font-size: 2.6rem }
    h4,.h4   { --font-size: 2.2rem }
    h5,.h5   { --font-size: 2.0rem }
    h6,.h6   { --font-size: 1.8rem }
    .caption { --font-size: 1.4rem }
  }

  /* Size modifiers */
  .size--nano, .rte.size--nano *              { font-size: calc(var(--font-size)*0.65) }
  .size--tiny, .rte.size--tiny *              { font-size: calc(var(--font-size)*0.75) }
  .size--small, .rte.size--small *            { font-size: calc(var(--font-size)*0.85) }
  .size--default, .rte.size--default *        { font-size: var(--font-size) }
  .size--large, .rte.size--large *            { font-size: calc(var(--font-size)*1.25) }
  .size--huge, .rte.size--huge *              { font-size: calc(var(--font-size)*1.50) }
  .size--gigantic, .rte.size--gigantic *      { font-size: calc(var(--font-size)*2.00) }
  .size--outrageous, .rte.size--outrageous *  { font-size: calc(var(--font-size)*3.00) }

  .btn.size--nano       { font-size: calc(var(--font-button-size)*0.65) !important }
  .btn.size--tiny       { font-size: calc(var(--font-button-size)*0.75) !important }
  .btn.size--small      { font-size: calc(var(--font-button-size)*0.85) !important }
  .btn.size--default    { font-size: var(--font-button-size) !important }
  .btn.size--large      { font-size: calc(var(--font-button-size)*1.25) !important }
  .btn.size--huge       { font-size: calc(var(--font-button-size)*1.50) !important }
  .btn.size--gigantic   { font-size: calc(var(--font-button-size)*2.00) !important }
  .btn.size--outrageous { font-size: calc(var(--font-button-size)*3.00) !important }

  @media only screen and (min-width: 768px) {
    .sm-size--nano, .rte.sm-size--nano *              { font-size: calc(var(--font-size)*0.65) }
    .sm-size--tiny, .rte.sm-size--tiny *              { font-size: calc(var(--font-size)*0.75) }
    .sm-size--small, .rte.sm-size--small *            { font-size: calc(var(--font-size)*0.85) }
    .sm-size--default, .rte.sm-size--default *        { font-size: var(--font-size) }
    .sm-size--large, .rte.sm-size--large *            { font-size: calc(var(--font-size)*1.25) }
    .sm-size--huge, .rte.sm-size--huge *              { font-size: calc(var(--font-size)*1.50) }
    .sm-size--gigantic, .rte.sm-size--gigantic *      { font-size: calc(var(--font-size)*2.00) }
    .sm-size--outrageous, .rte.sm-size--outrageous *  { font-size: calc(var(--font-size)*3.00) }

    .btn.sm-size--nano       { font-size: calc(var(--font-button-size)*0.65) !important }
    .btn.sm-size--tiny       { font-size: calc(var(--font-button-size)*0.75) !important }
    .btn.sm-size--small      { font-size: calc(var(--font-button-size)*0.85) !important }
    .btn.sm-size--default    { font-size: var(--font-button-size) !important }
    .btn.sm-size--large      { font-size: calc(var(--font-button-size)*1.25) !important }
    .btn.sm-size--huge       { font-size: calc(var(--font-button-size)*1.50) !important }
    .btn.sm-size--gigantic   { font-size: calc(var(--font-button-size)*2.00) !important }
    .btn.sm-size--outrageous { font-size: calc(var(--font-button-size)*3.00) !important }
  }

  /* Style modifiers */
  .style--subdued   { opacity: 0.65 }
  em, .style--italic { font-family: serif }

  .subheading {
    font-family: var(--font-subheader-family);
    font-weight: var(--font-subheader-weight);
    font-style: var(--font-subheader-style);
    letter-spacing: var(--font-subheader-letter-spacing);
    line-height:  var(--font-subheader-line-height);
    text-transform: var(--font-subheader-text-transform);
  }@media only screen and (min-width: 768px) {
    .gridy-arrows {
      opacity: 0 !important;
      transform: scale(0.95) !important;
      transition: all 0.3s ease-in-out !important;
    }
    .gridy-slider:hover .gridy-arrows {
      opacity: 1 !important;
      transform: scale(1.0) !important;
    }
  }

        #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;
}

      

    .announcements-bar {
      font-size: 12px;
      text-transform: none;
      letter-spacing: 0.02em;
    }
    .announcement {
      max-width: none;
      padding: 8px;
    }
    .announcement a {
      text-decoration: underline;
    }
  

  .header-logo > * {
    margin-top: 25px;;
    margin-bottom: 25px;;
  }
  @media only screen and (min-width:768px) {
   .header-logo > * {
      margin-top: 30px;;
      margin-bottom: 30px;;
    }
  }


        @media only screen and (min-width: 1024px) {
          #panel-collection-drawer-menu__item-js-container {
            clip-path: url("#drawer-clip")
          }
        }
        

        @media only screen and (min-width: 1024px) {
          #panel-shop-drawer-menu__item-js-container {
            clip-path: url("#drawer-clip")
          }
        }
        

  @media only screen and (min-width: 1024px) {
    #panel-localization-drawer-menu__item-js-container {
      clip-path: url("#drawer-clip")
    }
  }
  

        @media only screen and (min-width: 1024px) {
          #panel-collection-drawer-menu__item-no-js-container {
            clip-path: url("#drawer-clip")
          }
        }
        

        @media only screen and (min-width: 1024px) {
          #panel-shop-drawer-menu__item-no-js-container {
            clip-path: url("#drawer-clip")
          }
        }
        

.shopify-block.shopify-app-block:has(>[data-app="trustoo"]){
  width:100%
}