/* Active only after JavaScript has rendered working cards. Native selector remains as fallback. */
form.variations_form.hpvc-enhanced table.variations,
form.variations_form.hpvc-enhanced table.variations tbody,
form.variations_form.hpvc-enhanced table.variations tr,
form.variations_form.hpvc-enhanced table.variations td { display: block; width: 100%; }
form.variations_form.hpvc-enhanced table.variations { border: 0; margin: 0 0 1.1rem; }
form.variations_form.hpvc-enhanced table.variations tr { margin: 0 0 1.25rem; border: 0; background: transparent; }
form.variations_form.hpvc-enhanced table.variations th.label { display: none; }
form.variations_form.hpvc-enhanced table.variations td.value { padding: 0; border: 0; background: transparent; }
form.variations_form.hpvc-enhanced table.variations select[name^="attribute_"],
form.variations_form.hpvc-enhanced table.variations .variable-items-wrapper,
form.variations_form.hpvc-enhanced table.variations .reset_variations { display: none !important; }
form.variations_form.hpvc-enhanced .hpvc-heading { font-weight: 700; font-size: 1rem; margin-bottom: .5rem; color: #242424; }
form.variations_form.hpvc-enhanced .hpvc-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: .55rem; }
form.variations_form.hpvc-enhanced .hpvc-card { appearance: none; display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; min-width: 0; padding: 13px 12px; border: 1.5px solid #ccc; border-radius: 9px; background: #fff; color: #242424; text-align: left; cursor: pointer; font: inherit; line-height: 1.4; box-shadow: none; transition: border-color .12s ease, background .12s ease; }
form.variations_form.hpvc-enhanced .hpvc-card:hover:not(:disabled) { border-color: #555; background: #fafafa; }
form.variations_form.hpvc-enhanced .hpvc-card:focus-visible { outline: 3px solid #7250a5; outline-offset: 2px; }
form.variations_form.hpvc-enhanced .hpvc-card.hpvc-selected { border: 2px solid #333; background: #f6f6f6; padding: 12.5px 11.5px; }
form.variations_form.hpvc-enhanced .hpvc-card.hpvc-selected::before { content: '✓'; font-weight: 700; flex: 0 0 auto; }
form.variations_form.hpvc-enhanced .hpvc-card:disabled { cursor: not-allowed; opacity: .45; }
form.variations_form.hpvc-enhanced .hpvc-card-content { display: flex; flex-direction: column; flex: 1; min-width: 0; }
form.variations_form.hpvc-enhanced .hpvc-card-title { font-weight: 700; font-size: .93rem; overflow-wrap: anywhere; }
form.variations_form.hpvc-enhanced .hpvc-card-subtitle { color: #565656; font-size: .8rem; margin-top: .15rem; }
form.variations_form.hpvc-enhanced .hpvc-card-price { font-weight: 700; font-size: .91rem; white-space: nowrap; }
@media (max-width: 680px) {
  form.variations_form.hpvc-enhanced .hpvc-list { grid-template-columns: 1fr; }
  form.variations_form.hpvc-enhanced .hpvc-card { min-height: 54px; }
}
