/* Shared homepage purchase component. Purchase actions inherit the two global button classes.
   Register hype-purchase before hype-product: earlier layers win important declarations. */
@layer hype-purchase {
  .hype-buy-form {
    --purchase-ink:var(--hype-button-ink,#17313d);
    --purchase-muted:#49616d;
    --purchase-line:#d3e4ed;
    width:100%!important;
    margin-top:30px!important;
  }
  .hype-buy-form,.hype-buy-form * {font-family:Manrope,Arial,sans-serif!important}
  .hype-buy-form .lg-sel-label {font-size:13px!important;font-weight:700!important;color:#0b1d2e!important;margin:6px 0 10px!important}
  .hype-buy-form .lg-bundles {display:flex!important;flex-direction:column!important;gap:12px!important;margin-bottom:18px!important}
  .hype-buy-form .lg-bundle {position:relative!important;border:1px solid #bbd5e1!important;border-radius:10px!important;padding:18px 18px!important;background:#fff!important;cursor:pointer!important;transition:border-color .2s,background-color .2s!important}
  .hype-buy-form .lg-bundle:hover {border-color:#3bb5e866!important}
  .hype-buy-form .lg-bundle.active {border:2px solid #64b4e4!important;padding:17px 17px!important;background:#fff!important}
  .hype-buy-form .lg-bundle-head {display:flex!important;align-items:center!important;gap:13px!important}
  .hype-buy-form .lg-b-radio {position:relative!important;width:16px!important;height:16px!important;flex-shrink:0!important;border:1px solid #94b0bd!important;border-radius:50%!important;transition:border-color .2s,background-color .2s!important}
  .hype-buy-form .active>.lg-bundle-head .lg-b-radio {border:5px solid #64b4e4!important;background:#fff!important}
  .hype-buy-form .lg-bundle.active .lg-b-radio::after {content:""!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#fff!important}
  .hype-buy-form .lg-b-info {flex:1!important;min-width:0!important}
  .hype-buy-form .lg-b-name {font-size:15px!important;font-weight:700!important;color:#0b1d2e!important;margin-bottom:3px!important}
  .hype-buy-form .lg-b-unit {font-weight:600!important;color:#6a6a7a!important;white-space:nowrap!important}
  .hype-buy-form .lg-b-unit.is-deal {font-weight:600!important;color:var(--purchase-muted)!important}
  .hype-buy-form .lg-b-sub {font-size:12px!important;line-height:1.4!important;color:var(--purchase-muted)!important;margin-top:3px!important}
  .hype-buy-form .lg-free-ship {color:var(--purchase-ink)!important;font-weight:700!important}
  .hype-buy-form .lg-b-desc {font-size:13px!important;line-height:1.4!important;font-style:normal!important;color:var(--purchase-muted)!important;margin-top:5px!important}
  .hype-buy-form .lg-b-prices {text-align:right!important;white-space:nowrap!important;flex-shrink:0!important}
  .hype-buy-form .lg-b-price {font-size:26px!important;font-weight:750!important;color:#0b1d2e!important}
  .hype-buy-form .lg-b-old {font-size:11px!important;color:#78909c!important;text-decoration:line-through!important}
  .hype-buy-form .lg-badge {position:absolute!important;top:-14px!important;right:14px!important;display:inline-block!important;padding:5px 12px!important;border-radius:var(--hype-radius-control,6px)!important;font-size:12px!important;font-weight:800!important;line-height:1.25!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important;pointer-events:none!important;color:#fff!important}
  .hype-buy-form .lg-badge.green {background:linear-gradient(135deg,#27AE60,#1a7a42)!important;color:#fff!important}
  .hype-buy-form .lg-badge.orange {background:linear-gradient(135deg,#F7941D,#F15A24)!important;color:#fff!important}
  .hype-buy-form .lg-flavor-slots {display:none!important;flex-direction:column!important;gap:12px!important;margin-top:16px!important;padding-top:14px!important;border-top:1px solid var(--purchase-line)!important}
  .hype-buy-form .lg-bundle.active .lg-flavor-slots {display:flex!important}
  .hype-buy-form .lg-slot {display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:12px!important}
  .hype-buy-form .lg-slot-label {font-size:10px!important;font-weight:700!important;color:#6a6a7a!important;min-width:54px!important;text-transform:uppercase!important;letter-spacing:.3px!important;white-space:nowrap!important}
  .hype-buy-form>p {font-size:11px!important;text-align:center!important}
  /* Layout only. All action shape, color and interaction styling belongs to the global classes. */
  .hype-buy-form>.hype-btn--primary,.hype-buy-form>.hype-btn--secondary {width:100%!important;margin-top:20px!important}
  .hype-buy-form>.hype-btn--secondary {margin-top:10px!important}
  @media(max-width:1100px) {
    .hype-buy-form .lg-slot {display:block!important}
    .hype-buy-form .lg-slot-label {margin-bottom:7px!important}
  }
  @media(max-width:700px) {
    .hype-buy-form {margin-top:0!important}
    .hype-buy-form .lg-bundle {padding:16px 14px!important}
    .hype-buy-form .lg-bundle.active {padding:15px 13px!important}
    .hype-buy-form .lg-bundle-head {gap:10px!important}
    .hype-buy-form .lg-b-name {font-size:14px!important}
    .hype-buy-form .lg-b-sub {font-size:12px!important}
    .hype-buy-form .lg-b-price {font-size:25px!important}
    .hype-buy-form .lg-slot-label {font-size:11px!important;margin-bottom:8px!important}
  }
}


/* Original Metabolic Reset layout; shared HYPE colours and controls. */
.mr-orderbox{background:#fff;border:1px solid rgba(11,29,46,.12);border-radius:10px;box-shadow:none;padding:24px;display:flex;flex-direction:column;gap:22px}
.mr-orderbox .mr-loading{color:#6b7681;font-size:14px;text-align:center;padding:40px 0}
.mr-orderbox .mr-lab{font:700 12px/1 var(--font-body,Manrope,sans-serif);letter-spacing:0;text-transform:none;color:#6b7681;margin-bottom:10px}
.mr-orderbox .mr-opts{display:flex;flex-direction:column;gap:10px}
.mr-orderbox .mr-opt{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;border:1.5px solid rgba(11,29,46,.12);border-radius:10px;padding:14px 16px;cursor:pointer;position:relative;background:#fff}
.mr-orderbox .mr-opt.on{border:2px solid #64b4e4;background:#fff}
.mr-orderbox .mr-rd{width:20px;height:20px;border-radius:50%;border:2px solid rgba(11,29,46,.24);display:flex;align-items:center;justify-content:center}
.mr-orderbox .mr-opt.on .mr-rd{border-color:#64b4e4}
.mr-orderbox .mr-opt.on .mr-rd:after{content:"";width:10px;height:10px;border-radius:50%;background:#64b4e4}
.mr-orderbox .mr-ot{display:flex;flex-direction:column;gap:3px;min-width:0}
.mr-orderbox .mr-ot b{font:700 15px var(--font-body,Manrope,sans-serif);color:#0B1D2E}
.mr-orderbox .mr-ot span{font-size:12.5px;color:#6b7681;line-height:1.4}
.mr-orderbox .mr-thumbs{display:flex;align-items:center;gap:4px;margin-top:2px}
.mr-orderbox .mr-thumbs img{height:26px!important;width:auto!important;max-width:40px!important;display:block;border-radius:3px}
.mr-orderbox .mr-thumbs i{font-style:normal;font-size:14px;color:#6b7681}
.mr-orderbox .mr-op{font:700 14px var(--font-body,Manrope,sans-serif);white-space:nowrap;text-align:right;color:#0B1D2E}
.mr-orderbox .mr-op small{display:block;font:500 11px var(--font-body,Manrope,sans-serif);color:#6b7681}
.mr-orderbox .mr-rec{position:absolute;top:-11px;left:14px;background:#ffe2b8;color:#17313d;font:800 12px/1.25 var(--font-body,Manrope,sans-serif);letter-spacing:0;text-transform:none;padding:6px 9px;border-radius:6px}
.mr-orderbox .mr-qty{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mr-orderbox .mr-q{border:1.5px solid rgba(11,29,46,.12);border-radius:10px;padding:14px 12px;display:flex;flex-direction:column;gap:4px;cursor:pointer;position:relative;background:#fff}
.mr-orderbox .mr-q.on{border:2px solid #64b4e4;background:#fff}
.mr-orderbox .mr-q b{font:700 18px var(--font-display,inherit);color:#0B1D2E;font-variant-numeric:tabular-nums}
.mr-orderbox .mr-q .mr-qs{font-size:12px;color:#6b7681}
.mr-orderbox .mr-q .mr-qp{font:700 14px var(--font-body,Manrope,sans-serif);font-variant-numeric:tabular-nums;color:#0B1D2E}
.mr-orderbox .mr-q .mr-was{font-size:12px;color:#6b7681;text-decoration:line-through}
.mr-orderbox .mr-q .mr-sv{position:absolute;top:-11px;right:10px;background:#def0e2;color:#17313d;font:800 12px var(--font-body,Manrope,sans-serif);padding:5px 8px;border-radius:6px}
.mr-orderbox .mr-fl{display:flex;flex-direction:column;gap:10px}
.mr-orderbox .mr-frow{align-items:center}
.mr-orderbox .mr-frow .mr-k{font:600 13px var(--font-body,Manrope,sans-serif);color:#6b7681;min-width:64px}
.mr-orderbox .mr-sum{background:#F9F3EB;border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;gap:8px;font-size:14px}
.mr-orderbox .mr-get{display:flex;gap:8px;align-items:flex-start;color:#0B1D2E;border-bottom:1px solid rgba(11,29,46,.12);padding-bottom:10px}
.mr-orderbox .mr-get svg{width:18px;height:18px;flex:none;color:#1a7a42;margin-top:2px}
.mr-orderbox .mr-li{display:flex;justify-content:space-between;gap:12px;color:#3d4a57}
.mr-orderbox .mr-li.mr-disc{color:#1a7a42;font-weight:700}
.mr-orderbox .mr-tot{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid rgba(11,29,46,.12);padding-top:10px;margin-top:4px;color:#0B1D2E}
.mr-orderbox .mr-tot b{font:800 30px var(--font-display,inherit);font-variant-numeric:tabular-nums}
.mr-orderbox .mr-tot .mr-was{font-size:14px;color:#6b7681;text-decoration:line-through;margin-left:8px}
.mr-orderbox .mr-cta{display:flex;flex-direction:column;gap:10px}
.mr-orderbox .mr-cta .lg-btn-el{width:100%}
.mr-orderbox .mr-fine{font-size:13px;color:#6b7681;text-align:center}
.mr-orderbox button[disabled]{opacity:.6;pointer-events:none}
.mr-orderbox{font-family:Manrope,Arial,sans-serif}.mr-orderbox .mr-opt,.mr-orderbox .mr-q{text-align:left}.mr-orderbox .mr-q{min-width:0}.mr-orderbox .mr-cta>button{margin:0!important}.mr-orderbox .mr-thumbs img{object-fit:contain}.mr-orderbox .mr-qp{white-space:nowrap}
@media(max-width:600px){.mr-orderbox{padding:16px;gap:22px}.mr-orderbox .mr-opt{padding:12px;grid-template-columns:16px minmax(0,1fr);gap:8px}.mr-orderbox .mr-op{grid-column:2;text-align:left}.mr-orderbox .mr-qty{gap:8px}.mr-orderbox .mr-q{padding:14px 8px}.mr-orderbox .mr-q .mr-qp{font-size:13px}.mr-orderbox .mr-ot b{font-size:14px}.mr-orderbox .mr-sum{padding:14px;font-size:12px}}

@layer hype-purchase {
 :is(.hype-buy-form,.mr-orderbox) .purchase-saving{display:block!important;margin-top:6px!important;color:#17313d!important;font-size:14px!important;font-weight:800!important;line-height:1.4!important;white-space:normal!important}
 :is(.hype-buy-form,.mr-orderbox) .purchase-saving small{display:block!important;font-size:12px!important;font-weight:600!important;color:#49616d!important}
 .hype-buy-form .lg-b-prices{max-width:145px!important}.hype-buy-form .lg-b-old{display:block!important;font-size:12px!important}
 .mr-orderbox .mr-q .mr-qp{font-size:26px!important;line-height:1.2!important}.mr-orderbox .mr-q .purchase-saving{font-size:13px!important}
 .mr-orderbox .mr-sv{background:#e8f5ec!important;color:#327044!important}.mr-orderbox .mr-rec{background:linear-gradient(135deg,#F7941D,#F15A24)!important;color:#fff!important}
 @media(max-width:600px){.mr-orderbox .mr-q .mr-qp{font-size:18px!important}.mr-orderbox .mr-q .purchase-saving{font-size:11px!important}.hype-buy-form .lg-b-prices{max-width:105px!important}.hype-buy-form .purchase-saving{font-size:12px!important}}
}

@layer hype-purchase{.hype-buy-form .lg-b-unit{font-size:12px!important;font-weight:600!important}.hype-buy-form .purchase-saving small{display:inline!important;margin-left:5px!important}.mr-orderbox .mr-sv{border-radius:20px!important}.mr-orderbox .mr-rec{border-radius:20px!important}}

/* MR price hierarchy: product estimate, quantity total, savings, final total. */
@layer hype-purchase {
 .mr-orderbox .mr-op{font-size:20px!important;font-weight:750!important;line-height:1.25!important}.mr-orderbox .mr-op small{font-size:11px!important;font-weight:400!important;margin-top:4px}
 .mr-orderbox .mr-q .mr-quantity-title{font-size:15px!important;font-weight:700!important;margin:3px 0 8px!important}
 .mr-orderbox .mr-price-line{display:flex!important;align-items:baseline!important;flex-wrap:wrap!important;gap:4px 8px!important}
 .mr-orderbox .mr-q .mr-qp{font-size:24px!important;line-height:1.25!important}.mr-orderbox .mr-price-line .mr-was{font-size:11px!important}
 .mr-orderbox .mr-q .purchase-saving{font-size:13px!important;margin-top:8px!important}
 .mr-orderbox .mr-tot b{font-size:32px!important;line-height:1.2!important}
 @media(max-width:600px){.mr-orderbox .mr-q .mr-quantity-title{font-size:12px!important}.mr-orderbox .mr-q .mr-qp{font-size:18px!important}.mr-orderbox .mr-q .purchase-saving{font-size:11px!important}.mr-orderbox .mr-op{font-size:18px!important}}
}