/** Shopify CDN: Minification failed

Line 2536:20 Expected ":"

**/
:root {
  --clr-dark-800: #1a1b18;
  --clr-light-200: #f7f7f7;
  --clr-light-400: #f3f2f1;

  --clr-light: 247, 247, 247;
  --clr-grey: 243, 242, 241;
  --clr-dark: 26, 27, 24;
  --clr-neutral: 237, 235, 233;
  --clr-accent-dark: 0, 68, 82;

  --clr-accent: 0, 142, 170;
  --clr-primary: 94, 76, 66;

  --border-radius-std: 2px;
  --custom-grid-spacing: 4px;

  --hoverTranstitionImg: 0.7s ease;
  --hoverImgOpacityTransition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  /* --hoverTranstitionImg: 150ms cubic-bezier(0.215, 0.61, 0.355, 1); */

  --shadow-color: hsl(0deg 0% 0% / 0.075);
  --box-shadow-1-5: 0 1px 1px;
  --box-shadow-2-5: 0 2px 2px;
  --box-shadow-3-5: 0 4px 4px;
  --box-shadow-4-5: 0 8px 8px;
  --box-shadow-5-5: 0 16px 16px;
}

/* <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-arrow" fill="none" viewBox="0 0 14 10">
      <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"></path>
</svg>

body {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'><linearGradient id='gradient'><stop offset='10%' stop-color='%23F00'/><stop offset='90%' stop-color='%23fcc'/> </linearGradient><rect fill='url(%23gradient)' x='0' y='0' width='100%' height='100%'/></svg>");
} */


/************************************************************************

GLOBAL STYLES 

************************************************************************/

footer .policies {
  display: none;
}

/* Grey background for images */
.card-wrapper use-animate:not(.rk-show-lifestyle) {
  -webkit-filter: brightness(0.97);
  filter: brightness(0.97);

  & img {
  padding: 10px;
  }
}

.card-wrapper use-animate.rk-show-lifestyle {
  & img {
    object-fit: cover;
  }
}

/* Product Cards Global Styling */
.card-wrapper {
  & .price bdi {
    font-size: calc(var(--font-price-scale) * 2.2rem)
  }
}

.rk-table {
  border-spacing: 1;
  border-collapse: collapse;
  background: white;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  position: relative;
 
  & td {
    padding-left: 8px;
  }

  & tbody tr {
    height: 50px;
    font-size: 15px;
    line-height: 1.2;
    
    &:last-child {
      border: 0;
    }
    &:nth-child(odd) {
      background-color: rgb(247, 247, 247);
    }
    &:nth-child(even) {
      background-color: rgb(237, 235, 233);
    }
  }

  & .column1 {
    width: 25%;
    font-weight: 600;
    padding-left: 12px;
  }

  & .column2 {
    padding-left: 12px;
    text-wrap: pretty;
  }
}

/* CUSTOM HTML BUTTON CLASSES */
.rk-button__primary {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 4px !important;
  font-size: max(calc(var(--font-button-size) - 2px), 1.2rem) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.2em !important;
  font-weight: 600 !important;
  font-family: var(--font-button-family) !important;
  padding: 0.6rem 2rem !important;
  padding-top: calc(0.6rem + var(--font-button-baseline)) !important;
  min-height: 4rem !important;
  width: fit-content !important;
  max-width: 300px !important;
  background-color: rgba(var(--clr-dark), 0.85) !important;
  color: white !important;
  text-decoration: none !important;
  background-image: none !important;
  transition: color var(--duration-long) ease, transform var(--duration-default) ease, opacity var(--duration-default) ease !important;
  transition-property: color, box-shadow !important;
  transition-timing-function: ease !important;
  overflow: hidden !important;
  border: 0 !important;

  @media screen and (hover:hover) {
  transform: translateY(0%) !important;
  box-shadow: none !important;
  will-change: transform !important;

    &::after {
      content: '';
      z-index: -1;
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      transform: skew(-15deg);
      background-image: linear-gradient(90deg, transparent, rgba(var(--color-button-text), 0.25), transparent) !important;
    }

    &:hover {
      background-color: rgba(var(--color-button-background), 1) !important;
      transition-delay: var(--duration-default);
      box-shadow: none;
      opacity: 1;

      &::after {
        animation: shine var(--duration-animate) ease;
      }
    }
  }
}

.rk-button__secondary { 
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: max(calc(var(--font-button-size) - 2px), 1.2rem) !important;
  letter-spacing: 0.2em !important;
  font-weight: 600 !important;
  font-family: var(--font-button-family) !important;
  border: 0 !important;
  box-shadow: inset 0 0 0 0.1rem rgba(var(--clr-dark),0.2) !important;
  transition: box-shadow var(--duration-default) ease !important;
  background: white !important;
  padding: 0.6rem 2rem !important;
  padding-top: calc(0.6rem + var(--font-button-baseline)) !important;
  min-height: 4rem !important;
  border-radius: var(--custom-grid-spacing) !important;
  text-transform: uppercase !important;
  width: fit-content !important;
  max-width: 400px !important;
  color: rgba(var(--clr-dark),0.65) !important;

  &:hover {
    box-shadow: inset 0 0 0 0.2rem rgba(var(--clr-dark),0.2) !important;
    color: rgba(var(--clr-dark),0.85) !important;
    transition-delay: 0s !important;
    text-decoration: none !important;
  }
}

.rk-button__tertiary {
  min-height: 3rem;
  background: none;
  box-shadow: none;
  border: none;
  text-transform: uppercase;
  letter-spacing: 0.1em !important;
  font-weight: 600 !important;
  font-family: var(--font-button-family) !important;
  font-size: max(calc(var(--font-button-size) - 2px), 1.2rem) !important;
  color: rgb(var(--clr-dark)) !important;
  text-decoration: none !important;
  opacity: 1 !important;
  background-color: transparent !important;
  background-image: linear-gradient(to top, rgb(var(--color-link)) 0, rgb(var(--color-link)) 0), linear-gradient(to top, rgb(var(--color-border)) 0, rgb(var(--color-border)) 0) !important;
  background-repeat: no-repeat !important;
  background-position: right bottom, right bottom !important;
  background-size: 0% 0.1rem, 100% 0.1rem !important;
  transition-property: transform, background-size !important;
  transition-timing-function: ease !important;
  transition-duration: var(--duration-default) !important;

  &:hover {
    background-size: 100% 0.1em, 100% 0.1em !important;
    background-position-x: 0% !important;

    &::after {
      transform: translateX(0.3rem);
    }
  }
  
  &::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 12px;
    margin-left: 16px;
    background-repeat: no-repeat;
    object-fit: contain;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-arrow" fill="none" viewBox="0 0 14 10"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"></path></svg>') !important;
    transition-property: transform, background-size !important;
    transition-timing-function: ease !important;
    transition-duration: var(--duration-default) !important;
  }
}

.rk-button__underline {
  color: rgb(var(--clr-dark)) !important;
  opacity: 1 !important;
  text-decoration: none !important;
  background-color: transparent !important;
  font-weight: 400 !important;
  background-image: linear-gradient(to top, rgb(var(--color-link)) 0, rgb(var(--color-link)) 0), linear-gradient(to top, rgb(var(--color-border)) 0, rgb(var(--color-border)) 0) !important;
  background-repeat: no-repeat !important;
  background-position: right bottom, right bottom !important;
  background-size: 0% 0.1rem, 100% 0.1rem !important;
  transition-property: background-size !important;
  transition-timing-function: ease !important;
  transition-duration: var(--duration-default) !important;

  &:hover {
    background-size: 100% 0.1em, 100% 0.1em !important;
    background-position-x: 0% !important;
  }
}


/*************** Cart Recommendations ***************/

@media screen and (max-width: 750px) {
  product-recommendations.product-recommendations .card-information__wrapper a.card-information__text.h4 {
    font-size: 14px;
    line-height: 1.4;
    /* put a rule to have ellopses after 3 or four lines */
  }

  product-recommendations.product-recommendations picture:not(:first-child) img {
    object-fit: cover;
    padding: 0;
  }
}

/* Pricing */


@media screen and (max-width: 1023px) {
  product-recommendations.product-recommendations .price bdi {
    font-size: 18px;
  }
}

product-recommendations.product-recommendations .price--on-sale .price__compare bdi {
  font-size: 14px !important;
}

product-recommendations.product-recommendations .price.price--on-sale,
product-recommendations.product-recommendations .price {
  padding-top: 4px;
}

/* Text wrap */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  text-wrap: balance;
}

/* Second image on hover to zoom in and fill the container */
.card .media.media--hover-effect>picture+picture img {
  object-fit: cover;
  padding: 0 !important;
}

/* Multicolumn Blocks | Assign border-radius to images as the theme assigns it to the entire card. */
.multicolumn li.multicolumn-list__item use-animate.media-wrapper {
  border-radius: var(--border-radius-std);
}

/* Multicolumn Blocks | Remove inline padding */
.multicolumn-card__info {
  padding: 2rem 0 !important;
}

/* Multicolumn Blocks | Override block padding in text */
.multicolumn-card .rte.typeset,
.multicolumn-popup .rte.typeset {
  margin: 0 !important;
}

/* Cart bubble colour */
.cart-count-bubble {
    background-color: rgb(var(--clr-accent));
}

/* Transparent */
.header-transparent {
  & .cart-count-bubble {
    background-color: rgb(var(--color-header-transparent));
    color: rgb(var(--clr-accent));
    font-weight: 700;
  }
}

/* On scroll-up */
.shopify-section-header-sticky:not(.shopify-section-header-hidden) .header .cart-count-bubble {
  background-color: rgb(var(--clr-accent));
  color: white;
  font-weight: 400;
} 


/*************** GRID SPACING OVERRIDE ***************/
/* component-grid from base.css */
.flex-grid {
  --grid-horizontal-spacing: var(--custom-grid-spacing);

  @media screen and (width >= 480px) {
    --grid-horizontal-spacing: var(--custom-grid-spacing);
  }
  
  @media screen and (width >= 750px) {
    --grid-horizontal-spacing: var(--custom-grid-spacing);
  }
}

/* Text inside flex needs additional padding */
.card-information__wrapper, .multicolumn-card__info {
  margin-inline: calc(var(--custom-grid-spacing) * 2);
}

/* Slider scrollbar padding */
@media screen and (max-width: 989px) {
  .slider {
    padding-bottom: 3rem;
  }
}

/* DELETE UNUSED LATER IN CASE ANYTHING IS NEEDED */
/*************** BUTTON HOVER EFFECTS OVERRIDE ***************/
.button:not(.button--cta):not(.button--tertiary) {
  background-color: rgba(var(--color-button-background),0.85);
  transition-property: color, box-shadow;
}

.button:not(.button--cta) {
  /* transition-duration: var(--duration-default); */
}

.card-information quick-view-button.button,
.card-information add-to-cart.button,
.card-information .button {
  /* color: rgba(var(--color-button-background), 1);
  background-color: rgba(var(--color-button-text), 1); */
  /* border: 1px solid rgba(var(--color-button-background), 1);
  color: rgba(var(--color-button-background), 1);
  background-color: rgba(var(--color-button-text), 0.85); */
}

@media screen and (hover: hover) {
  .button:not(.button--cta):not(.button--tertiary):hover {
    background-color: rgba(var(--color-button-background), 1);
  }

  .card-information quick-view-button.button,
  .card-information add-to-cart.button,
  .card-information .button {
    /* &:hover {
      color: rgba(var(--color-button-text), 0.85)!important;
      background-color: rgba(var(--color-button-background), 1)!important;
    } */
  }

  .button:not(.button--cta):not(.button--tertiary):hover::after {
    /* animation: none; */
  }
}

.button:not(.button--cta):focus {
  /* background-color: rgb(var(--clr-accent-dark));
  color: white; */
}

.button--cta .label {
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

/*************** SECONDARY BUTTONS ON MOBILE ***************/
.button--cta {
  min-height: 3rem;
}

@media screen and (width < 1024px) {
  .button--cta {
    overflow: visible;

    &::before,  &::after {
        display: none;
    }

    & .label {
      text-transform: none;
      padding-right: 0;
      letter-spacing: 1px;
      padding-inline-end: 1rem;
      line-height: 1.4;

      @media screen and (width < 420px) {
        padding-inline-end: 10px;
      }
      
      &::after {
        content: '\00A0\00A0 ➔';
        position: relative;
        width: auto;
        height: auto;
        background: none;
        transition-delay: 0s;
        text-decoration: none;
      }

      text-decoration: underline;
      text-underline-offset: 2px;
    }

    & svg:not(.icon.icon-cart) {
      display: none;
    }

    &:hover {
      &::after {
        transform: translateX(10px);
        animation: none;
      }

      &::before {
        display: none;
      }
    }
    
  }
}

/*************** VIEW ALL BUTTONS OVERRIDE STYLING ***************/
.view-all.center {
  width: auto;
}

.view-all.center .button {
  display: inline-flex;
  align-self: center;
  list-style: none;
  margin-top: 0;

  @media screen and (width <= 749px) {
    justify-content: center;
  }
}

  .view-all.center .button--cta {

    & svg {
      overflow-clip-margin: content-box;
      overflow: visible;
    }
  }

/*************** SECTION STYLING ***************/
/* Guarantees Block */

/*************** UTILITY ***************/

.flex {
  display: flex;
}

.flex--row {
  flex-direction: row;
}

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

.flex--justify-content--start {
  justify-content: flex-start;
}

/*************** PRODUCT HOVER EFFECTS ***************/
@media (-moz-touch-enabled: 0),
(hover: hover) {

  /* Images Hover Effect */
  .product-grid .grid__item .card-wrapper picture.motion-reduce,
  .product-grid .grid__item .card-wrapper use-animate {
    transition: opacity 0.2s ease, visibility 0.1s ease;
  }

  .card .media.media--hover-effect>picture:only-child,
  .card .media.media--hover-effect>picture+picture,
  .card-wrapper .media.media--hover-effect>picture:only-child:only-child {
    transform: none !important;
    transition-property: opacity !important;
    ;
  }

  .product-grid [data-animate-image] use-animate[data-animate=zoom-fade-small][animate]:not(.loading) .image-animate {
    animation: zoom-fade-small 0.1s ease forwards !important;
  }

  .product-grid .card-wrapper [data-animate-image] use-animate {
    animation: zoom-fade-small 0.1s ease forwards !important;
  }

  /* If no hover image */
  ul:not([id*="recently-viewed"]) .card-wrapper:not(:has(picture+picture)) {
    img {
      transition-duration: .8s;
      transition-property: transform;
      transition-timing-function: cubic-bezier(.33, 1, .68, 1);
      transform: scale(1);
    }

    &:hover img {
    transform: scale(1.05);
    }
  }


  /* Title Underline Hover Effect */
  .card-wrapper:hover .card-information__text {
    background: none;
    text-decoration: underline;
    text-decoration-color: rgba(45, 46, 43, .5);
    text-underline-offset: .2rem;
  }

  .card-information__text {
    background-image: none !important;
  }
}

/* Edits that can be deleted after moving over and making some background Shopify changes (ie. the "boxes" on the Collection Pages */
.boxes-wrapper {
  display: none;
}

/*************** VISIBILITY ***************/

@media screen and (max-width: 420px) {
  .hide--xs {
    display: none !important;
  }
}

@media screen and (min-width: 421px) and (max-width: 749px) {
  .hide--s {
    display: none !important;
  }
}

@media screen and (min-width: 750px) and (max-width: 1023px) {
  .hide--m {
    display: none !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .hide--l {
    display: none !important;
  }
}

@media screen and (min-width: 1440px) {
  .hide--xl {
    display: none !important;
  }
}


/************************************************************************

PLP : DEFAULT COLLECTION PAGE

************************************************************************/


label[for="Filter-Availability-mobile-1"] span.caption-with-letter-spacing:before {
  content: 'only ';
  font-size: 1.6rem;
  padding: 1rem 0;
  width: 100%;
  text-transform: none;
  color: rgb(var(--color-foreground));
}

.facet-filters>.page-width {
  background-color: rgba(0, 0, 0, 0) !important;
}

body.template-collection {
  .collection-hero__description {
    @media screen and (width < 990px) {
      display: none;
    }
  }

  .active-facets-mobile {
    display: none;
  }

  .collection .product-grid {
    margin-top: 1rem;
  }

  .section--padding.page-width.facets-vertical {
    margin-top: 18px;
    padding-top: 0;
  }
}

/*************** SUBCOLLECTIONS ***************/

/* Font Styling */

body.template-collection slider-component.collection {
  & h3 {
    font-size: 14px;
    letter-spacing: 0;
    font-family: var(--font-body-family);
    font-weight: 600;
    color: var(--clr-dark-800);

    @media screen and (width >= 750px) {
      font-size: 16px;
    }
  }
  
  /* Position change to relative from absolute to move text beneath images */
  & .card__text-spacing {
    position: relative;
    background: transparent;
    padding: 4px 4px 5px 2px;
    color: rgb(var(--color-price));

    &::after {
      background: transparent;
    }

    @media screen and (width >= 750px) {
      padding: 1rem 1rem 2rem 4px;
    }
  }

  & img {
    padding: 0;
  }

  & .card-wrapper .media > *:not(.zoom, .deferred-media__poster-button) {
    transition-duration: .8s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.33, 1, .68, 1);
    transform: scale(1);
  }

  .card:hover {
    & .media > *:not(.zoom, .deferred-media__poster-button) {
      transform: scale(1.05);
    }
  }
}

/*************** PRODUCT GRID ***************/
/* Alignment for two-col grid */
@media screen and (max-width: 749px) {
  .product-grid.grid--2-col .grid__item {
    max-width: calc(50% - var(--grid-horizontal-spacing) / 2) !important;
  }
}


@media screen and (max-width: 749px) {
  .card-information__wrapper a.card-information__text.h4 {
    font-size: 14px;
    line-height: 1.4;
  }
}

/* Countdown */
.card-information__button.with-countdown .countdown {
  background-color: rgba(var(--clr-light),0.85);
  color: var(--color-sale-price);
  border: 1px solid var(--color-sale-price);
}

.card-information__button .countdown::before {
  content: '';
  color: var(--color-sale-price);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M381.2 172.8C377.1 164.9 368.9 160 360 160h-156.6l50.84-127.1c2.969-7.375 2.062-15.78-2.406-22.38S239.1 0 232 0h-176C43.97 0 33.81 8.906 32.22 20.84l-32 240C-.7179 267.7 1.376 274.6 5.938 279.8C10.5 285 17.09 288 24 288h146.3l-41.78 194.1c-2.406 11.22 3.469 22.56 14 27.09C145.6 511.4 148.8 512 152 512c7.719 0 15.22-3.75 19.81-10.44l208-304C384.8 190.2 385.4 180.7 381.2 172.8z" fill="%23b5223f"></path></svg>');
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
}

/* Product Descriptions */
.card-information__text {
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

@media screen and (min-width: 750px) {
  .card-information__text {
    -webkit-line-clamp: 4;
    line-clamp: 4;
  }
}

@media screen and (max-width: 1023px) {
  .product-grid-container .price bdi {
    font-size: 18px;
  }
}

.product-grid-container .price--on-sale .price__compare bdi {
  font-size: 14px !important;
}

.product-grid-container .price.price--on-sale,
.product-grid-container .price {
  padding-top: 4px;
}

/** PRODUCT GRID **/
li:has(label[title="Out of stock"]) {
  display: none;
}

/*************** Swatches ***************/

/* Swatch alignment */
.card--product+.card-information .card-information__top {
  justify-content: space-between !important;
}

/* Make sure they don't overflow */
.card-article-info+.card__colors {
  margin-inline-start: 0;
}

/* On smaller screens, put swatches onto their own line */
@media screen and (max-width: 750px) {
  .card-information__top {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* On bigger screens, change swatch flex based on columns */
@media screen and (max-width: 989px) {
  .card-information__top {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media screen and (max-width: 1023px) {
  ul.grid--3-col-desktop .card-information__top {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media screen and (max-width: 1439px) {
  ul.grid--4-col-desktop .card-information__top {
    flex-direction: column;
    align-items: flex-start;
  }
}



/*************** Collection Lists ***************/
section[id*="collection_list"] {
  & img {
    padding: 0 !important;
  }

  & h3 {
    text-transform: lowercase;
    &::first-letter {
      text-transform: capitalize;
    }
  }

  & .media > *:not(.zoom, .deferred-media__poster-button) {
    transition-duration: .8s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.33, 1, .68, 1);
    transform: scale(1);
  }

  & .collection-list__item .card:hover {
    & .card-information__text {
      text-decoration: none;
    }

    & .media > *:not(.zoom, .deferred-media__poster-button) {
      transform: scale(1.05);
    }
  }
}

/*************** Recently Viewed ***************/

recently-viewed-products {
  & .page-width {
    @media screen and (width >1023px) {
      max-width: 1000px;
    }
  }
}

/************************************************************************

SEARCH

************************************************************************/


/*************** QUICK VIEW ***************/

/*** Left Column ***/
/* Search bar spacing on click */
.search-modal__form .field.has-recommendation {
  margin-top: 2cap;
}
/* Add line and heading between search terms and collections */
li#predictive-search-option-collection-1::before {
  content: 'Collections';
  white-space: pre;
  display: block;
  clear: inline-start;
  padding: 1.5rem 0 0.75rem;
  margin: 0 0 1rem 2rem;
  border-bottom: 0.1rem solid rgba(var(--color-foreground), .08);
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-size: calc(var(--font-heading-scale)* 1.5rem);
  line-height: calc(1 + 0.3 / max(1, var(--font-heading-scale)));
}

@media screen and (min-width: 750px) {
  li#predictive-search-option-collection-1::before {
    font-size: calc(var(--font-heading-scale)* 1.6rem);
  }
}

.header .predictive-search__results-list li:last-child:not(:nth-child(even)) {
  flex-direction: column;
}


predictive-search h2#predictive-search-queries::before {
  content: 'Search\00a0';
}

predictive-search form .predictive-search__heading:not(#predictive-search-products) {
  justify-content: flex-start;
  margin-bottom: 1rem;
}

/* Hide last two text suggestions */
predictive-search li#predictive-search-option-query-6,
predictive-search li#predictive-search-option-query-5,
predictive-search li#predictive-search-option-collection-5,
predictive-search li#predictive-search-option-collection-6 {
  display: none;
}

/* Switch bold to be query being searched */
predictive-search .predictive-search__item-query-result *:not(mark) {
  font-weight: 400;
  color: rgba(var(--color-foreground), .75)
}

predictive-search .predictive-search__item-query-result mark {
  font-weight: bolder;
  color: rgb(var(--color-heading));
}

/* Font styling */
predictive-search p.predictive-search__item-heading.h5 {
  font-family: var(--font-body-family);
  font-size: 15px;
  line-height: calc(1 + 0.2 / max(1, var(--font-heading-scale)));
  letter-spacing: 0;
}

/*** Right Column ***/
/* Images */
predictive-search #predictive-search-results-products-list .media img {
  filter: brightness(0.97);
  border-radius: var(--border-radius-std);
}

/* Remove 0 Results Text from Quickview */
#predictive-search__results-list .title-wrapper.center {
  display: none;
}

/*************** RESULTS PAGE QUICKVIEW ***************/

/*** Left Column ***/
div.template-search form #predictive-search__results-list li#predictive-search-option-collection-1::before {
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 1.2rem;
  color: rgba(var(--color-heading), 0.55);
  align-items: center;
  border-bottom: 0.1rem solid rgba(var(--color-foreground), .08);
  margin: 0 0 1rem 2rem;
  padding: 1.5rem 0 0.75rem;
  display: flex;
}

div.template-search form #predictive-search__results-list .predictive-search__results-groups-wrapper .predictive-search__result-group:first-of-type {
  flex-basis: 40%;
}

div.template-search form #predictive-search__results-list .predictive-search__results-groups-wrapper .predictive-search__result-group:first-of-type .predictive-search__list-item {
  padding: 0 0;
}

div.template-search form #predictive-search__results-list .predictive-search__results-groups-wrapper .predictive-search__result-group:first-of-type .predictive-search__list-item:first-of-type p.predictive-search__item-heading.predictive-search__item-query-result.h5 {
  margin-top: 0;
}

div.template-search form #predictive-search__results-list .predictive-search__results-groups-wrapper .predictive-search__result-group:first-of-type .predictive-search__item--link {
  grid-column-gap: 0;
}

predictive-search[open] .predictive-search--search-template {
  overflow-y: scroll;
}

div.template-search form #predictive-search__results-list .predictive-search__results-groups-wrapper .predictive-search__result-group:last-of-type #predictive-search-option-6,
div.template-search form #predictive-search__results-list .predictive-search__results-groups-wrapper .predictive-search__result-group:last-of-type #predictive-search-option-5,
div.template-search form #predictive-search__results-list .predictive-search__results-groups-wrapper .predictive-search__result-group:last-of-type #predictive-search-option-4 {
  display: none;
}

div.template-search form #predictive-search__results-list .predictive-search__results-groups-wrapper .predictive-search__heading:not(#predictive-search-products) {
  margin-bottom: 1rem;
}

div.template-search form div#predictive-search__results-list {
  width: 100%;
}

.template-search .template-search__results {
  margin-top: 3rem;
}

.search-modal .predictive-search__item-heading,
div.template-search form #predictive-search__results-list .predictive-search__results-groups-wrapper .predictive-search__result-group:last-of-type .predictive-search__item-heading {
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

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

  div.template-search form #predictive-search__results-list .predictive-search__results-groups-wrapper .predictive-search__result-group:last-of-type .predictive-search__item-heading,
  .search-modal .predictive-search__item-heading {
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }

  .search-modal predictive-search li#predictive-search-option-4,
  .search-modal predictive-search li#predictive-search-option-5,
  .search-modal predictive-search li#predictive-search-option-6 {
    display: none;
  }

  .search-modal predictive-search #predictive-search-results-products-list {
    display: flex;
    flex-direction: column;
  }

  .search-modal predictive-search #predictive-search-results-products-list .predictive-search__list-item {
    width: 100%;
  }

}

/*** MOBILE ***/

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

  .template-search .template-search__results {
    margin-top: 1rem;
  }

  div.template-search form .predictive-search.predictive-search--search-template {
    padding: 1rem;
  }

  div.template-search form #predictive-search__results-list .predictive-search__results-groups-wrapper .predictive-search__heading {
    margin-right: 1.5rem;
    margin-left: 1rem;
  }

  div.template-search form #predictive-search__results-list .predictive-search__results-groups-wrapper .predictive-search__result-group .predictive-search__item--link {
    padding-left: 1rem;
  }

  predictive-search form .predictive-search__heading,
  li#predictive-search-option-collection-1::before {
    margin-left: 1rem;
  }

  predictive-search form .predictive-search__item {
    padding-left: 1rem;
  }

  /* Main Quickview - only three results of each type */
  .search-modal predictive-search li#predictive-search-option-collection-4,
  .search-modal predictive-search li#predictive-search-option-query-4 {
    display: none;
  }

  /* Results Quickview - only three results and hide collections */
  div.template-search form #predictive-search__results-list .predictive-search__results-groups-wrapper .predictive-search__result-group:first-of-type #predictive-search-option-collection-1,
  div.template-search form #predictive-search__results-list .predictive-search__results-groups-wrapper .predictive-search__result-group:first-of-type #predictive-search-option-collection-2,
  div.template-search form #predictive-search__results-list .predictive-search__results-groups-wrapper .predictive-search__result-group:first-of-type #predictive-search-option-collection-3,
  div.template-search form #predictive-search__results-list .predictive-search__results-groups-wrapper .predictive-search__result-group:first-of-type #predictive-search-option-collection-4,
  div.template-search form #predictive-search__results-list .predictive-search__results-groups-wrapper .predictive-search__result-group:first-of-type #predictive-search-option-query-4 {
    display: none;
  }

  .template-search .predictive-search__results-groups-wrapper:not(.predictive-search__results-groups-wrapper--no-suggestions),
  .search-modal#predictive-search-results-groups-wrapper {
    gap: 0;
  }

  div.template-search form .predictive-search.predictive-search--search-template {
    max-height: none !important;
  }

  .search-modal predictive-search .predictive-search__item.button {
    padding: 10px;
    text-align: center;
    line-height: 1.5;
  }
}

/******************************************************

PDP

******************************************************/


/*************** MEDIA ***************/

/* 
IMAGE BACKGROUND SETTINGS
- need to make the block right behind the image have the bg-color (div.product__media...)
- add mix-blend-mode: multiply to the actual image, but only the white shots
- any way to diffrentiate between ls and non-ls images? Maybe a script? Or a setting in the product info block?
*/

li.product__media-item:first-of-type {
  & use-animate {
    & img {
      padding: 5%;
      border-radius: var(--border-radius-std);
      object-fit: contain;
    }

    &.rk-show-lifestyle {
      & img {
        object-fit: cover;
        padding: 0;
      }
    }

    &:not(.rk-show-lifestyle) {
      filter: brightness(0.97);
      -webkit-filter: brightness(0.97);
    }
  }
}

/* Variant Featured Images */
li.product__media-item[data-gang-option].gang__active:first-of-type img,
/* Non Variant Products - Featured image */
li.product__media-item:not([data-gang-option]):first-of-type img {
  /* filter: brightness(0.97); */
  /* border-radius: var(--border-radius-std); */
  /* padding: 40px; */
  /* object-fit: contain; */
}


/* Thumbnails */
li.thumbnail-list__item.slider__slide img {
  filter: brightness(0.97);
}

li.thumbnail-list__item.slider__slide img[src*="_LS_"],
li.product__media-item img[src*="LS_"] {
  filter: brightness(1) !important;
}

@media screen and (max-width: 749px) {
  .product .product__media-wrapper product-gallery {
    margin-bottom: 1.5rem;
  }
}

/*************** META ***************/

.product .product__info-wrapper .product__info-container {
  padding-top: 1rem;
}

/* Vendor & Range Row */
.product__vendor-range--row {
  display: flex;
  flex-direction: row;
}

.product__vendor-range--row .product__text .link:hover,
.product__vendor-range--row .product__text .link:active {
  text-decoration-color: rgb(var(--color-border));
}

.product__vendor-range--row .product__text .link:nth-child(2) {
  color: rgba(var(--color-foreground), 0.75)
}

@media screen and (max-width: 1023px) {
  .product__vendor-range--row .product__text .link:first-child {
    flex-shrink: 0;
  }

  .product__vendor-range--row .product__text {
    column-gap: 20px;
  }

  .product__vendor-range--row .product__text .link {
    text-decoration: underline;
    text-underline-offset: 1.5px;
    text-decoration-color: rgb(var(--color-border));
  }
}

@media screen and (min-width: 1024px) {
  .product__vendor-range--row .product__text {
    column-gap: 20px;
  }

  .product__vendor-range--row .product__text .link {
    text-decoration: none;
  }
}

/* Price & title */
.product .product__title {
  margin-top: 1rem;
}

.product__title h1.product__heading.h2 {
  text-wrap: balance;
}

@media screen and (min-width: 750px) {
  .product__title div[id*="price-template"] div.price--large dl .price__regular .price__last bdi,
  .product__title div[id*="price-template"] div.price--large.price--on-sale dl .price__sale .price__last bdi {
    font-size: calc(var(--font-heading-scale) * 3.5rem);
  }

  .product__title div[id*="price-template"] div.price--large.price--on-sale dl .price__sale .price__compare bdi {
    font-size: calc(var(--font-heading-scale) * 1.6rem);
  }
}

more-payment-options-link {
  display: none;
}

.product__tax.caption.rte,
small.tax-note.caption-large.rte {
  display: none;
}

/* Brand */
.product__info-container .product__text {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 1rem;
}

/* Empty space right before brand */
.product__info-container div:has(+.product__text) {
  margin-block: 0 !important;
}

/* Review Stars */
.custom__liquid:has(#--rinkit--product--meta-review-stars) {
  margin-top: 0;
}

.product__meta-review-stars-container a {
  text-decoration: none;
  color: #1a1b18;
  margin-top: 0;
}

.product__meta-review-stars--caption-link {
  text-decoration: underline;
}

:root {
  --shadow-color: 0deg 0% 75%;
  --shadow-elevation-high:
    0px 0.2px 0.2px hsl(var(--shadow-color) / 0.31),
    -0.3px 1.6px 1.9px -0.6px hsl(var(--shadow-color) / 0.32),
    -0.6px 3.7px 4.3px -1.2px hsl(var(--shadow-color) / 0.33),
    -1.3px 7.8px 9.1px -1.7px hsl(var(--shadow-color) / 0.34),
    -2.5px 15.4px 18px -2.3px hsl(var(--shadow-color) / 0.35);
}

/* Review Snippet */
[id*="judge_me_reviews_review_snippet_widget"] .jdgm-rev-snippet-card {
  box-shadow: white 0 0;
  background-color: #f8f8f8 !important;
  border-radius: var(--border-radius-std);
}

[id*="judge_me_reviews_review_snippet_widget"] .jdgm-rev-snippet-card__rev-content-wrapper {
  align-items: center;
}

[id*="judge_me_reviews_review_snippet_widget"] .jdgm-rev-snippet-card__rev-header,
[id*="judge_me_reviews_review_snippet_widget"] .jdgm-rev-snippet-card__rev-content {
  font-size: 1.5rem;
}

/* Countdown Timer */
#countdown-countdown.product-countdown--compact {
  & countdown-timer .countdown__item {
    font-size: calc(var(--font-heading-scale) * 1.6rem);
  }
}

/* --------- Koala Multibuy --------- */
koala-quantity-selector {
/* Quantity Selector Text */
  & .koala-deal__quantity-label {
    font-size: 1.4rem;
    text-transform: lowercase;
    letter-spacing: .04rem;
    font-weight: 400;
    color: rgb(var(--clr-dark));

    &::first-letter {
      text-transform: uppercase;
    }
  }

/* Quantity Selector Buttons */
  & .koala-deal__quantity-button {
    background-color: rgba(33, 35, 38,.06);
    font-weight: 400;
    font-size: 1.8rem;
    color: rgb(33, 35, 38);
    visibility: hidden;
    position: relative;

    &[data-type="increment"]::before {
      background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-plus" fill="none" viewBox="0 0 10 10"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" fill="rgb(26, 27, 24)"></path></svg>');
    }

    &[data-type="decrement"]::before {
      background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-minus" fill="none" viewBox="0 0 10 2"><path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="rgb(20, 27, 24)"></path></svg>');
    }
      
    &::before,
    &::after {
      content: '';
      visibility: visible;
      background-size: 1rem;
      background-position: center;
      object-fit: contain;
      position: absolute;
      width: 3.6rem;
      height: 3.6rem;
      background-repeat: no-repeat;
      border-radius: 50%;
      flex-shrink: 0;
      font-size: 1.8rem;
      border: 0;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      color: rgb(var(--color-foreground));
      background-color: rgba(var(--clr-dark), 0.06);
      transition: color var(--duration-default) ease;
    }
    
    &::after {
      pointer-events: none;
      position: absolute;
      z-index: 1;
      border-radius: 50%;
      transform: scale(0);
      background-color: rgba(var(--clr-dark), 1);
      transition: transform var(--duration-default) ease;
    }

    &:hover {
      opacity: 1 !important;

      &[data-type="increment"]::after {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-plus" fill="none" viewBox="0 0 10 10"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" fill="rgb(255,255,255)"></path></svg>');
      }
      &[data-type="decrement"]::after {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-minus" fill="none" viewBox="0 0 10 2"><path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="rgb(255,255,255)"></path></svg>');
      }
      
      &::after {
        transform: scale(1);
      }
    }
  }
}

/* Quantity Breaks */
koala-quantity-breaks-embed {
  & .koala-deal__title {
    font-size: var(--font-button-size);
    letter-spacing: 0.2em;
    line-height: calc(1 + 0.2 / var(--font-body-scale));
    text-transform: uppercase;
    color: rgba(var(--clr-dark), 0.85);
    
    &::before,
    &::after {
      color: rgb(var(--color-border));
      height: .1rem;
    }
  }

  & .koala-deal__tiers__list {
    row-gap: var(--custom-grid-spacing);
  }

  & label.koala-deal__tier {
    border-radius: var(--custom-grid-spacing);
    box-shadow: none;
    background-color: rgba(var(--clr-light), 0.8);
  }

  & .koala-deal__tier__radio {
    display: none !important;
  }

  & .koala-deal__tier__title {
    text-transform: uppercase;
    font-size: 1.4rem;
    color: rgb(var(--clr-dark));
    font-weight: 700;
    letter-spacing: 0.2rem;
  }

  & .koala-deal__tier__price {
    font-size: 1.8rem !important;
    font-weight: 600;
    color: rgba(var(--clr-dark), 0.85) !important;
    letter-spacing: 0;
  }
  & .koala-deal__tier__regular-price {
    font-size: 1.4rem;
    color: rgba(var(--clr-dark), 0.6) !important;

  }
  
  /* Selected item */
  & .koala-deal__tier__input:checked+.koala-deal__tier {
    /* box-shadow: rgb(var(--clr-accent-dark)) 0 0 0 2px !important; */
    background-color: rgba(var(--clr-primary), 0.2) !important;
    box-shadow: none !important;
    border: 0 !important;

    & .koala-deal__tier__title,
    & .koala-deal__tier__subtitle,
    &  .koala-deal__tier__price {
      color: rgb(var(--clr-dark)) !important;
    }
    &  .koala-deal__tier__regular-price {
        color: rgba(var(--clr-dark), 0.6) !important;
    }
  }

  & .koala-ribbon::after,
  & .koala-ribbon::before {
    background-color: rgb(var(--clr-accent-dark));
  }
  
    & .koala-ribbon {
    background-color: rgb(var(--clr-accent));
    color: white;
    text-transform: uppercase;
      letter-spacing: 0.1em;
      font-size: 1.2rem;
  }
}

/* Buttons */
:root {
  --solid-button-background-dark: #1A1B18;
}

@media screen and (max-width: 700px) {
  product-form.product-form .product-form__buttons {
    flex-wrap: wrap;
  }

  product-form.product-form .product-form__buttons button[type="submit"] {
    /* min-width: auto; */
    padding: 1rem 1.5rem;
  }
}

/* Low Stock Notification */
.product .product__info-container ul.product__inventory li .accent-3::after {
  background: linear-gradient(325deg, #0B486B, #F56217)
}

.product .product__info-container ul.product__inventory {
  margin-bottom: 3rem !important;
}

/* Delivery Cutoff Countdown */

[id^="order-cutoff--time"] {
  letter-spacing: 0.09rem;
  line-height: 1.4;
  font-size: 1.4rem;
  color: rgba(var(--color-foreground), 0.9);
}

div.custom__liquid:has(div[class^="product__order-cutoff-delivery--wrapper"]) {
  margin-block: 3rem;
}

#product__order-cutoff-delivery--day,
#product__order-cutoff-delivery--time {
  font-weight: 700;
}

#product__order-cutoff-delivery--time {
  text-decoration: underline;
  text-decoration-color: rgb(var(--color-border));
  text-underline-offset: 2px;
}

div[class^="product__order-cutoff-delivery--wrapper"] #order-cutoff {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: flex-start;
  padding: 0 0 0 1.5rem;
}

div[class^="product__order-cutoff-delivery--wrapper"] p {
  text-wrap: balance;
  margin: 0;
}

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

  /* Delivery Cutoff */
  div[class^="product__order-cutoff-delivery--wrapper"] p {
    text-wrap: pretty;
    letter-spacing: 0.05rem;
  }

  /* Accordian Titles */
  .product__accordion details summary .accordion__title {
    letter-spacing: 0.15rem;
  }
}

#deliveryCountdown {
  font-weight: 600;
}

/* icon */
svg#order-cutoff--icon {
  width: 1.6rem;
  height: 1.6rem;
  margin-inline-end: 1.2rem;
  flex: 0 0 auto;
  align-self: center;
  opacity: 0.85;
}

svg#order-cutoff--icon path {
  fill: rgb(var(--color-foreground));
}

#order-cutoff:has(div:empty) #order-cutoff--icon {
  display: none;
}

/* Disabling countdown when out of stock */
body:has(form[data-type="add-to-cart-form"] variant-selects fieldset.product-form__input--swatch input[checked][data-crossout]) .product__order-cutoff-delivery--wrapper {
  display: none;
}

/* Buttons for Out of Stock Notification */
.product__out-of-stock--wrapper {
  margin-top: 0;
}

.product__info-wrapper product-form~pickup-availability {
  margin: 1.5rem 0 0;
}

.product__out-of-stock--wrapper a {
  text-decoration: none;
}

.product__out-of-stock--wrapper button.product__out-of-stock--button {
  line-height: calc(1 + 0.7 / var(--font-body-scale));
  text-wrap: balance;
  text-decoration: none;
}

product-form.product-form .product-form__buttons .product-form__submit[disabled="disabled"] {
  --color-button-background: var(--color-background);
  --color-button-border: var(--color-base-outline-button-labels);
  --color-button-text: var(--color-base-outline-button-labels);
  --button-border-width: 1px;
}

/* Klaviyo button for email */
  #klaviyo-bis-button-container {
  width: 100% !important;
  
  & button {
   flex: 1 1 100% !important;
   background-color: rgba(var(--color-button-background),0.85);
   position: relative;
   z-index: 1;
   box-sizing: border-box;
   text-decoration: none;
   border-radius: var(--button-radius) !important;
   color: rgb(var(--color-button-text));
   font-family: var(--font-button-family);
   min-width: 24rem;
   min-height: 4.6rem;
   text-transform: uppercase;
   transition-property: color, box-shadow;
   transition-duration: var(--duration-long);
   transition-timing-function: ease;
   -webkit-appearance: none;
   appearance: none;
   overflow: hidden;
   box-shadow: var(--button-shadow-horizontal-offset) var(--button-shadow-vertical-offset) rgba(var(--color-shadow), var(--shadow-opacity));


   &::after {
    content: '';
    z-index: -1;
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    transform: skew(-15deg);
    background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent) !important;
   }

   &:hover {
    background-color: rgba(var(--color-button-background),1);

    &::after {
      animation: shine 1000ms ease !important;
    }
   }
  }
 }



/* Information Collapsable Background */
/* --Rinkit : ID specific */
[id$="collapsible_content_VfxVUw"],
[id$="testimonials"] {
  background-color: var(--clr-light-200);
  
  & .accordion:last-of-type {
    border-bottom: 0;
  }

  .product-details {
    @media screen and (width >= 990px) {
      /* padding: 92px 15rem 72px 15rem; */
    }

    h3, h4 {
      color: rgba(var(--color-foreground), 0.55);
    }
  }
}

/* Complementary Products */

body.template-product .complementary-products {
  & .card-wrapper {
    align-items: center;
  }

  & .price bdi {
    font-size: calc(var(--font-heading-scale) * 1.8rem);
  }

  & .price.price--on-sale .price-item--regular bdi {
    font-size: calc(var(--font-heading-scale) * 1.4rem);
  }

  & .list-unstyled {
    display: flex;
    column-gap: var(--custom-grid-spacing);
  }

  & use-animate {
    background-color: white;
    filter: none;
  }

  & .card-wrapper {
  flex-direction: column;

    img {
      padding: 0;
      filter: none;
    }
  }

  & .card-information {
    display: none;
  }

  @media screen and (width < 767px) {
    & a.card-information__text.h4 {
      display: none !important;
    }
  }

  & li {
    margin-top: 0;
  }
}

/*************** REVIEWS ***************/

/* Partial star filled */
.jdgm-star.jdgm--off:before {
  content: "\e000" !important;
}

.jdgm-star.jdgm--on,
.jdgm-form .jdgm-star:not([disabled]):hover,
.jdgm-star.jdgm--on:not([role="button"]):hover {
  opacity: 100% !important;
}

.jdgm-rev-widg {
  padding-inline: 0 !important;
}

#judgeme_product_reviews:has(.jm-no-reviews-state) {
  & .jm-review-widget__header-and-body {
    grid-template-columns: 0;
    column-gap: 0;
  }
  & .jm-review-widget-sidebar-header__sidebar {
    display: none;
  }
}

#judgeme_product_reviews {
  & .jm-review-widget--sidebar-header {
    padding-bottom: 0;
  }

  & .jm-filters__buttons {
    & select, button {
      border-radius: 100px;
      border: 1px solid color-mix(in srgb,var(--jm-review-widget-text-color) 20%,transparent);
    }
  }

  & .jm-search-bar {
    border-radius: 10px;
  }

  /* Histogram */
  & .jm-histogram:has(.jm-histogram-row.rk-selected) {
    position: relative;
    & .jm-histogram-row:not(.rk-selected) {
      opacity: 0.5;
    }
  }

  & #rk-button__clear-filters {
    color: rgba(var(--clr-dark), 0.5);
    font-size: 1.5rem;
    @media screen and (width >= 768px) {
      position: absolute;
      right: -20px;
      top: auto;
    }
    &:hover {
      color: rgba(var(--clr-dark), 1);
      cursor: pointer;
    }
  }

  & .jm-histogram:has(:not(.rk-selected)) {
    /* background-color: red !important; */
  }
  
  /* AI Summary */
  & .jm-ai-summary--with-bg {
    background-color: rgb(var(--clr-light));
    border-radius: var(--custom-grid-spacing);

    & .jm-cluster:first-child {
      font-family: var(--font-heading-family);
      letter-spacing: 0.02em;
      font-weight: var(--font-heading-weight);
    }
  }

  & .jm-review-content__title {
    font-family: var(--font-heading-family);
    letter-spacing: 0.02em;
    font-weight: var(--font-heading-weight);
  }

  & .jm-review-item .jm-cluster:has(.jm-media-thumbnail-list__thumbnail), .jm-product-variant-card {
      display: none;
  }

  & .jm-review-item .jm-star-rating__font-icon {
    font-size: 1.2em !important;
  }

  & .jm-pagination-controls__button {
    border-radius: 100%;
    aspect-ratio: 1 / 1;
  }

  & .jm-pagination-controls__button:not(.jm-pagination-controls__button--active):not(.jm-pagination-controls__button--nav):hover {
    background-color: rgb(var(--clr-grey));
  }

  & .jm-pagination-controls__button--active:hover {
    cursor: default;
    opacity: 1;
    background-color: var(--jm-btn-bg, var(--jm-review-widget-button-color));
  }

  & .jm-pagination-controls__button--nav {
    & svg {
      display: none;
    }
  }

  .jm-pagination-controls__button--nav {
      & span::after {
        content: '';
        background-image:  url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-arrow" fill="none" viewBox="0 0 20 10"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"></path></svg>');
        background-repeat: no-repeat;
        width: 30px;
        height: 14px;
    }

    &:first-of-type {
        transform: scale(-1);
    }

    &:hover {
      background-color: white;
    }
  }

  .jm-button[data-testid="write-review-button"] {
    border-radius: 4px;
    font-size: max(calc(var(--font-button-size) - 2px), 1.2rem);
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: 600;
    font-family: var(--font-button-family);
    padding: 0.6rem 2rem;
    padding-top: calc(0.6rem + var(--font-button-baseline));
    min-height: 4rem;
    background-color: rgba(var(--color-button-background), 0.85);
    transition: color var(--duration-long) ease, transform var(--duration-default) ease, opacity var(--duration-default) ease;
    transition-property: color, box-shadow;
    transition-timing-function: ease;
    overflow: hidden;

    @media screen and (hover:hover) {
    transform: translateY(0%);
    box-shadow: none;
    will-change: transform;

      &::after {
        content: '';
        z-index: -1;
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        transform: skew(-15deg);
        background-image: linear-gradient(90deg, transparent, rgba(var(--color-button-text), 0.25), transparent);
      }

      &:hover {
        background-color: rgba(var(--color-button-background), 1);
        transition-delay: var(--duration-default);
        box-shadow: none;

        &::after {
          animation: shine var(--duration-animate) ease;
        }
      }
    }
  }
}

/*************** FAQs ***************/

/* --Rinkit : ID specific */
section[id$="collapsible_content_DHRBCw"] {
  background-color: rgb(var(--clr-light));

  & .accordion:last-of-type {
    border-bottom: 0;
  }
}

/*************** QUICKVIEW ***************

/* Images */
quick-view.quick-view div.quick-view__content product-gallery ul li:not(:first-child) img {
  padding: 0 !important;
}

quick-view.quick-view div.quick-view__content product-gallery ul li:not(:first-child) img[src*="_LS_"] {
  object-fit: cover !important;
  filter: brightness(1);
}

/* Low Stock Bar */
quick-view.quick-view ul.product__inventory li .accent-3::after {
  background: linear-gradient(325deg, #0B486B, #F56217)
}

/* Buttons */
quick-view .product__info-container div:has(product-form.product-form .product-form__error-message),
quick-view .product__info-container .product-form {
  margin: 1.5rem 0 0;
}

/*************** PDP BREADCRUMB ***************/

.breadcrumb__current-page-title {
  text-transform: capitalize;
}

/*************** HEADER ***************/

/***** Nav Links *****/

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

  /* Small screens - drawer menu */
  .shopify-section.shopify-section-header sticky-header {
    padding-block: 1rem;
  }

  .shopify-section.shopify-section-header:not(.shopify-section-header-sticky) sticky-header {
    /* border-bottom: 0.1rem solid rgb(var(--color-border)); */
    padding-block: 1.5rem;
  }
}

/* Large screens - full dropdown mega menua */

sticky-header .list-mega-menu::-webkit-scrollbar {
  display: none;
}

@media screen and (min-width:990px) {
  sticky-header header.header .header__inline-menu {
    display: flex;
    margin-inline: auto;
    justify-content: center;
    width: 100%;
  }

  sticky-header header.header .header__inline-menu ul.list-menu.list-menu--inline {
    flex-wrap: nowrap;
    column-gap: normal;
    width: 100%;
    justify-content: space-between;
  }

  /* Text styling */
  sticky-header.header-wrapper header.header .header__inline-menu ul.list-menu.list-menu--inline li a.header__menu-item--top .label {
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.1em;
    line-height: 1.3;
    text-align: center;
  }

  /* Lines above and below nav list */
  /* White background header */
  .shopify-section.shopify-section-header:not(is-active) sticky-header header.header ul.list-menu.list-menu--inline {
    /* border-top: 0.1rem solid rgb(var(--color-border)); */
    padding-block: 0.3rem;
    margin-top: 1rem;
  }

  .shopify-section.shopify-section-header:not(is-active) sticky-header {
    border-bottom: 0.1rem solid rgb(var(--color-border));
  }

  /* Transparent */
  .shopify-section.shopify-section-header:not(.is-active) sticky-header.header-transparent header.header ul.list-menu.list-menu--inline {
    /* border-top: 0.1rem solid rgb(var(--color-border)) !important; */
    padding-block: 0.3rem;
  }

  .shopify-section.shopify-section-header:not(is-active) sticky-header.header-transparent {
    border-bottom: 0.1rem solid rgba(var(--color-border), 0) !important;
  }


  .shopify-section.shopify-section-header:has(.header-background.is-active) sticky-header {
    border-bottom: 0.1rem solid rgba(var(--color-border), 0) !important;
  }

  /* Shadow separates drop down from nav */
  sticky-header.header-wrapper:has(.header-background.is-active) header.header {
    box-shadow: rgba(33, 35, 38, 0.1) 0 10px 10px -10px;
  }

  /* Larger screens padding */
  .shopify-section.shopify-section-header sticky-header {
    padding-top: 2cap;
    padding-bottom: 0;
  }

  .shopify-section-header.shopify-section-header-sticky sticky-header header {
    padding-top: 0;
    padding-bottom: 0;
  }

  .shopify-section-header.shopify-section-header-sticky sticky-header {
    border-bottom: 0.1rem solid rgba(var(--color-border), 0) !important;
  }

  /* Drop Down Layout */
  sticky-header.header-wrapper header.header nav.header__inline-menu ul li .page-width.page-width--inner {
    padding: 0 5rem;
  }

  /* Sticky */

  .shopify-section-header-menu-open .header:is(.header--top-center) .header__inline-menu,
  .shopify-section-header-sticky .header:is(.header--top-center, .header--top-left) .header__inline-menu {
    display: flex !important;
  }

  .shopify-section-header-menu-open .header:is(.header--top-center) .header__left header-menu-toggle,
  .shopify-section-header-sticky .header:is(.header--top-center, .header--top-left) .header__left header-menu-toggle {
    display: none !important;
  }
}

@media screen and (min-width: 1440px) {
  sticky-header.header-wrapper header.header nav.header__inline-menu ul li .page-width.page-width--inner {
    padding: 0 15rem;
  }
}

/* Drop-down Heading Links */
sticky-header.header-wrapper header.header .header__inline-menu .list-menu-dropdown .header__menu-item:not(a.header__menu-item) {
  color: rgba(var(--color-header-foreground), .8);
  font-weight: 600;
  margin-top: 0;
  line-height: 1.2;
}

sticky-header.header-wrapper header.header .header__inline-menu .list-menu-dropdown .mega-menu__item-link.list-menu__item {
  margin-bottom: 0.3rem;
}

/* Sublinks */
sticky-header.header-wrapper header.header .header__inline-menu .list-menu-dropdown ul.list-menu-child .header__menu-item {
  color: rgba(var(--color-header-foreground), .8);
  padding-block: 5px;
}

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

  /* Padding in nav - smallest possible squash */
  sticky-header.header-wrapper header.header .header__inline-menu ul.list-menu.list-menu--inline li a.header__menu-item--top {
    padding-inline: 5px;
  }
}

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

  /* Padding in nav */
  sticky-header.header-wrapper header.header .header__inline-menu ul.list-menu.list-menu--inline li a.header__menu-item--top {
    padding-inline: 10px;
  }

  sticky-header.header-wrapper header.header .header__inline-menu ul.list-menu.list-menu--inline {
    column-gap: 0;
  }
}

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

  /* Padding in nav */
  sticky-header.header-wrapper header.header .header__inline-menu ul.list-menu.list-menu--inline li a.header__menu-item--top {
    padding-inline: 0.5rem;
  }

  sticky-header.header-wrapper header.header .header__inline-menu ul.list-menu.list-menu--inline {
    column-gap: 1rem;
  }
}

sticky-header.header-wrapper header.header .header__inline-menu ul.list-menu.list-menu--inline li:first-child a.header__menu-item--top {
  padding-left: 0;
}

sticky-header.header-wrapper header.header .header__inline-menu ul.list-menu.list-menu--inline li:last-child a.header__menu-item--top {
  padding-right: 0;
}

/***** Search Bar Left *****/
@media screen and (min-width:990px) {
  sticky-header .header {
    grid-template-columns: 1fr 1fr 1fr;
  }

  sticky-header.header-wrapper header.header .header__left search-modal {
    border: 1px solid rgba(var(--color-header-foreground), 0.75);
    flex-grow: 2;
    width: 100%;
    border-radius: 1rem;
    justify-self: start;
  }

  .shopify-section-header:not(.shopify-section-header-sticky) sticky-header.header-wrapper.header-transparent header.header .header__left search-modal {
    justify-self: start;
    flex-grow: 2;
    border: 1px solid rgba(var(--color-header-transparent), 0.7);
    width: 100%;
    border-radius: 1rem;
  }

  .shopify-section-header.shopify-section-header-sticky sticky-header search-modal,
  .shopify-section-header:not(.shopify-section-header-sticky).is-active sticky-header.header-wrapper.header-transparent header.header .header__left search-modal {
    border: 1px solid rgba(var(--color-header-foreground), 0.75);
    border-radius: 1rem;
    width: 100%;
  }

  summary.header__icon.header__icon--summary.header__icon--search.focus-inset.modal__toggle {
    width: 100%
  }

  sticky-header.header-wrapper header.header .header__left search-modal details summary span {
    justify-content: flex-start;
    margin-left: 1.5rem;
    column-gap: 1rem;
  }

  sticky-header.header-wrapper header.header .header__left search-modal details summary span:after {
    content: ' What can we help you find?';
    opacity: 0.75;
  }

  /* Open Drawer Outline Colour Change */
  .shopify-section-header.is-hover:not(.shopify-section-header-sticky) .header-transparent header.header .header__left search-modal,
  .shopify-section-header.shopify-section-header-sticky sticky-header search-modal,
  .shopify-section-header:not(.shopify-section-header-sticky).is-active .header-transparent header.header .header__left search-modal,
  .mini-cart--open .shopify-section-header:not(.shopify-section-header-sticky) .header-transparent header.header .header__left search-modal,
  .mini-cart--opening .shopify-section-header:not(.shopify-section-header-sticky) .header-transparent header.header .header__left search-modal,
  .menu-mobile--open .shopify-section-header:not(.shopify-section-header-sticky) .header-transparent header.header .header__left search-modal,
  .menu-mobile--opening .shopify-section-header:not(.shopify-section-header-sticky) .header-transparent header.header .header__left search-modal,
  .localization--open .shopify-section-header:not(.shopify-section-header-sticky) .header-transparent header.header .header__left search-modal {
    border: 1px solid rgba(var(--color-header-foreground), 0.75);
    border-radius: 1rem;
    width: 100%;
  }
}

@media screen and (min-width:1250px) {
  header-wrapper .header {
    sticky-grid-columns: 1fr 2fr 1fr;
  }
}

@media screen and (min-width:1440px) {
  sticky-header .header {
    grid-template-columns: 1fr 2fr 1fr;
  }
}

sticky-header.header-wrapper header.header .header__left {
  margin-inline-start: 0;
}

sticky-header.header-wrapper header.header .header__right {
  margin-inline-end: 0;
}

/* Mobile Search Bar */
@media screen and (max-width: 750px) {
  sticky-header search-modal .search-modal .search-modal__form .field {
    margin-top: 2rem;
  }
}

/***** 
Account Bubble Login on Hover - 990px and above 
*****/

section[id*="custom_liquid"]:has(.bubble),
section[id*="custom_liquid"]:has(.bubble) .section--padding .page-width {
  background: transparent;
  background-color: transparent;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 36px;
}

/* Sticky */
section[id*="custom_liquid"]:has(.bubble) {
  position: sticky;
  z-index: 10000;
  background: transparent;
  background-color: transparent;

  & .section--padding {
    padding: 0;
  }
}

body:has(.shopify-section-header .header__icon--account:hover) .section .bubble .bubble__content,
body:has(.shopify-section-header-sticky .header__icon--account:hover) .section .bubble .bubble__content,
.bubble:hover {
  visibility: visible;
}

.shopify-section-header {
  & .header__icon--account::before {
    content: '';
    position: absolute;
    width: 8rem;
    height: 8rem;
  }
}

:root {
  /* Image logo height is from the section settings, and is manually defined below as it's not accessible */
  --image-logo-height: 36px;
}

/* Positioning when scrolled and header is also "sticky" */
body:has(.shopify-section-header-sticky) {
  & .bubble__container {
    & .bubble__content {
      top: calc((var(--image-logo-height) - var(--announcement-height))/2)
    }
  }
} 

.bubble__container {
  position: sticky;
  top: 50px;
  z-index: 2000;
  width: 100vw;
  visibility: hidden;
  
  .bubble__content {
    position: absolute;
    width: 360px;
    background-color: white;
    right: 50px;
    top: calc((var(--image-logo-height) + var(--announcement-height))/2);
    padding: 4rem 3rem;
    border-radius: var(--border-radius-std);
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, .2));
    color: #5e5e5e;

    @media screen and (width >= 1600px) {
      right: calc(((100vw - 1600px) / 2) + 50px);
    }

    & h4 {
      margin-top: 0;
      margin-bottom: 8px;
    }
  }

  & ul {
    padding-inline-start: 16px;
    margin-top: 8px;

    & li {
      font-size: 14px;
    }
  }

  & .bubble__links {
    display: flex;
    flex-direction: column;
    row-gap: 2rem;

    & .bubble_link {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      column-gap: 16px;
      color: #5e5e5e;
    }

    & .bubble_link.link {
      & .bubble__icon {
        display: flex;
        
        & svg, svg.icon {
          fill: none;
          stroke: #5e5e5e;
          stroke-width: 1.5px;
          transition: transform var(--duration-default) ease;
          width: 18px;
          height: 18px;
        }
      }

      &:hover {
        background: none;
        text-decoration: underline;
        color: #1a1b18;

        .bubble__icon svg.icon {
          transform: scale(1.1);
        }
      }
    }
  }

  @media screen and (width <990px) {
    display: none;
  }
}


/*************** CART DRAWER ***************/

/***** Subtotal *****/

cart-drawer .mini-cart__footer .subtotal {
  margin-bottom: 5rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgb(var(--color-border));
}

/************************************************************************

HOMEPAGE

************************************************************************/

/***** Slider *****/

slideshow-component .slideshow__text,
slideshow__heading {
  text-wrap: balance;
}

@media screen and (max-width: 749px) {
  .slideshow--mobile-overlay .slideshow__center .button {
    min-width: 24rem !important;
  }
}

/***** Top Offers *****/
/* --Rinkit : ID specific */
section:has([id*="guarantees_8gJzjQ"]) {
  background-color: var(--clr-light-400);
}

/***** Collections List *****/

#shopify-section-template--24594472141184__collection_list_HpaEi3 .card-wrapper img {
  filter: none;
  padding: 0;
}

@media (-moz-touch-enabled: 0),
(hover: hover) {
  #shopify-section-template--24594472141184__collection_list_HpaEi3 .card-wrapper:hover .card-information__text {
    text-decoration-color: #fff;
  }
}

@media screen and (max-width: 750px) {
  #shopify-section-template--24594472141184__collection_list_HpaEi3 .title.h2 {
    text-align: center;
  }

  #shopify-section-template--24594472141184__collection_list_HpaEi3 .title-wrapper.left {
    justify-content: center;
  }
}

/***** Third-Page Multicolumn | Change flex display on mobile only | --Rinkit : ID specific *****/

/* To make any multicolumn grid flow this way on mobile, add the ID selector AND the block must be set to 1 column on mobile in the Shopify Customise editor. */

@media screen and (width < 600px) { 
  & section[id$="multicolumn_gezXfH"] {
    & .multicolumn-list {
      row-gap: 4px;
      flex-direction: column;

      & .multicolumn-card {
        display: grid;
        grid-template-columns: 49% 49%;
        grid-template-rows: minmax(180px, auto);
        column-gap: 2%;
        row-gap: 4px;
        margin-bottom: 0;
        padding-bottom: 0;

        & .media,
        & .media img {
          padding-bottom: 0;
          object-fit: cover;
          height: 100%;
        }
        
        & .multicolumn-card__info {
          gap: 0.5rem;
          justify-content: flex-start;
          margin-bottom: 18px;

          @media screen and (width < 420px) {
            & .multicolumn-card__title {
              font-size: 16px;
              line-height: 1.2;
              -webkit-line-clamp: 3;
              line-clamp: 3;
              margin-top: 4px;
            }

            & .rte p {
              line-height: 1.2;
            }
          }
          
          & .button {
            margin-top: 0;
            min-height: 2.7rem;

            & .label {
              margin-top: 1rem;
            }
          }
        }
      }
    }

    & .multicolumn-list__item,
    & .multicolumn-card__info,
    & .flex-grid__item {
      margin-block: 0;
      padding-block: 0 !important;
    }

    & use-animate .media>*:not(.zoom, .deferred-media__poster-button) {
      position: relative !important;
    }
  }
}

/***** Bundle Section *****/

lookbook-component {
  height: 100%;

  & use-animate {
    height: 100%;

    & .media--adapt {
      height: 100%;
    }
  }
}

/***** Reviews Snippet *****/
section:has([id*="judge_me_reviews_cards_carousel"]) {
  background-color: rgb(var(--clr-grey));

  & .jdgm-cards-carousel {

    & .jdgm-cards-wrapper {
      max-width: 1600px;

      .jdgm-videos-container {
        gap: var(--custom-grid-spacing);
      }
    }

    & .jdgm-media-card {
      flex-basis: calc((100% - (var(--custom-grid-spacing) * ((var(--visible-cards) - 0.5) - 1))) / (var(--visible-cards) + 0.3));

      & .jdgm-star {
        font-size: 12px;
      }

      img {
        object-fit: contain;
        padding: 1rem;
      }

      & .jdgm-rating-section {
        padding: 16px;
      }
    }

    & .jdgm-title {
      display: block;
      font-size: calc(var(--font-heading-scale) * 2.8rem);
    }

    & .jdgm-reviewer-name {
      font-family: var(--font-heading-family);
      font-weight: 400 !important;
      letter-spacing;
      color: rgb(var(--clr-dark));
    }

    & .jdgm-product-name {
      color: rgb(var(--color-link));
      text-decoration: none;
      background-color: transparent;
      background-image: linear-gradient(to top, rgb(var(--color-link)) 0, rgb(var(--color-link)) 0), linear-gradient(to top, rgb(var(--color-border)) 0, rgb(var(--color-border)) 0);
      background-repeat: no-repeat;
      background-position: right bottom, right bottom;
      background-size: 0% 0.1rem, 100% 0.1rem;
      transition-property: background-size;
      transition-timing-function: ease;
      transition-duration: var(--duration-default);

      &:hover {
        background-position: left bottom, left bottom;
        background-size: 100% 0.1rem, 100% 0.1rem;
      }
    }

    & .jdgm-text {
      p {
        max-width: 95%;
        text-wrap: balance;
      }
    }

    & .jdgm-text-card {
      & .jdgm-text {
        font-size: 24px;
        background-color: rgb(var(--clr-neutral));

        & p::before,
        & p::after {
          content: '"';
        }
      }
    }

    @media screen and (min-width: 750px) {
      display: grid;
      grid-template-columns: 100%;

      & .jdgm-header {
        order: 0;
      }

      & .jdgm-content {
        order: 2;
      }

      & .jdgm-arrows--bottom {
        order: 1;
        justify-content: flex-end;
        position: relative;
        max-width: 1600px;
        column-gap: 0;

        & svg {
          display: none;
        }

        & .jdgm-arrow {
          width: 44px;
          opacity: 0.75;
          transition: opacity var(--duration-default) ease;

          &:hover {
              opacity: 1;
          }

          &:after {
            content: '';
            width: 16px;
            height: 16px;
            background-repeat: no-repeat;
            object-fit: contain;
          }

          &:first-of-type {
            justify-content: flex-start;
          }

          &:last-of-type {
            justify-content: flex-end;
          }

          &:first-of-type:after {
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-arrow" fill="none" viewBox="0 0 14 10"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"></path></svg>');
            transform: scaleX(-1);
          }

          &:last-of-type:before {
            content: '';
            pointer-events: none;
            position: absolute;
            right: 44px;
            top: 50%;
            margin-top: -0.8rem;
            width: 0.1rem;
            height: 1.6rem;
            background-color: rgba(var(--color-foreground), 0.1);
          }

          &:last-of-type:after {
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-arrow" fill="none" viewBox="0 0 14 10"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"></path></svg>');
          }
        }
      }
    }
  }
}

section:has([id*="judge_me_reviews_cards_carousel"])+section:has(.button) {
  background-color: rgb(var(--clr-grey));
}

body.template-page:has(#rk-page__all-reviews) {

  :root {
    --clr-border: rgb(210, 213, 217);
    --clr-link: #1A1B18;
  }

  & .jdgm-all-reviews__summary-text,
  & .jdgm-rev-widg__summary-text {
    margin-top: 0.5rem !important;
  }

  & .jdgm-widget:not(.jdgm-medals-wrapper) .jdgm-medals-wrapper,
  & .jdgm-row-media {
    border-top: none !important;
    margin-bottom: 2rem;
  }

  & .jdgm-row-stars {
    display: flex;
    flex-direction: column;
    align-items: center;

    & .jdgm-rev-widg__summary-inner {
      text-align: center;
      margin-bottom: 12px;
    }
  }
  & .jdgm-all-reviews-page__load-more-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  & .jdgm-write-rev-link,
  & .jdgm-submit-rev,
  & .jdgm-all-reviews-page__load-more {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: max(calc(var(--font-button-size) - 2px), 1.2rem);
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: 600;
    font-family: var(--font-button-family);
    padding: 0.6rem 2rem;
    padding-top: calc(0.6rem + var(--font-button-baseline));
    min-height: 4rem;
    max-width: 240px;
    background-color: rgba(var(--color-button-background), 0.85);
    transition: color var(--duration-long) ease, transform var(--duration-default) ease, opacity var(--duration-default) ease;
    transition-property: color, box-shadow;
    transition-timing-function: ease;
    overflow: hidden;
    border: 0;

    @media screen and (hover:hover) {
    transform: translateY(0%);
    box-shadow: none;
    will-change: transform;

      &::after {
        content: '';
        z-index: -1;
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        transform: skew(-15deg);
        background-image: linear-gradient(90deg, transparent, rgba(var(--color-button-text), 0.25), transparent);
      }

      &:hover {
        background-color: rgba(var(--color-button-background), 1);
        transition-delay: var(--duration-default);
        box-shadow: none;
        opacity: 1;

        &::after {
          animation: shine var(--duration-animate) ease;
        }
      }
    }
  }

  & .close-form-btn,
  & .jdgm-cancel-rev {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    box-shadow: inset 0 0 0 0.1rem rgba(var(--color-button-background),0.2) !important;
    transition: box-shadow var(--duration-default) ease !important;
    background: white;
    padding: 0.6rem 2rem;
    padding-top: calc(0.6rem + var(--font-button-baseline));
    min-height: 4rem;
    border-radius: var(--custom-grid-spacing);
    text-transform: uppercase;
    color: rgba(var(--color-button-background),0.65) !important;

    &:hover {
      box-shadow: inset 0 0 0 0.2rem rgba(var(--color-button-background),0.2) !important;
      transition-delay: 0s !important;
      text-decoration: none !important;
    }
  }

  & .jdgm-medals__container {
    margin-block: 0;
    padding-block: 0;
  }

  & .jdgm-all-reviews__header {
    display: flex;
    flex-direction: column;
  }

  & .jdgm-row-search {
    & input {
      border-radius: 10px;
      height: 44px;
      border: 1px solid rgba(var(--clr-dark), 0.75);
      font-size: 16px;
    }

    & .jdgm-review-search-wrapper:after {
      color: rgb(var(--clr-dark));
    }
  }

  & .jdgm-widget .jdgm-sort-dropdown-wrapper {
    margin-top: 0;
  }

  & select.jdgm-sort-dropdown {
    border-radius: 100px;
    border: 1px solid color-mix(in srgb,rgb(var(--clr-dark)) 20%,transparent);
    padding-inline-start: 9px;
    padding-inline-end: 24px;
    padding-block: 6px;
    font-family: var(--font-body-family);

    &:hover {
      background-color: rgba(var(--clr-dark), 0.05);
      opacity: 1;
    }
  }

/*---- Form ----*/
  & .jdgm-form-wrapper {
    background-color: rgb(var(--clr-light));
    border-radius: var(--custom-grid-spacing);
    padding-top: 48px !important;

    & .jdgm-form {
      & label,
      & .jdgm-form__reviewer-name-format-container,
      & .jdgm-sort-dropdown {
        font-size: 1rem;
        letter-spacing: 0.13rem;
        line-height: calc(1 + 0.2 / var(--font-body-scale));
        text-transform: uppercase;
        color: rgba(var(--color-foreground), 0.75);
      }

      @media screen and (width >= 990px) {
        max-width: 80% !important;
        display: grid;
        column-gap: 2rem;
        row-gap: 0.5rem;
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas:
          "title title"
          "rating rating"
          "reviewTitle reviewTitle"
          "comments comments"
          "name email"
          "terms terms"
          "buttons buttons";
      }
    }

    & .jdgm-form__title {
      font-family: var(--font-heading-family);
      font-size: 150%;
      font-weight: var(--font-heading-weight) !important;
      margin-bottom: 24px !important;
      /* text-align: center !important; */

      @media screen and (width >= 990px) {
        text-align: left !important;
      }
    }

    & .jdgm-form__inline-label {
      grid-area: label;
    }

    & .jdgm-form__reviewer-name-format-container {
      grid-area: dropdown;
    }

    & .jdgm-form__fieldset:has(.jdgm-sort-dropdown) input {
      grid-area: input;
    }

    & .jdgm-form__fieldset:has(.jdgm-sort-dropdown) {
      display: grid;
      grid-template-columns: 100%;
      grid-template-areas:
        "label"
        "input"
        "dropdown";
    }

    & .jdgm-sort-dropdown {
      padding: 5px 10px;
      appearance: auto;
      background-color: white;
      border: 1px solid var(--clr-border);
      border-radius: 50px;
      margin-top: 10px;
      text-transform: none !important;
      font-family: var(--font-body-family);
    }

    & .jdgm-form__reviewer-name-format-container .jdgm-form__inline-label {
      text-transform: none;
    }

    & textarea, 
    & input:not(.jdgm-submit-rev) {
      border-radius: 6px !important;
    }

    & .jdgm-form__fieldset {
      & p {
        font-size: 14px;
      }
      & a {
        color: rgba(var(--color-foreground), 0.75)
      }

      @media screen and (width >= 990px) {
        text-align: left;
      }

      &.jdgm-form__fieldset-actions:has(input[type="submit"]) {
        display: flex;
        flex-direction: column;
        row-gap: 1.5rem;
        align-items: center;

        @media screen and (width >= 640px) {
          flex-direction: row;
          column-gap: 1.5rem;
          justify-content: center;
          align-items: center;
        }

      }
    }

    & .jdgm-form ::placeholder {
      color: white !important;
    }
  }

  @media screen and (min-width: 990px) {
    & .jdgm-form__fieldset[aria-label="Rating"] {
      grid-area: rating;
    }
    & .jdgm-form__fieldset:has(input[name="review_title"]) {
      grid-area: reviewTitle;
    }

    & .jdgm-form__fieldset:has(textarea[aria-label="Review comments"]) {
      grid-area: comments;
    }

    & .jdgm-form__fieldset:has(input[name="reviewer_name"]) {
      grid-area: name;
    }

    & .jdgm-form__fieldset:has(input[name="reviewer_email"]) {
      grid-area: email;
    }

    & .jdgm-form__fieldset.jdgm-form__email-fieldset+.jdgm-form__fieldset {
      grid-area: terms;
    }

    & .jdgm-form__fieldset.jdgm-form__fieldset-actions {
      grid-area: buttons;

      margin-top: 1rem;
    }

    & .jdgm-histogram__row.jdgm-histogram__clear-filter {
      width: 303px;
    }

    & .jdgm-form__fieldset.jdgm-form__fieldset-actions {
      flex-direction: row-reverse !important;
      justify-content: start !important;
    }
  }

  /* Subtabs */
  & .jdgm-rev-widg__actions {
    box-shadow: none;
    margin-bottom: 0;
  }

  & .jdgm-subtab {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    row-gap: 0.5rem;
    column-gap: 3rem;
    padding-bottom: 16px !important;

    @media screen and (width >= 990px) {
      justify-content: flex-start;
    }

    & .jdgm-subtab__name:not(.jdgm--active) {
      padding: 0 !important;
      padding-bottom: 1px !important;
      margin: 8px 16px !important;
      border-radius: 0 !important;

      /* Text hover */
      color: rgb(var(--color-link));
      text-decoration: none;
      background-color: transparent;
      background-image: linear-gradient(to top, rgb(var(--color-link)) 0, rgb(var(--color-link)) 0), linear-gradient(to top, rgb(var(--color-border)) 0, rgb(var(--color-border)) 0);
      background-repeat: no-repeat;
      background-position: right bottom, right bottom;
      background-size: 0% 0.1rem, 100% 0.1rem;
      transition-property: background-size;
      transition-timing-function: ease;
      transition-duration: var(--duration-default);

      &:hover {
        opacity: 1;
      }
    }

    & .jdgm-subtab__name.jdgm--active {
      background-color: rgba(var(--clr-dark),0.05);
      border-radius: var(--custom-grid-spacing);
    }
  }

  /* Global Styling */
  @media (hover: hover) {
    & .jdgm-link:hover,
    .jdgm-rev__prod-link:hover,
    .jdgm-form__fieldset a:not(.jdgm-star):not(.jdgm-cancel-rev):hover,
    .jdgm-subtab__name:not(.jdgm--active):hover,
    .jdgm-link:focus,
    .jdgm-rev__prod-link:focus,
    .jdgm-form__fieldset a:not(.jdgm-star):focus,
    .jdgm-subtab__name:not(.jdgm--active):focus,
    .jdgm-link:active,
    .jdgm-rev__prod-link:active,
    .jdgm-form__fieldset a:not(.jdgm-star):active,
    .jdgm-subtab__name:not(.jdgm--active):active {
      background-size: 100% 0.1em, 100% 0.1em;
      background-position-x: 0%;
    }

    & .jdgm-btn--border:hover {
      opacity: 100% !important;
    }
  }

  /* Stars font-size */
  & .jdgm-rev__rating {
    font-size: 1.5rem;
  }

  & .jdgm-link,
  & .jdgm-rev__prod-link,
  & .jdgm-form__fieldset a:not(.jdgm-star),
  & .jdgm-subtab__name:not(.jdgm--active) {
    cursor: pointer;
    background-image: linear-gradient(var(--clr-link), var(--clr-link)), linear-gradient(var(--clr-border), var(--clr-border));
    background-size: 0% 0.1em, 100% 0.1em;
    background-position-y: 100%;
    background-position-x: 100%;
    background-repeat: no-repeat;
    transition: background-size 0.2s ease-out;
    text-decoration: none !important;
  }

  /* Review Cards */
  & .jdgm-all-reviews__body {
    /* background-color: rgb(var(--clr-light),1); */
    display: grid;
    grid-template-columns: 1fr;
    @media screen and (width >= 768px) {
      grid-template-columns: 1fr 1fr;
      column-gap: calc(var(--custom-grid-spacing) * 2);
      row-gap: calc(var(--custom-grid-spacing) * 2);
    }
    @media screen and (width >= 1200px) {
      grid-template-columns: 1fr 1fr 1fr;
    }
    grid-template-rows: auto;
    height: auto !important;
    
    & .jdgm-rev {
      box-shadow: none;
      background-color: white;
      border-top: 1px solid rgba(16,132,116,0.1);
      &:last-of-type {
        border-bottom: 1px solid rgba(16,132,116,0.1);
      }
      @media screen and (width >= 768px) {
        background-color: rgba(var(--clr-light), 0.8);
        border: 0;
        border-radius: 8px;
      }
      position: relative !important;
      left: auto !important;
      top: auto !important;
      margin-bottom: 0;
      min-width: 100%;
      @media screen and (width >= 768px) {
        min-height: 300px;
      }
      @media screen and (width >= 1200px) {
        min-height: 350px;
      }
      padding: 20px 30px;
      display: grid !important;
      align-content: start;
      grid-template-columns: 1fr 4fr;
      grid-template-rows: max-content max-content 1fr;
      grid-template-areas:
        "img header"
        "body body"
        "actions actions";
      }

      & .jdgm-rev__header {
        grid-area: header;
        margin-left: 10px;
        display: flex;
        flex-direction: column;

        & .jdgm-rev__author {
          text-transform: capitalize !important;
        }

        & .jdgm-row-product {
          font-size: 1.4rem;
          order: 1;

          & a {
            /* Text hover */
            color: rgb(var(--color-link));
            text-decoration: none;
            background-color: transparent;
            background-image: linear-gradient(to top, rgb(var(--color-link)) 0, rgb(var(--color-link)) 0), linear-gradient(to top, rgb(var(--color-border)) 0, rgb(var(--color-border)) 0);
            background-repeat: no-repeat;
            background-position: right bottom, right bottom;
            background-size: 0% 0.1rem, 100% 0.1rem;
            transition-property: background-size;
            transition-timing-function: ease;
            transition-duration: var(--duration-default);

            &:hover {
              background-position: left bottom, left bottom;
              background-size: 100% 0.1rem, 100% 0.1rem;
              opacity: 1;
            }
          }
        }

        & .jdgm-row-profile {
          order: -1;
        }

        & .jdgm-row-extra {
          display: none;
        }
      }

      & .jdgm-rev__pics {
        grid-area: img;
        margin: 0;

        & img {
          border-radius: var(--custom-grid-spacing);
          padding: 4px  2px;
          background-color: white;
        }
      }

      & .jdgm-rev__content {
        grid-area: body;

        & .jdgm-rev__title {
          font-family: var(--font-heading-family);
          letter-spacing: 0;
          font-weight: 600;
        }

        & a {
          /* Text hover */
          color: rgb(var(--color-link));
          text-decoration: none;
          background-color: transparent;
          background-image: linear-gradient(to top, rgb(var(--color-link)) 0, rgb(var(--color-link)) 0), linear-gradient(to top, rgb(var(--color-border)) 0, rgb(var(--color-border)) 0);
          background-repeat: no-repeat;
          background-position: right bottom, right bottom;
          background-size: 0% 0.1rem, 100% 0.1rem;
          transition-property: background-size;
          transition-timing-function: ease;
          transition-duration: var(--duration-default);

          &:hover {
            background-position: left bottom, left bottom;
            background-size: 100% 0.1rem, 100% 0.1rem;
            opacity: 1;
          }
        }
      }

      & .jdgm-rev__actions {
        grid-area: actions;
        align-self: end !important;
        margin-top: auto;
      }
    }

    & .jdgm-rev__votes {
      float: left;

      & .jdgm-rev__votes-inner::before {
        content: "Was this review helpful?\a0\a0\a0\a0";
        font-size: 1.4rem;
      }
    }

/* https://dribbble.com/shots/24117052-Review-Page-Mobile-App-Design */

  }





/* Img container */
section:has([id*="judge_me_reviews_all_reviews_text"]) .jdgm-carousel-item__image-wrapper:has(img) {
  background-color: #f8f8f8;
}

/* Img */
section:has([id*="judge_me_reviews_all_reviews_text"]) .jdgm-carousel-item__product-image {
  object-fit: contain;
  filter: brightness(0.97) !important;
  -webkit-filter: brightness(0.97) !important;
  padding-block: 10px;
}

/* Product link */
section:has([id*="judge_me_reviews_all_reviews_text"]) .jdgm-carousel-item__product-title {
  font-family: inherit;
  font-size: 1.4rem;
  cursor: pointer;
  padding: 0;
  position: relative;
  border: none;
  box-shadow: none;
  text-decoration: underline;
  color: rgb(var(--color-link));
  background-color: transparent;
  background-image: linear-gradient(to top, rgb(var(--color-border)) 0, rgb(var(--color-border)) 0), linear-gradient(to top, transparent 0, transparent 0);
  background-repeat: no-repeat;
  background-position: right bottom, right bottom;
  background-size: 0% 0.1rem, 100% 0.1rem;
  transition-property: background-size;
  transition-timing-function: ease;
  transition-duration: var(--duration-default);
}

section:has([id*="judge_me_reviews_all_reviews_text"]) .jdgm-carousel-item__inner-wrapper:not(:has(img)) .jdgm-carousel-item__product-title::before {
  content: 'Service review of'
}

section:has([id*="judge_me_reviews_all_reviews_text"]) .jdgm-carousel-item__image-wrapper:not(:has(img)) {
  object-fit: contain !important;
  content: url(/cdn/shop/files/DARK_-_Rinkit_RGB_Web_Logo_Black_and_Grey_Padded.webp?v=1738845296);
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 0 !important;
  top: 200px;
  width: 200px;
  justify-self: center !important;
  text-align: center !important;
  display: flex !important;
  margin-inline: auto !important;
}

section:has([id*="judge_me_reviews_all_reviews_text"]) .jdgm-carousel--gallery-theme .jdgm-carousel-item__image-wrapper {
  height: 150px;
}

section:has([id*="judge_me_reviews_all_reviews_text"]) .jdgm-full-rev-modal.carousel-gallery-theme .jm-mfp-content,
.jdgm-full-rev-modal.carousel-gallery-theme .jdgm-full-rev__product-button {
  border-radius: var(--border-radius-std) !important;
}

@media only screen and (max-width: 767px) {
  section:has([id*="judge_me_reviews_all_reviews_text"]) .jdgm-carousel--gallery-theme .jdgm-carousel__item-container {
    padding: 0 10% !important;
  }
}

/* Judge Me Buttons */
section:has([id*="judge_me_reviews_all_reviews_text"]) .jdgm-carousel__more-reviews-button-container .jdgm-carousel__more-reviews-button,
.jdgm-full-rev .jdgm-full-rev__product-wrapper .jdgm-full-rev__product-button,
.jdgm-widget-actions-wrapper .jdgm-write-rev-link,
[id*="judge_me_reviews_review_widget"] .jdgm-form .jdgm-btn,
[id*="judge_me_reviews_all_reviews_page"] .jdgm-form .jdgm-btn {
  font-size: var(--font-button-size);
  letter-spacing: 0.2em;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
}

[id*="judge_me_reviews_review_widget"] .jdgm-form .jdgm-btn.jdgm-btn--border.jdgm-cancel-rev {
  display: flex;
  position: relative;
  z-index: 1;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 1rem 3rem;
  padding-top: calc(1rem + var(--font-button-baseline));
  text-decoration: none;
  border-radius: var(--button-radius) !important;
  color: var(--clr-dark-800);
  font-size: calc(var(--font-button-size) - 1px);
  padding: 0.8rem 1.5rem;
  padding-top: calc(0.8rem + var(--font-button-baseline));
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  border: none;
  box-shadow: inset 0 0 0 0.1rem rgb(210, 213, 217) !important;
  transition: box-shadow var(--duration-default) ease;
  font-family: var(--font-button-family);
  min-width: 24rem;
  max-width: min(100%, 350px);
  min-height: 4.6rem;
  text-transform: uppercase;
}

@media screen and (min-width: 750px) {

  section:has([id*="judge_me_reviews_all_reviews_text"]) .jdgm-carousel__more-reviews-button-container .jdgm-carousel__more-reviews-button,
  section:has([id*="judge_me_reviews_all_reviews_page"]) .jdgm-carousel__more-reviews-button-container .jdgm-carousel__more-reviews-button,
  .jdgm-full-rev .jdgm-full-rev__product-wrapper .jdgm-full-rev__product-button,
  .jdgm-widget-actions-wrapper .jdgm-write-rev-link,
  [id*="judge_me_reviews_review_widget"] .jdgm-form .jdgm-btn {
    min-height: 5rem !important;
  }
}


/***** Multicolumn *****/

/***** Scrolling Logos *****/
/* --Rinkit : ID specific */
section[id$="scrolling_promotion_zXTPRr"] {
  scrolling-promotion, scrolling-promotion .promotion  {
    column-gap: 15rem;
    filter: opacity(0.85);
    -webkit-filter: opacity(0.85);
  }
}

.banner--reveal.banner--mobile-bottom .banner__content.middle .banner__box {
  padding: 1rem 0 2rem 0 !important;
}

/***** Footer Signup Form *****/
section:has(#footer--klaviyo-signup-form) {
  background-color: #EDEBE9;
  color: #1a1b18;

  & .section--padding {
    padding-top: 20px;
    padding-bottom: 20px;
  
  }
  & form {
    padding: 0 !important;
  }

  & #footer--klaviyo-signup-form--text h3,
  & #footer--klaviyo-signup-form--text p {
    color: #1a1b18;
    text-align: center;
    text-wrap: balance;

    @media screen and (width >= 750px) {
      text-align: left;
    }
  }

  & h3 {
    font-size: calc(var(--font-heading-scale) * 2.8rem);
    margin-bottom: 0;
    letter-spacing: 0;
    font-weight: 400;
    margin-top: 10px;
  }

  & p {
    font-size: 1.6rem;
    margin-top: 1rem;
    text-wrap: balance;
    line-height: 1.4;
  }

  & label[id*="label-Date_Of_Birth"] {
    font-weight: 400 !important;
  }

  & #footer--klaviyo-signup-form {
    @media screen and (width >= 750px) {
      display: grid;
      grid-template-columns: 3fr 2fr;
      align-items: center;
      column-gap: 2rem;
    }
  }
}

/***** INTERNATIONAL SHIPPING *****/

.country-shipping-rates {
  display: grid;
  grid-template-columns: repeat(3, 30%);
  justify-content: space-between;
}

.country-shipping-rates ul.country-shipping-prices {
  padding-left: 0;
}

.country-shipping-rates ul.country-shipping-prices li {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid var(--color-badge-border);
}

/*********
ABOUT PAGE
*********/

/* Logo list styling */
section[id*="logo_list"] .logo-bar .logo-bar__item {
  flex: 0 1 10rem;
}

section[id*="logo_list"] .logo-bar {
  justify-content: space;
  column-gap: 10%;
}

@media screen and (max-width: 750px) {
  section[id*="logo_list"] .logo-bar .logo-bar__item img {
    max-height: 50px;
    width: auto;
    object-fit: contain;
    padding-inline: 5px;
  }

  section[id*="logo_list"] .logo-bar {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    margin-inline: 5vw;
    gap: 10vw;
    grid-column-gap: 15vw;
    justify-items: center;
  }
}

/*********
404 PAGE
*********/

.not-found-404-page {
  text-align: center;
}

.not-found-404-page--img {
  max-width: 50vw;
}

@media screen and (min-width: 750px) {
  .not-found-404-page--img {
    max-width: 35vw;
  }
}

@media screen and (min-width: 750px) {
  .not-found-404-page--buttons {
    flex-wrap: nowrap;
  }
}

@media screen and (max-width: 750px) {
  .not-found-404-page--buttons {
    flex-direction: column;
    row-gap: 8px;
    margin-inline: 10%;
    margin-top: 34px;
  }
}

a:has(.not-found-404-page--button):hover,
a:has(.not-found-404-page--button) {
  background: none !important;
  transition: none !important;
}

.not-found-404-page--button {
  background-color: white;
  color: #1a1b18;
  transition: var(--hoverTranstitionImg);
  transition-delay: 0s !important;
}

.not-found-404-page--button:hover {
  color: white;
}

@media screen and (min-width: 750px) {
  .button--cta {
    min-width: auto;
  }
}

@media screen and (min-width: 1500px) {
  .button--cta {
    min-width: 22.5rem;
  }
}

main:has(.not-found-404-page) .multicolumn-list {
  row-gap: 1rem;
}

/*********
CREATE ACCOUNT PAGE
*********/

/* Display info and form flex on big screens */
main:has(div[data-forms-id="forms-root-373927"]) {
  display: grid;
  grid-template-columns: 100%;
}

main:has(div[data-forms-id="forms-root-373927"]) section:nth-of-type(2) {
  background-color: #f8f8f8;
}

@media screen and (min-width: 750px) {
  main:has(div[data-forms-id="forms-root-373927"]) {
    grid-template-columns: 50% 50%;
    justify-content: flex-start;
    column-gap: 5rem;
  }

  main:has(div[data-forms-id="forms-root-373927"]) section:nth-of-type(1) {
    grid-row: 1/2;
  }

  main:has(div[data-forms-id="forms-root-373927"]) section:nth-of-type(2) {
    grid-row: 1/3;
    padding-top: 20px;
  }

  main:has(div[data-forms-id="forms-root-373927"]) section:nth-of-type(3) {
    grid-row: 2/3;
  }
}

@media screen and (max-width: 750px) {
  main:has(div[data-forms-id="forms-root-373927"]) section:nth-of-type(1) {
    padding-bottom: 25px;
    border-top: 0.1rem solid rgb(var(--color-base-border));
  }
}

main:has(div[data-forms-id="forms-root-373927"]) .rich-text__text p {
  text-wrap: pretty;
}

main:has(div[data-forms-id="forms-root-373927"]) .flex {
  column-gap: 5rem;
}

/*---------------------------------------------------------
    SALE LANDING PAGE (INTERSTITIAL)
----------------------------------------------------------*/

/*---- Page Specific Styling ----*/

head:has(link[href$="rinkit.com/pages/special-offers"][rel="canonical"]):has([property="og:title"][content="Special Offers"])+body .grid {
  column-gap: 8px;
}

@media screen and (min-width: 990px) {
  head:has(link[href$="rinkit.com/pages/special-offers"][rel="canonical"]):has([property="og:title"][content="Special Offers"])+body .grid--rigid.grid--6-col-desktop .grid__item {
    width: calc(16.66% - 8px * 5 / 6);
    max-width: calc(16.66% - 8px * 5 / 6);
  }
}

@media screen and (min-width: 990px) {
  head:has(link[href$="rinkit.com/pages/special-offers"][rel="canonical"]):has([property="og:title"][content="Special Offers"])+body .grid--4-col-desktop .grid__item {
    width: calc(25% - 8px * 4 / 5);
    max-width: calc(25% - 8px * 4 / 5);
  }
}

/* TEMP CHRISTMAS PAGE */

main:has(div.christmas_countdown--container) p {
  text-wrap: balance;
}

main:has(div.christmas_countdown--container) .banner__content--middle-center {
  align-items: center;
}

.page-width:has(.christmas_countdown--container) {
  background-color: #f7f7f7;
}

@media screen and (min-width: 750px) {
  .rich-text__blocks:has(div[class*='christmas']) {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
}

.christmas_countdown--container {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 1rem;
  justify-content: flex-end;
  align-items: center;
}

@media screen and (max-width: 749px) {
  .christmas_countdown--container {
    justify-content: center;
  }
}

@media screen and (min-width: 750px) {
  .christmas_countdown--container {
    border-right: 1px solid gray;
    padding-right: 6rem;
  }
}

.christmas_countdown--container .rich-text__heading {
  margin: 0;
}

.christmas_countdown--container .rich-text__heading.h0 {
  font-size: 60px;
}

.christmas_countdown--container .rich-text__heading.h3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0;
}

.christmas_countdown--container span {
  min-width: 50px;
}

.page-width:has(.christmas_countdown--container) use-animate {
  margin-top: 0;
}

@media screen and (min-width: 750px) {
  section:has(div[class*='christmas']) .rich-text__blocks use-animate .rich-text__text {
    padding-left: 6rem;
  }
}

@media screen and (min-width: 718px) and (max-width: 749px) {
  section:has(div[class*='christmas']) .rich-text__blocks use-animate .rich-text__text {
    max-width: 70vw;
    margin-inline: auto;
  }
}

@media screen and (max-width: 749px) {
  section:has(div[class*='christmas']) .rich-text__blocks use-animate::before {
    content: '|';
    display: block;
    opacity: 0.5;
    padding-bottom: 1rem;
  }
}

/* Category grid */

main:has(div.christmas_countdown--container) section[id*='multicolumn'] ul {
  column-gap: 8px;
}

main:has(div.christmas_countdown--container) section[id*='multicolumn'] img {
  border-radius: 2px;
}

section:has(div[class*='christmas']) .rich-text__blocks use-animate .rich-text__text p {
  text-wrap: pretty;
}

@media screen and (min-width: 750px) {
  main:has(div.christmas_countdown--container) section[id*='multicolumn'] ul {
    justify-content: center;
  }

  main:has(div.christmas_countdown--container) section[id*='multicolumn'] .grid--rigid.grid--5-col-desktop .grid__item {
    max-width: calc(20% - 8px * 4 / 5);
  }

  main:has(div.christmas_countdown--container) section[id*='multicolumn'] .grid--rigid.grid--3-col-desktop .grid__item {
    max-width: calc(33.33% - 8px * 2 / 3);
  }
}

@media screen and (max-width: 749px) {
  main:has(div.christmas_countdown--container) section[id*='multicolumn'] .multicolumn-list.slider.slider--mobile {
    padding-bottom: 20px;
  }
}

/* Image with text section */

main:has(div.christmas_countdown--container) section[id*='image_with_text'] {
  background-color: #f7f7f7;
  background-image: url('/cdn/shop/files/starry-night-sky-pattern-full_2.jpg?v=1759425791');
  object-fit: cover;
}

main:has(div.christmas_countdown--container) section[id*='image_with_text'] .image-with-text__grid {
  background-color: #ffffff00;
}

main:has(div.christmas_countdown--container) section[id*='image_with_text'] .image-with-text--alt .image-with-text__grid:not(.image-with-text__grid--reverse) .image-with-text__content {
  background-color: white;
  padding-inline: 10%;
  text-wrap: balance;
  padding-bottom: 3rem;
}

@media screen and (min-width: 750px) {
  main:has(div.christmas_countdown--container) section[id*='image_with_text'] .image-with-text--alt .image-with-text__grid:not(.image-with-text__grid--reverse) .image-with-text__content {
    padding-inline: 10rem;
    padding-bottom: 5rem;
  }

  main:has(div.christmas_countdown--container) section[id*='image_with_text'] .grid__item+.grid__item {
    background-color: white;
    width: calc(60% - var(--grid-horizontal-spacing) / 2);
    margin-left: -10%;
    border-radius: 2px;
    z-index: 1;
  }

  main:has(div.christmas_countdown--container) section[id*='image_with_text'] .image-with-text__grid.grid.grid--gapless.grid--1-col.grid--2-col-tablet {
    align-items: center;
  }
}

main:has(div.christmas_countdown--container) section[id*='image_with_text'] .image-animate.media--450px.media-mobile--auto.media.animate--ambient {
  border-radius: 2px;
}

/* Products grid */

main:has(div.christmas_countdown--container) section[id*="collage"] .card-information__wrapper,
main:has(div.christmas_countdown--container) section[id*="collage"] .card-information__wrapper div,
main:has(div.christmas_countdown--container) section[id*="collage"] .card-information__wrapper div a {
  /* display: none; */
  width: 100%;
  height: 100%;
}

main:has(div.christmas_countdown--container) section[id*="collage"] .card-information__wrapper div .price {
  display: none;
}

main:has(div.christmas_countdown--container) section[id*="collage"] .card-information__wrapper {
  display: block;
}

main:has(div.christmas_countdown--container) section[id*="collage"] .card-information__wrapper a {
  opacity: 0;
}

@media screen and (min-width: 750px) {
  main:has(div.christmas_countdown--container) section[id*="collage"] .page-width {
    padding-inline: 30rem;
  }
}

@media screen and (min-width: 500px) and (max-width: 749px) {
  main:has(div.christmas_countdown--container) section[id*="collage"] .page-width {
    padding-inline: 4rem;
  }
}

@media screen and (max-width: 499px) {
  main:has(div.christmas_countdown--container) section[id*="collage"] .page-width {
    padding-inline: 2rem;
  }
}

main:has(div.christmas_countdown--container) section[id*="collage"] .collage {
  row-gap: 8px;
}

main:has(div.christmas_countdown--container) section[id*="collage"] .collage .collage-card {
  padding-inline-start: 8px;
}

main:has(div.christmas_countdown--container) section[id*="collage"] .collage .card__badge {
  display: none;
}

/* main:has(div.christmas_countdown--container) section[id*="collage"]+section[id*="collage"],
    main:has(div.christmas_countdown--container) section[id*="collage"]:has(+section[id*="collage"]) {
       width: 50%;
       display: inline-block;
    } */


/* RETURNS PAGE CUSTOM BUTTON */
.rk-button {
  max-width: 240px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 4px !important;
  font-size: 1.2rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.2em !important;
  font-weight: 600 !important;
  font-family: var(--font-button-family) !important;
  padding: 0.6rem 2rem !important;
  padding-top: calc(0.6rem + var(--font-button-baseline)) !important;
  min-height: 4rem !important;
  background-color: rgba(var(--color-button-background), 0.85) !important;
  color: white !important;
  transition: color var(--duration-long) ease, transform var(--duration-default) ease, opacity var(--duration-default) ease !important;
  transition-property: color, box-shadow !important;
  transition-timing-function: ease !important;
  overflow: hidden !important;
  border: 0 !important;
  background-image: none !important;

    @media screen and (hover:hover) {
    transform: translateY(0%) !important;
    box-shadow: none !important;
    will-change: transform !important;

      &::after {
        content: '' !important;
        z-index: -1 !important;
        position: absolute !important;
        top: 0 !important;
        left: -100% !important;
        width: 100% !important;
        height: 100% !important;
        transform: skew(-15deg) !important;
        background-image: linear-gradient(90deg, transparent, rgba(var(--color-button-text), 0.25), transparent) !important;
      }

      &:hover {
        background-color: rgba(var(--color-button-background), 1) !important;
        transition-delay: var(--duration-default) !important;
        box-shadow: none !important;
        opacity: 1 !important;
        background-image: none !important;

        &::after {
          animation: shine var(--duration-animate) ease !important;
        }
      }
    }
  }

/* BLOG POSTS PAGE */

body.template-blog {

  & .blog-articles {
    margin-inline: auto;
  }

  & .blog-articles__article {
    @media screen and (width >= 750px) {
      padding-inline-start: 0;
    }
  }

  & .article-card__info {
    margin-inline: calc(var(--custom-grid-spacing) * 2);
  }
}