/* Ìyánífá's Relay — ready-to-wear pieces inside the shop. */
.wig-relay-empty { color: var(--warm-gray, #8C7E6F); font-style: italic; }
.wig-relay-product { padding-top: 100px; }
.wig-relay-product__layout { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 56px; align-items: start; margin-top: 16px; }
.wig-relay-product__gallery { position: sticky; top: 100px; }
.wig-relay-product__main { width: 100%; aspect-ratio: 4 / 5; object-fit: contain; object-position: center; border-radius: 8px; background: var(--sand, #EDE3D2); display: block; }
.wig-relay-product__thumbs { display: flex; gap: 8px; margin-top: 10px; }
.wig-relay-product__thumb { width: 64px; height: 80px; padding: 0; border: 1px solid rgba(44,32,24,.15); border-radius: 4px; overflow: hidden; background: #fff; cursor: pointer; }
.wig-relay-product__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wig-relay-product__thumb.is-active { border-color: var(--terracotta, #C0502E); box-shadow: inset 0 0 0 1px var(--terracotta, #C0502E); }
.wig-relay-product__price { font-family: var(--font-display, serif); font-size: 26px; color: var(--terracotta, #C0502E); margin: 8px 0 4px; }
.wig-relay-product__eta { font-size: 13px; color: var(--emerald, #1D7B50); margin: 0 0 22px; }
.wig-relay-product__picker { display: grid; grid-template-columns: 1fr 96px; gap: 12px 16px; align-items: end; margin: 0 0 16px; }
.wig-relay-product__picker label { grid-row: 1; font: 600 11px/1 var(--font-body, sans-serif); letter-spacing: .14em; text-transform: uppercase; color: var(--warm-gray, #8C7E6F); }
.wig-relay-product__select, .wig-relay-product__qty { grid-row: 2; width: 100%; padding: 12px 14px; border: 1px solid rgba(44,32,24,.25); border-radius: 4px; background: #fff; font: 500 14px/1.2 var(--font-body, sans-serif); color: var(--espresso, #2C2018); }
.wig-relay-product__add { width: 100%; }
.wig-relay-product__msg { margin: 12px 0 0; font-size: 14px; }
.wig-relay-product__msg.is-ok { color: var(--emerald, #1D7B50); }
.wig-relay-product__msg.is-err { color: var(--terracotta, #C0502E); }
.wig-relay-product__soldout { padding: 14px 16px; border: 1px solid rgba(197,165,90,.4); border-radius: 6px; background: var(--warm-white, #FFFCF7); color: var(--warm-gray, #8C7E6F); }
.wig-relay-product__desc { margin-top: 28px; font-size: 15px; line-height: 1.6; }
.wig-relay-product__note { margin-top: 20px; font-size: 12px; color: var(--warm-gray, #8C7E6F); }
@media (max-width: 900px) {
	.wig-relay-product__layout { grid-template-columns: 1fr; gap: 28px; }
	.wig-relay-product__gallery { position: static; }
}

/* ── Buy box: chip picker (Phase 2) — replaces the Colour / Size select ──── */
.wig-buy .wig-buy__picker--chips { display: block; grid-template-columns: none; margin-bottom: 14px; }
.wig-buy__axis { margin: 0 0 14px; }
.wig-buy__axis-label { display: flex; gap: 8px; align-items: baseline; margin: 0 0 8px; font: 600 11px/1 var(--font-body, sans-serif); letter-spacing: .12em; text-transform: uppercase; color: var(--warm-gray, #8C7E6F); }
.wig-buy__axis-value { font: 500 12px/1 var(--font-body, sans-serif); letter-spacing: 0; text-transform: none; color: var(--espresso, #2C2018); }
.wig-buy__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.wig-buy .wig-buy__chip, .wig-buy .wig-buy__chip:focus, .wig-buy .wig-buy__chip:active {
	display: inline-flex; align-items: center; gap: 8px; min-width: 44px; min-height: 40px; padding: 0 14px;
	border: 1px solid #cfc6b8; border-radius: 999px; background: #fff !important; color: var(--espresso, #2C2018) !important;
	font: 500 13px/1 var(--font-body, sans-serif) !important; letter-spacing: 0 !important; text-transform: none !important;
	cursor: pointer; outline: none; box-shadow: none !important;
}
.wig-buy .wig-buy__chip:hover { border-color: var(--espresso, #2C2018); }
.wig-buy .wig-buy__chip:focus-visible { outline: 2px solid var(--indigo, #2b3a67); outline-offset: 2px; }
.wig-buy .wig-buy__chip.is-on, .wig-buy .wig-buy__chip.is-on:focus, .wig-buy .wig-buy__chip.is-on:hover { background: var(--espresso, #2C2018) !important; color: #fff !important; border-color: var(--espresso, #2C2018) !important; }
.wig-buy .wig-buy__chip.is-out { color: var(--warm-gray, #8C7E6F) !important; border-style: dashed; background: var(--warm-white, #FFFCF7) !important; }
.wig-buy .wig-buy__chip.is-out:not(.wig-buy__chip--swatch) { text-decoration: line-through; }
.wig-buy .wig-buy__chip.is-out .wig-buy__dot { opacity: .35; }
.wig-buy__chip--swatch { padding-left: 6px; }
.wig-buy__dot { flex: 0 0 26px; width: 26px; height: 26px; border-radius: 50%; border: 1px solid rgba(44,32,24,.15); }
.wig-buy__dot--img { object-fit: cover; object-position: center top; }
.wig-buy__chip.is-on .wig-buy__dot { border-color: rgba(255,255,255,.6); }
.wig-buy__chip .wig-buy__chip-text { white-space: nowrap; max-width: 140px; overflow: hidden; text-overflow: ellipsis; }
.wig-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.wig-buy__axis--qty { margin-top: 4px; }
.wig-buy__qty { display: inline-flex; align-items: center; border: 1px solid #cfc6b8; border-radius: 999px; overflow: hidden; }
.wig-buy .wig-buy__qty button, .wig-buy .wig-buy__qty button:hover, .wig-buy .wig-buy__qty button:focus {
	width: 38px; height: 38px; padding: 0; border: 0; background: #fff !important; color: var(--espresso, #2C2018) !important;
	font: 500 18px/38px var(--font-body, sans-serif) !important; cursor: pointer; box-shadow: none !important; outline: none;
}
.wig-buy .wig-buy__qty button:hover { background: var(--warm-white, #FFFCF7) !important; }
.wig-buy .wig-buy__qty button:disabled { color: #cfc6b8 !important; cursor: default; }
.wig-buy .wig-buy__qty button:focus-visible { outline: 2px solid var(--indigo, #2b3a67); outline-offset: -2px; }
.wig-buy .wig-buy__qty input { width: 44px; height: 38px; padding: 0; margin: 0; border: 0; border-left: 1px solid #cfc6b8; border-right: 1px solid #cfc6b8; border-radius: 0; text-align: center; font: 500 14px/38px var(--font-body, sans-serif); color: var(--espresso, #2C2018); background: #fff; -moz-appearance: textfield; }
.wig-buy .wig-buy__qty input::-webkit-outer-spin-button, .wig-buy .wig-buy__qty input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.wig-buy .wig-buy__add.is-idle { background: var(--sand, #EDE3D2); color: var(--warm-gray, #8C7E6F); }
.wig-buy .wig-buy__add.is-idle:hover { background: var(--sand, #EDE3D2); color: var(--warm-gray, #8C7E6F); }

/* Chip children are inert: the button takes every hover and click, whole face. */
.wig-buy .wig-buy__chip { cursor: pointer; }
.wig-buy .wig-buy__chip > * { pointer-events: none; }