/** Shopify CDN: Minification failed

Line 487:2 Unexpected "}"

**/
/*Variable updates*/
:root{
    --border-radius: clamp(var(--sp-4), 6vw, var(--sp-40));
    --color-red-200: 148 147 147;
    --color-red-300: 70 67 68;
}

@tablet: ~"media screen and (max-width: 1023px)";

/* FONT Styling */
.link {font-family: 'YWFTNatux-Black';}

.title-sm {
  font-family: 'YWFTNatux-Black';
}
.title-sm2x {
  font-family: 'YWFTNatux-Black';
}
.title-md {
  font-family:'YWFTNatux-Thin';
}
.title-md2x {
  font-family:'YWFTNatux-Black';
}
.title-lg {
  font-family:'YWFTNatux-Thin';
}
.title-lg2x {
  font-family:'YWFTNatux-Thin';
}
.title-xl {
  font-family:'YWFTNatux-Thin';
}
.title-xl2x {
  font-family:'YWFTNatux-Thin';
}

.banner__subheading {
  text-transform: uppercase;
}

.subheading__light {
  font-family: 'YWFTNatux-Light';
}

.split-words .word{
  line-height: 110%;
}

/* POSITIONG AND SPACING */
.pos-tl { top: 0; left: 0; }
.pos-tc { top: 0; left: 50%; transform: translateX(-50%); }
.pos-tr { top: 0; right: 0; }
.pos-ml { top: 50%; left: 0; transform: translateY(-50%); }
.pos-mc { top: 50%; left: 50%; transform: translate(-50%, -50%); }
.pos-mr { top: 50%; right: 0; transform: translateY(-50%); }
.pos-bl { bottom: 0; left: 0; }
.pos-bc { bottom: 0; left: 50%; transform: translateX(-50%); }
.pos-br { bottom: 0; right: 0; }


.marg-0 { margin: 0; margin-block-start: 0 !important; }

/*SIDEWAYS text*/
.sideways-text {
  writing-mode: sideways-rl;
  text-orientation: sideways;
  margin: 0 2rem 0 0;
  margin-block-start: 0;
  text-transform: uppercase;
}

.sideways-text h5 {
  text-transform: uppercase;
}

.sideways-text__wrapper {
  display: flex;
  gap: var(--sp-8);
}

.sideways-text__icon-wrapper {
  display: flex;
  gap: var(--sp-1);
}

.sideways-text__with-icons{
  display: flex;
  flex-direction: column;
  gap: var(--sp-4);
}

.sideways-text_headings {
  max-width: clamp(25%, 50%, 75%);
}

@media screen and (max-width: 1023px) {

.sideways-text_headings{
   max-width: 58%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: var(--sp-8);
}
 
}

.sideways-margin > *:not(.sideways-text__wrapper){
  margin-left: var(--sp-20);
}

.mountain-icon {
  width: var(--sp-4);
}

.single-flame {
  height: var(--sp-4);
}

hr.icon-line {
  width: var(--sp-24);
  color: currentcolor;
  border-top: 2px solid currentcolor;
  border-width: 2px;
  border-style: solid;
}

@media screen and (max-width: 1023px) {
  hr.icon-line{
    width: var(--sp-12);
    border-top: 1px solid currentcolor;
    border-width:1px;
  }
}

/*RICH TEXT */
.sideways-text__rich-text-container {
  display:flex;
  gap: var(--sp-4);
}

.rich-text .link {
  font-size: var(--text-lg);
}

/* ARROW */
.xarrow-icon{margin-right: var(--sp-2);}


/*BORDER overlays */
 .border-overlay {
    border: var(--sp-10) solid rgb(var(--custom-border) / var(--custom-border-opacity));
    }

.border-overlay.thick-top{
  border-top: var(--sp-20) solid rgb(var(--custom-border) / var(--custom-border-opacity));
  border-bottom: var(--sp-20) solid rgb(var(--custom-border) / var(--custom-border-opacity));
}

 @media screen and (max-width: 1023px) {
    .border-overlay {
    border: var(--sp-5) solid rgb(var(--custom-border) / var(--custom-border-opacity));
    }

  .border-overlay.thick-top{
    border-top: var(--sp-10) solid rgb(var(--custom-border) / var(--custom-border-opacity));
    border-bottom: var(--sp-10) solid rgb(var(--custom-border) / var(--custom-border-opacity));
  }
 }

/*Product Page */
.specifications-section .page-width--narrow :is(.title-wrapper,.specifications){
  padding-inline: unset;
}

@media screen and (min-width: 1024px) {
  product-info .product__title {
    padding-top: var(--sp-2);
  }
}


/*Product Page Sale Variants */
.pricing-group .pricing-display {
  display: flex;
  gap: .5rem;
}

.pricing-group, .pricing-display {
  margin-bottom:.5rem;
}

/*Product Page New Colors Indicator */

.new_color span{
    font-family: 'YWFTNatux-Black';
    text-transform: uppercase;
    background: var(--badge-background);
    padding: var(--sp-1);
}

.new_color {
      display: flex;
    align-items: center;
}


/*4 Images with Text Section */
.six-images-with-text {
  display: grid;
  gap: .5rem;
}

.six-images__text .rich-text {
  z-index: 2;
}

.six-images__row-1 .six-images__item:first-child{
    grid-column: 3 / span 6;
}

.six-images__row-3 .six-images-item.image-caption {
  grid-column: 4 / span 1;
  text-align: right;
}

.six-images__row-3  .six-images__item.img-4{
  grid-column: 6 / span 2
}

.six-images__row-3  .six-images__item.img-5{
  grid-column: 8 /span 3
}

.six-images__row-4 .six-images__item:not(.image-caption) {
grid-column: 5 / span 2;
}


.six-images__row-1,
.six-images__row-2,
.six-images__row-3,  
.six-images__row-4 {
  display: grid; 
}

  .six-images__row-1,
  .six-images__row-3,  
.six-images__row-4 {
    gap: .5rem;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .six-images__row-2{
    gap: 1rem;
    grid-template-columns: 1fr 2fr;
  }

 @media screen and (max-width: 1023px){
  .six-images__row-2 {
    display: flex;
    flex-direction: column-reverse;
    padding-top: var(--sp-15);
    padding-left: var(--sp-5);
    padding-right: var(--sp-5);
   }

   .six-images__row-3 {
     padding-right: var(--sp-5);
     padding-left: var(--sp-5);
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-end;
   }

   .six-images__row-3 .six-images-item.image-caption {
     text-align: left;
     flex: 1 1 100%;
     order: 1;     
   }

   .six-images__item.img-4 {
    flex: 0 1 calc(40% - 2 * var(--sp-5));
    order: 2;
   }

   .six-images__item.img-5 {
     flex: 0 1 calc(60% - 2 * var(--sp-5));
    order: 3;
   }

   .six-images__row-4 .six-images__item:not(.image-caption) {
     grid-column: 1 / span 5;
   }
 }


/*SlideShow*/
.slideshow-dots.arrow-border{
  border-block-start: none;
  margin-block-start: var(--sp-4);
}

.slideshow-content .x-arrow {
  margin-top: var(--sp-4);
}



/*Multicolumn */
@media screen and (min-width: 1100px) {
  .card-grid--5 {
    --card-grid-per-row: 5
  }
}

/* Judge.Me Review Styling */ 
.jdgm-sort-dropdown{
  color: #000000 !important;
}

@media screen and (min-width: 1024px) {
  .page-width:has(.jdgm-widget) {
    --page-padding: var(--sp-12);
    max-width: 70rem;
  }
}

.jdgm-testimonials-carousel .jdgm-header .jdgm-title {
  margin-bottom: var(--sp-8);
  font-size: var(--title-md);
  font-family: 'YWFTNatux-Thin';
}

/*Spec and Compare App */
sc-add-to-compare {
    margin-top: 1rem;
    padding: .5rem;
    background: #ededed;
    border-radius: 30px;
    margin-right: auto;
    width: fit-content;
}

@media screen and (max-width:1023px) {
  sc-add-to-compare {
    padding:.25rem;
    line-height:1;
    }
}
               

/*BLOG Shoppable Post settings */
.rte :where(img):not(:where([class~=not-rte] *)) {
  margin-block: 0;
}

.rte :where(video):not(:where([class~=not-rte] *)) {
  margin-block: 0;
}

  .blog-product-card {
    margin: 2rem auto;
    max-width: 400px;
  }
  
  .blog-product-wrapper {
    width: 100%;
  }
  
  .blog-collection {
    margin: 3rem 0;
  }
  
  .collection-header__content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1.5rem;
  }
  
  @media (min-width: 768px) {
    .collection-header__content {
      flex-direction: row;
      align-items: end;
      justify-content: space-between;
    }
  }
  
  .collection-header__title {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
  }
  
  .collection-header__description {
    opacity: 0.75;
  }
  
  .blog-product-card .card,
  .blog-collection__grid .card {
    height: 100%;
  }
  
  .blog-product-card .product-card__content,
  .blog-collection__grid .product-card__content {
    flex: 1;
  }
  
  .blog-product-card .swatches,
  .blog-collection__grid .swatches {
    display: inline-flex !important;
  }

  
  .not-rte .swatches a:hover {
    background-image: var(--swatch-background-image) !important;
    text-decoration: none !important;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  
  .blog-product-card .product-card__spec,
  .blog-collection__grid .product-card__spec {
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  
  .blog-product-card .product-card__spec::-webkit-scrollbar,
  .blog-collection__grid .product-card__spec::-webkit-scrollbar {
    display: none;
  }
  
  @media (max-width: 767px) {
    .blog-product-card {
      max-width: 100%;
      margin: 1.5rem 0;
      padding: 0 1rem; /* Add some padding on mobile */
    }
    
    .blog-collection {
      margin: 2rem 0;
    }
  }
    
    .blog-product-card .product-card,
    .blog-collection__grid .product-card {
      margin: 0;
      width: 100%;
    }
    
    .blog-product-card .swatches,
    .blog-collection__grid .swatches {
      gap: 0.375rem; /* Smaller gap on mobile */
      flex-wrap: wrap;
    }
        
    .blog-product-card .product-card__icons,
    .blog-collection__grid .product-card__icons {
      gap: 0.75rem;
    }
    
    .blog-product-card .quick-add,
    .blog-collection__grid .quick-add {
      bottom: 0.5rem;
      right: 0.5rem;
    }
    
    .blog-product-card .product-card__media,
    .blog-collection__grid .product-card__media {
      margin-bottom: 0.75rem;
    }
    
    .blog-product-card .product-card__details,
    .blog-collection__grid .product-card__details {
      gap: 0.5rem;
      margin-bottom: 0.75rem;
    }
  }
  

  .blog-product-card .quick-view,
  .blog-collection__grid .quick-view {
    z-index: 50;
  }
  

  .blog-product-card .quick-add .button,
  .blog-collection__grid .quick-add .button {
    transition: opacity 0.2s ease;
  }

  
  .blog-collection__grid .flickity-page-dots .flickity-page-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(0,0,0,0.3);
    border: none;
    margin: 0 4px;
    cursor: pointer;
    transition: background-color 0.2s ease;
  }
  
  .blog-collection__grid .flickity-page-dots .flickity-page-dot.is-selected {
    background: rgba(0,0,0,0.8);
  }

 .blog-product-card .color-swatch.with-image, .blog-collection .color-swatch.with-image {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: var(--swatch-background-image) !important;}

.article .blog-product-card .product-card__icon figure, .article .blog-collection .product-card__icon figure {
    margin-inline-start: unset;
    margin-inline-end: unset;
    }


/*Testimonial*/

.testimonial p {
  text-transform: none;
}


/*Footer*/

/*Expert Voices*/
#ev-header{
  border-radius:40px;
}

/*PRODUCT Details */

.specifications.with-border .specification *:not(h1,h2,h3,h4,h5,h6,.h0,.h1,.h2,.h3,.h4,.h5,.h6){
  color: rgb(var(--color-foreground) / 1);
}

/*PRODUCT Videos*/
.product__video-with-text {
  display: flex;
  flex-direction:column;
  row-gap: 1rem;
}

/*VIDEO play button*/

@media screen and (min-width:1024px) {
  .deferred-poster .play-button {
    width: var(--sp-20);
    height: var(--sp-20);
}

.play-button .icon {
    width: var(--sp-6);
    height: var(--sp-6);
}
}

/*HEADER transparent Override*/
.header-transparent.header-transparent-color-override:not(.header-scrolled) .header {
  --header-logo-opacity: 1;
  color: rgb(var(--color-foreground));
}

.header-transparent:not(.header-scrolled):not(.header-transparent-color-override) .header__menu>ul.with-block .localization .menu__item {
  border-color: rgb(var(--color-transparent) / 0.1);
}

/*HEADER Navigation*/
@media screen and (min-width: 1024px) {
    .header--center-split {
        --header-grid-template: "tools navigation logo navigation-split icons" / 80px minmax(0, 1fr) auto minmax(0, 1fr) 80px;
    }
}

.header__menu>ul.with-block .menu__item {
  padding-inline: var(--sp-3);
}

.header__menu>ul.with-block .menu__item .btn-duplicate {
    padding-inline: var(--sp-3);
}

@media screen and (min-width: 1024px) {
    .header-section {
        --header-items-gap: 1em;
        --header-nav-gap: 2em;
    }
}

@media screen and (min-width: 1024px) {
  .header__navigation--split {
  justify-content: center;
  }
}

/*adjustments to prevent wrapping in header */
@media screen and (min-width:1024px) and (max-width: 1250px) {
  .header__menu>ul .menu__item {
    font-size: .8rem;
}
  .header__menu>ul.with-block .menu__item {
  padding-inline: var(--sp-2);
}

  .header__menu>ul.with-block .menu__item .btn-duplicate {
    padding-inline: var(--sp-2);
  }

  .header {
        --header-items-gap: .5em;
    }
}

/*HEADER Mega Menu styling */
li.mega-menu__nav-item > a {
    text-transform: uppercase;
}

/*CONTACT chatbox*/
.chatbox-contact .rte, .chatbox-contact .button {
    margin-block-start: var(--sp-5);
}

/*FAQ with chatbox */


.faqs.with-background .chatbox-contact {
    background-color: rgb(var(--color-overlay) / var(--overlay-opacity));
    border-end-start-radius: var(--rounded-block);
    border-end-end-radius: var(--rounded-block);
}
.faqs.with-background .chatbox-contact {
    padding: var(--sp-10);
}


@media screen and (min-width: 1024px) {
  .faqs.with-background .chatbox-contact {
    border-end-start-radius: 0;
    border-end-end-radius: var(--rounded-block);
    border-start-end-radius: var(--rounded-block);
  }
}

/*LANDING hide header on landing page*/

.template-page.landing-page header .header__navigation, .template-page.landing-page header .header__icons  {
    display: none !important;
  }

