/* Product purchasable options — storefront (Maria Tash inspired, theme-aware) */
.lw-po{
  --po-line:#e2e2e2;
  --po-accent:var(--primary,#0c0c0c);
  --po-picked:var(--accent,#c4a574);
  margin:1.25rem 0 1.5rem;
  padding-top:1.2rem;
  border-top:1px solid var(--po-line);
  display:flex;flex-direction:column;gap:1.15rem;
}
.lw-po-group{display:flex;flex-direction:column;gap:.6rem}

/* Label — uppercase caption + selected value inline (SIZE: 6.5mm) */
.lw-po-label{
  font-size:.72rem;font-weight:800;color:#111;
  letter-spacing:.1em;text-transform:uppercase;
  display:flex;align-items:baseline;gap:.4rem;line-height:1.4
}
.lw-po-label span{
  font-weight:600;color:var(--po-picked);
  letter-spacing:0;text-transform:none;font-size:.85rem
}

.lw-po-values{display:flex;flex-wrap:wrap;gap:.5rem}

/* Base selectable — clean rectangular chip */
.lw-po-chip,.lw-po-swatch,.lw-po-img{
  border:1px solid var(--po-line);background:#fff;border-radius:6px;cursor:pointer;
  font-family:inherit;transition:border-color .18s,box-shadow .18s,background .18s;
  padding:.58rem 1rem;font-size:.83rem;font-weight:600;color:#222;
  min-width:46px;text-align:center;line-height:1.2
}
.lw-po-chip:hover,.lw-po-swatch:hover,.lw-po-img:hover{border-color:#111}
.lw-po-chip.is-active,.lw-po-swatch.is-active,.lw-po-img.is-active{
  border-color:var(--po-accent);
  box-shadow:inset 0 0 0 1px var(--po-accent);
  background:#fafafa;color:#111
}
.lw-po-chip:disabled,.lw-po-swatch:disabled,.lw-po-img:disabled{
  opacity:.3;cursor:not-allowed;box-shadow:none;text-decoration:line-through
}

/* Swatch — colour dot + label */
.lw-po-swatch{display:inline-flex;align-items:center;gap:.5rem;padding:.46rem .85rem .46rem .58rem}
.lw-po-swatch i{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.15);display:block;flex-shrink:0}

/* Image — thumbnail + caption (stone types etc.) */
.lw-po-img{padding:.38rem;display:inline-flex;flex-direction:column;align-items:center;gap:.35rem;min-width:76px}
.lw-po-img img{width:58px;height:58px;object-fit:cover;border-radius:4px;background:#f4f4f4}
.lw-po-img em{font-style:normal;font-size:.7rem;font-weight:600;max-width:76px;text-align:center;line-height:1.3}

/* Status / variant line */
.lw-po-status{font-size:.78rem;color:#6b6b6b;min-height:1.1em}
.lw-po-status.is-err{color:#b91c1c;font-weight:700}
.lw-po-status.is-ok{color:#111;font-weight:600}

/* Stable price digits — avoid layout jump when variant price changes */
.lw-price-solid,
.lw-price-solid__num,
.lw-price-now,
.pd2-price,
.pd3-price,
.pd4-price,
.pd5-price,
.pd6-price,
[data-lw-product-price],
.lw-pd-sticky__now{
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
}
.lw-price-box{
  min-height:2.4rem;
  align-items:baseline;
}
.lw-price-now,
.lw-price-solid__num{
  display:inline-block;
  min-width:7.5ch;
  text-align:start;
}
.pd2-price,.pd3-price,.pd4-price,.pd5-price,.pd6-price{
  min-height:1.6em;
}

@media (min-width:992px){
  .lw-po{margin:1.1rem 0 1.4rem;padding-top:1rem}
  .lw-po-values{gap:.55rem}
  .lw-po-chip,.lw-po-swatch{
    min-height:42px;
    padding:.62rem 1.05rem;
  }
  .lw-po-img{min-width:84px}
  .lw-po-img img{width:64px;height:64px}
}

/* Live gold/silver/dollar amount shown under price */
.lw-live-specs{
  display:inline-flex;align-items:center;gap:.4rem;flex-wrap:wrap;
  margin:.35rem 0 .15rem;padding:.35rem .65rem;
  background:linear-gradient(135deg,#fffbeb,#fef9c3);
  border:1px solid #fde68a;border-radius:8px;
  font-size:.78rem;font-weight:700;color:#92400e;line-height:1.35
}
.lw-live-specs[hidden]{display:none!important}
.lw-live-specs i{font-size:.85rem;opacity:.85}
.lw-live-specs span{font-weight:700}
