.card.card--standard.card--media {
position:relative;
  variant-swatch-king .swatches{
    position: relative;
    &:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: transparent;
      z-index: 10;
    }
    .swatch-navigation-wrapper[navigation="left"],
    .swatch-navigation-wrapper[navigation="right"] {
      display: none !important;
    }
    ul.swatch-view {
      display: flex;
      gap: 4px;
      li {
        display: none;
        margin: 0 !important;
      }
		/* single tone collection page selectors */
      li[orig-value~="Yellow"]:not(:has(~ li[orig-value~="Yellow"])) { display: initial; order: 1 }
      li[orig-value~="Rose"]:not(:has(~ li[orig-value~="Rose"])) { display: initial; order: 3 }
      li[orig-value~="White"]:not(:has(~ li[orig-value~="White"])) { display: initial; order: 2 }
      li[orig-value~="Black"]:not(:has(~ li[orig-value~="Black"])) { display: initial; order: 4 }
      li[orig-value~="Grey"]:not(:has(~ li[orig-value~="Grey"])) { display: initial; order: 5 }
	   /* two-tone collection page selectors */
      li[orig-value~="White/Yellow"]:not(:has(~ li[orig-value~="White/Yellow"])) { display: initial; order: 6 }
      li[orig-value~="Yellow/White"]:not(:has(~ li[orig-value~="Yellow/White"])) { display: initial; order: 6 }
      li[orig-value~="White/Rose"]:not(:has(~ li[orig-value~="White/Rose"])) { display: initial; order: 9 }
      li[orig-value~="Rose/White"]:not(:has(~ li[orig-value~="Rose/White"])) { display: initial; order: 9 }
      li[orig-value~="Black/Yellow"]:not(:has(~ li[orig-value~="Black/Yellow"])) { display: initial; order: 7 }
      li[orig-value~="Yellow/Black"]:not(:has(~ li[orig-value~="Yellow/Black"])) { display: initial; order: 7 }
      li[orig-value~="Black/White"]:not(:has(~ li[orig-value~="Black/White"])) { display: initial; order: 8 }
      li[orig-value~="White/Black"]:not(:has(~ li[orig-value~="White/Black"])) { display: initial; order: 8 }
      li[orig-value~="Black/Rose"]:not(:has(~ li[orig-value~="Black/Rose"])) { display: initial; order: 10 }
      li[orig-value~="Rose/Black"]:not(:has(~ li[orig-value~="Rose/Black"])) { display: initial; order: 10 }
      li[orig-value~="Grey/Yellow"]:not(:has(~ li[orig-value~="Grey/Yellow"])) { display: initial }
      li[orig-value~="Yellow/Grey"]:not(:has(~ li[orig-value~="Yellow/Grey"])) { display: initial }
      li[orig-value~="Grey/White"]:not(:has(~ li[orig-value~="Grey/White"])) { display: initial }
      li[orig-value~="White/Grey"]:not(:has(~ li[orig-value~="White/Grey"])) { display: initial }
      li[orig-value~="Grey/Rose"]:not(:has(~ li[orig-value~="Grey/Rose"])) { display: initial }
      li[orig-value~="Rose/Grey"]:not(:has(~ li[orig-value~="Rose/Grey"])) { display: initial }
      li[orig-value~="Grey/Black"]:not(:has(~ li[orig-value~="Grey/Black"])) { display: initial }
      li[orig-value~="Black/Grey"]:not(:has(~ li[orig-value~="Black/Grey"])) { display: initial }
    }
  }
  &.fd-product-groups-inited {
  .fd-app-block {
    position: relative;

    .fd-options-swatch__options {
      padding: 10px 0;
      justify-content: center;
      gap: 2px !important;

      a {
        width: 22px !important;
        height: 22px !important;
        display: none;

        &>div:first-child {
          width: 100% !important;
          height: 100% !important;
        }
      }

      a[data-option-value*="yellow"]:not(:has(~ a[data-option-value*="yellow"])) { display: initial }
      a[data-option-value*="rose"]:not(:has(~ a[data-option-value*="rose"])) { display: initial }
      a[data-option-value*="white"]:not(:has(~ a[data-option-value*="white"])) { display: initial }
      a[data-option-value*="black"]:not(:has(~ a[data-option-value*="black"])) { display: initial }
      a[data-option-value*="grey"]:not(:has(~ a[data-option-value*="grey"])) { display: initial }
      /* two tone collection page selectors */
      a[data-option-value*="white/yellow"]:not(:has(~ a[data-option-value*="white/yellow"])) { display: initial }
      a[data-option-value*="yellow/white"]:not(:has(~ a[data-option-value*="yellow/white"])) { display: initial }
      a[data-option-value*="white/rose"]:not(:has(~ a[data-option-value*="white/rose"])) { display: initial }
      a[data-option-value*="rose/white"]:not(:has(~ a[data-option-value*="rose/white"])) { display: initial }
      a[data-option-value*="black/yellow"]:not(:has(~ a[data-option-value*="black/yellow"])) { display: initial }
      a[data-option-value*="yellow/black"]:not(:has(~ a[data-option-value*="yellow/black"])) { display: initial }
      a[data-option-value*="black/White"]:not(:has(~ a[data-option-value*="black/white"])) { display: initial }
      a[data-option-value*="white/black"]:not(:has(~ a[data-option-value*="white/black"])) { display: initial }
      a[data-option-value*="black/rose"]:not(:has(~ a[data-option-value*="black/rose"])) { display: initial }
      a[data-option-value*="rose/black"]:not(:has(~ a[data-option-value*="rose/black"])) { display: initial }
      a[data-option-value*="grey/yellow"]:not(:has(~ a[data-option-value*="grey/yellow"])) { display: initial }
      a[data-option-value*="yellow/grey"]:not(:has(~ a[data-option-value*="yellow/grey"])) { display: initial }
      a[data-option-value*="grey/white"]:not(:has(~ a[data-option-value*="grey/white"])) { display: initial }
      a[data-option-value*="white/grey"]:not(:has(~ a[data-option-value*="white/grey"])) { display: initial }
      a[data-option-value*="grey/rose"]:not(:has(~ a[data-option-value*="grey/rose"])) { display: initial }
      a[data-option-value*="rose/grey"]:not(:has(~ a[data-option-value*="rose/grey"])) { display: initial }
      a[data-option-value*="grey/black"]:not(:has(~ a[data-option-value*="grey/black"])) { display: initial }
      a[data-option-value*="black/grey"]:not(:has(~ a[data-option-value*="black/grey"])) { display: initial }
    }
  }
 }
}

.swatch-navigable {
    display: flex;
    justify-content: center;
}

ul.swatch-view.swatch-view-custom-image.swatch-slider-align-left {
    transform: none !important;
    max-width: fit-content !important;
}
.luxe_watermark .card--standard .card__inner:after, .apex_watermark .card--standard .card__inner:after{
    z-index: auto;
   
    content: " ";
    position: absolute;
    bottom: 12%;
    right: 12%;
    width: 10%;
    left: auto;
    top: auto;
    aspect-ratio: 1/1;
    opacity: .9;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}
.apex_watermark .card--standard .card__inner:after {
  background-image: url(//www.luvari.com/cdn/shop/t/207/assets/apex_logo.png?v=131047213662288674261759765577);
}
.luxe_watermark .card--standard .card__inner:after {
    background-image: url(//www.luvari.com/cdn/shop/t/207/assets/luxe_logo.png?v=153420569260620120851759765640);
}
button.label.collapsible-trigger.collapsible-trigger-btn.collapsible--auto-height.faq-button {
    width: 100%;
    background: white;
    border: none;
    border-bottom: solid 1px #223c6030;
    padding: 16px;
}

.luv-merchandising-banner img {
    max-width: 100%;
}

#infinite-scroll-spinner div.css-spinner {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-top-color: #223c60;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}
@keyframes spin{
  0%{
    transform:rotate(0deg);
  }

  to{
    transform:rotate(360deg);
  }
}
.pagination-wrapper{
  display: none;
}
.page-width{
  max-width: 1400px;
}
.card__information {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
h4.card__subheading {
    text-transform: none;
    font-family: 'Manrope';
    font-size: 12px;
    line-height: 170%;
    color: rgba(var(--color-foreground), .7);
    width: 85%;
    margin: 4px 0;
}