/* Landing Toko Serba — memakai gaya landing Apotek (css/style.css, #landingScreen); di sini hanya penyesuaian khusus Toko */
/* logo merek di header/footer = logo Toko Serba (tote bag) */
#landingScreen .brand-mark{background-image:url('/img/toko/logo-toko-192.png')}
/* tautan bergaya tombol (di Apotek berupa <button>) */
#landingScreen a.lp-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;line-height:1.25}
/* latar hero: grid kotak bergerak milik Apotek diganti butiran interaktif (js/portal-bg.js) */
.toko-hero::before,.toko-hero::after{display:none}
.toko-hero{position:relative;overflow:hidden}
.latar-partikel{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:0;transition:opacity 1.2s ease}
.latar-partikel.siap{opacity:1}
.toko-hero .lp-hero-in{position:relative;z-index:1}
.toko-ilustrasi{margin:10px 4px 0;font-size:12px;color:var(--lp-copy);text-align:center}
/* bagian Harga: panel tunggal "segera diumumkan" */
.toko-harga{position:relative;max-width:560px;margin:0 auto;padding:30px 30px 28px;background:var(--lp-surface);border:1px solid var(--lp-line);border-radius:12px;box-shadow:var(--lp-shadow);text-align:left}
.toko-harga-tag{display:inline-block;padding:3px 11px;border-radius:999px;background:var(--lp-gold-soft);color:#A8631B;font-size:12px;font-weight:800}
.toko-harga h3{margin:12px 0 14px;font-family:'Bricolage Grotesque','Public Sans',sans-serif;font-size:26px;color:var(--lp-forest-dark)}
.toko-harga ul{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:10px}
.toko-harga li{display:flex;gap:10px;align-items:flex-start;color:var(--lp-copy);font-size:15px;line-height:1.5}
.toko-harga li svg{flex:none;width:18px;height:18px;margin-top:2px;stroke:var(--lp-forest);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
/* kotak penjelasan Masuk / Coba gratis (akun Toko Serba belum ada) */
.toko-dlg{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(23,35,30,.52);backdrop-filter:blur(3px)}
.toko-dlg[hidden]{display:none}
.toko-dlg-card{position:relative;width:100%;max-width:440px;padding:28px 26px 24px;background:var(--lp-surface);border:1px solid var(--lp-line);border-radius:14px;box-shadow:0 30px 80px rgba(23,35,30,.35)}
.toko-dlg-card h3{margin:0 34px 10px 0;font-family:'Bricolage Grotesque','Public Sans',sans-serif;font-size:24px;line-height:1.2;color:var(--lp-forest-dark)}
.toko-dlg-card p{margin:0 0 22px;color:var(--lp-copy);font-size:15px;line-height:1.65}
.toko-dlg-aksi{display:grid;gap:10px}
.toko-dlg-aksi [hidden]{display:none}
.toko-dlg-tutup{position:absolute;top:10px;right:12px;border:0;background:none;color:var(--lp-copy);font-size:26px;line-height:1;padding:6px 10px;border-radius:6px;cursor:pointer}
.toko-dlg-tutup:hover{background:var(--lp-forest-soft);color:var(--lp-forest-dark)}
@media (prefers-reduced-motion:reduce){.latar-partikel{transition:none}}