/** Shopify CDN: Minification failed

Line 132:10 Expected ":"

**/
@media(max-width:999px){

  /* === Layout, Color, and Other UI Styles === */

/* Offers section */
.offers-section {
  margin: 8px 0 14px;
  display: flex;
  justify-content: center;
  text-align: center;
  border-radius: 16px;
  background: #FFF0D2;
  padding: 24px 20px;
}

.offer-item {
  position: relative;
  flex: 1;
}

.offer-item:not(:last-child) {
  border-right: 1px solid;
}

.offer-item p {
  margin: 0;
}

p.offer-subtext,
p.offer-label,
p.offer-title {
  font-family: "Neue Montreal";
  font-style: normal;
  line-height: 120%;
  text-transform: uppercase;
  letter-spacing: 0.39px;
  color: var(--Black, #1D1D1B);
}

p.offer-subtext {
  margin-bottom: 4px;
  font-size: 11px;
  font-weight: 500;
}

p.offer-title {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.48px;
}

p.offer-label {
  position: absolute;
  bottom: -32px;
  left: 0;
  right: 0;
  margin: auto;
  width: fit-content;
  padding: 2px 6px;
  border-radius: 29px;
  background: var(--Pink, #E4007E);
  color: var(--BG, #FFFAF0);
  font-size: 11px;
  font-weight: 500;
}





  

p.location-origin {
    margin-top: 0;
    margin-bottom: 8px;
    color: var(--Black, #1D1D1B);
}

h1.product-meta__title.heading.h3 {
    color: #111;
    margin-bottom: 0;
}

.title-origin-wrap {
    display: flex;
    align-items: flex-end;
    margin-bottom:20px;
    justify-content: space-between;
}

.title-origin-wrap svg {
    width: 18px;
    height: 100%;
}

.custom-labels-info {
    display: flex;
    gap: 12px;
    margin-bottom: 26px;
}

.labels-product-info {
    color: var(--Black, #1D1D1B);
    border: 1px solid black;
    padding: 3px 12px;
    border-radius: 100px;
}

label.block-swatch__item {
    color: #1D1D1B;
    text-align: center;
    border-radius: 8px;
    padding: 11px 24px;
}

.block-swatch__radio:checked + .block-swatch__item {
    color: var(--BG, #FFFAF0);
    border: 1px solid var(--Black, #1D1D1B);
    background: var(--Black, #1D1D1B);
}

.quantity-atc-wrapper {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 5fr;
    border: 1px solid var(--Black, #1D1D1B);
    Colors
Hex
Hex
Border colors

Black;
    border-radius: 8px;
}

span.product-form__quantity-label {
    display: none;
}

product-payment-container#MainPaymentContainer {
    margin: 0;
}

quantity-selector.quantity-selector {
    border: none;
}

  label.block-swatch__item {
    border: 1px solid black;
}
.product-form__quantity {padding: 0 3px;}

button#AddToCart {
    border-radius: 0 6px 6px 0;
}

input.quantity-selector__input {
    color: var(--Black, #1D1D1B);
    font-family: din;
    font-size: 14.665px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21.997px */
}

.origin-review-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.origin-review-wrap p {
    margin: 0;
}

.product_accordions button.collapsible-toggle:not(first-child) {
    border-top: 1px solid;
    border-radius: 0 !important;
}

.product_accordions button.collapsible-toggle.text--strong:first-child {
    border: none;
}

.product_accordions {
    margin-top: 18px;
}

.product_accordions .collapsible__content p {
    margin: 0;
}

.product_accordions .collapsible__content {margin-bottom: 18px;}

.recom-products product-item.product-item {
    opacity: 1;
}


div#recomDots svg path {
    fill: black;
}

.recom-slider-section button.prev-button svg {
    transform: rotate(180deg);
}

div#recomDots {
    align-items: center;
    gap: 12px;
    margin-top: 0;
}
.recom-products {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
}

.recom-products::-webkit-scrollbar {
  display: none; /* WebKit browsers (Chrome, Safari) */
}
.container.product-grid {
    overflow: hidden;
    padding-left:16px;
    padding-right:16px;
}
/* .dots-wrap {
    height: 30px;
} */

.recom-slider-section .dots-wrap{
    height: 14px;
}




/* Product grid */

product-media.product__media.became-visible {
    padding-left: 0;
}



.product__info {
    width: 100%;
}




/* Logo list */



    section.section.pdp_section .logo-list__item {
        display: flex;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    section.section.pdp_section .logo-list__list {
        max-width: 1080px;
        margin: auto;
        row-gap: 8px;
        column-gap: 22px;
    }
  
  section.section.pdp_section .logo-list__list {
    grid-template-columns: 1fr 1fr;
    padding:16px 0;
    max-width: 85%;
    
}

section.section.pdp_section .logo-list__item img {
    min-width: 44px;
    max-width: 44px;
}


/* Video section  */

button.video-wrapper__play-button.video-wrapper__play-button--large.video-wrapper__play-button--ripple {
    opacity: 1;
    box-shadow: none !important;
    border: 1px solid #000;
}

svg.icon.icon--play path {fill: #ffffffa6;}

.review path[fill-rule="evenodd"] {
    fill: #f5a019 !important;
}
product-item.product-item a.product-item__aspect-ratio {
    height: 100%;
}

}



/* Product page */

/* === Font Styles (Typography Layer) === */


@media(max-width:999px){

  slide-show.slideshow h3.heading.heading--large span {
    font-family: din;
    font-size: 25px;
    text-align: center;
   
}
    slide-show.slideshow h3.heading.heading--large {
   margin-bottom:16px;
    }

   slide-show.slideshow .button-wrapper {
    margin-top: 16px !important;
    text-align: center;
}

slide-show.slideshow a.button.button--primary {
    font-family: "Neue Montreal";
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    line-height: 42px;
}
slide-show.slideshow h2.heading.heading--small.desc span {
    color: #FFFAF0;
    font-family: "Neue Montreal";
    font-size: 15px;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    letter-spacing: 0.48px;
    text-transform: math-auto;
}

  section.section.bottom_text .maker h1 {
    color: #111;
    font-family: "Neue Montreal";
    font-size: 29px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.87px;
    text-transform: uppercase;
    width: 80%;
    margin: auto;
}
  
.title-icon {
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: flex-end;
    width: 100%;
    margin-bottom: 6px;
}

a.product-item-meta__title {
    text-align: left !important;
    width: 100%;
}

product-item .heat-level svg {
    max-width: 11px;
}

.product-item__info {
    gap: 8px;
}
p.location-origin,
.labels-product-info,
label.block-swatch__item {
    font-family: "Neue Montreal";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: 0.product-meta.39px;
    text-transform: uppercase;
}

.product-meta h1.product-meta__title.heading.h3 {
    font-family: din;
    font-size: 40px;
    font-weight: 400;
    line-height: 120%; /* 48px */
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.product-meta span.price.price--highlight.price--large {
    color: var(--Black, #1D1D1B);
    font-family: "Neue Montreal";
    font-size: 22px;
    font-weight: 700;
    line-height: 120%; /* 33.6px */
    letter-spacing: 0.66px;
    text-transform: uppercase;
}

.product-meta span.price.price--compare {
    color: #A6A5A5;
    font-family: "Neue Montreal";
    font-size: 22px;
    font-weight: 700;
    line-height: 120%; /* 33.6px */
    letter-spacing: 0.66px;
    text-decoration-line: line-through;
    text-transform: uppercase;
}

.product-meta span.label.label--highlight {
    color: var(--BG, #FFFAF0);
    font-family: "Neue Montreal";
    font-size: 13px;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: 0.34px;
    text-transform: uppercase;
    padding: 4px 16px;
}
    .product-meta p.product-meta__taxes-included.text--small {
        color: var(--Black, #1D1D1B);
        font-family: "Neue Montreal";
        font-size: 10px;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: 0.33px;
        margin-top: 12px;
        text-transform: math-auto;
    }
.product-form {
    gap: 24px;
}

product-meta.product-meta {
    border: none;
    padding-bottom: 0;
}



/* Logo list */


section.section.pdp_section .image-title {
    position: static;
    color: #111;
    font-family: "Neue Montreal";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 22.8px */
    letter-spacing: 0.36px;
    text-transform: uppercase;
    text-align: left;
}


/* Pdf with text */

.pdf-desc p {
    color: var(--Black, #1D1D1B);
    font-family: "Neue Montreal";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    letter-spacing: 0.36px;
    text-transform: math-auto;
    margin: 0;
    text-align: center;
    margin-bottom: 20px;
}

.pdf-heading p {
    color: var(--Black, #1D1D1B);
    font-family: din;
    font-size: 29px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0.87px;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 20px;
    text-align: center;
}

button.view-report-button {
    color: var(--Black, #1B);
    text-align: center;
    font-family: "Neue Montreal";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0.48px;
    text-transform: uppercase;
    text-decoration: underline;
    text-underline-position: under;
}

/* Blog posts */

p.article_date {
    margin-bottom: 8px;
    color: var(--Black, #1D1D1B);
    font-family: "Neue Montreal";
    font-size: 14px;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: 0.48px;
    text-transform: uppercase;
}
img.footer__image {
    max-width: 96px;
}







/* Our story */

.snap-subheading {
    color: var(--Pink, #E4007E);
    font-family: "Neue Montreal";
    font-size: 17px;
    font-style: italic;
    font-weight: 700;
    line-height: 120%; /* 27.6px */
    letter-spacing: 0.51px;
    text-transform: uppercase;
}

.snap-heading {
    color: var(--Yellow, #F5A019);
    font-family: "Neue Montreal";
    font-size: 17px;
    font-weight: 700;
    line-height: 120%; /* 33.6px */
    letter-spacing: 0.51px;
    text-transform: uppercase;
}

.snap-desc {
    color: var(--Black, #1D1D1B);
    font-family: "Neue Montreal";
    font-size: 12px;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: 0.36px;
    text-transform: uppercase;
}

.right-snap {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.heading-snap {
    color: var(--Black, #1D1D1B);
    text-align: center;
    font-family: 'DIN Next';
    font-size: 25px;
    font-weight: 400;
    line-height: 120%; /* 48px */
    letter-spacing: 0.75px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.subheading-snap {
    color: var(--Black, #1D1D1B);
    text-align: center;
    font-family: "Neue Montreal";
    font-size: 17px;
    font-weight: 700;
    line-height: 120%; /* 27.6px */
    letter-spacing: 0.51px;
    text-transform: uppercase;
    margin-bottom: 80px;
}



/* Announcement bar */

button.link {
    text-decoration: none;
    color: var(--BG, #FFFAF0);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

button.link b {
    color: var(--Yellow, #F5A019);
}

span.blinking-text {
    width: max-content;
    border-radius: 4px;
    border: 1px solid var(--Pink, #E4007E);
    padding: 0;
    line-height: normal;
    padding: 3px;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0.3px;
    text-transform: math-auto;
    top: 25px;
}
}



















  @media(max-width:999px){

.our-story-elements svg, .our-story-elements img {
    max-width: 30%;
}

    

.classification-floating {
        position: absolute;
        z-index: 1;
        left: 35px;
        top: 12px;
        border-radius: 4px;
        background: var(--Yellow, #F5A019);
        color: white;
        padding: 4.2px 8px;
        font-size: 11px;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: 0.39px;
}
  .product__media-item {
    position: relative;
}


    
  .carousel-scroll-container {
  /* Existing styles */
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  gap: 20px;

  /* Hide scrollbar */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}

.carousel-scroll-container::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}

 .carousel-with-text-wrap .dots-wrap {
    height: 14px;
}
  button.prev-button svg {
    transform: rotate(180deg);
}


  .carousel-with-text {
    display: flex;
    flex-direction: column; 
    gap:32px;
}
  .carousel-with-text-wrap {
    padding:22px 16px;
}
  .carousel-right {
    overflow: hidden;
}
    
  
  .carousel-scroll-container {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  gap: 24px;
  padding-bottom: 16px;
}
    .carousel-right {margin: 0 -16px;}

div#carouselSlider {
    padding-left: 16px;
    padding-right: 16px;
}


.carousel-inner {
    flex: 0 0 70%;
    /* scroll-snap-align: start; */
    box-sizing: border-box;
    max-width: 418px;
}

.carousel_image,
.carousel_video {
  width: 100%;
  height: auto;
  display: block;
}

.dots-wrap {
  display: flex;
  gap: 8px;
}

.dot {
  width: 10px;
  height: 10px;
  border-radius: 100px;
  background-color: #ccc;
  border: none;
  transition:.2s ease;
  cursor: pointer;
}

.dot.active {
  width: 30px !important;
  background-color: #000;
  transition:.2s ease;
}

.scroll-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 16px;
}

  .left-heading {
    color: var(--Black, #1D1D1B);

/* Desktop/H2 - V1 */
    font-family: din;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 48px */
    letter-spacing: .75px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.left-subheading {
    color: var(--Black, #1D1D1B);

/* Desktop/P - V3 */
    font-family: "Neue Montreal";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 22.4px */
    letter-spacing: 0.36px;
    text-transform: math-auto;
}

.usp-wrap {
    margin-top: 42px;
}

.usp-inner {
    display: flex;
    gap: 9px;
    font-size: 14px;
}

.usp-inner p {
    margin: 0;
}

.usp-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .carousel-left {
        min-width: 100%;
        border-radius: 4px;
        border: 1px solid var(--Black, #1D1D1B);
        padding: 24px;
    }
  }




@media(max-width:999px){
  button#muteUnmuteBtn {
    background: white;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid black;
    position: relative;
}
  span.icon-play svg {
    width: 12px !important;
}

button#muteUnmuteBtn svg {
    position: absolute;
    max-width: 16px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
button#playPauseBtn {
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;
}
span.icon-play {
    align-items: center;
    justify-content: center;
}

button#playPauseBtn svg {width: 36px;height: 36px;}
button#muteUnmuteBtn {
    display: flex
;
}
  span.icon-play {
    display: flex;
}

span.icon-play svg {
    position: relative;
    left: 1px;
}


  
  .video-container {
    position: relative;
    width: 100%;
    max-width: 100%;
  }
  .video-container, .video-container video {
    height: 100%;
    object-fit: cover;
}

.right-text {
    position: relative;
}

.founder-image-text img {
    max-width: 170px;
}

.arrow {
    position: absolute;
    top: 48px;
    right: 124px;
}

/* .text-inner {
    position: absolute;
    left: -145px;
    max-width: 130px;
    font-size: 19px;
    line-height: 120%;
    bottom: 95px;
}
 */
  video {
    width: 100%;
    height: auto;
    display: block;
  }

.controls {
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 18px;
    display: flex;
    gap: 10px;
    flex-direction: column;
    justify-content: flex-end;
    padding: 16px 0;
    padding-top: 28px;
}

  .arrow svg path {
    fill: black !important;
}

.video-with-text-wrap {
   display: flex;
    grid-template-columns: 1fr 1fr;
    flex-direction: column-reverse;
}

.right-text {
    padding: 52px 17px;
}

.founder-image-text {
    position: absolute;
}

.video-with-text {
    padding-top: 40px;
    padding-bottom: 68px;
}


.right-desc p {
    text-transform: math-auto;
    color: #FFF;
    font-family: "Neue Montreal";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: 0.36px;
}

  .founder-image-text {
    position: absolute;
    right: 42px;
    top: -63px;
}

.right-text {
    position: relative;
    border-radius: 10px 10px 0 0 ;
}

.founder-image-text img {
    max-width: 120px;
}

.text-inner {
    position: absolute;
    left: -136px;
    max-width: 130px;
    font-size: 14px;
    line-height: 120%;
    bottom: 70px;
}
.right-desc {
    margin-bottom: 32px;
}

.sign-desc p {
    margin: 0;
    font-size: 12px;
    color: white;
}

.sign-desc {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sign-desc img {
    max-width: 280px;
}
.container.video-with-textt .video-container {
    aspect-ratio: 1/1;
}

.container.video-with-textt .video-container video {
    border-radius: 0 0 10px 10px;
}

  
}