/* Scoped presentation layer; native selection/disabled states and all amounts are retained. */
[data-vyp-kit-cards-u-i] .vyp-kit-ui { display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:16px!important; overflow:visible; }
[data-vyp-kit-cards-u-i] .vyp-kit-ui > :is(h2,legend) { margin:0 0 4px!important; font-size:18px!important; line-height:1.4!important; font-weight:700; }
[data-vyp-kit-cards-u-i] .vyp-kit-ui-card {
  box-sizing:border-box!important; width:100%!important; min-width:0!important; min-height:48px;
  height:auto!important; padding:16px!important; margin:0!important;
  border:1px solid #d4d7d5!important; border-radius:7px!important;
  background:#fff!important; color:#202820!important; text-align:left; overflow:visible!important;
}
[data-vyp-kit-cards-u-i] .vyp-kit-ui-card > * { min-width:0; }
[data-vyp-kit-cards-u-i] .vyp-kit-ui-card :is(span,strong,small,del) { color:inherit!important; }
[data-vyp-kit-cards-u-i] .vyp-kit-ui-card.vyp-kit-ui-featured { border:2px solid #24624a!important; background:#f2f8f4!important; padding:15px!important; }
[data-vyp-kit-cards-u-i] .vyp-kit-ui-card:is([aria-pressed="true"],[aria-checked="true"],.active) { box-shadow:inset 0 0 0 2px #24624a!important; }
[data-vyp-kit-cards-u-i] .vyp-kit-ui-card.vyp-kit-ui-single { background:#fff!important; border:1px solid #d4d7d5!important; color:#202820!important; }
[data-vyp-kit-cards-u-i] .vyp-kit-ui-card.vyp-kit-ui-single:is([aria-pressed="true"],[aria-checked="true"],.active) { box-shadow:inset 0 0 0 1px #727b75!important; }
[data-vyp-kit-cards-u-i] .vyp-kit-ui-card .vyp-kit-ui-badge {
  display:table!important; grid-column:1/-1!important; grid-row:auto!important; order:-1;
  position:static!important; width:fit-content; max-width:100%; margin:0 0 10px!important;
  padding:5px 9px!important; border-radius:4px; background:#24624a!important;
  color:#fff!important; font-size:12px!important; line-height:1.4!important; font-weight:700!important;
  white-space:normal!important; letter-spacing:.02em;
}
[data-vyp-kit-cards-u-i] .vyp-kit-ui-single .vyp-kit-ui-badge { background:#edf0ed!important; color:#465048!important; font-weight:600!important; }
[data-vyp-kit-cards-u-i] .vyp-kit-ui-card :is(.fx-option-saving,.vyp-value-cue,[class$="-offer-benefit"]) { color:#215b40!important; font-weight:600; line-height:1.5; white-space:normal!important; overflow-wrap:break-word; }
[data-vyp-kit-cards-u-i] .vyp-kit-ui-card :is(.fx-option-unit,.offer-secondary,[class$="-offer-unit"]) { font-size:14px!important; line-height:1.5!important; font-weight:600!important; }
[data-vyp-kit-cards-u-i] .vyp-kit-ui-card :is(.fx-option-total,.offer-price,[class$="-offer-price"]) { font-size:22px!important; line-height:1.3!important; font-weight:750!important; white-space:normal!important; }
[data-vyp-kit-cards-u-i] .vyp-kit-ui-card [class$="-offer-benefit"] > span { display:block; background:#e1f0e6; padding:6px 9px; border-radius:4px; margin:8px 0 5px; }
[data-vyp-kit-cards-u-i] .vyp-kit-ui-card :is([class$="-offer-badge"],.vyp-value-cue) { font-size:12px; }
[data-vyp-kit-cards-u-i] .vyp-kit-ui-card:focus-visible { outline:3px solid #174e38!important; outline-offset:3px; }
[data-vyp-kit-cards-u-i] .vyp-kit-ui-card:disabled { opacity:.6; cursor:not-allowed; }
/* Fashion has fixed grid rows in its existing layout: use content flow without reordering controls. */
[data-vyp-kit-cards-u-i] .fx-quantity-button.vyp-kit-ui-card { display:flex!important; flex-wrap:wrap; gap:5px 12px; align-items:baseline; }
[data-vyp-kit-cards-u-i] .fx-quantity-button.vyp-kit-ui-card > :is(.vyp-kit-ui-badge,.fx-option-saving,.fx-option-reason,.vyp-value-cue) { flex-basis:100%; }
[data-vyp-kit-cards-u-i] .fx-quantity-button.vyp-kit-ui-card .fx-option-total { margin-left:auto; }
[data-vyp-kit-cards-u-i] .fx-quantity-button.vyp-kit-ui-card .fx-option-unit { flex-basis:100%; text-align:right; }
#single-product.vyp-fashion-v3.fx-offer-r2 #vyp-kit-selector-container .fx-minimal-options.vyp-kit-ui { gap:16px!important; grid-auto-rows:auto!important; }
@media(max-width:479px) {
  [data-vyp-kit-cards-u-i] .vyp-kit-ui-card { padding:14px!important; }
  [data-vyp-kit-cards-u-i] .vyp-kit-ui-card.vyp-kit-ui-featured { padding:13px!important; }
  [data-vyp-kit-cards-u-i] .vyp-kit-ui-card [class$="-offer-price-row"] { display:flex!important; flex-wrap:wrap; gap:4px 10px; align-items:baseline; }
  [data-vyp-kit-cards-u-i] .vyp-kit-ui-card [class$="-offer-reference"] { flex-basis:100%; }
}