/* Sarie Art — product option groups v1 */
.product-option-groups{
  display:grid;
  gap:14px;
  margin-block:18px;
  padding:16px;
  border:1px solid color-mix(in srgb,var(--primary,#ef7cab) 22%,#dfe7eb);
  border-radius:18px;
  background:color-mix(in srgb,#fff 96%,var(--primary,#ef7cab));
}
.product-option-groups__head{display:grid;gap:4px}
.product-option-groups__head strong{font-size:1rem;color:var(--text,#163044)}
.product-option-groups__head small{color:var(--muted,#667985);line-height:1.7}
.product-option-group{display:grid;gap:10px;min-width:0;margin:0;padding:0;border:0}
.product-option-group legend{display:flex;align-items:center;gap:8px;width:100%;padding:0;font-weight:800;color:var(--text,#163044)}
.product-option-group legend span{display:inline-flex;align-items:center;min-height:24px;padding:2px 9px;border-radius:999px;background:color-mix(in srgb,var(--primary,#ef7cab) 14%,#fff);color:color-mix(in srgb,var(--primary,#ef7cab) 75%,#263746);font-size:.72rem;font-weight:800}
.product-option-group legend span.is-optional{background:#eef4f6;color:#60747f}
.product-option-values{display:flex;flex-wrap:wrap;gap:8px}
.product-option-choice{position:relative;display:inline-flex;cursor:pointer}
.product-option-choice input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}
.product-option-choice span{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:7px 14px;border:1px solid #dbe4e8;border-radius:13px;background:#fff;color:#314954;font-weight:750;line-height:1.2;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease}
.product-option-choice:hover span{border-color:color-mix(in srgb,var(--primary,#ef7cab) 48%,#dbe4e8);transform:translateY(-1px)}
.product-option-choice input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--primary,#ef7cab) 30%,transparent);outline-offset:2px}
.product-option-choice input:checked+span{border-color:var(--primary,#ef7cab);background:color-mix(in srgb,var(--primary,#ef7cab) 12%,#fff);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary,#ef7cab) 16%,transparent);color:#263746}
.product-option-choice.is-empty span{font-weight:650;color:#71828b}
.product-option-select select{width:100%;min-height:44px;border:1px solid #dbe4e8;border-radius:13px;background:#fff;padding:8px 12px;color:#263746}
.product-option-group.is-invalid{padding:10px;border-radius:14px;background:#fff7f7;box-shadow:inset 0 0 0 1px #efb6b6}
.product-option-groups__status{min-height:24px;margin:0;padding:8px 11px;border-radius:12px;background:#f2f7f8;color:#536a75;font-size:.88rem;line-height:1.65}
.product-option-groups__status.is-ready{background:#effaf6;color:#17765e}
.product-option-groups__status.is-error{background:#fff1f1;color:#a53a3a}
.product-options-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.cart-product-options,.checkout-summary-item small,.confirmation-order-item small{display:block;margin-top:4px;color:#657781;font-size:.8rem;line-height:1.55;font-weight:500}
.checkout-summary-item>span,.confirmation-order-item>span{min-width:0}
.checkout-summary-item,.confirmation-order-item{align-items:flex-start!important}
@media (max-width:620px){
  .product-option-groups{padding:13px;border-radius:15px}
  .product-option-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-option-choice,.product-option-choice span{width:100%}
  .product-option-choice span{padding-inline:10px;text-align:center}
}
