/* Scoped to the storefront package section; payment and cart styling is unchanged. */
#comprar{padding-top:48px}
#comprar .shop{display:block;min-width:0}
#comprar .shop aside{border-right:0;border-bottom:1px solid var(--line);padding:22px 28px}
#comprar .shop-hint{display:none}
#comprar .platforms{display:flex;gap:12px}
#comprar .platforms button{flex:1;max-width:220px;justify-content:center}
#comprar .packages{padding:26px 28px;min-width:0}
#comprar .coin-carousel-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;color:var(--muted);font-size:14px}
#comprar .coin-carousel-tools>div{display:flex;gap:8px}
#comprar .coin-carousel-tools button{width:44px;height:44px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--gold);font-size:24px}
#comprar #package-list{display:flex;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--gold) var(--panel);padding:4px 3px 20px;min-width:0}
#comprar .coin-card{flex:0 0 210px;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--panel);scroll-snap-align:start;scroll-snap-stop:normal}
#comprar .coin-card img{display:block;width:100%;height:auto;aspect-ratio:653/1024;object-fit:contain;object-position:center;background:var(--panel);user-select:none}
#comprar .coin-card-body{padding:12px;display:flex;flex-direction:column;gap:8px}
#comprar .coin-card h3{font-size:14px;line-height:1.35;margin:0;color:var(--muted);font-weight:500}
#comprar .coin-card-price{font-size:20px;font-weight:800;color:var(--gold);margin:0;white-space:nowrap}
#comprar .coin-card button{width:100%;min-height:46px;padding:12px 8px;font-size:14px}
#comprar .price-note{margin-top:18px}
@media(max-width:760px){
 #comprar{padding-top:34px;padding-left:16px;padding-right:16px}
 #comprar .shop aside{padding:18px 12px}
 #comprar .platforms{gap:7px}
 #comprar .platforms button{max-width:none}
 #comprar .packages{padding:18px 10px}
 #comprar #package-list{gap:12px}
 #comprar .coin-card{flex-basis:57%}
 #comprar .coin-card-body{padding:10px;gap:7px}
 #comprar .coin-card h3{font-size:14px}
 #comprar .coin-card-price{font-size:18px}
 #comprar .coin-carousel-tools{font-size:14px;gap:6px}
}
@media(prefers-reduced-motion:reduce){#comprar #package-list{scroll-behavior:auto}}

/* Selection progress and stronger carousel navigation. */
#comprar .section-head{gap:28px}#comprar .section-head h2{font-size:clamp(34px,3.6vw,48px);max-width:720px}#comprar .section-head>p{max-width:285px;flex-shrink:0}
#comprar .selection-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:20px;align-items:start}
#comprar .shop aside{padding:16px 18px}#comprar .step-label{margin-bottom:14px}#comprar .platforms button{position:relative;padding:12px 24px 12px 10px;gap:10px;max-width:none}
#comprar .platforms .selected{background:#443c27;border-color:#f4d993;color:#ffe4a2;box-shadow:inset 0 0 0 1px #e6c16e}
#comprar .platforms .selected:after{content:'✓';position:absolute;right:7px;top:5px;font-size:13px;font-weight:800;color:#ffe4a2}
#comprar .packages{padding:20px 18px}#comprar .coin-carousel-tools{color:var(--text)}#comprar .coin-carousel-tools button{width:52px;height:48px;background:var(--gold);color:var(--bg);border-color:#f4d993;font-size:29px;font-weight:700;box-shadow:0 3px 12px #0003}#comprar .coin-carousel-tools button:hover{background:#ffe4a2}#comprar .coin-carousel-tools button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
#comprar .coin-card{flex-basis:calc((100% - 45px)/3.35)}
#comprar .selection-panel{position:sticky;top:108px;background:var(--panel);border:1px solid #776641;border-radius:10px;padding:22px;min-width:0}#comprar .selection-panel h3{color:var(--gold);font-size:18px}#comprar .selection-panel dl{margin:18px 0}#comprar .selection-panel dl>div{margin-bottom:16px}#comprar .selection-panel dt{color:var(--muted);font-size:12px;margin-bottom:4px}#comprar .selection-panel dd{margin:0;font-size:14px;overflow-wrap:anywhere}#comprar #selection-packages{max-height:145px;overflow:auto}#comprar .selection-panel .selection-price{border-top:1px solid var(--line);padding-top:15px;margin-bottom:0}#comprar #selection-total{font-size:27px;font-weight:800;color:var(--gold)}#comprar .selection-panel .primary{width:100%;padding:14px 8px;font-size:13px}#comprar .selection-panel>.text-link{display:block;text-align:center;margin-top:14px;font-size:12px}
@media(max-width:1050px) and (min-width:761px){#comprar .selection-layout{grid-template-columns:minmax(0,1fr) 235px}#comprar .coin-card{flex-basis:calc((100% - 27px)/2.35)}#comprar .selection-panel{padding:16px}}
@media(max-width:760px){#comprar .section-head>p{max-width:none}#comprar .selection-layout{display:block}#comprar .platforms button{padding:10px 10px;gap:4px}#comprar .shop aside{padding:14px 12px}#comprar .packages{padding:16px 10px}#comprar .coin-card{flex-basis:57%}#comprar .selection-panel{position:sticky;top:auto;bottom:12px;margin-top:16px;padding:16px;z-index:5;box-shadow:0 4px 22px #0005}#comprar .selection-panel dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}#comprar .selection-panel dl>div{margin:0}#comprar .selection-panel .selection-price{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding-top:8px}#comprar #selection-packages{max-height:65px}#comprar .selection-panel h3{margin-bottom:0}#comprar .coin-carousel-tools button{width:48px;height:48px}}