/* Canonical flavor-choice contract: native button.hype-choice + aria-pressed. */
:root { --hype-choice-height:var(--hype-control-height,44px); --hype-choice-radius:6px; }
button.hype-choice {
  appearance:none; box-sizing:border-box; display:inline-flex; align-items:center;
  justify-content:center; gap:8px; min-height:var(--hype-choice-height);
  margin:0; padding:8px 12px; border:1.5px solid #cbd2d8;
  border-radius:var(--hype-choice-radius); background:#fff; color:#0B1D2E;
  font:600 14px/1.2 Manrope,sans-serif; letter-spacing:normal; text-transform:none;
  text-decoration:none; white-space:nowrap; cursor:pointer; box-shadow:none;
  transition:background-color .2s,border-color .2s,color .2s;
}
button.hype-choice[aria-pressed="true"] { border-color:#0B1D2E; background:#F9F3EB; }
button.hype-choice i { width:10px; height:10px; border-radius:50%; flex:none; background:var(--hype-choice-color,#8892a0); }
.lg-pill--mango { --hype-choice-color:#F2A33A; }
.lg-pill--malina { --hype-choice-color:#D9536F; }
.lg-pill--pupesh { --hype-choice-color:#8BC34A; }
.lg-pill--mojito { --hype-choice-color:#2FB58A; }
/* Flavor choices share one deliberate grid and keep selection color-specific. */
.hype-buy-form,
.mr-orderbox { container-type:inline-size; container-name:hype-purchase; }
.hype-buy-form .lg-slot-pills,
.mr-orderbox .mr-frow { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
.hype-buy-form .lg-slot-pills { flex:1; min-width:0; }
.hype-buy-form .lg-slot-pills .hype-choice,
.mr-orderbox .mr-frow .mr-chip { width:100%; min-width:0; }

.mr-orderbox .mr-frow .mr-k { min-width:64px; grid-column:1 / -1; }
button.hype-choice:focus-visible,
.lg-buy-form .lg-bundle-head:focus-visible,
.mr-orderbox .mr-opt:focus-visible,
.mr-orderbox .mr-q:focus-visible { outline:2px solid #0B1D2E; outline-offset:3px; }
button.hype-choice:disabled { opacity:.6; cursor:wait; }
.lg-buy-form .lg-bundle-head { appearance:none; width:100%; border:0; padding:0; background:none; color:inherit; text-align:left; font:inherit; cursor:pointer; }
.lg-buy-form .lg-bundle-head .lg-b-info,
.lg-buy-form .lg-bundle-head .lg-b-name,
.lg-buy-form .lg-bundle-head .lg-b-sub,
.lg-buy-form .lg-bundle-head .lg-b-desc,
.lg-buy-form .lg-bundle-head .lg-b-prices,
.lg-buy-form .lg-bundle-head .lg-b-price,
.lg-buy-form .lg-bundle-head .lg-b-old { display:block; }
.mr-orderbox .mr-opt,.mr-orderbox .mr-q { appearance:none; width:100%; text-align:left; font:inherit; letter-spacing:normal; text-transform:none; }
.hype-purchase-error { color:#a12828; font-size:14px; line-height:1.5; }
@media (hover:hover) { button.hype-choice:hover { border-color:#0B1D2E; background:#F9F3EB; } }
@container hype-purchase (min-width:440px) {
  .hype-buy-form .lg-slot-pills,
  .mr-orderbox .mr-frow { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (prefers-reduced-motion:reduce) { button.hype-choice { transition:none; } }

/* Production flavour treatment: compact outlines and solid selected colours. */
:is(.hype-buy-form,.mr-orderbox) button.hype-choice{border:1.5px solid var(--flavor-line)!important;color:var(--flavor-ink)!important;background:#fff!important;min-height:30px!important;height:30px!important;padding:4px 12px!important;font-size:13px!important;line-height:1.2!important;}
:is(.hype-buy-form,.mr-orderbox) button.hype-choice[aria-pressed="true"]{background:var(--flavor-fill)!important;border-color:var(--flavor-selected-line,var(--flavor-fill))!important;color:#fff!important}
:is(.hype-buy-form,.mr-orderbox) button.hype-choice i{display:none!important}
:is(.hype-buy-form,.mr-orderbox) button.hype-choice::before{content:none!important}
:is(.lg-pill--malina,.mr-chip[data-f="malina"]){--flavor-line:#ce3164;--flavor-ink:#aa2650;--flavor-fill:#e6175d;--flavor-selected-line:#e91e63}
:is(.lg-pill--mango,.mr-chip[data-f="mango-bg"]){--flavor-line:#e99e37;--flavor-ink:#955414;--flavor-fill:#f49a2c}
:is(.lg-pill--pupesh,.mr-chip[data-f="pupesh"]){--flavor-line:#adc657;--flavor-ink:#647524;--flavor-fill:#9cb820}
:is(.lg-pill--mojito,.mr-chip[data-f="mojito-bg"]){--flavor-line:#60a85a;--flavor-ink:#39783b;--flavor-fill:#1fa84d}
@container hype-purchase (min-width:440px){.hype-buy-form .lg-slot-pills{display:flex;flex-wrap:wrap;flex:none}.hype-buy-form .lg-slot-pills .hype-choice{width:auto}.mr-orderbox .mr-frow{grid-template-columns:repeat(4,max-content)}}