:root{--pri:#0f3c04;--pri2:#1f5c10;--gold:#c9a74d;--gold2:#e7c365;--goldd:#765b00;--bg:#f7faf3;--s1:#f0f5ea;--s2:#e8efe0;--s3:#e0e8d6;--sec:#d6e8cb;--line:#c8d2bc;--ink:#1a1d17;--mut:#474d40;--err:#ba1a1a;--r:24px;--r2:12px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}
body{margin:0;font:16px/1.65 'Plus Jakarta Sans',system-ui,sans-serif;color:var(--ink);background:var(--bg);letter-spacing:-.011em}
h1,h2,h3,h4{margin:0 0 .5em;line-height:1.15;letter-spacing:-.025em;font-weight:700}
h1{font-size:clamp(2rem,4.4vw,3.2rem)}h2{font-size:clamp(1.5rem,3vw,2.2rem)}h3{font-size:1.1rem}
a{color:var(--pri)}img{max-width:100%;display:block}p{margin:0 0 1em}
.ms{font-family:'Material Symbols Outlined';font-weight:400;font-style:normal;font-size:1.25em;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;vertical-align:-.2em;font-feature-settings:'liga';-webkit-font-smoothing:antialiased;font-variation-settings:'FILL' 0}
.ms.fill{font-variation-settings:'FILL' 1}
.wrap{max-width:1240px;margin:auto;padding:0 24px}.pg{padding:44px 24px 72px}.narrow{max-width:780px}.center{text-align:center}.mt{margin-top:28px}.muted{color:var(--mut)}
.sec{padding-top:64px;padding-bottom:64px}.band{background:var(--s2)}.band>.sec{padding-top:72px;padding-bottom:72px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.eyebrow{font-size:.78rem;font-weight:700;color:var(--goldd);text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px;display:flex;align-items:center;gap:6px}
.sec-h{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px}.sec-h.c{justify-content:center;text-align:center}.sec-h h2{margin:0 0 8px}.sub{color:var(--mut);margin:0;max-width:62ch}.sec-h.c .sub{margin-inline:auto}
.more{font-weight:600;text-decoration:none;white-space:nowrap}.big{font-size:clamp(1.8rem,3.4vw,2.6rem)}
.lead{font-size:1.1rem;color:var(--mut);max-width:62ch}.empty{padding:32px;text-align:center;color:var(--mut)}.note{color:var(--mut);font-size:.9rem}
/* header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(253,247,255,.96);backdrop-filter:blur(10px);box-shadow:0 1px 8px rgba(0,0,0,.05)}
.topbar{background:var(--pri);color:#fff;font-size:.78rem}.tb-in{display:flex;justify-content:space-between;gap:16px;padding-top:7px;padding-bottom:7px}.tb-l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-r{color:#fff;text-decoration:none;white-space:nowrap}.topbar .ms{font-size:1.1em;margin-right:6px}
.hdr-in{display:flex;align-items:center;gap:18px;min-height:76px}.brand img{height:50px;width:auto}
#nav{display:flex;gap:2px;margin-left:auto}#nav a{padding:8px 10px;text-decoration:none;color:var(--mut);font-weight:600;font-size:.88rem;border-radius:var(--r2);line-height:1.25}#nav a:hover{background:var(--s2)}#nav a.on{color:var(--pri);background:var(--sec)}
.hdr-act{display:flex;align-items:center;gap:8px}
.ib{background:none;border:0;color:var(--ink);padding:8px;border-radius:50%;cursor:pointer;display:grid;place-items:center}.ib:hover,.cart:hover{background:var(--s2)}
.toko{display:flex;align-items:center;gap:4px;background:var(--s3);border-radius:var(--r2);padding:7px 10px;font-size:.85rem;font-weight:600;cursor:pointer}.toko select{border:0;background:none;font:inherit;font-weight:700;color:var(--ink);max-width:130px;cursor:pointer}
.cart{position:relative;color:var(--ink);padding:8px;border-radius:50%;display:grid;place-items:center;text-decoration:none}
.badge{position:absolute;top:0;right:-2px;background:var(--pri);color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 4px}
.burger{display:none}.hsearch{background:var(--s1);border-top:1px solid var(--line);padding:10px 0}.hsearch[hidden]{display:none}.hsearch .wrap{display:flex;gap:10px}.hsearch input{flex:1;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r2);font:inherit}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--pri);color:#fff;border:2px solid var(--pri);padding:13px 24px;border-radius:var(--r2);font:700 .95rem 'Plus Jakarta Sans',sans-serif;text-decoration:none;cursor:pointer;text-align:center;transition:background .15s}
.btn:hover{background:var(--pri2);border-color:var(--pri2)}.btn:disabled{opacity:.6;cursor:wait}.btn-sm{padding:9px 16px;font-size:.88rem}.btn-lg{padding:16px 30px;font-size:1rem}.btn-block{width:100%}
.btn-soft{background:var(--s3);border-color:var(--s3);color:var(--ink)}.btn-soft:hover{background:var(--sec);border-color:var(--sec)}
.btn-line{background:transparent;color:var(--pri)}.btn-line:hover{background:var(--pri);color:#fff}
.btn-gold{background:var(--gold);border-color:var(--gold);color:#241a00}.btn-gold:hover{background:var(--gold2);border-color:var(--gold2)}
.btn-wa{padding:7px 14px;font-size:.82rem;gap:6px;border-radius:99px}.wa-ic{width:17px;height:17px;fill:currentColor;flex-shrink:0}
.btn-ghost{background:transparent;border-color:rgba(255,255,255,.55);color:#fff}.btn-ghost:hover{background:rgba(255,255,255,.14)}
.btn-ic{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:var(--r2);background:var(--s3);color:var(--pri);text-decoration:none}.btn-ic:hover{background:var(--sec)}.btn-ic[hidden]{display:none}.btn-ic.dark{background:var(--pri);color:#fff}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
/* hero */
.hero{background:linear-gradient(180deg,var(--bg),var(--s1))}.hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding-top:56px;padding-bottom:72px}
.hero-in:not(:has(.hero-img)){grid-template-columns:minmax(0,760px)}
.pill-b{display:inline-flex;align-items:center;gap:8px;background:var(--s2);color:var(--goldd);font-weight:700;font-size:.8rem;padding:8px 16px;border-radius:99px;margin-bottom:22px;text-transform:uppercase;letter-spacing:.04em}.pill-b i{width:8px;height:8px;border-radius:50%;background:var(--gold)}
.hero h1 em{font-style:normal;color:var(--pri);text-decoration:underline wavy var(--gold);text-decoration-thickness:2px;text-underline-offset:8px;text-decoration-skip-ink:none}
.hero .lead{margin:20px 0 28px;font-size:1.12rem}.cta{display:flex;flex-wrap:wrap;gap:12px}
.trust{list-style:none;margin:36px 0 0;padding:18px 20px;background:var(--s2);border-radius:var(--r);display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.trust li{display:flex;gap:10px;align-items:flex-start;font-size:.82rem;line-height:1.3}.trust b{display:block}.trust small{color:var(--mut)}.tc{color:var(--pri)}
.hero-img{position:relative}.hero-img>img{width:100%;aspect-ratio:4/4.2;object-fit:cover;border-radius:var(--r);box-shadow:0 24px 48px rgba(79,55,138,.18)}
.float-tag{position:absolute;top:-14px;right:-10px;background:rgba(255,255,255,.95);padding:10px 16px;border-radius:var(--r2);display:flex;gap:10px;align-items:center;box-shadow:0 8px 24px rgba(0,0,0,.1);font-size:.85rem}.float-tag small,.fav small{display:block;color:var(--mut);font-size:.75rem}.float-tag .ms{color:var(--pri)}
.fav{position:absolute;left:14px;right:14px;bottom:14px;background:#fff;border-radius:16px;padding:12px 14px;display:flex;gap:12px;align-items:center;box-shadow:0 8px 24px rgba(0,0,0,.12);font-size:.88rem}.fav>div{flex:1}.fav-i{width:44px;height:44px;border-radius:12px;background:var(--gold);display:grid;place-items:center;color:#241a00}
/* cards */
.grid{display:grid;gap:24px}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}.chips.c{justify-content:center}.chip{padding:9px 18px;border:0;border-radius:99px;background:var(--s3);color:var(--ink);font:600 .88rem 'Plus Jakarta Sans',sans-serif;cursor:pointer;text-decoration:none}.chip.on{background:var(--pri);color:#fff}
.pcard{background:var(--s1);border-radius:var(--r);padding:16px;display:flex;flex-direction:column}.pcard[hidden],.rev[hidden]{display:none}
.pimg,.kimg{position:relative;display:block;border-radius:18px;overflow:hidden;background:var(--s3)}.pimg img,.kimg img{aspect-ratio:4/3;width:100%;object-fit:cover;transition:transform .6s}.pimg:hover img,.kimg:hover img{transform:scale(1.04)}
.tag{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.92);color:var(--pri);font-size:.75rem;font-weight:700;padding:5px 12px;border-radius:99px}.tag.gold{background:var(--goldd);color:#fff}.tag.tr{left:auto;right:12px;background:var(--pri);color:#fff;text-transform:uppercase;letter-spacing:.04em;font-size:.68rem}.tag.tr.gold{background:var(--goldd)}
.shelf{position:absolute;right:12px;bottom:12px;background:rgba(255,255,255,.94);font-size:.75rem;font-weight:600;padding:5px 12px;border-radius:99px}
.pbody{padding:16px 6px 4px;display:flex;flex-direction:column;flex:1}.pbody h3{margin-bottom:6px;font-size:1.15rem}.pbody h3 a{color:var(--ink);text-decoration:none}.clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--mut);font-size:.92rem}
.pk{font-size:.74rem;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.05em;margin:auto 0 8px}.opts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.opt{flex:1;min-width:140px;cursor:pointer}.opt input{position:absolute;opacity:0}.opt span{display:flex;justify-content:space-between;gap:8px;background:#fff;border:1.5px solid var(--line);border-radius:99px;padding:8px 14px;font-size:.84rem;font-weight:500}.opt b{color:var(--pri)}.opt input:checked+span{border-color:var(--pri);background:var(--sec)}.opt input:focus-visible+span{outline:3px solid var(--gold)}
.prow{display:flex;gap:10px;align-items:center;margin-top:auto}.price{color:var(--pri);font-weight:700}
.band .two{align-items:start}.prose p{color:var(--mut);margin-bottom:1.2em}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.stats div{background:#fff;border-radius:16px;padding:18px 10px;text-align:center}.stats b{display:block;font-size:1.8rem;color:var(--pri);line-height:1.1}.stats span{font-size:.82rem;color:var(--mut)}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:14px}.steps li{background:#fff;border-radius:20px;padding:20px;display:flex;gap:16px;align-items:flex-start;box-shadow:0 2px 12px rgba(0,0,0,.04)}.steps h3{margin-bottom:6px}.steps p{margin:0;color:var(--mut);font-size:.92rem}
.num{width:44px;height:44px;flex-shrink:0;border-radius:12px;display:grid;place-items:center;font-weight:700}.n0{background:var(--gold);color:#241a00}.n1{background:var(--pri2);color:#fff}.n2{background:var(--sec);color:var(--pri)}
.kgrid{align-items:stretch}.kcard{position:relative;background:var(--s1);border-radius:var(--r);padding:16px 16px 20px;display:flex;flex-direction:column}.kcard.feat{background:var(--s2);box-shadow:0 0 0 2px var(--sec)}
.ribbon{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--goldd);color:#fff;font-size:.72rem;font-weight:700;padding:6px 16px;border-radius:99px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;z-index:2}
.kcard h3{margin:16px 4px 6px;font-size:1.15rem}.kcard h3 a{color:var(--ink);text-decoration:none}.kcard>p{margin:0 4px 14px;font-size:.92rem}
.chk{list-style:none;margin:0 4px 18px;padding:0;display:grid;gap:6px;font-size:.88rem}.chk li{display:flex;gap:8px;align-items:center}.chk .ms{color:var(--goldd);font-size:1.15em}
.kfoot{margin:auto 4px 0;display:flex;justify-content:space-between;align-items:center;gap:10px}.kfoot small{display:block;color:var(--mut);font-size:.78rem}.kfoot strong{font-size:1.35rem;color:var(--pri)}
.flow{background:#fff;border-radius:32px;padding:56px 32px;box-shadow:0 2px 20px rgba(0,0,0,.04)}.fsteps{text-align:center;margin:12px 0 36px}.fsteps p{color:var(--mut);font-size:.92rem;max-width:34ch;margin-inline:auto}
.fi{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;margin:0 auto 16px;font-size:1.6rem}.f0{background:var(--s3);color:var(--pri)}.f1{background:var(--gold);color:#241a00}.f2{background:var(--pri);color:#fff}
.flow-cta{display:flex;gap:18px;align-items:center;justify-content:center;flex-wrap:wrap}
.rate{display:inline-flex;gap:8px;align-items:center;background:var(--s2);color:var(--goldd);font-size:.78rem;font-weight:700;padding:8px 18px;border-radius:99px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:18px}.rate .ms{color:var(--gold)}
.rev{margin:0;background:var(--s1);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;gap:14px}.rev p{margin:0;flex:1}.rtop{display:flex;justify-content:space-between;align-items:center}.stars{color:var(--gold);display:flex}.src{display:inline-flex;gap:4px;align-items:center;background:var(--s3);padding:3px 10px;border-radius:99px;font-size:.74rem;font-weight:600}.src .ms{font-size:1em}
.rev footer{display:flex;gap:12px;align-items:center}.rev small{display:block;color:var(--mut);font-size:.78rem}.av{width:44px;height:44px;border-radius:12px;background:var(--pri2);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.85rem}.rev:nth-child(2) .av{background:var(--gold);color:#241a00}.rev:nth-child(3) .av{background:var(--sec);color:var(--pri)}
.bcard{background:var(--s1);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;gap:12px}.btop{display:flex;justify-content:space-between;align-items:center;gap:8px}.st{position:static}.hrs{font-size:.84rem;font-weight:600;display:flex;gap:4px;align-items:center}.bcard h3{font-size:1.3rem;margin:0}.bcard h3 a{color:var(--ink);text-decoration:none}.addr{display:flex;gap:6px;color:var(--mut);font-size:.9rem;margin:0}.addr .ms{color:var(--pri);flex-shrink:0}
.fac{background:var(--s2);border-radius:14px;padding:14px 16px;font-size:.86rem;display:grid;gap:4px}.fac span{display:flex;gap:8px;color:var(--mut);align-items:center}.fac .ms{color:var(--goldd);font-size:1.1em}.bcard .prow{margin-top:auto;padding-top:6px}
.corp{background:var(--pri);color:#fff;border-radius:32px;padding:48px;display:flex;gap:32px;justify-content:space-between;align-items:center;flex-wrap:wrap;box-shadow:0 16px 40px rgba(79,55,138,.25)}.corp h2{color:#fff;max-width:20ch;font-size:clamp(1.6rem,3vw,2.3rem)}.corp p{color:#d6e8cb;max-width:58ch;margin:0}.corp>div:first-child{flex:1;min-width:280px}.pill-w{display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.14);padding:7px 16px;border-radius:99px;font-size:.8rem;font-weight:600;margin-bottom:18px!important;color:#fff!important}.corp-b{display:flex;gap:12px;flex-wrap:wrap}
.jcard{background:var(--s1);border-radius:var(--r);padding:14px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:14px}.jcard img{border-radius:16px;aspect-ratio:16/10;object-fit:cover;width:100%}.jcard>div{padding:0 8px 8px}.jcard h3{font-size:1.1rem}.jcard:hover h3{color:var(--pri)}
/* footer */
.ftr{background:var(--s2);margin-top:32px;border-top:1px solid var(--line)}.ftr-in{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:40px;padding-top:56px;padding-bottom:36px}
.ftr-logo{height:64px;width:auto;margin-bottom:14px;filter:none}.ftr h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}.ftr p{color:var(--mut);font-size:.9rem}.ftr a{color:var(--mut);text-decoration:none;display:flex;gap:8px;align-items:center;padding:4px 0;font-size:.9rem}.ftr a:hover{color:var(--pri)}.fl b{display:block;color:var(--ink)}.fl{margin-bottom:10px!important}
.fbad{display:flex;gap:8px;flex-wrap:wrap}.fbad span{background:var(--s3);padding:5px 12px;border-radius:99px;font-size:.78rem;font-weight:600}
.nl{display:grid;gap:10px}.nl input[type=email]{padding:12px 14px;border:0;background:var(--s3);border-radius:var(--r2);font:inherit}.nl small{color:var(--mut);font-size:.74rem;line-height:1.4}.nl small a{display:inline}.nl-msg{margin:0;font-weight:600;color:var(--pri)}
.copy{border-top:1px solid var(--line);padding:18px 0 28px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.84rem;color:var(--mut)}.copy a{display:inline;margin-left:14px;color:var(--mut)}
/* detail, forms, cart */
.crumb{font-size:.9rem;color:var(--mut);margin-bottom:16px}.pd{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-bottom:56px}
.gal>img{border-radius:var(--r);width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--s3)}.thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.thumbs button{border:2px solid var(--line);padding:0;border-radius:10px;overflow:hidden;cursor:pointer;width:68px;height:68px;background:none}.thumbs img{width:100%;height:100%;object-fit:cover}
.desc{margin:10px 0 16px;max-width:62ch}.shelfline{display:flex;gap:6px;color:var(--mut);font-weight:600}.cat{font-size:.8rem;color:var(--goldd);font-weight:700;text-transform:uppercase;letter-spacing:.05em}
fieldset{border:0;padding:0;margin:0 0 18px;min-width:0}legend{font-weight:700;margin-bottom:8px;padding:0}
.var{display:flex;align-items:center;gap:12px;padding:13px 16px;border:1.5px solid var(--line);border-radius:var(--r2);background:#fff;margin-bottom:8px;cursor:pointer}.var:has(input:checked){border-color:var(--pri);background:var(--sec)}.var span{flex:1;display:flex;flex-direction:column}.var small{color:var(--mut)}
.qtyrow{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.qty{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:99px;background:#fff}.qty button{border:0;background:none;width:38px;height:38px;font-size:1.2rem;cursor:pointer;color:var(--pri)}.qty input,.qty span{width:44px;text-align:center;border:0;font:700 1rem 'Plus Jakarta Sans';background:none;-moz-appearance:textfield}.qty input::-webkit-inner-spin-button{display:none}
.mkt{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:16px}.cta2{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.dl{display:grid;grid-template-columns:140px 1fr;gap:10px 16px;margin:16px 0}.dl dt{font-weight:700}.dl dd{margin:0}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r)}.form{padding:26px}.form label{display:block;font-weight:600;margin-bottom:14px}.form label b{color:var(--err)}
.form input:not([type=checkbox]):not([type=radio]),.form select,.form textarea{display:block;width:100%;margin-top:5px;padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--r2);font:400 1rem 'Plus Jakarta Sans',sans-serif;background:var(--bg)}
.form .chkb{display:flex;gap:10px;font-weight:400;align-items:flex-start}.chkb input{margin-top:5px}.hp{position:absolute!important;left:-9999px}
.err{background:#ffdad6;color:#93000a;padding:10px 14px;border-radius:var(--r2);margin:0 0 14px}.ok{background:#e1f3dd;color:#1d4d14;padding:12px 14px;border-radius:var(--r2)}
.co{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:start}.sum{padding:22px;position:sticky;top:150px}.srow{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed var(--line)}.tot{font-size:1.1rem;border:0}
.done{padding:32px;max-width:560px;margin:auto;text-align:center}.done .btn{margin-top:8px}
.clist{display:grid;gap:12px}.citem{display:grid;grid-template-columns:72px 1fr auto 110px 32px;gap:14px;align-items:center;background:var(--s1);border-radius:var(--r);padding:14px}.citem>img{width:72px;height:72px;border-radius:12px;object-fit:cover}.ci{display:flex;flex-direction:column}.ci a{color:var(--ink);text-decoration:none}.ci small{color:var(--mut)}.lt{text-align:right}.rm{border:0;background:none;color:var(--mut);cursor:pointer}
.sumbar{margin-top:18px;padding:22px;display:flex;flex-direction:column;gap:10px;align-items:flex-end}.sumbar>div{display:flex;gap:24px;font-size:1.2rem}.sumbar p{margin:0}
.faq{background:var(--s1);border-radius:var(--r2);padding:14px 18px;margin-bottom:8px}.faq summary{font-weight:600;cursor:pointer}.faq p{margin:8px 0 0;color:var(--mut)}.search{width:100%;max-width:420px;padding:12px 16px;border:1.5px solid var(--line);border-radius:var(--r2);margin:14px 0 24px;font:inherit}
.bph{border-radius:14px;margin:0 0 4px;aspect-ratio:16/9;object-fit:cover;width:100%}
#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--pri);color:#fff;padding:12px 22px;border-radius:99px;opacity:0;pointer-events:none;transition:.25s;z-index:99;font-weight:600}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){#nav a{padding:8px 7px;font-size:.82rem}.toko span{display:none}}
@media(max-width:960px){.g3,.g4{grid-template-columns:repeat(2,1fr)}.hero-in,.pd,.two,.co{grid-template-columns:1fr}.two{gap:32px}.sum{position:static}.ftr-in{grid-template-columns:1fr 1fr}.trust{grid-template-columns:1fr 1fr}.burger{display:grid}#nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--bg);flex-direction:column;padding:10px 24px 16px;border-bottom:1px solid var(--line);margin:0;box-shadow:0 12px 24px rgba(0,0,0,.08)}#nav.open{display:flex}#nav a{font-size:1rem;padding:12px 10px}.hdr-act{margin-left:auto}}
@media(max-width:640px){.g3,.g4,.ftr-in{grid-template-columns:1fr}.hide-s,.tb-r{display:none}.hdr-in{min-height:64px}.brand img{height:40px}.sec{padding-top:44px;padding-bottom:44px}.flow,.corp{padding:32px 20px;border-radius:24px}.toko select{max-width:96px}.float-tag{right:6px}.stats{grid-template-columns:1fr}.dl{grid-template-columns:1fr}
.citem{grid-template-columns:60px 1fr auto;grid-template-areas:"i c r" "i q l"}.citem>img{grid-area:i;width:60px;height:60px}.citem .ci{grid-area:c}.citem .qty{grid-area:q}.citem .lt{grid-area:l}.citem .rm{grid-area:r}.sumbar{align-items:stretch}.cta .btn{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ===== Mobile ringkas + produk 2 kolom (layar <= 640px) ===== */
@media(max-width:640px){
body{font-size:15px;line-height:1.55}
.wrap{padding:0 16px}.pg{padding:28px 16px 48px}
h1{font-size:1.65rem}h2{font-size:1.3rem}h3{font-size:1rem}.big{font-size:1.45rem}
.sec{padding-top:34px;padding-bottom:34px}.band>.sec{padding-top:38px;padding-bottom:38px}
.sec-h{margin-bottom:18px;flex-wrap:wrap;gap:8px}.lead,.hero .lead{font-size:.95rem}.hero .lead{margin:14px 0 20px}
/* header */
.topbar{font-size:.7rem}.tb-in{padding-top:5px;padding-bottom:5px}
.hdr-in{min-height:54px;gap:8px}.brand img{height:34px}.hdr-act{gap:2px}
.toko{padding:5px 7px;font-size:.78rem}.toko>span:not(.ms){display:none}.toko select{max-width:84px}
/* tombol */
.btn{padding:10px 16px;font-size:.88rem}.btn-sm{padding:7px 12px;font-size:.8rem}.btn-lg{padding:12px 20px;font-size:.92rem}.btn-ic{width:40px;height:40px}
/* hero */
.hero-in{gap:24px;padding-top:24px;padding-bottom:36px}.pill-b{font-size:.68rem;padding:6px 12px;margin-bottom:14px}
.hero h1 em{text-underline-offset:5px}.hero-img>img{aspect-ratio:4/3}
.fav{left:8px;right:8px;bottom:8px;padding:8px 10px;font-size:.78rem}.fav-i{width:34px;height:34px}.float-tag{top:-8px;padding:7px 10px;font-size:.75rem}
.trust{margin-top:22px;padding:12px;gap:10px;grid-template-columns:1fr 1fr}.trust li{font-size:.74rem}
/* PRODUK 2 KOLOM (beranda, halaman produk, produk lainnya) */
.grid:has(>.pcard){grid-template-columns:1fr 1fr;gap:10px}
.pcard{padding:8px;border-radius:16px}.pimg,.kimg{border-radius:12px}.pimg img{aspect-ratio:1/1}
.pbody{padding:10px 2px 2px}.pbody h3{font-size:.88rem;margin-bottom:4px;line-height:1.25}
.clamp{font-size:.75rem;line-height:1.4;-webkit-line-clamp:2}
.pk{font-size:.62rem;margin:8px 0 6px}
.opts{flex-direction:column;gap:6px;margin-bottom:10px}.opt{min-width:0;flex:none}.opt span{padding:6px 10px;font-size:.72rem;flex-wrap:wrap;gap:2px 6px}
.tag{top:6px;left:6px;font-size:.62rem;padding:3px 8px}.shelf{right:6px;bottom:6px;font-size:.6rem;padding:3px 8px}
.pcard .prow{gap:6px}.pcard .prow .btn{padding:8px 6px;font-size:.74rem}.pcard .prow .btn .ms{display:none}.pcard .btn-ic{width:34px;height:34px}
/* section lain */
.stats{grid-template-columns:repeat(3,1fr);gap:8px}.stats div{padding:12px 4px}.stats b{font-size:1.3rem}.stats span{font-size:.7rem}
.steps li{padding:14px;gap:12px}.num{width:36px;height:36px}.fi{width:52px;height:52px}
.kcard,.bcard{padding:14px}.pd{gap:20px;margin-bottom:32px}.form{padding:18px}
.ftr-in{padding-top:36px;padding-bottom:20px;gap:24px}.ftr-logo{height:48px}
}