*{box-sizing:border-box}
:root{--green:#078b18;--dark:#171717;--muted:#6f7774;--bg:#f4f2ee}
body{margin:0;background:var(--bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#171717;line-height:1.35}
.site-header{height:44px;background:#fff;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:center}
.logo{font-weight:700;font-size:18px;letter-spacing:-.6px}.logo span{color:var(--green);margin-left:1px}
.page{display:flex;justify-content:center;padding:8px 10px 18px}
.store-card{width:min(100%,620px);background:#fafaf8;border-radius:12px;box-shadow:0 6px 22px rgba(0,0,0,.08);overflow:hidden}
.store-head{background:var(--dark);color:#fff;text-align:center;padding:11px 10px 9px}
.eyebrow{font-size:9px;letter-spacing:2.2px;font-weight:700}.subline{font-size:9px;margin-top:4px}
.offer-strip{background:#e72f2f;color:#fff;display:flex;gap:40px;white-space:nowrap;overflow:hidden;padding:7px 12px;font-size:10px;font-weight:700}
.content{padding:11px 10px 10px}.label{font-size:9px;letter-spacing:1.7px;color:#61716c;margin:0 0 9px 2px}
.pack-card{position:relative;width:100%;border:1px solid #d7dbd8;border-radius:9px;background:#fff;margin:0 0 9px;padding:12px 10px 10px;display:grid;grid-template-columns:18px 1fr auto;grid-template-areas:"r c p" "m m m" "b b b";gap:0 6px;text-align:left;cursor:pointer}
.pack-card.recommended{border-color:var(--green)}
.pack-card.selected{border:1.6px solid var(--green);box-shadow:0 1px 0 rgba(7,139,24,.08)}
.badge{position:absolute;top:-8px;left:50%;transform:translateX(-50%);background:var(--green);color:#fff;border-radius:8px;padding:2px 12px;font-size:8px;font-weight:700;white-space:nowrap}
.radio{grid-area:r;width:13px;height:13px;border:1px solid #c9cdca;border-radius:50%;margin-top:2px;position:relative}
.selected .radio{border:4px solid var(--green)}
.pack-copy{grid-area:c;display:flex;flex-direction:column;min-width:0}.pack-copy strong{font-size:12px;line-height:1.2}.pack-copy small{font-size:8.5px;color:#717976;margin-top:3px;line-height:1.25}
.price{grid-area:p;font-size:15px;font-weight:700;white-space:nowrap}.price small{display:block;font-size:8px;color:#55825b;background:#edf8ee;border-radius:3px;padding:2px 4px;margin-top:3px;text-align:right}
.product-media{grid-area:m;margin-top:10px;border-radius:6px;overflow:hidden;background:#eee}.product-media img{display:block;width:100%;height:190px;object-fit:cover}
.benefits{grid-area:b;list-style:none;padding:0;margin:7px 0 0;color:#55715f;font-size:9px;line-height:1.65}.benefits li:before{content:"✓ ";color:var(--green);font-weight:bold}
.hidden{display:none!important}
.buy-wrap{text-align:center}.buy-btn{border:0;width:100%;background:var(--green);color:#fff;border-radius:8px;padding:12px 10px;font-size:14px;font-weight:700;cursor:pointer}.buy-btn span{font-size:9px;font-weight:700;margin-left:5px}
.secure{font-size:8.5px;color:#666;margin-top:7px}.discount-note{font-size:8.5px;color:var(--green);font-weight:700;margin-top:9px}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 3px 8px}.trust-grid>div{background:#fff;border:1px solid #ddd;border-radius:8px;text-align:center;padding:9px 4px;display:flex;flex-direction:column;gap:2px}.trust-grid b{font-size:13px}.trust-grid strong{font-size:8px}.trust-grid small{font-size:7px;color:#8a908d}
.method-row{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.method-row span{background:#fff;border:1px solid #ddd;border-radius:3px;padding:4px 8px;font-size:7px;color:#525a57}
footer{text-align:center;color:#858a87;font-size:7px;line-height:1.45;margin-top:14px}
@media(min-width:700px){.page{padding-top:18px}.store-card{width:390px}.product-media img{height:190px}}
@media(max-width:360px){.store-card{border-radius:9px}.content{padding-left:8px;padding-right:8px}.product-media img{height:165px}.pack-copy strong{font-size:11px}.price{font-size:14px}}