/** Shopify CDN: Minification failed

Line 760:12 Unexpected "!"

**/



/* ================================================================
   DESIGN TOKENS
   ================================================================ */
:root{

/* ---------- COLORS ---------- */

--lux-bg:#0f0f10;
--lux-card:#141414;
--lux-card-hover:#191919;
--lux-border:#2a2a2a;

--lux-gold:#caa24b;
--lux-gold-hover:#e3bf69;

--lux-white:#ffffff;
--lux-text:#d6d6d6;
--lux-muted:#8c8c8c;

--lux-sale:#caa24b;

/* ---------- CARD ---------- */

--card-radius:18px;
--card-shadow:0 10px 35px rgba(0,0,0,.35);
--card-shadow-hover:0 18px 55px rgba(0,0,0,.55);

/* ---------- BUTTON ---------- */

--btn-height:44px;

}


/* ================================================================
   1. CARD CONTAINER
   ================================================================ */
.card__container{

/*background:var(--lux-card)!important;*/

/*border:1px solid var(--lux-border)!important;*/

border-radius:18px!important;

overflow:hidden!important;

display:flex!important;

flex-direction:column!important;

height:100%!important;

transition:.35s!important;

/*box-shadow:var(--card-shadow)!important;*/

position:relative;

}

.card__picture-container{

background:#f8f5ef!important;

aspect-ratio:1/1!important;

overflow:hidden;

position:relative;

border-radius:18px 18px 0 0;

}


/* ================================================================
   2. IMAGE AREA
   ================================================================ */
.card__picture-container {
  background:    var(--im-img-bg) !important;
  border-radius: calc(var(--im-card-radius) - 2px)
                 calc(var(--im-card-radius) - 2px)
                 0 0 !important;
  overflow:      hidden !important;
  position:      relative !important;
  aspect-ratio:  1 / 1 !important;     /* square crop like Renee     */
  width:         100% !important;
  flex-shrink:   0 !important;
}

/* anchor wrapping the picture */
.card__picture-container > a.card {
  display: block !important;
  width:   100% !important;
  height:  100% !important;
}

.card__picture {
  display: block !important;
  width:   100% !important;
  height:  100% !important;
}



.card__img{

width:100%!important;

height:100%!important;

object-fit:cover!important;

transition:.45s;

}

.card__container:hover .card__img{

transform:scale(1.05);

}


.card__badges{

position:absolute;

left:12px;

top:12px;

z-index:5;

display:flex;

flex-direction:column;

gap:8px;

}

.card__badges--item{

background:#d6ae54;

color:#000;

font-size:11px;

font-weight:700;

padding:4px 10px;

border-radius:4px;

}



/* Images */
.card__img,
.card__video {
  width:         100% !important;
  height:        100% !important;
  object-fit:    cover !important;
  display:       block !important;
  border-radius: 0 !important;
  aspect-ratio:  unset !important;     /* override Wonder's inline    */
  transition:    transform .55s cubic-bezier(.22,1,.36,1) !important;
}

.card__container:hover .card__img {
  transform: scale(1.04) !important;
}

.card__img--hover {
  position: absolute !important;
  inset:    0 !important;
  width:    100% !important;
  height:   100% !important;
}


/* ================================================================
   3. BADGES
   Wonder: .card__badges > .card__badges--item[data-custom-badge]
   ================================================================ */
.card__badges {
  position:       absolute !important;
  top:            12px !important;
  left:           12px !important;
  z-index:        4 !important;
  display:        flex !important;
  flex-direction: column !important;
  align-items:    flex-start !important;
  gap:            5px !important;
  opacity:        1 !important;
}

.card__badges--item {
  display:        inline-flex !important;
  align-items:    center !important;
  padding:        4px 10px !important;
  border-radius:  20px !important;     /* pill shape                  */
  font-size:      10px !important;
  font-weight:    700 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  line-height:    1.4 !important;
  white-space:    nowrap !important;
  background:     var(--im-brand) !important;
  color:          #fff !important;
}

.card__badges--item[data-custom-badge="sold-out"] {
  background: #2C2C3E !important;
}
.card__badges--item[data-custom-badge="new"] {
  background: #6A0DAD !important;
}
.card__badges--item[data-custom-badge="hot"],
.card__badges--item[data-custom-badge="trending"] {
  background: #E53935 !important;
}
.card__badges--item[data-custom-badge="sale"],
.card__badges--item[data-custom-badge="offer"] {
  background: var(--im-save-bg) !important;
  color:      var(--im-save-color) !important;
}


/* ================================================================
   4. INFO SECTION  (vendor · title · price · rating)
   Second <a class="card"> inside .card__container
   ================================================================ */
.card__container > a.card:not(.card__picture-container a){

/*background:#0f0f10!important;*/

padding:16px 16px 10px!important;

display:flex;

flex-direction:column;

gap:8px;

text-decoration:none!important;

margin:0!important;

}

/* ── Vendor / subtitle ──────────────────────────────────────── */
.card__subtitle {
  font-size:      10px !important;
  font-weight:    700 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color:          var(--im-brand) !important;
  margin:         0 !important;
  line-height:    1.3 !important;
  display: none;
}
.card__container .card__subtitle {
  margin-top:    10px !important;
  margin-bottom: 1px !important;
}

/* ── Title ──────────────────────────────────────────────────── */
.card__title{

font-size:19px!important;

font-weight:600!important;

line-height:1.35!important;

color:#fff!important;

margin:0!important;

letter-spacing:.2px;

transition:.3s;

}

.card__container:hover .card__title{

color:#d4b063!important;

}


/* ── Price ──────────────────────────────────────────────────── */
.card__price {
  margin:      4px 0 ;
  display:     flex !important;
  flex-wrap:   wrap !important;
  align-items: center !important;
  gap:         4px !important;
}

/* Fix Wonder's double-price display:
   Hide .price__regular; always show .price__sale
   (.price__sale correctly shows the price whether on sale or not) */
.card__price .price__regular {
  display: none !important;
}

.card__price .price__sale {
  display:         flex !important;
  flex-direction:  row !important;
  flex-wrap:       wrap !important;
  align-items:     center !important;
  gap:             4px !important;
}

.card__price .price__sale__details-wrapper {
  display:     flex !important;
  align-items: center !important;
  gap:         4px !important;
}

/* Sale / regular price number */
.card__price .price-item--sale,
.card__price .wt-product__price__final {
  font-size:   18px !important;
  font-weight: 700 !important;
  color:       #d4af37 !important;
  margin:      0 !important;
}

/* Strikethrough MRP */
.card__price .price-item--lower,
.card__price .wt-product__price__compare,
.card__price__old,
.card__price s {
  font-size:       16px !important;
  font-weight:     400 !important;
  color:           #999999 !important;
  text-decoration: line-through !important;
  opacity:         1 !important;
  margin:          0 !important;
}

/* % Off green pill */
.card__price .price-item--percent {
  font-size:     10px !important;
  font-weight:   700 !important;
  color:         var(--im-save-color) !important;
  background:    var(--im-save-bg) !important;
  padding:       2px 6px !important;
  border-radius: 20px !important;
  line-height:   1.4 !important;
  border:        none !important;
}


/* ── Star ratings ───────────────────────────────────────────── */
.card .wt-rating {
  display:     flex !important;
  align-items: center !important;
  gap:         4px !important;
  margin:      2px 0 0 !important;
  padding:     0 !important;
}
.card .wt-rating__stars {
  font-size:      13px !important;
  color:          #FFB800 !important;
  letter-spacing: 1px !important;
}
.card .wt-rating__counter {
  font-size: 11px !important;
  color:     var(--im-muted) !important;
}


/* ================================================================
   5. COLOUR SWATCHES
   .card__color-swatcher--container > .color-swatcher--wrapper > .color-swatcher
   ================================================================ */
.card__color-swatcher--container{

padding:10px 16px 14px!important;

display:flex!important;

gap:8px!important;

background:#0f0f10!important;

}

.color-swatcher--wrapper{

width:18px!important;

height:18px!important;

border-radius:50%!important;

border:2px solid #555!important;

padding:2px!important;

transition:.3s;

}

.color-swatcher{

border-radius:50%!important;

width:100%!important;

height:100%!important;

}

.color-swatcher--wrapper:hover{

border-color:#d4b063!important;

transform:scale(1.12);

}

/* Outer border ring
.card__container .color-swatcher--wrapper {
  width:         22px !important;
  height:        22px !important;
  min-width:     22px !important;
  min-height:    22px !important;
  border-radius: 50% !important;
  border:        2px solid #E0E0E0 !important;
  padding:       2px !important;
  box-sizing:    border-box !important;
  cursor:        pointer !important;
  display:       flex !important;
  align-items:   center !important;
  justify-content: center !important;
  transition:    border-color .2s, transform .2s !important;
  overflow:      visible !important;
}

.card__container .color-swatcher--wrapper:hover {
  border-color: var(--im-text) !important;
  transform:    scale(1.18) !important;
  box-shadow:   0 0 0 1px var(--im-text) !important;
} */

.card__container .color-swatcher--wrapper.active,
.card__container .color-swatcher--wrapper.rounded.active {
  border-color: var(--im-text) !important;
  box-shadow:   0 0 0 1.5px var(--im-text) !important;
}

/* Inner dot */
.card__container .color-swatcher {
  width:               100% !important;
  height:              100% !important;
  border-radius:       50% !important;
  display:             block !important;
  background-size:     cover !important;
  background-position: center !important;
}

/* Unavailable */
.card__container .color-swatcher--wrapper.unavailable {
  border-style: dashed !important;
  opacity:      .5 !important;
}

/* "+N more" */
.card__container .color-swatcher--counter {
  font-size:   11px !important;
  color:       var(--im-muted) !important;
  font-weight: 500 !important;
  cursor:      default !important;
}


/* ================================================================
   6. ADD TO CART BUTTON
   .card__quick-add-container  (shown on mobile, always)
   .card__quick-add-container--desktop  (shown on desktop hover)
   ================================================================ */

/* Container */
.card__quick-add-container {
  width:       100% !important;
  padding:     8px 10px 10px !important;
  margin:      0 !important;
  box-sizing:  border-box !important;
  display:     flex !important;
  align-items: flex-end !important;
  flex-grow:   1 !important;
}

/* Show on desktop too (Renee always shows ATC) */
@media (min-width: 900px) {
  .card__quick-add-container {
    display: flex !important;
  }
}

.card__quick-add-container quick-add,
.card__quick-add-container product-form {
  width: 100% !important;
  margin: 0 !important;
}

/* The button */
.card__quick-add-container button,
.card__quick-add-container .button {
  width:           100% !important;
  height:          40px !important;
  min-height:      40px !important;
  padding:         0 12px !important;
  background:      var(--im-brand) !important;
  color:           #ffffff !important;
  border:          none !important;
  border-radius:   10px !important;
  font-size:       12px !important;
  font-weight:     700 !important;
  letter-spacing:  .09em !important;
  text-transform:  uppercase !important;
  cursor:          pointer !important;
  display:         flex !important;
  align-items:     center !important;
  justify-content: center !important;
  transition:      background .25s, transform .15s, box-shadow .25s !important;
  box-shadow:      0 4px 14px rgba(212,0,110,.22) !important;
  line-height:     1 !important;
}
 
 .wt-product__add-to-cart_form--wrapper button {
    width: 100%;
    padding: 8px 10px;
    background: transparent !important;
    /*border: 1px solid #d4af37 !important;*/
    color: #d4af37 !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    font-size: 11px !important;
    letter-spacing: 0.5px !important;
    border-radius: 20px;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
    display: block !important;
    text-align: center !important;
}
button.card__action.card__wishlist {
    background: white !important;
    color: black !important;
}
.card__quick-add-container button:hover,
.card__quick-add-container .button:hover {
  background:  var(--im-brand-hover) !important;
  transform:   translateY(-1px) !important;
  box-shadow:  0 7px 20px rgba(212,0,110,.35) !important;
  color:       #ffffff !important;
  border-color: transparent !important;
}

/* Desktop hover overlay */
.card__quick-add-container--desktop {
  padding: 0 10px !important;
  bottom:  10px !important;
}

.card__quick-add-container--desktop button,
.card__quick-add-container--desktop .button {
  background:     var(--im-brand) !important;
  color:          #ffffff !important;
  border:         none !important;
  border-radius:  10px !important;
  font-weight:    700 !important;
  font-size:      12px !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
  box-shadow:     0 4px 14px rgba(212,0,110,.22) !important;
  transition:     background .25s !important;
}

.card__quick-add-container--desktop button:hover,
.card__quick-add-container--desktop .button:hover {
  background:  var(--im-brand-hover) !important;
  color:       #ffffff !important;
  border-color: transparent !important;
}

/* Loading spinner — keep white on pink */
.card__container button.loading span { display: none !important; }
.card__container button.loading .loading-overlay__spinner { display: flex !important; }
.card__container button.loading .loading-overlay__spinner circle,
.card__container button.loading .path {
  stroke: #ffffff !important;
}


/* ================================================================
   7. COLLECTION GRID — cards fill cells cleanly
   ================================================================ */
.collection__grid__item {
  display:    flex !important;
  width:      100% !important;
  margin-bottom: 0 !important;
}
.collection__grid__item color-swatch {
  display: flex !important;
  width:   100% !important;
}
.collection__grid__item .card__container {
  width: 100% !important;
}


/* ================================================================
   8. RESPONSIVE
   ================================================================ */
@media (max-width: 599px) {
  :root {
    --im-card-radius: 14px;
  }
  .card__title {
    font-size: 12px !important;
  }
  .card__price .price-item--sale,
  .card__price .wt-product__price__final {
    font-size: 13px !important;
  }
  .card__quick-add-container button,
  .card__quick-add-container .button {
    height:    36px !important;
    min-height: 36px !important;
    font-size: 11px !important;
  }
}

@media (min-width: 600px) and (max-width: 899px) {
  :root {
    --im-card-radius: 16px;
  }
}


/* ================================================================
   9. FOCUS / ACCESSIBILITY
   ================================================================ */
.card__container:has(a:focus-visible),
.card__container:has(button:focus-visible) {
  outline:        2px solid var(--im-brand) !important;
  outline-offset: 3px !important;
  box-shadow:     0 0 0 4px rgba(212,0,110,.15) !important;
}


.template-collection-eyes .button--full-width.hero__button--secondary {
    width: 100% !important;
    padding: 8px 10px !important;
    background: transparent !important;
    border: 1px solid #d4af37 !important;
    color: #d4af37 !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    font-size: 11px !important;
    letter-spacing: 0.5px !important;
    border-radius: 20px !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
    display: block !important;
    text-align: center !important;
}
@media (max-width:749px){

.card__container>a.card:not(.card__picture-container a) {
    padding: 12px 8px 0px!important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    text-decoration: none!important;
    margin: 0!important;
}
}


@media (max-width:767px){

.jdgm-prev-badge{
    display: flex !important;
    padding: 0px !important;
}

.jdgm-prev-badge__text{
    font-size:13px !important;
}
.card__quick-add-container {
    padding: 0px !important;
}
.jdgm-widget.jdgm-widget {
    display: flex !important;
}
  .jdgm-widget .jdgm-prev-badge,
  .jdgm-prev-badge {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 1px;
  }
.tester.collection__grid__item.scroll-trigger.animate--slide-in {
    padding: 6px;
}
 .jdgm-widget .jdgm-prev-badge .jdgm-prev-badge__stars {
    width: 80% !important;
    padding-left: 0 !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
.card__container>a.card:not(.card__picture-container a) {
   
    gap: 0px !important;
   
}
button.card__action.card__wishlist {
    width: 30px !important;
    height: 30px !important;
    position: relative !important;
    top: -16px !important;
    right: -9px;
}  
}

span.jdgm-prev-badge__stars {
    padding: 0px !important;
    margin: 0px !important;
}
/*.card__quick-add-container{

padding:0 16px 16px!important;
*/
/*background:#0f0f10!important;*/

display:flex!important;

width:100%!important;

}

.card__quick-add-container button,
.card__quick-add-container .button{

width:100%!important;

height:44px!important;

border-radius:999px!important;

background:#c7a04a!important;

color:#000!important;

font-size:13px!important;

font-weight:700!important;

letter-spacing:.12em;

text-transform:uppercase;

border:none!important;

box-shadow:none!important;

transition:.3s;

}

.card__quick-add-container button:hover,
.card__quick-add-container .button:hover{

background:#deb862!important;

transform:translateY(-2px);

}

.card__quick-add-container--desktop{

display:block!important;

position:absolute;

left:16px;

right:16px;

bottom:16px;

opacity:0;

transform:translateY(20px);

transition:.35s;

z-index:10;

}

.card__container:hover
.card__quick-add-container--desktop{

opacity:1;

transform:translateY(0);

}

.card .link-save,
.card .wishlist,
.card .card__wishlist{

position:absolute;

right:14px;

top:14px;

width:38px;

height:38px;

border-radius:50%;

background:#1c1c1c;

display:flex;

align-items:center;

justify-content:center;

border:1px solid #383838;

color:#c7a04a;

z-index:20;

transition:.3s;

}

.card .link-save:hover{

background:#c7a04a;

color:#000;

}

.card .quick-view{

position:absolute;

right:14px;

top:58px;

width:38px;

height:38px;

border-radius:50%;

background:#1c1c1c;

border:1px solid #383838;

display:flex;

align-items:center;

justify-content:center;

color:#c7a04a;

}

.collection__grid{

gap:26px!important;

}

.collection__grid__item{

margin-bottom:8px!important;

}

.collection{

background:#101010;

}

.collection__body{

background:#101010;

}

.collection__sticky-header{

background:#101010!important;

border-bottom:1px solid #2a2a2a;

padding:10px 0;

}

.card__container{

transition:.35s ease;

}

.card__container:hover{

transform:translateY(-8px);

}

.card__container{

border-radius:20px!important;

overflow:hidden;

}

/* Remove duplicate hover button */

.card__quick-add-container--desktop{
    display:none !important;
}

@media(max-width:899px){
    .card__quick-add-container{
        display:flex !important;
    }
}