spinnerPin {
  position: absolute;
  left: 92%;
  top: 27%;
  width: 12%;
  height: 13%;
  z-index: 1;
}
.newsletter-bar__social ul  li a {
    color: #000 !important;
}
@keyframes wheelContainerBiteSpeed {
    0% {
      left: -55%;
    }

    100% {
      left: 0%;
    }
  }

  @keyframes wheelContainerBiteSpeedMobile {
    0% {
      left: -100%;
    }

    100% {
      left: 0%;
    }
  }

  @keyframes wheelContainerBiteSpeedMobile80 {
    0% {
      left: -80%;
    }

    100% {
      left: 0%;
    }
  }

  @keyframes wheelContainerBiteSpeedMobile65 {
    0% {
      left: -65%;
    }

    100% {
      left: 0%;
    }
  }
  
}

  @keyframes pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
    80% {
      box-shadow: 0 0 0 6px rgba(244, 244, 244, 0.689);
    }
    100% {
      box-shadow: 0 0 0 0 rgba(244, 244, 244, 0);
    }
  }

  #wheelContainerBiteSpeed {
    position: fixed;
    top: 0;
    left: 0;
    width: 55%;
    height: 100%;

    background: linear-gradient(
      to right,
      #112f5a,
      #004842
    );
    overflow: hidden;
    transition: 2s;
    animation: wheelContainerBiteSpeed 2s;
  }

  #BSSTWTopBrandingBar {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    padding: 10px;
    width: 95%;
  }

  #BSSTWTopBrandingBarLogo {
    display: flex;
    visibility: hidden;
    align-items: center;
    z-index: 1;
    font-size: 24px;
    flex: 0 0 120px;
  }

  #BSSTWTopBrandingBarLogo img {
    width: 120px;
    height: auto;
    margin-right: 10px;
  }

  #CrossButton {
    font-size: 16px;
    color: #666;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 5px;
    flex: 0 0 auto;
    float: right;
    z-index: 99999999;
    transition: 0.5s;
    cursor: pointer;
  }

  #CrossButton:hover {
    transform: scale(1.3);
  }

  #container_stw_aj {
    flex: 0 0 80%;
  }

  .wheelAndPinContainer {
    overflow: initial;
    border: 0;
    flex: 0 0 80%;
    margin-right: 40px !important;
  }
#inputCollector
 {
    flex: 1 0 45%;
    display: flex
;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 60vh;
    width: 85%;
 }
  #wheelAndInputContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    left: -35%;
    transition: 1.5s;
    /* transform: translateY(25%); */
  }

  #spinnerPin {
    position: absolute;
    left: 92%;
    top: 27%;
    width: 12%;
    height: 13%;
    z-index: 1;
  }

  @media only screen and (max-width: 600px) {
    #spinnerPin {
      width: 15%;
      height: 15%;
    }
  }

  #gapDivSTW {
    transition: 1.5s;
  }

  #inputCollector {
    flex: 1 0 45%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width : 85%;
    /* Set the height to full viewport height */
  }

  #STWHeadingText,
  #STWSubHeadingText,
  #STWDisclaimerText, #STWDicountBox {
    margin: 6px 6px;
    text-align: center;
    font-family: Poppins, sans-serif;
  }

  #STWHeadingText {
    color: #FFFFFF;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 0px;
    padding-top: 0vh;
    transition: 3s;
  }

  #STWSubHeadingText {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 32px;
    color: #FFFFFF;
  }

  #STWDisclaimerText {
    font-size: 12px;
    line-height: 1.5;
    margin: 12px;
    color: #FFFFFF;
  }

  #inputBoxBiteSpeed {
    padding: 10px;
    margin: 10px 0;
    background-color: #ffffff;
    border-radius: 6px;
    height: 26px;
    text-align: left;
  }

  
  #STWBiteSpeedWAChatInputEmail{
    border-radius: 5px;
  }

  #STWBiteSpeedWAChatInputName{
    border-radius: 5px;
  }


  .STWinputWAWidget, .STWemailWAWidget, .STWnameWAWidget, .STWdiscountWAWidget {
    display: flex;
    align-items: center;
    width: 100%;
    border-radius: 6px;
    height: 44px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    animation: pulse 2s infinite;
  }

  .STWdiscountWAWidget {
    width: auto;
    max-height: 56px;
  }

  .STWemailWAWidget, .STWnameWAWidget {
		width: 100%;
    margin-top : 15px;
    border-radius: 5px;
  }

  .STWdiscountWAWidget{
    display: none;
    background-color: white;
    animation: none;
  }

  #STWDicountBox, #STWDicountBoxCopy {
    font-size: 18px;
    font-weight: 700;
    align-items: center;
    justify-content: center;
    display: flex;
    padding: 14px;
    box-shadow: #8c8c8c 0px 0px 2px 1px;
    font-size: 14px;
  }

  #STWDicountBox{
    font-size : 18px !important;
  }

  #STWDicountBoxCopy {
    cursor: pointer;
    height: -webkit-fill-available;
    box-shadow: none;
    font-family: Poppins, sans-serif;
    width: MAX-CONTENT;
    border-left: 1px solid black;
    font-weight: 600;
  }

  .bitespeedCountryCode {
    padding: 15px;
    font-size: 14px;
    border: none;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    outline: none;
    background-color: #F0F0F0;
    width: 100px;
    appearance: none;
    height: 100%;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    /*  background-image: url("data:image/svg+xml;
  charset=UTF-8,%3csvg
  xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  */
  }

  /* .bitespeedPhoneNumber {
        margin-bottom: 10px;

  } */

  .STWsendButtonWAWidgetContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  .STWsendButtonWAWidget {
    cursor: pointer;
    color: #004842;
    padding: 15px;
    font-size: 15px;
    border: none;
    border-radius: 5px;
    outline: none;
    height: 45px;
    font-weight: 600;
    margin-top: 25px;
    margin-left: 8px;
    width: 93%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 22px;
    background-image: linear-gradient(#ffffff, #ffffff);
    box-shadow: rgba(0, 0, 0, 0.298) 0px 4px 1px 0px,
      rgba(0, 0, 0, 0.2) 0px 5px 15px 0px, rgb(0, 0, 0) 0px 2px 0px 0px,
      rgba(0, 0, 0, 0.2) 0px 2px 0px 0px inset;
  }

  #spinner_container {
    position: absolute;
    top: 5vh;
  }

  
      .pie {
        font-size: 19px !important
      }

      @media only screen and (max-width: 480px) {
        .pie {
          font-size: 10px !important
        }
      }

      @media only screen and (max-width: 1350px) {
        #wheelContainerBiteSpeed {
          width: 65%;
          animation: wheelContainerBiteSpeedMobile65 2s;
        }
        #spinner_container {
          /* display: initial; */
          position: absolute;
          top: 0vh;
        }
      }
  @media only screen and (max-width: 1150px) {
    #wheelContainerBiteSpeed {
      width: 80%;
      animation: wheelContainerBiteSpeedMobile80 2s;
    }
  }

  @media only screen and (max-width: 600px) {
    #wheelContainerBiteSpeed {
      width: 100%;
      animation: wheelContainerBiteSpeedMobile 2s;
    }
    .wheelAndPinContainer {
      overflow: initial;
      border: 0;
      flex: none;
      margin-bottom: 40px !important;
      margin-right: 0;
    }
    #wheelAndInputContainer {
      flex-direction: column;
      left: 0%;
      top: 15%;
    }
    .bitespeedPhoneNumber {
      font-size: 17px;
      padding: 0.42rem;
    }
    .bitespeedCountryCode {
      padding: 9px;
    }
    .bitespeedPhoneNumber::placeholder {
      font-size: 14px;
    }
    #STWHeadingText{
      font-size : 20px!important;
      line-height : 1!important;
    }
    #STWSubHeadingText{
      font-size : 14px!important;
      line-height : 1!important;
    }
    

    /* .bitespeedPhoneNumber:active ~ #wheelAndInputContainer {
         top: -30%;
       } */
    /* .bitespeedPhoneNumber:active + #wheelAndInputContainer {
         top: -90%;
       } */
  }
  

  .STWdiscountWAWidget {
    width: auto;
    max-height: 56px;
  }

  .STWemailWAWidget, .STWnameWAWidget {
		width: 100%;
    margin-top : 15px;
    border-radius: 5px;
  }

  .STWdiscountWAWidget{
    display: none;
    background-color: white;
    animation: none;
  }

  #STWDicountBox, #STWDicountBoxCopy {
    font-size: 18px;
    font-weight: 700;
    align-items: center;
    justify-content: center;
    display: flex;
    padding: 14px;
    box-shadow: #8c8c8c 0px 0px 2px 1px;
    font-size: 14px;
  }

  #STWDicountBox{
    font-size : 18px!important;
  }

  #STWDicountBoxCopy {
    cursor: pointer;
    height: -webkit-fill-available;
    box-shadow: none;
    font-family: Poppins, sans-serif;
    width: MAX-CONTENT;
    border-left: 1px solid black;
    font-weight: 600;
  }

  .bitespeedCountryCode {
    padding: 15px;
    font-size: 14px;
    border: none;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    outline: none;
    background-color: #F0F0F0;
    width: 100px;
    appearance: none;
      height: 100%;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
    /*  background-image: url("data:image/svg+xml;
  charset=UTF-8,%3csvg
  xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  */
  }

  .bitespeedPhoneNumber {
    padding: 0.82rem;
    border: none;
    font-size: 14px;
    border-left: none;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    outline: none;
    width: inherit;
    height: 100%;
    box-sizing: border-box;
    background-color: #ffffff !important;
  }

  .STWsendButtonWAWidgetContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  .STWsendButtonWAWidget {
    cursor: pointer;
    color: #004842;
    padding: 15px;
    font-size: 15px;
    border: none;
    border-radius: 5px;
    outline: none;
    height: 45px;
    font-weight: 600;
    margin-top: 5px;
    margin-left: 8px;
    width: 93%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 22px;
    background-image: linear-gradient(#ffffff, #ffffff);
    box-shadow: rgba(0, 0, 0, 0.298) 0px 4px 1px 0px,
      rgba(0, 0, 0, 0.2) 0px 5px 15px 0px, rgb(0, 0, 0) 0px 2px 0px 0px,
      rgba(0, 0, 0, 0.2) 0px 2px 0px 0px inset;
  }

  #spinner_container {
    position: absolute;
    top: 5vh;
  }

  
      .pie {
        font-size: 19px !important
      }

      @media only screen and (max-width: 480px) {
        .pie {
          font-size: 10px !important
        }
      }

      @media only screen and (max-width: 1350px) {
        #wheelContainerBiteSpeed {
          width: 65%;
          animation: wheelContainerBiteSpeedMobile65 2s;
        }
        #spinner_container {
          /* display: initial; */
          position: absolute;
          top: 0vh;
        }
      }
  @media only screen and (max-width: 1150px) {
    #wheelContainerBiteSpeed {
      width: 80%;
      animation: wheelContainerBiteSpeedMobile80 2s;
    }
  }

  @media only screen and (max-width: 600px) {
    #wheelContainerBiteSpeed {
      width: 100%;
      animation: wheelContainerBiteSpeedMobile 2s;
    }
    .wheelAndPinContainer {
      overflow: initial;
      border: 0;
      flex: none;
      margin-bottom: 40px !important;
      margin-right: 0;
    }
    #wheelAndInputContainer {
      flex-direction: column;
      left: 0%;
      top: 15%;
    }
    .bitespeedPhoneNumber {
      font-size: 17px;
      padding: 0.42rem;
    }
    .bitespeedCountryCode {
      padding: 9px;
    }
    .bitespeedPhoneNumber::placeholder {
      font-size: 14px;
    }
    #STWHeadingText{
      font-size : 20px!important;
      line-height : 1!important;
    }
    #STWSubHeadingText{
      font-size : 14px!important;
      line-height : 1!important;
    }
    

    /* .bitespeedPhoneNumber:active ~ #wheelAndInputContainer {
         top: -30%;
       } */
    /* .bitespeedPhoneNumber:active + #wheelAndInputContainer {
         top: -90%;
       } */
  }
  .newsletter-bar__social ul {
  padding-block-start: var(--sp-1);
  flex-direction: column;
}

.newsletter-bar__social ul li {
  width: var(--sp-10);
  height: var(--sp-10);
}

.newsletter-bar__social .social_platform {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.newsletter-bar__button {
  writing-mode: vertical-rl;
  font-size: var(--text-3xs);
  padding-inline: var(--sp-4);
  margin-block: var(--sp-2);
  color: rgb(var(--color-foreground));
  background-color: rgb(var(--color-foreground)/ 0.045);
}
.newsletter-bar.left-0 .newsletter-bar__button {
  transform: rotate(-180deg);
}
.newsletter-bar.left-0 .newsletter-bar__button {
  transform: rotate(-180deg);
}
.newsletter-bar__button {
  writing-mode: vertical-rl;
  font-size: var(--text-3xs);
  padding-inline: var(--sp-4);
  margin-block: var(--sp-2);
  color: rgb(var(--color-foreground));
  background-color: rgb(var(--color-foreground)/ .045);
}
.tracking-wider {
  letter-spacing: .05em;
}
.justify-center {
  justify-content: center;
}
.items-center {
  align-items: center;
}
.text-xs {
  font-size: var(--text-xs);
  line-height: 1.6;
}
.uppercase {
  text-transform: uppercase;
}
.newsletter-bar__button {
  writing-mode: vertical-rl;
  font-size: var(--text-3xs);
  color: rgb(var(--color-foreground));
}
.tracking-wider {
  letter-spacing: .05em;
}
@media screen and (pointer: fine) {
  .newsletter-bar__button:hover span {
    animation: beat .6s infinite ease;
  }
}

@media screen and (min-width: 640px) {
  .newsletter-bar {
    margin-inline: var(--sp-6);
  }

  .has-dropdown-menu .newsletter-bar {
    z-index: 15;
  }
}

@media screen and (max-width: 767px) {
  .newsletter-bar.sm\:without-social {
    padding-block: 0;
    width: var(--sp-10);
  }

  .newsletter-bar.sm\:without-social .newsletter-bar__button {
    margin-block: 0;
  }
}
  #shopify-block-floating {
        --color-foreground: 0 72 66;
        --color-background: 255 255 255;
    }
    .newsletter-bar__social ul {
  padding-block-start: var(--sp-1);
  flex-direction: column;
}

.newsletter-bar__social ul li {
  width: var(--sp-10);
  height: var(--sp-10);
}

.newsletter-bar__social .social_platform {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.newsletter-bar__button {
  writing-mode: vertical-rl;
  font-size: var(--text-3xs);
  padding-inline: var(--sp-4);
  margin-block: var(--sp-2);
  color: rgb(var(--color-foreground));
  background-color: rgb(var(--color-foreground)/ 0.045);
}

.newsletter-bar.left-0 .newsletter-bar__button {
  transform: rotate(-180deg);
}

@media screen and (pointer: fine) {
  .newsletter-bar__button:hover span {
    animation: beat .6s infinite ease;
  }
}

@media screen and (min-width: 640px) {
  .newsletter-bar {
    margin-inline: var(--sp-6);
  }

  .has-dropdown-menu .newsletter-bar {
    z-index: 15;
  }
}

@media screen and (max-width: 767px) {
  .newsletter-bar.sm\:without-social {
    padding-block: 0;
    width: var(--sp-10);
  }

  .newsletter-bar.sm\:without-social .newsletter-bar__button {
    margin-block: 0;
  }
}
.newsletter-bar__social .social_platform {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.block {
  display: block;
}
.relative {
  position: relative;
}
.social_platform .icon {
  fill: currentColor;
}
.icon-sm {
  width: var(--sp-5);
  height: var(--sp-5);
}
.icon {
  stroke-width: var(--icon-weight);
  width: var(--sp-5d5);
  height: var(--sp-5d5);
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fixed {
  position: fixed;
}
#shopify-block-floating {
  --color-foreground: 0 72 66;
  --color-background: 255 255 255;
}
@media screen and (min-width: 640px) {
  .newsletter-bar {
    margin-inline: var(--sp-6);
  }
}
@supports (height: 100svh) {
  .newsletter-bar {
    inset-block-start: 50svh;
  }
}
.newsletter-bar {
  inset-block-start: 50vh;
  transform: translateY(-50%);
  width: var(--sp-13);
  margin-inline: var(--page-padding);
  padding-block: var(--sp-2);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: rgb(var(--color-background)/ .8);
  box-shadow: 0 0 0 1px rgb(var(--color-border));
}
@media screen and (min-width: 768px) {
  .md\:grid {
    display: grid;
  }
}
.gap-3 {
  gap: var(--sp-3);
}
.z-30 {
  z-index: 30;
}
.left-0 {
  inset-inline-start: 0;
}
.rounded-full {
  border-radius: 9999px;
}
#shopify-section-sections--18721252901039__newsletter-popup {
  --color-drawer-text: 0 72 66;
  --color-drawer-background: 255 255 255;
  --color-drawer-button-gradient: #004842;
  --color-drawer-button-background: 0 72 66;
  --color-drawer-button-text: 255 255 255;
  --color-highlight: 243 165 26;
  --color-drawer-overlay: 0 72 66;
}
.newsletter-bar__social ul {
  padding-block-start: var(--sp-1);
  flex-direction: column;
}
.gap-0d5 {
  gap: var(--sp-0d5);
}
.items-center {
  align-items: center;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex {
  display: flex;
}
menu, ol, ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#shopify-section-sections--18721252901039__newsletter-popup {
  --color-drawer-text: 0 72 66;
  --color-drawer-background: 255 255 255;
  --color-drawer-button-gradient: #004842;
  --color-drawer-button-background: 0 72 66;
  --color-drawer-button-text: 255 255 255;
  --color-highlight: 243 165 26;
  --color-drawer-overlay: 0 72 66;
}
.newsletter-bar__social .social_platform {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.newsletter-bar {
  transform: translateY(-63%);
  width: var(--sp-13);
  padding-block: var(--sp-2);
  backdrop-filter: blur(6px);
  background-color: rgb(var(--color-background)/ .8);
  box-shadow: 0 0 0 1px rgb(210 211 211);
}
:root {
  --color-base-text: 62 62 62;
  --color-border:0 72 66;
  --color-base-highlight: 177 116 87;
  --color-base-background: 255 255 255;
  --color-base-button: 0 72 66;
  --color-base-button-gradient: linear-gradient(180deg, rgba(25, 72, 106, 1), rgba(0, 72, 66, 1) 100%);
  --color-base-button-text: 255 255 255;
  --color-keyboard-focus: 11 97 205;
  --color-shadow: 226 226 226;
  --color-price: 25 72 106;
  --color-sale-price: 0 72 66;
  --color-sale-tag: 73 139 109;
  --color-sale-tag-text: 255 255 255;
  --color-rating: 177 116 87;
  --color-placeholder: 255 255 255;
  --color-success-text: 25 72 106;
  --color-success-background: 233 241 220;
  --color-error-text: 197 0 67;
  --color-error-background: 255 241 242;
  --color-info-text: 128 28 29;
  --color-info-background: 255 251 235;
  --color-drawer-text: 0 72 66;
  --color-drawer-background: 255 255 255;
  --color-drawer-button-background: 0 72 66;
  --color-drawer-button-gradient: linear-gradient(180deg, rgba(25, 72, 106, 1) 3%, rgba(0, 72, 66, 1) 100%);
  --color-drawer-button-text: 255 255 255;
  --color-drawer-overlay: 0 0 0;
  --card-radius: var(--rounded-card);
  --card-border-width: 0.1rem;
  --card-border-opacity: 0.1;
  --card-shadow-opacity: 0.4;
  --card-shadow-horizontal-offset: 0.2rem;
  --card-shadow-vertical-offset: 0.2rem;
  --buttons-radius: var(--rounded-button);
  --buttons-border-width: 1px;
  --buttons-border-opacity: 0.2;
  --buttons-shadow-opacity: 0.1;
  --buttons-shadow-horizontal-offset: 0px;
  --buttons-shadow-vertical-offset: 0px;
  --inputs-radius: var(--rounded-input);
  --inputs-border-width: 1px;
  --inputs-border-opacity: 0.2;
  --sp-0d5: 0.125rem;
  --sp-1: 0.25rem;
  --sp-1d5: 0.375rem;
  --sp-2: 0.5rem;
  --sp-2d5: 0.625rem;
  --sp-3: 0.75rem;
  --sp-3d5: 0.875rem;
  --sp-4: 1rem;
  --sp-4d5: 1.125rem;
  --sp-5: 1.25rem;
  --sp-5d5: 1.375rem;
  --sp-6: 1.5rem;
  --sp-6d5: 1.625rem;
  --sp-7: 1.75rem;
  --sp-7d5: 1.875rem;
  --sp-8: 2rem;
  --sp-8d5: 2.125rem;
  --sp-9: 2.25rem;
  --sp-9d5: 2.375rem;
  --sp-10: 2.5rem;
  --sp-10d5: 2.625rem;
  --sp-11: 2.75rem;
  --sp-12: 3rem;
  --sp-13: 7.95rem;
  --sp-14: 3.5rem;
  --sp-15: 3.875rem;
  --sp-16: 4rem;
  --sp-18: 4.5rem;
  --sp-20: 5rem;
  --sp-23: 5.625rem;
  --sp-24: 6rem;
  --sp-28: 7rem;
  --sp-32: 8rem;
  --sp-36: 9rem;
  --sp-40: 10rem;
  --sp-44: 11rem;
  --sp-48: 12rem;
  --sp-52: 13rem;
  --sp-56: 14rem;
  --sp-60: 15rem;
  --sp-64: 16rem;
  --sp-68: 17rem;
  --sp-72: 18rem;
  --sp-80: 20rem;
  --sp-96: 24rem;
  --sp-100: 32rem;
  --font-heading-family: "Avenir Next", sans-serif;
  --font-heading-style: normal;
  --font-heading-weight: 400;
  --font-heading-line-height: 1.2;
  --font-heading-letter-spacing: -0.005em;
  --font-body-family: "Avenir Next Rounded", sans-serif;
  --font-body-style: normal;
  --font-body-weight: 400;
  --font-body-line-height: 1;
  --font-body-letter-spacing: -0.005em;
  --font-navigation-family: var(--font-body-family);
  --font-navigation-size: clamp(0.875rem, 0.748rem + 0.3174vw, 1.125rem);
  --font-navigation-weight: 500;
  --font-button-family: var(--font-body-family);
  --font-button-size: clamp(0.875rem, 0.8115rem + 0.1587vw, 1.0rem);
  --font-button-weight: 500;
  --font-button-text-transform: uppercase;
  --font-product-family: var(--font-body-family);
  --font-product-size: clamp(0.875rem, 0.873rem + 0.3175vw, 1.125rem);
  --font-product-weight: 500;
  --text-3xs:1.625rem;
  --text-2xs: 0.6875rem;
  --text-xs: 0.75rem;
  --text-2sm: 0.8125rem;
  --text-sm: 0.875rem;
  --text-base: 1.0rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3.0rem;
  --text-6xl: 3.75rem;
  --text-7xl: 4.5rem;
  --text-8xl: 6.0rem;
  --page-width: 2000px;
  --gap-padding: clamp(var(--sp-5), 2.526vw, var(--sp-12));
  --grid-gap: clamp(40px, 20vw, 60px);
  --page-padding: var(--sp-5);
  --page-container: min(calc(100vw - var(--scrollbar-width, 0px) - var(--page-padding) * 2), var(--page-width));
  --rounded-button: 3.75rem;
  --rounded-input: 3.75rem;
  --rounded-card: clamp(var(--sp-2d5), 1.053vw, var(--sp-5));
  --rounded-block: clamp(var(--sp-2d5), 1.053vw, var(--sp-5));
  --icon-weight: 1.2px;
}
#shopify-section-sections--18721252901039__newsletter-popup {
  --color-drawer-text: 0 72 66;
  --color-drawer-background: 255 255 255;
  --color-drawer-button-gradient: #004842;
  --color-drawer-button-background: 0 72 66;
  --color-drawer-button-text: 255 255 255;
  --color-highlight: 243 165 26;
  --color-drawer-overlay: 0 72 66;
}
:root {
  --lxs-rating-icon-color: #F3A51A;
}
:root {
  --topbar-height: var(--sp-12);
}
:root {
  --jdgm-primary-color: #004842;
  --jdgm-secondary-color: #E9F1DC;
  --jdgm-star-color: #F3A51A;
  --jdgm-write-review-text-color: #19486A;
  --jdgm-write-review-bg-color: #FFFFFF;
  --jdgm-paginate-color: #19486A;
  --jdgm-border-radius: 10;
  --jdgm-reviewer-name-color: #19486A;
}
@media screen and (min-width: 1024px) {
  :root {
    --title-lg: clamp(var(--sp-12), 4.73vw, var(--sp-23));
    --title-xl: clamp(var(--sp-20), 6.737vw, var(--sp-32));
    --text-h1: var(--sp-14);
    --text-h2: var(--sp-9);
    --text-h3: var(--sp-7d5);
    --text-h4: var(--sp-6);
    --text-h5: var(--sp-5);
  }
}
@media screen and (min-width: 1280px) {
  :root {
    --gap-padding: var(--sp-12);
    --page-padding: var(--sp-12);
    --page-container: min(calc(100vw - var(--scrollbar-width, 0px) - var(--page-padding) * 2), max(var(--page-width), 1280px));
  }
}
:root {
  --color-base-text: 62 62 62;
  --color-base-highlight: 177 116 87;
  --color-base-background: 255 255 255;
  --color-base-button: 0 72 66;
  --color-base-button-gradient: linear-gradient(180deg, rgba(25, 72, 106, 1), rgba(0, 72, 66, 1) 100%);
  --color-base-button-text: 255 255 255;
  --color-keyboard-focus: 11 97 205;
  --color-shadow: 226 226 226;
  --color-price: 25 72 106;
  --color-border: var(0 72 66)/ .1;
  --color-sale-price: 0 72 66;
  --color-sale-tag: 73 139 109;
  --color-sale-tag-text: 255 255 255;
  --color-rating: 177 116 87;
  --color-placeholder: 255 255 255;
  --color-success-text: 25 72 106;
  --color-success-background: 233 241 220;
  --color-error-text: 197 0 67;
  --color-error-background: 255 241 242;
  --color-info-text: 128 28 29;
  --color-info-background: 255 251 235;
  --color-drawer-text: 0 72 66;
  --color-drawer-background: 255 255 255;
  --color-drawer-button-background: 0 72 66;
  --color-drawer-button-gradient: linear-gradient(180deg, rgba(25, 72, 106, 1) 3%, rgba(0, 72, 66, 1) 100%);
  --color-drawer-button-text: 255 255 255;
  --color-drawer-overlay: 0 0 0;
  --card-radius: var(--rounded-card);
  --card-border-width: 0.1rem;
  --card-border-opacity: 0.1;
  --card-shadow-opacity: 0.4;
  --card-shadow-horizontal-offset: 0.2rem;
  --card-shadow-vertical-offset: 0.2rem;
  --buttons-radius: var(--rounded-button);
  --buttons-border-width: 1px;
  --buttons-border-opacity: 0.2;
  --buttons-shadow-opacity: 0.1;
  --buttons-shadow-horizontal-offset: 0px;
  --buttons-shadow-vertical-offset: 0px;
  --inputs-radius: var(--rounded-input);
  --inputs-border-width: 1px;
  --inputs-border-opacity: 0.2;
  --sp-0d5: 0.125rem;
  --sp-1: 0.25rem;
  --sp-1d5: 0.375rem;
  --sp-2: 2.5rem;
  --sp-2d5: 0.625rem;
  --sp-3: 0.75rem;
  --sp-3d5: 0.875rem;
  --sp-4: 1rem;
  --sp-4d5: 1.125rem;
  --sp-5: 1.25rem;
  --sp-5d5: 2.375rem;
  --sp-6: 2.5rem;
  --sp-6d5: 1.625rem;
  --sp-7: 1.75rem;
  --sp-7d5: 1.875rem;
  --sp-8: 2rem;
  --sp-8d5: 2.125rem;
  --sp-9: 2.25rem;
  --sp-9d5: 2.375rem;
  --sp-10: 4.5rem;
  --sp-10d5: 2.625rem;
  --sp-11: 2.75rem;
  --sp-12: 3rem;
  --sp-13: 7.25rem;
  --sp-14: 3.5rem;
  --sp-15: 3.875rem;
  --sp-16: 4rem;
  --sp-18: 4.5rem;
  --sp-20: 5rem;
  --sp-23: 5.625rem;
  --sp-24: 6rem;
  --sp-28: 7rem;
  --sp-32: 8rem;
  --sp-36: 9rem;
  --sp-40: 10rem;
  --sp-44: 11rem;
  --sp-48: 12rem;
  --sp-52: 13rem;
  --sp-56: 14rem;
  --sp-60: 15rem;
  --sp-64: 16rem;
  --sp-68: 17rem;
  --sp-72: 18rem;
  --sp-80: 20rem;
  --sp-96: 24rem;
  --sp-100: 32rem;
  --font-heading-family: "Avenir Next", sans-serif;
  --font-heading-style: normal;
  --font-heading-weight: 400;
  --font-heading-line-height: 1.2;
  --font-heading-letter-spacing: -0.005em;
  --font-body-family: "Avenir Next Rounded", sans-serif;
  --font-body-style: normal;
  --font-body-weight: 400;
  --font-body-line-height: 1;
  --font-body-letter-spacing: -0.005em;
  --font-navigation-family: var(--font-body-family);
  --font-navigation-size: clamp(0.875rem, 0.748rem + 0.3174vw, 1.125rem);
  --font-navigation-weight: 500;
  --font-button-family: var(--font-body-family);
  --font-button-size: clamp(0.875rem, 0.8115rem + 0.1587vw, 1.0rem);
  --font-button-weight: 500;
  --font-button-text-transform: uppercase;
  --font-product-family: var(--font-body-family);
  --font-product-size: clamp(0.875rem, 0.873rem + 0.3175vw, 1.125rem);
  --font-product-weight: 500;
  --text-3xs: 1.625rem;
  --text-2xs: 0.6875rem;
  --text-xs: 0.75rem;
  --text-2sm: 0.8125rem;
  --text-sm: 0.875rem;
  --text-base: 1.0rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3.0rem;
  --text-6xl: 3.75rem;
  --text-7xl: 4.5rem;
  --text-8xl: 6.0rem;
  --page-width: 2000px;
  --gap-padding: clamp(var(--sp-5), 2.526vw, var(--sp-12));
  --grid-gap: clamp(40px, 20vw, 60px);
  --page-padding: var(--sp-5);
  --page-container: min(calc(100vw - var(--scrollbar-width, 0px) - var(--page-padding) * 2), var(--page-width));
  --rounded-button: 3.75rem;
  --rounded-input: 3.75rem;
  --rounded-card: clamp(var(--sp-2d5), 1.053vw, var(--sp-5));
  --rounded-block: clamp(var(--sp-2d5), 1.053vw, var(--sp-5));
  --icon-weight: 1.2px;
}