/* WhatsApp-ready sticker packs (added by gifts/add_gifts.py) */
.packs{padding:64px clamp(22px,5vw,90px) 40px;border-top:1px solid var(--line);background:linear-gradient(180deg,#0d0915,var(--night))}
.packs-head{max-width:760px;margin:0 0 26px}
.packs-head .overline{color:var(--gold);letter-spacing:.18em;font-size:12px;font-weight:700}
.packs-head h2{margin:6px 0 8px;font-size:clamp(30px,4.4vw,52px);line-height:1.05}
.packs-head p a{color:var(--gold);font-weight:700}.packs-head p{margin:0;color:var(--muted);font-size:16px;line-height:1.55}
.pack-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:18px}
.pack{display:grid;grid-template-columns:auto 1fr;gap:16px 18px;align-items:center;padding:20px;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:0 18px 50px #0007}
.pack-tray{width:72px;height:72px;border-radius:18px;background:#1c1530;display:grid;place-items:center;border:1px solid #f5d58d33}
.pack-tray img{width:58px;height:58px;object-fit:contain}
.pack h3{margin:0;font-size:22px;line-height:1.2}
.pack h3 small{display:block;margin-top:4px;color:var(--muted);font-size:14px;font-weight:400}
.pack-strip{grid-column:1/-1;display:flex;gap:6px;overflow:hidden;padding:6px 0;mask-image:linear-gradient(to left,#000 82%,transparent)}
.pack-strip img{width:68px;height:68px;flex:none;object-fit:contain;filter:drop-shadow(0 3px 6px #0008)}
.pack-dl{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;border-radius:999px;background:var(--gold);color:#1b1206;font-weight:800;font-size:17px;text-decoration:none;transition:transform .15s,box-shadow .15s}
.pack-dl:hover{transform:translateY(-1px);box-shadow:0 8px 24px #f5d58d40}
.pack-dl small{font-weight:500;opacity:.75;font-size:13px}
.packs-all{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:20px;color:var(--muted);font-size:14px;line-height:1.5}
.packs-all a{color:var(--gold);font-weight:700}
@media(max-width:570px){.packs{padding:40px 16px 28px}.pack{padding:16px;gap:12px 14px}.pack-tray{width:60px;height:60px}.pack-tray img{width:48px;height:48px}.pack-strip img{width:56px;height:56px}.pack h3{font-size:19px}}
.howto{margin-top:22px;padding:22px clamp(18px,3vw,30px);border:1px solid #f5d58d55;border-radius:22px;background:linear-gradient(135deg,#1d1530,#120d1e)}
.howto h3{margin:0 0 12px;font-size:clamp(22px,3vw,28px);color:var(--gold)}
.howto ol{margin:0;padding:0;list-style:none;counter-reset:s;display:grid;gap:12px}
.howto li{counter-increment:s;position:relative;padding-inline-start:44px;font-size:16px;line-height:1.55;color:var(--cream)}
.howto li:before{content:counter(s);position:absolute;inset-inline-start:0;top:0;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#1b1206;font-weight:800;font-size:15px}
.howto li b{color:#fff}
.howto a{color:var(--gold);font-weight:700}
.howto p{margin:14px 0 0;color:var(--muted);font-size:14px;line-height:1.5}