/* @font-face {
    font-family: "Zurich Extended";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("//cheero.am/cdn/fonts/zurich_extended/zurichextended_n4.b6aa1fcd46586f6b0821b3b5c436f52e1307af4d.woff2?h1=NHFnaXI4LW0wLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y2hlZXJvLmFt&hmac=51364c969a4b9d99c38fc84d47d7f515c41e84361300c5ce8af027e6f36cfaf8") format("woff2"),
         url("//cheero.am/cdn/fonts/zurich_extended/zurichextended_n4.587bf053ea4f270aea46650a576d1802cc2c351a.woff?h1=NHFnaXI4LW0wLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y2hlZXJvLmFt&hmac=97d3b9fca0e12c14bae42a90f2043671cf9d034037ca5435c02752f9e5151f24") format("woff");
  }
  
        @font-face {
    font-family: "Zurich Extended";
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url("//cheero.am/cdn/fonts/zurich_extended/zurichextended_n7.7a3b0ad16811b324fb244230f4ecb7a54fe7c5f4.woff2?h1=NHFnaXI4LW0wLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y2hlZXJvLmFt&hmac=904dfd679ab9b6b3c10f6c4dd56c32497897519b838488ac89af165c1c856874") format("woff2"),
         url("//cheero.am/cdn/fonts/zurich_extended/zurichextended_n7.7ed3f28597855d1376d98442e6176fdb63b8766a.woff?h1=NHFnaXI4LW0wLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y2hlZXJvLmFt&hmac=44709fa4d162798a6ccec4f0ba72954b51a3cfb48926bf79a89cd19d62ab97ea") format("woff");
  }
  
        
        
        @font-face {
    font-family: Syne;
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url("//cheero.am/cdn/fonts/syne/syne_n7.45aaf67b45720ef2279ece5638d1a6ee63c2cf49.woff2?h1=NHFnaXI4LW0wLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y2hlZXJvLmFt&hmac=b107731d87a15164445447d1ed26f93e93ac239027b5fc7d1df158d5c151b354") format("woff2"),
         url("//cheero.am/cdn/fonts/syne/syne_n7.bb94fd947807aaf01898f96a189784353fedc341.woff?h1=NHFnaXI4LW0wLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y2hlZXJvLmFt&hmac=9ba2b1379ab85d0643a65ee37fad76856126fe1d87d817fc903b6ddf67a0f08f") format("woff");
  }
   */
  
        
          :root,
          .color-background-1 {
            --color-background: 255,255,255;
          
            --gradient-background: #ffffff;
          
  
          
  
          --color-foreground: 214,55,55;
          --color-background-contrast: 191,191,191;
          --color-shadow: 214,55,55;
          --color-button: 214,55,55;
          --color-button-text: 255,255,255;
          --color-secondary-button: 255,255,255;
          --color-secondary-button-text: 214,55,55;
          --color-link: 214,55,55;
          --color-badge-foreground: 214,55,55;
          --color-badge-background: 255,255,255;
          --color-badge-border: 214,55,55;
          --payment-terms-background-color: rgb(255 255 255);
        }
        
          
          .color-background-2 {
            --color-background: 230,235,252;
          
            --gradient-background: #e6ebfc;
          
  
          
  
          --color-foreground: 42,0,253;
          --color-background-contrast: 116,144,238;
          --color-shadow: 42,0,253;
          --color-button: 42,0,253;
          --color-button-text: 230,235,252;
          --color-secondary-button: 230,235,252;
          --color-secondary-button-text: 42,0,253;
          --color-link: 42,0,253;
          --color-badge-foreground: 42,0,253;
          --color-badge-background: 230,235,252;
          --color-badge-border: 42,0,253;
          --payment-terms-background-color: rgb(230 235 252);
        }
        
          
          .color-inverse {
            --color-background: 255,255,255;
          
            --gradient-background: #ffffff;
          
  
          
  
          --color-foreground: 18,18,18;
          --color-background-contrast: 191,191,191;
          --color-shadow: 18,18,18;
          --color-button: 18,18,18;
          --color-button-text: 218,227,254;
          --color-secondary-button: 255,255,255;
          --color-secondary-button-text: 18,18,18;
          --color-link: 18,18,18;
          --color-badge-foreground: 18,18,18;
          --color-badge-background: 255,255,255;
          --color-badge-border: 18,18,18;
          --payment-terms-background-color: rgb(255 255 255);
        }
        
          
          .color-accent-1 {
            --color-background: 255,255,255;
          
            --gradient-background: #ffffff;
          
  
          
  
          --color-foreground: 39,40,42;
          --color-background-contrast: 191,191,191;
          --color-shadow: 42,0,253;
          --color-button: 42,0,253;
          --color-button-text: 255,255,255;
          --color-secondary-button: 255,255,255;
          --color-secondary-button-text: 42,0,253;
          --color-link: 42,0,253;
          --color-badge-foreground: 39,40,42;
          --color-badge-background: 255,255,255;
          --color-badge-border: 39,40,42;
          --payment-terms-background-color: rgb(255 255 255);
        }
        
          
          .color-accent-2 {
            --color-background: 18,18,18;
          
            --gradient-background: #121212;
          
  
          
  
          --color-foreground: 255,255,255;
          --color-background-contrast: 146,146,146;
          --color-shadow: 42,0,253;
          --color-button: 255,255,255;
          --color-button-text: 42,0,253;
          --color-secondary-button: 18,18,18;
          --color-secondary-button-text: 255,255,255;
          --color-link: 255,255,255;
          --color-badge-foreground: 255,255,255;
          --color-badge-background: 18,18,18;
          --color-badge-border: 255,255,255;
          --payment-terms-background-color: rgb(18 18 18);
        }
        
          
          .color-accent-3 {
            --color-background: 255,255,255;
          
            --gradient-background: #ffffff;
          
  
          
  
          --color-foreground: 59,21,253;
          --color-background-contrast: 191,191,191;
          --color-shadow: 18,18,18;
          --color-button: 39,40,42;
          --color-button-text: 230,235,252;
          --color-secondary-button: 255,255,255;
          --color-secondary-button-text: 39,40,42;
          --color-link: 39,40,42;
          --color-badge-foreground: 59,21,253;
          --color-badge-background: 255,255,255;
          --color-badge-border: 59,21,253;
          --payment-terms-background-color: rgb(255 255 255);
        }
        
  
        body, .color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2, .color-accent-3 {
          color: rgba(var(--color-foreground), 0.75);
          background-color: rgb(var(--color-background));
        }
  
        :root {
          --font-body-family: "Zurich Extended", sans-serif;
          --font-body-style: normal;
          --font-body-weight: 400;
          --font-body-weight-bold: 700;
  
          --font-heading-family: Syne, sans-serif;
          --font-heading-style: normal;
          --font-heading-weight: 700;
  
          --font-body-scale: 1.0;
          --font-heading-scale: 1.35;
  
          --media-padding: px;
          --media-border-opacity: 0.05;
          --media-border-width: 1px;
          --media-radius: 0px;
          --media-shadow-opacity: 0.0;
          --media-shadow-horizontal-offset: 0px;
          --media-shadow-vertical-offset: 4px;
          --media-shadow-blur-radius: 5px;
          --media-shadow-visible: 0;
  
          --page-width: 120rem;
          --page-width-margin: 0rem;
  
          --product-card-image-padding: 0.0rem;
          --product-card-corner-radius: 0.0rem;
          --product-card-text-alignment: left;
          --product-card-border-width: 0.0rem;
          --product-card-border-opacity: 0.1;
          --product-card-shadow-opacity: 0.0;
          --product-card-shadow-visible: 0;
          --product-card-shadow-horizontal-offset: 0.0rem;
          --product-card-shadow-vertical-offset: 0.4rem;
          --product-card-shadow-blur-radius: 0.5rem;
  
          --collection-card-image-padding: 0.0rem;
          --collection-card-corner-radius: 0.0rem;
          --collection-card-text-alignment: left;
          --collection-card-border-width: 0.0rem;
          --collection-card-border-opacity: 0.1;
          --collection-card-shadow-opacity: 0.0;
          --collection-card-shadow-visible: 0;
          --collection-card-shadow-horizontal-offset: 0.0rem;
          --collection-card-shadow-vertical-offset: 0.4rem;
          --collection-card-shadow-blur-radius: 0.5rem;
  
          --blog-card-image-padding: 0.0rem;
          --blog-card-corner-radius: 0.0rem;
          --blog-card-text-alignment: left;
          --blog-card-border-width: 0.0rem;
          --blog-card-border-opacity: 0.1;
          --blog-card-shadow-opacity: 0.0;
          --blog-card-shadow-visible: 0;
          --blog-card-shadow-horizontal-offset: 0.0rem;
          --blog-card-shadow-vertical-offset: 0.4rem;
          --blog-card-shadow-blur-radius: 0.5rem;
  
          --badge-corner-radius: 4.0rem;
  
          --popup-border-width: 1px;
          --popup-border-opacity: 0.1;
          --popup-corner-radius: 0px;
          --popup-shadow-opacity: 0.05;
          --popup-shadow-horizontal-offset: 0px;
          --popup-shadow-vertical-offset: 4px;
          --popup-shadow-blur-radius: 5px;
  
          --drawer-border-width: 1px;
          --drawer-border-opacity: 0.1;
          --drawer-shadow-opacity: 0.0;
          --drawer-shadow-horizontal-offset: 0px;
          --drawer-shadow-vertical-offset: 4px;
          --drawer-shadow-blur-radius: 5px;
  
          --spacing-sections-desktop: 0px;
          --spacing-sections-mobile: 0px;
  
          --grid-desktop-vertical-spacing: 8px;
          --grid-desktop-horizontal-spacing: 8px;
          --grid-mobile-vertical-spacing: 4px;
          --grid-mobile-horizontal-spacing: 4px;
  
          --text-boxes-border-opacity: 0.1;
          --text-boxes-border-width: 0px;
          --text-boxes-radius: 0px;
          --text-boxes-shadow-opacity: 0.0;
          --text-boxes-shadow-visible: 0;
          --text-boxes-shadow-horizontal-offset: 0px;
          --text-boxes-shadow-vertical-offset: 4px;
          --text-boxes-shadow-blur-radius: 5px;
  
          --buttons-radius: 0px;
          --buttons-radius-outset: 0px;
          --buttons-border-width: 1px;
          --buttons-border-opacity: 1.0;
          --buttons-shadow-opacity: 0.0;
          --buttons-shadow-visible: 0;
          --buttons-shadow-horizontal-offset: 0px;
          --buttons-shadow-vertical-offset: 4px;
          --buttons-shadow-blur-radius: 5px;
          --buttons-border-offset: 0px;
  
          --inputs-radius: 0px;
          --inputs-border-width: 1px;
          --inputs-border-opacity: 0.55;
          --inputs-shadow-opacity: 0.0;
          --inputs-shadow-horizontal-offset: 0px;
          --inputs-margin-offset: 0px;
          --inputs-shadow-vertical-offset: 4px;
          --inputs-shadow-blur-radius: 5px;
          --inputs-radius-outset: 0px;
  
          --variant-pills-radius: 40px;
          --variant-pills-border-width: 1px;
          --variant-pills-border-opacity: 0.55;
          --variant-pills-shadow-opacity: 0.0;
          --variant-pills-shadow-horizontal-offset: 0px;
          --variant-pills-shadow-vertical-offset: 4px;
          --variant-pills-shadow-blur-radius: 5px;
        }
  
        *,
        *::before,
        *::after {
          box-sizing: inherit;
        }
  
        html {
          box-sizing: border-box;
          font-size: calc(var(--font-body-scale) * 62.5%);
          height: 100%;
        }
  
        body {
          display: grid;
          grid-template-rows: auto auto 1fr auto;
          grid-template-columns: 100%;
          min-height: 100%;
          margin: 0;
          font-size: 1.5rem;
          letter-spacing: 0.06rem;
          line-height: calc(1 + 0.8 / var(--font-body-scale));
          font-family: var(--font-body-family);
          font-style: var(--font-body-style);
          font-weight: var(--font-body-weight);
        }
  
        @media screen and (min-width: 750px) {
          body {
            font-size: 1.6rem;
          }
        }
        .related-products {
          display: block;
        }
        
        .related-products__heading {
          margin: 0 0 3rem;
        }
  .product__title > h1{
    line-height: 60px;
  }
  .allproducts{
    min-height: 100vh;
    margin-top: 80px;
  }