.shopify-payment-button__button--hidden {
    visibility: hidden;
  }
  
  .shopify-payment-button__button {
    border-radius: 4px;
    border: none;
    box-shadow: 0 0 0 0 transparent;
    color: white;
    cursor: pointer;
    display: block;
    font-size: 1em;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    width: 100%;
    min-height: 44px;
    transition: background 0.2s ease-in-out;
  }
  
  .shopify-payment-button__button[disabled] {
    opacity: 0.6;
    cursor: default;
  }
  
  .shopify-payment-button__button--unbranded {
    background-color: #1990c6;
    padding: 1em 2em;
  }
  
  .shopify-payment-button__button--unbranded:hover:not([disabled]) {
    background-color: #136f99;
  }
  
  .shopify-payment-button__more-options {
    background: transparent;
    border: 0 none;
    cursor: pointer;
    display: block;
    font-size: 1em;
    margin-top: 1em;
    text-align: center;
    text-decoration: underline;
    width: 100%;
  }
  
  .shopify-payment-button__more-options.shopify-payment-button__skeleton {
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
  }
  
  .shopify-payment-button__more-options[disabled] {
    opacity: 0.6;
    cursor: default;
  }
  
  .shopify-payment-button__button.shopify-payment-button__button--branded {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
  }
  
  .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
  }
  
  .shopify-payment-button__button.button.loading {
    position: relative;
    color: transparent;
  }
  
  .shopify-payment-button__button.button.loading > .loading-overlay__spinner {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center;
  }
  
  .shopify-payment-button__button.button.loading > .loading-overlay__spinner .spinner {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
  }
  
  .button.loading > .loading-overlay__spinner .path {
    stroke: white;
  }
  
  .shopify-payment-button__button .loading-overlay__spinner {
    width: 1.8rem;
    display: inline-block;
  }
  
  .shopify-payment-button__button .spinner {
    animation: shopify-rotator 1.4s linear infinite;
  }
  
  @keyframes shopify-rotator {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(270deg);
    }
  }
  
  .shopify-payment-button__button .path {
    stroke-dasharray: 280;
    stroke-dashoffset: 0;
    transform-origin: center;
    stroke: rgb(18,18,18);
    animation: shopify-dash 1.4s ease-in-out infinite;
  }
  
  @media screen and (forced-colors: active) {
    .shopify-payment-button__button .path{
      stroke: CanvasText;
    }
  }
  
  @keyframes shopify-dash {
    0% {
      stroke-dashoffset: 280;
    }
    50% {
      stroke-dashoffset: 75;
      transform: rotate(135deg);
    }
    100% {
      stroke-dashoffset: 280;
      transform: rotate(450deg);
    }
  }
@media screen and (min-width: 750px) {
    #dynamic-checkout-cart {
      min-height: 50px;
    }
  }
  
  @media screen and (max-width: 750px) {
    #dynamic-checkout-cart {
      min-height: 180px;
    }
  }
  
          :root,
          .color-background-1 {
            --color-background: 255,255,255;
          
            --gradient-background: linear-gradient(54deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1) 85%, rgba(255, 255, 255, 1) 100%);
          
  
          
  
          --color-foreground: white;
          --color-background-contrast: 191,191,191;
          --color-shadow: 17,17,19;
          --color-button: 253,171,14;
          --color-button-text: 17,17,19;
          --color-secondary-button: 255,255,255;
          --color-secondary-button-text: 17,17,19;
          --color-link: 17,17,19;
          --color-badge-foreground: 17,17,19;
          --color-badge-background: 255,255,255;
          --color-badge-border: 17,17,19;
          --payment-terms-background-color: rgb(255 255 255);
        }
        
          
          .color-background-2 {
            --color-background: 242,244,247;
          
            --gradient-background: linear-gradient(320deg, rgba(245, 246, 247, 1), rgba(245, 246, 247, 1) 100%);
          
  
          
  
          --color-foreground: white;
          --color-background-contrast: 163,177,198;
          --color-shadow: 17,17,19;
          --color-button: 17,17,19;
          --color-button-text: 242,244,247;
          --color-secondary-button: 242,244,247;
          --color-secondary-button-text: 17,17,19;
          --color-link: 17,17,19;
          --color-badge-foreground: 17,17,19;
          --color-badge-background: 242,244,247;
          --color-badge-border: 17,17,19;
          --payment-terms-background-color: rgb(242 244 247);
        }
        
          
          .color-inverse {
            --color-background: 17,17,19;
          
            --gradient-background: #111113;
          
  
          
  
          --color-foreground: white;
          --color-background-contrast: 139,139,152;
          --color-shadow: 17,17,19;
          --color-button: 255,255,255;
          --color-button-text: 103,108,122;
          --color-secondary-button: 17,17,19;
          --color-secondary-button-text: 153,158,171;
          --color-link: 153,158,171;
          --color-badge-foreground: 255,255,255;
          --color-badge-background: 17,17,19;
          --color-badge-border: 255,255,255;
          --payment-terms-background-color: rgb(17 17 19);
        }
        
          
          .color-accent-1 {
            --color-background: 253,171,14;
          
            --gradient-background: linear-gradient(180deg, rgba(242, 244, 247, 1) 4%, rgba(242, 244, 247, 1) 99%);
          
  
          
  
          --color-foreground: white;
          --color-background-contrast: 138,91,1;
          --color-shadow: 17,17,19;
          --color-button: 17,17,19;
          --color-button-text: 253,171,14;
          --color-secondary-button: 253,171,14;
          --color-secondary-button-text: 17,17,19;
          --color-link: 17,17,19;
          --color-badge-foreground: 17,17,19;
          --color-badge-background: 253,171,14;
          --color-badge-border: 17,17,19;
          --payment-terms-background-color: rgb(253 171 14);
        }
        
          
          .color-accent-2 {
            --color-background: 153,158,171;
          
            --gradient-background: linear-gradient(46deg, rgba(253, 171, 14, 1) 13%, rgba(253, 171, 14, 1) 83%);
          
  
          
  
          --color-foreground: white;
          --color-background-contrast: 89,94,108;
          --color-shadow: 17,17,19;
          --color-button: 17,17,19;
          --color-button-text: 153,158,171;
          --color-secondary-button: 153,158,171;
          --color-secondary-button-text: 17,17,19;
          --color-link: 17,17,19;
          --color-badge-foreground: 17,17,19;
          --color-badge-background: 153,158,171;
          --color-badge-border: 17,17,19;
          --payment-terms-background-color: rgb(153 158 171);
        }
        
          
          .color-scheme-18c160a4-9a7f-4353-a3c9-ad52e1594c32 {
            --color-background: 255,255,255;
          
            --gradient-background: linear-gradient(54deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1) 85%, rgba(255, 255, 255, 1) 100%);
          
  
          
  
          --color-foreground: white;
          --color-background-contrast: 191,191,191;
          --color-shadow: 17,17,19;
          --color-button: 253,171,14;
          --color-button-text: 17,17,19;
          --color-secondary-button: 255,255,255;
          --color-secondary-button-text: 17,17,19;
          --color-link: 17,17,19;
          --color-badge-foreground: 17,17,19;
          --color-badge-background: 255,255,255;
          --color-badge-border: 17,17,19;
          --payment-terms-background-color: rgb(255 255 255);
        }
        
          
          .color-scheme-35e74f9e-f6f9-4a34-b36a-f3efa00b2513 {
            --color-background: 236,237,239;
          
            --gradient-background: linear-gradient(54deg, rgba(236, 237, 239, 1), rgba(236, 237, 239, 1) 100%);
          
  
          
  
          --color-foreground: white;
          --color-background-contrast: 167,171,181;
          --color-shadow: 17,17,19;
          --color-button: 253,171,14;
          --color-button-text: 17,17,19;
          --color-secondary-button: 236,237,239;
          --color-secondary-button-text: 17,17,19;
          --color-link: 17,17,19;
          --color-badge-foreground: 17,17,19;
          --color-badge-background: 236,237,239;
          --color-badge-border: 17,17,19;
          --payment-terms-background-color: rgb(236 237 239);
        }
        
          
          .color-scheme-2fea08a0-dab6-4bf3-95e7-abd255e34b67 {
            --color-background: 255,255,255;
          
            --gradient-background: linear-gradient(54deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1) 85%, rgba(255, 255, 255, 1) 100%);
          
  
          
  
          --color-foreground: white;
          --color-background-contrast: 191,191,191;
          --color-shadow: 17,17,19;
          --color-button: 253,171,14;
          --color-button-text: 17,17,19;
          --color-secondary-button: 255,255,255;
          --color-secondary-button-text: 17,17,19;
          --color-link: 17,17,19;
          --color-badge-foreground: 17,17,19;
          --color-badge-background: 255,255,255;
          --color-badge-border: 17,17,19;
          --payment-terms-background-color: rgb(255 255 255);
        }
        
          
          .color-scheme-88af7b32-01ea-4d17-9911-52654a52859d {
            --color-background: 12,129,31;
          
            --gradient-background: linear-gradient(180deg, rgba(12, 129, 31, 1) 36%, rgba(62, 170, 74, 1) 37%, rgba(18, 129, 54, 0) 41%, rgba(23, 129, 76, 0) 46%, rgba(29, 129, 95, 0) 46%, rgba(34, 129, 113, 0) 46%, rgba(38, 129, 129, 0) 46%, rgba(43, 115, 129, 0) 46%, rgba(255, 255, 255, 1) 85%, rgba(12, 129, 31, 0) 100%);
          
  
          
  
          --color-foreground: white;
          --color-background-contrast: 1,12,3;
          --color-shadow: 17,17,19;
          --color-button: 12,129,31;
          --color-button-text: 12,129,31;
          --color-secondary-button: 12,129,31;
          --color-secondary-button-text: 17,17,19;
          --color-link: 17,17,19;
          --color-badge-foreground: 255,255,255;
          --color-badge-background: 12,129,31;
          --color-badge-border: 255,255,255;
          --payment-terms-background-color: rgb(12 129 31);
        }
        
          
          .color-scheme-3b6f3dab-13e5-456c-9196-cbddacb25a42 {
            --color-background: 255,255,255;
          
            --gradient-background: linear-gradient(54deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1) 85%, rgba(255, 255, 255, 1) 100%);
          
  
          
  
          --color-foreground: white;
          --color-background-contrast: 191,191,191;
          --color-shadow: 245,245,245;
          --color-button: 253,171,14;
          --color-button-text: 255,255,255;
          --color-secondary-button: 255,255,255;
          --color-secondary-button-text: 255,255,255;
          --color-link: 255,255,255;
          --color-badge-foreground: 255,255,255;
          --color-badge-background: 255,255,255;
          --color-badge-border: 255,255,255;
          --payment-terms-background-color: rgb(255 255 255);
        }
        
          
          .color-scheme-a932887e-69ed-430b-9e1b-91992074452c {
            --color-background: 255,255,255;
          
            --gradient-background: linear-gradient(0deg, rgba(242, 244, 247, 1), rgba(255, 255, 255, 1) 69%);
          
  
          
  
          --color-foreground: white;
          --color-background-contrast: 191,191,191;
          --color-shadow: 17,17,19;
          --color-button: 184,188,200;
          --color-button-text: 17,17,19;
          --color-secondary-button: 255,255,255;
          --color-secondary-button-text: 253,171,14;
          --color-link: 253,171,14;
          --color-badge-foreground: 0,0,0;
          --color-badge-background: 255,255,255;
          --color-badge-border: 0,0,0;
          --payment-terms-background-color: rgb(255 255 255);
        }
        
          
          .color-scheme-a9b37f4b-3e49-4297-a01a-e1ed65051dd0 {
            --color-background: 255,255,255;
          
            --gradient-background: radial-gradient(rgba(7, 49, 92, 1), rgba(17, 125, 236, 1) 89%);
          
  
          
  
          --color-foreground: white;
          --color-background-contrast: 191,191,191;
          --color-shadow: 34,77,121;
          --color-button: 255,255,255;
          --color-button-text: 17,17,19;
          --color-secondary-button: 255,255,255;
          --color-secondary-button-text: 49,151,255;
          --color-link: 49,151,255;
          --color-badge-foreground: 17,17,19;
          --color-badge-background: 255,255,255;
          --color-badge-border: 17,17,19;
          --payment-terms-background-color: rgb(255 255 255);
        }
        
          
          .color-scheme-291811aa-388a-4503-b6c4-4fdf31c7b0da {
            --color-background: 255,255,255;
          
            --gradient-background: radial-gradient(rgba(7, 49, 92, 1) 4%, rgba(17, 125, 236, 1) 89%);
          
  
          
  
          --color-foreground: white;
          --color-background-contrast: 191,191,191;
          --color-shadow: 17,17,19;
          --color-button: 253,171,14;
          --color-button-text: 17,17,19;
          --color-secondary-button: 255,255,255;
          --color-secondary-button-text: 17,17,19;
          --color-link: 17,17,19;
          --color-badge-foreground: 255,255,255;
          --color-badge-background: 255,255,255;
          --color-badge-border: 255,255,255;
          --payment-terms-background-color: rgb(255 255 255);
        }
        
  
        body, .color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2, .color-scheme-18c160a4-9a7f-4353-a3c9-ad52e1594c32, .color-scheme-35e74f9e-f6f9-4a34-b36a-f3efa00b2513, .color-scheme-2fea08a0-dab6-4bf3-95e7-abd255e34b67, .color-scheme-88af7b32-01ea-4d17-9911-52654a52859d, .color-scheme-3b6f3dab-13e5-456c-9196-cbddacb25a42, .color-scheme-a932887e-69ed-430b-9e1b-91992074452c, .color-scheme-a9b37f4b-3e49-4297-a01a-e1ed65051dd0, .color-scheme-291811aa-388a-4503-b6c4-4fdf31c7b0da {
          color: rgba(var(--color-foreground), 0.75);
          background-color:#f5f6f7;
          background: #f5f6f7;
        }
  
        :root {
          --font-body-family: "Nunito Sans", sans-serif;
          --font-body-style: normal;
          --font-body-weight: 400;
          --font-body-weight-bold: 700;
  
          --font-heading-family: "Nunito Sans", sans-serif;
          --font-heading-style: normal;
          --font-heading-weight: 600;
  
          --font-body-scale: 1.0;
          --font-heading-scale: 1.0;
  
          --media-padding: px;
          --media-border-opacity: 0.05;
          --media-border-width: 1px;
          --media-radius: 6px;
          --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.8rem;
          --product-card-text-alignment: center;
          --product-card-border-width: 0.0rem;
          --product-card-border-opacity: 0.0;
          --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.2rem;
          --collection-card-corner-radius: 0.0rem;
          --collection-card-text-alignment: center;
          --collection-card-border-width: 0.0rem;
          --collection-card-border-opacity: 0.0;
          --collection-card-shadow-opacity: 0.0;
          --collection-card-shadow-visible: 0;
          --collection-card-shadow-horizontal-offset: -1.0rem;
          --collection-card-shadow-vertical-offset: -1.0rem;
          --collection-card-shadow-blur-radius: 0.5rem;
  
          --blog-card-image-padding: 0.0rem;
          --blog-card-corner-radius: 0.0rem;
          --blog-card-text-alignment: center;
          --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.0;
          --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: 16px;
          --grid-desktop-horizontal-spacing: 12px;
          --grid-mobile-vertical-spacing: 8px;
          --grid-mobile-horizontal-spacing: 6px;
  
          --text-boxes-border-opacity: 0.0;
          --text-boxes-border-width: 0px;
          --text-boxes-radius: 6px;
          --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: 6px;
          --buttons-radius-outset: 7px;
          --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: 0.3px;
  
          --inputs-radius: 4px;
          --inputs-border-width: 1px;
          --inputs-border-opacity: 0.55;
          --inputs-shadow-opacity: 0.0;
          --inputs-shadow-horizontal-offset: -4px;
          --inputs-margin-offset: 0px;
          --inputs-shadow-vertical-offset: 0px;
          --inputs-shadow-blur-radius: 5px;
          --inputs-radius-outset: 5px;
  
          --variant-pills-radius: 40px;
          --variant-pills-border-width: 5px;
          --variant-pills-border-opacity: 0.25;
          --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;
          }
        }


        header-drawer {
            justify-self: start;
            margin-left: -1.2rem;
          }.scrolled-past-header .header__heading-logo-wrapper {
              width: 75%;
            }@media screen and (min-width: 990px) {
              header-drawer {
                display: none;
              }
            }.menu-drawer-container {
            display: flex;
          }
        
          .list-menu {
            list-style: none;
            padding: 0;
            margin: 0;
          }
        
          .list-menu--inline {
            display: inline-flex;
            flex-wrap: wrap;
          }
        
          summary.list-menu__item {
            padding-right: 2.7rem;
          }
        
          .list-menu__item {
            display: flex;
            align-items: center;
            line-height: calc(1 + 0.3 / var(--font-body-scale));
          }
        
          .list-menu__item--link {
            text-decoration: none;
            padding-bottom: 1rem;
            padding-top: 1rem;
            line-height: calc(1 + 0.8 / var(--font-body-scale));
          }
        
          @media screen and (min-width: 750px) {
            .list-menu__item--link {
              padding-bottom: 0.5rem;
              padding-top: 0.5rem;
            }
          }
        .header {
            padding: 6px 3rem 4px 3rem;
          }
        
          .section-header {
            position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */
            margin-bottom: 0px;
          }
        
          @media screen and (min-width: 750px) {
            .section-header {
              margin-bottom: 0px;
            }
          }
        
          @media screen and (min-width: 990px) {
            .header {
              padding-top: 12px;
              padding-bottom: 8px;
            }
          }

          .headerheader {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
          }

          @media (max-width:989px) {
            .headerheader {
                justify-content: center;
            }
          }




        .popup {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 9999;
            overflow: auto;
          }
          
          .popup-content {
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: white;
            padding: 20px;
            border-radius: 5px;
            width: 85%;
            height: 70%;
            overflow: auto;
          }
          
          .popup-content h2 {
            font-size: 22px;
          }
          
          .popup-content p {
            font-size: 12px;
            line-height: 1.5;
          }
          
          #sendedemail .popup-content {
            width: 100%;
            max-width: 600px;
            height: 100%;
            max-height: 440px;
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding-top: 8px;
          }
          
          #sendedemail1 .popup-content {
            width: 100%;
            max-width: 400px;
            height: 100%;
            max-height: 180px;
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding-top: 8px;
          }

          #subscribed .popup-content {
            width: 100%;
            max-width: 500px;
            height: 100%;
            max-height: 200px;
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding-top: 8px;
          }
          
          #sendedemail h2, #sendedemail1 h2, #subscribed h2 {
            margin: 10px auto;
          }
          
          #soon .popup-content {
            width: 100%;
            max-width: 400px;
            height: 100%;
            max-height: 160px;
            text-align: center;
            padding-top: 8px;
          }
          
          .close-button {
            cursor: pointer;
            width: 100%;
            max-width: 25px;
            position: sticky;
            top: 0px;
            left: 99%;
          }
          
          #soon .close-button {
            width: 100%;
            max-width: 15px;
            top: 5px;
            right: 5px;
          }
          
          #sendedemail .close-button, #sendedemail1 .close-button, #subscribed .close-button {
            max-width: 15px;
          }
          
          .popup-content h2, .popup-content h3, .popup-content h4 {
            font-size: 18px;
            color: black;
          }
          
          @media (max-width:540px) {
            #privacy .heading-8 {
              font-size: 1.4em!important;
            }
          }