/** Shopify CDN: Minification failed

Line 22:0 Unexpected "}"

**/
/* ============================================================================
   custom-product.css — legacy product page bits (Vitals plugin shims, club
   table, size chart, sister-products swatches, stone swatches, metafield).
   !important survivors here all fight Vitals plugin CSS or the duplicate
   ds-sticky-buy.css load via main-product.liquid:32. See per-rule comments.
   ============================================================================ */
#shopify-block-AUFVIUGx2TzJtVWQyM__vitals_reviews_stars_44Dkwe {
  min-height:15px;
}
#shopify-block-ANDhVLzBkUDdjNWJjc__vitals_wishlist_button_hNYbRA {
  min-height:42px;
}
/*### CLUB TABLE ####*/
.sk_clubul_benefit_table_indetail tr>td, .sk_clubul_benefit_table_indetail tr>th {
    width: 15%;
}
}
.sk_subcell {
    margin-top: 40px;
    font-weight: 400;
    font-size: 15px;
}
.sk_cell_dot {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin: 0 auto;
}
.sk_glow, .sk_table_bg {
    background-color: #eee9e5;
}
.sk_rising {
    background-color: #8f8a88;
}
.sk_celebrity {
    background-color: #f4bfa5;
}
/* !important: Vitals club plugin injects its own td padding via inline CSS */
.sk_clubul_benefit_table_indetail td {
    font-size: 13px;
    font-weight: 700;
    color: #666;
    text-align: center;
    padding: 20px 5px !important;
    word-break: normal;
}

/*### SIZE CHART ####*/

.yesnotabcontent {
  display: none;
}
.yesnotabcontent.active {
  display: block;
}
 
.table-two th, .table-two td {
  text-align: center;
  padding: 0.5rem;
  border: 1px solid #ddd;
  font-size: 1.2rem;
}
.table-two th {
  background: #f7f7f7;
} 
.sk_ring_con_head,
.sk_ring_con_title,
.sk_ring_con_title h3 {
  text-align: center;
  margin: 0 auto;
}

 
/* !important: tab plugin sets background-color via inline JS on active state */
.tab-item.active a:hover,
.tab-item.active a {
 background-color:#fcfbf9 !important;
text-decoration: underline;
}
 
.table-two {
  margin: 0 auto;
  border-collapse: collapse;
}
 
.table-two tr:nth-child(even) td:nth-child(odd),
.table-two tr:nth-child(odd) td:nth-child(even) {
  background: #f9f9f9;
}

/*##### SISTER PRODUCT ######*/


.swatches-wrapper {
   min-height: 30px;
}

.swatch-wrapper-material,
.swatch-wrapper-stone {
  display: flex;
  align-items: center;
  gap: 12px;
}
.swatches {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 0;
  margin: 0;
  list-style: none;
  justify-content: left;
}

.swatch-item {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-pill);   /* default: round (material) */
  overflow: visible;
  background: transparent;
  cursor: pointer;
  box-sizing: border-box;
}

/* Stone swatches — round, same shape as material swatches.
   !important needed: ds-sticky-buy.css line 1280 sets `flex: 0 0 52px` on
   the same selector and is reloaded after this file via main-product.liquid:32.
   Without !important, the 52px rule wins via load order. */
#stone-section .swatches > .swatch-item,
#stone-section .swatch-item {
  flex: 0 0 38px !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: var(--radius-pill) !important;
}

.swatch-item > a {
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: var(--radius-pill);
  overflow: hidden;
  line-height: 0;
}
#stone-section .swatch-item > a {
  border-radius: var(--radius-pill);
}

.swatch-item img,
.swatch-item .swatch-item__fill {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-pill);
  transition: transform 0.3s ease;
}
#stone-section .swatch-item img,
#stone-section .swatch-item .swatch-item__fill {
  border-radius: var(--radius-pill);
}

/* Active — thin underline below the swatch (matches collection-page style) */
.swatch-item.active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 1px;
  background: var(--fg-muted, rgba(10, 2, 3, 0.45));
  border-radius: 0;
}
/* The stone scroller has `overflow-y: hidden`, which would clip the
   `bottom: -6px` underline. Reserve room inside the wrapper so it shows.
   !important: ds-sticky-buy.css sets padding on this selector and reloads after this file. */
#stone-section .swatch-wrapper-stone {
  padding-bottom: 8px !important;
}

.swatches.loading .swatch-placeholder {
  display: inline-block;
}

.swatches:not(.loading) .swatch-placeholder {
  display: none;
}

 
.swatch-placeholder,
.placeholder-circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  margin-right: 10px;
}

.placeholder-text {
  width: 80px;
  height: 16px;
  border-radius: 4px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
}
.custom-dropdown-selected {
      border: 1px solid #ddd;
  background: #fff;
}
 
@keyframes shimmer {
  from {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}

 
@media (max-width: 768px) {
  .swatches {
    gap: 8px;
  }

  .swatch-item {
    width: 35px;
    height: 35px;
  }
}

@media (max-width: 480px) {
  .swatch-item {
    width: 30px;
    height: 30px;
  }
}
.active-swatch-name {
  font-size:11px;
  white-space: nowrap;
  line-height: 30px;}


/* !important: Dawn .rte / .product__description rules apply default padding */
.product_description_metafield {
    padding: 12px 10px 12px 16px !important;
    margin: 0;
    font-size: 13px;
    list-style:none;
}
/* Stone swatches: inner <a> + img inherit the rounded-rectangle radius */
#stone-section .swatch-item > a,
#stone-section .swatch-item img {
  border-radius: 15px;
}