/* Scoped purchase layout. Existing app.js owns selection, prices and checkout URLs. */
.site-v201 .purchase-panel-v229{
  display:grid;gap:20px;padding:24px;background:#fffdf9;border:1px solid #e1e6dd;
  border-radius:18px;box-shadow:0 12px 32px -24px rgba(0,0,0,.45);backdrop-filter:none;
}
.site-v201 .purchase-panel-v229 .purchase-price{
  display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;
  margin:0;padding-bottom:18px;border-bottom:1px solid #e1e6dd;color:var(--forest);
}
.site-v201 .purchase-price strong{
  display:inline-flex;align-items:baseline;gap:6px;font-family:var(--font-number);
  font-size:34px;line-height:1.15;font-weight:700;font-variant-numeric:lining-nums tabular-nums;
  letter-spacing:0;white-space:nowrap;
}
.site-v201 .purchase-price strong small{font-size:14px;font-weight:500;color:var(--muted)}
.site-v201 .purchase-price>span{font-family:var(--font-number);font-size:13px;color:var(--muted);white-space:nowrap}
.site-v201 .purchase-spec{display:grid;gap:12px;min-width:0}
.site-v201 .purchase-spec p,.site-v201 .purchase-spec h3{
  margin:0;font-family:var(--font-text);font-size:14px;line-height:1.5;font-weight:500;letter-spacing:0;color:var(--ink-2);
}
.site-v201 .purchase-spec p span,.site-v201 .purchase-spec h3 span{font-weight:600;color:var(--forest)}
.site-v201 .purchase-panel-v229 .purchase-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.site-v201 .purchase-panel-v229 .purchase-option{
  display:flex;justify-content:center;align-items:center;min-width:0;min-height:48px;padding:10px 6px;
  border:1px solid #cad3c9;border-radius:7px;background:#fff;box-shadow:none;
  font-family:var(--font-text);font-size:14px;font-weight:500;line-height:1.4;
  color:var(--forest);text-align:center;letter-spacing:0;white-space:normal;
  transition:background .15s,border-color .15s;
}
.site-v201 .purchase-panel-v229 .purchase-option:hover{background:#f2f5ef;border-color:var(--forest)}
.site-v201 .purchase-panel-v229 .purchase-option[aria-pressed="true"]{
  border-color:var(--forest);background:#e9efe5;box-shadow:inset 0 0 0 1px var(--forest);font-weight:700;
}
.site-v201 .purchase-panel-v229 .purchase-option:focus-visible{outline:2px solid var(--forest);outline-offset:3px}
.site-v201 .purchase-panel-v229 .checkout-row{display:flex;justify-content:center;margin:0;padding:0}
.site-v201 .purchase-panel-v229 #order-button,.site-v201 .purchase-panel-v229 .hero-main-cta{
  width:auto;min-width:0;justify-self:center;min-height:48px;padding:12px 34px;font-size:16px;gap:16px;
}
.site-v201 .purchase-panel-v229 .purchase-caption{margin:-8px 0 0;font-size:12px;line-height:1.5;color:var(--muted);text-align:center}
.site-v201 #shop .shop-head h2{font-size:clamp(28px,3vw,40px);line-height:1.35;margin:8px 0 12px}
.site-v201 #shop .shop-head>p{font-size:15px;color:rgba(255,255,255,.78);margin:0}
.site-v201 #shop .shop-visual{margin-top:24px}
.site-v201 .purchase-panel-v229 .purchase-info-v189{margin:0;padding-top:18px;border-top:1px solid #e1e6dd;gap:14px}
.site-v201 .purchase-panel-v229 .shop-order-info-v193{margin:0;border-top:1px solid #e1e6dd}
.site-v201 .purchase-panel-v229 .shop-order-info-v193>summary{padding:14px 0 0;font-size:13px}
@media(max-width:380px){
  .site-v201 .purchase-panel-v229{padding:18px;gap:18px}
  .site-v201 .purchase-panel-v229 .purchase-option{font-size:13px;padding-inline:3px}
  .site-v201 .purchase-price strong{font-size:30px}
}


/* Two levels: pack size first, then one to six boxes. */
.site-v201 .purchase-panel-v229{gap:18px}
.site-v201 .purchase-box-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.site-v201 .purchase-panel-v229 .purchase-box-option{flex-direction:column;gap:3px;padding:9px 5px;min-height:62px;font-size:13px}
.site-v201 .purchase-box-option small{font-family:var(--font-number);font-size:12px;line-height:1.4;font-weight:400;color:var(--muted)}
.site-v201 .purchase-panel-v229 .purchase-option[data-pack]{font-size:13px}
.site-v201 .purchase-box-option span{max-width:100%;overflow-wrap:break-word}
@media(min-width:1100px){.site-v201 .purchase-box-options{grid-template-columns:repeat(3,minmax(0,1fr))}.site-v201 .purchase-panel-v229 .purchase-box-option{font-size:12px}}

/* On phones the offer appears immediately after the product explanation. */
@media(max-width:699px){
  .hero-stage #top .hero-copy>.kicker{order:0}
  .hero-stage #top .hero-copy>h1{order:1}
  .hero-stage #top .hero-copy>.hero-sub{order:2}
  .hero-stage #top .hero-copy>.hero-purchase{order:3}
  .hero-stage #top .hero-copy>.hero-perks{order:4}
  .hero-stage #top .hero-copy>.trust-row{order:5}
}