@charset "utf-8";

@font-face { font-family: HelveticaNeue; src: url("HelveticaNeueLTW05-77BoldCn.woff2") format("woff2"), url("HelveticaNeueLTW05-77BoldCn.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; }

@font-face { font-family: HelveticaNeue-Light; src: url("HelveticaNeue-Light.woff2") format("woff2"), url("HelveticaNeue-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; }

h1, h2, h3, h4, h5, h6 { font-family: HelveticaNeue !important; }

.heading-secondary { font-size: 1.3vw !important; line-height: normal; }

.custom-header { color: rgb(0, 0, 0); font-style: normal; font-weight: 700; line-height: normal; margin: 0px; letter-spacing: 0.15vw; font-family: HelveticaNeue !important; }

.site-header { position: relative; }

#headerBorderWrap { background-color: rgb(0, 0, 0) !important; margin-bottom: 5px; }

#headerBorderWrap .font-main { color: rgb(255, 255, 255); }

#AnnouncementBar { background-color: rgb(255, 240, 0); color: rgb(0, 0, 0); font-weight: 500; }

#modals-leftDrawer { z-index: 99999; }

#modals-leftDrawer .text-base a { font-size: 5vw; }

#modals-rightDrawer { z-index: 99999; }

.product-block.mt-5.first\:mt-0.product-block-title.break-words { margin-top: 0px; }

.heading-feature { font-weight: 700; font-family: HelveticaNeue !important; font-size: 2.2vw !important; }

.product-media .grid-cols-4 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }

.product-block.mt-5.first\:mt-0.product-block-price.text-lg.text-left span { font-family: HelveticaNeue !important; font-size: 2.5vw; }

.product-block.mt-5 { margin-top: 1rem; margin-bottom: 1rem; }

.quantity-flex .flex.flex-nowrap.items-center.justify-start { background-color: rgb(255, 240, 0); width: fit-content; height: 35px; border-radius: 5px; padding: 0px 15px; border: 1px solid rgb(0, 0, 0); }

.quantity-flex span.push-btn__surface.w-full { width: 300px; height: 41px; background-color: rgb(255, 240, 0); color: rgb(0, 0, 0); font-weight: 700; border-radius: 5px; text-transform: uppercase; line-height: 19px; font-family: HelveticaNeue !important; font-size: 1.5vw !important; }

.quantity-flex .push-btn__surface.push-btn__surface--secondary.p-2.align-bottom { background-color: transparent; }

span.push-btn__surface.w-full:hover { color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); }

.quantity-flex .push-btn__surface--secondary { box-shadow: unset; font-weight: 700; font-family: HelveticaNeue !important; font-size: 1.5vw !important; }

input#Quantity-template--23868037366124__main { font-weight: 700; font-size: 22px; }

.thumbnails-wrapper ul.w-full.grid.grid-cols-4.gap-2\.5 { gap: 4rem; }

a.media-thumbnail.block { pointer-events: none !important; }

iframe[id^="instagram-embed-"] { max-width: unset !important; min-width: unset !important; width: 100% !important; }

.cstm-buy-now-blog { display: inline-block; margin-top: 15px; padding: 10px 20px; background-color: rgb(255, 240, 0); color: rgb(0, 0, 0); text-decoration: none; border-radius: 5px; border: 1px solid rgb(0, 0, 0); font-size: 1.25vw; font-weight: 700; font-family: HelveticaNeue !important; }

select.awt-custom-size-dropdown { width: auto; border: 1px solid rgb(0, 0, 0); border-radius: 10px; color: rgb(0, 0, 0); min-width: 250px; font-family: HelveticaNeue; transition: box-shadow 0.3s; appearance: unset !important; box-shadow: unset !important; height: auto !important; padding: 10px 20px !important; font-size: 1.2vw !important; background: rgb(255, 240, 0) !important; }

.awtomatic-bab-options-container span.bundle-text--subheading { font-size: 1vw !important; }

.awtomatic-bab-options-container .bundle-button.selected { background-color: rgb(255, 240, 0) !important; }

.awtomatic-bab-options-container .bundle-button:hover { background-color: rgb(0, 0, 0) !important; color: rgb(255, 255, 255) !important; }

.awtomatic-progress-container { margin: 0px auto 5px !important; }

body.awt-bab-open .bundle-product-card { background-color: rgb(255, 255, 255); border-radius: 10px; filter: unset !important; }

body.awt-bab-open .bundle-product-card { border: 1px solid rgb(0, 0, 0); filter: unset !important; }

div.bundle-product-card__quantity-button-container { background-color: rgb(255, 240, 0) !important; }

.bundle-product-card__quantity-button-container span { padding: 14px 10px; font-family: HelveticaNeue !important; font-size: 1vw !important; }

button.bundle-product-card__quantity-button-container--button:hover { background-color: rgb(224, 209, 0) !important; }

@media only screen and (max-width: 766px) {
  .cstm-buy-now-blog { font-size: 4vw; }
  .pr-category-snippet__total.pr-category-snippet__item { display: none !important; }
  .heading-secondary { font-size: 5vw !important; line-height: normal; }
  #headerBorderWrap { margin-bottom: 3px; }
  .mobile-menu svg path { fill: rgb(255, 255, 255); }
  #left-drawer-slot { font-weight: 700; text-transform: uppercase; font-family: HelveticaNeue !important; }
  .custom-nav-right { display: none !important; }
  .custom-header { color: rgb(0, 0, 0); font-style: normal; font-weight: 700; line-height: normal; margin: 0px; letter-spacing: 0.25vw; font-family: HelveticaNeue !important; }
  .heading-feature { font-weight: 700; font-family: HelveticaNeue !important; font-size: 7.5vw !important; }
  .product-block.mt-5 { margin-top: 0px; margin-bottom: 0px; }
  .product-block.mt-5.first\:mt-0.product-block-price.text-lg.text-left span { font-family: HelveticaNeue !important; font-size: 7vw; }
  .quantity-flex span.push-btn__surface.w-full { width: 100%; height: 41px; background-color: rgb(255, 240, 0); color: rgb(0, 0, 0); font-weight: 700; border-radius: 5px; text-transform: uppercase; line-height: 19px; font-family: HelveticaNeue !important; font-size: 5vw !important; }
  .pdp-quantity { flex: 0.3 1 0% !important; }
  .pdp-add { flex: 1 1 0% !important; }
  select.awt-custom-size-dropdown, .bundle-product-card__quantity-button-container span { font-size: 4.5vw !important; }
  .awtomatic-bab-options-container span.bundle-text--subheading { font-size: 3.5vw !important; }
  .is-scrolling-up main { margin: 0px 0px 150px !important; }
}

@media only screen and (min-width: 767px) and (max-width: 1024px) {
  #headerBorderWrap { margin-bottom: 5px; }
  .mobile-menu svg path { fill: rgb(255, 255, 255); }
  .custom-nav-right { display: none !important; }
}