/* Scoped to opted-in forms and image-swatch rows only. */
.variations_form .variations .s360-vs-card-row { display:block; margin-block-end:16px; }
.variations_form .variations .s360-vs-card-row > th,
.variations_form .variations .s360-vs-card-row > td { display:block; width:100%; padding:0; text-align:start; }
.variations_form .s360-vs-card-row label { display:block; margin-block-end:6px; font-weight:700; }
.variations_form .s360-vs-card-row .wd-attr-selected { display:none; }
.variations_form .s360-vs-help { margin:0 0 12px; color:var(--color-gray-600,#666); font-size:13px; line-height:1.7; }
.variations_form .s360-vs-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr)); align-items:stretch; gap:10px; width:100%; margin:0 0 12px; }
.variations_form .s360-vs-cards > .wd-swatch { position:relative; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; gap:7px; width:auto; min-width:0; height:auto; margin:0; padding:12px 8px; border:1px solid #dedede; border-radius:10px; background:#fff; color:#222; box-shadow:none; text-align:center; white-space:normal; cursor:pointer; }
.variations_form .s360-vs-cards > .wd-swatch::after { display:none; }
.variations_form .s360-vs-cards > .wd-swatch .wd-swatch-bg { position:static; display:flex; align-items:center; justify-content:center; flex:none; width:68px; height:68px; border-radius:6px; overflow:hidden; background:#fff; }
.variations_form .s360-vs-cards > .wd-swatch img { width:100%; height:100%; object-fit:contain; border-radius:0; }
.variations_form .s360-vs-cards > .wd-swatch .wd-swatch-text { position:static; display:block; visibility:visible; opacity:1; width:auto; height:auto; padding:0; color:inherit; background:none; font-size:13px; font-weight:600; line-height:1.5; overflow-wrap:anywhere; white-space:normal; }
.variations_form .s360-vs-cards > .wd-swatch[aria-checked="true"] { border-color:#c49b00; background:#fff9df; box-shadow:inset 0 0 0 1px #c49b00; }
.variations_form .s360-vs-cards > .wd-swatch:focus-visible { outline:3px solid #222; outline-offset:3px; }
.variations_form .s360-vs-cards > .wd-swatch[aria-disabled="true"] { opacity:.45; cursor:not-allowed; }
.variations_form .s360-vs-option-price { display:block; margin-block-start:auto; font-size:13px; font-weight:700; line-height:1.6; color:#222; }
.variations_form .s360-vs-option-price .woocommerce-Price-amount { color:inherit; font-size:inherit; }
.variations_form .s360-vs-option-price[hidden] { display:none; }
.variations_form .s360-vs-option-price .s360-vs-addition, .variations_form .s360-vs-final { display:block; }
.variations_form .s360-vs-final { font-size:11px; font-weight:400; }
.variations_form .s360-vs-final del { opacity:.65; }
@media (hover:hover) { .variations_form .s360-vs-cards > .wd-swatch:hover:not([aria-disabled="true"]) { border-color:#c49b00; } }
@media (max-width:600px) {
	.variations_form .s360-vs-cards { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
	.variations_form .s360-vs-cards > .wd-swatch { padding:10px 6px; }
	.variations_form .s360-vs-cards > .wd-swatch .wd-swatch-bg { width:56px; height:56px; }
}