.hero-slider{margin-bottom:6px;position:relative}.slides{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:18px;padding:6px 2px 12px;display:flex;overflow-x:auto}.slides::-webkit-scrollbar{display:none}.slide{scroll-snap-align:center;flex:0 0 100%}.hero-shell{box-shadow:var(--sh-soft);background:linear-gradient(135deg,#fff9,#fff3);border-radius:34px;padding:6px;position:relative}.hero{background:linear-gradient(#bfe3f7 0%,#a9d8f2 42%,#cdebae 42%,#b7e39a 100%);border-radius:28px;align-items:center;min-height:300px;display:flex;position:relative;overflow:hidden}.hero .meadow{pointer-events:none;position:absolute;inset:0}.hero .sun{background:radial-gradient(circle,#fff2b0,#fcd34d);border-radius:50%;width:56px;height:56px;position:absolute;top:26px;right:34%;box-shadow:0 0 40px #fce08a}.hero .rainbow{opacity:.85;background:conic-gradient(from 270deg at 50% 100%,#f49e9e,#fcc24d,#8fd08a,#7fb8ec,#b79be0,#f49e9e);border-radius:150px 150px 0 0;width:150px;height:75px;position:absolute;bottom:32%;left:6%;-webkit-mask:radial-gradient(circle at 50% 100%,#0000 58%,#000 58.5% 100%);mask:radial-gradient(circle at 50% 100%,#0000 58%,#000 58.5% 100%)}.hero .txt{z-index:2;max-width:52%;padding:34px 30px;position:relative}.hero .kick{font-family:var(--fj);color:var(--biru-tua);font-size:19px;font-weight:500}.hero-badge{font-family:var(--fi);letter-spacing:.08em;text-transform:uppercase;color:var(--biru-tua);box-shadow:var(--sh-soft);background:#ffffffbf;border-radius:999px;align-items:center;gap:6px;margin-bottom:12px;padding:7px 14px;font-size:11px;font-weight:900;display:inline-flex}.hero-badge .ico{color:var(--kuning);fill:var(--kuning);stroke:var(--kuning)}.hero h1{color:var(--biru-tua);text-shadow:0 2px #ffffff80;margin:2px 0 6px;font-size:clamp(30px,4vw,46px)}.hero .lead{font-family:var(--fj);color:var(--biru-tua);opacity:.92;max-width:30ch;font-size:16px;font-weight:500}.hero .edu{z-index:2;filter:drop-shadow(0 18px 22px #22375b47);place-items:end center;width:230px;height:270px;display:grid;position:absolute;bottom:0;right:30%}.hero .edu .cat{font-size:150px;line-height:1}.hero .spark{z-index:2;color:#fff;filter:drop-shadow(0 2px 3px #0000001a);font-size:22px;position:absolute}.hero-info{z-index:3;background:linear-gradient(135deg,#ffffffb3,#ffffff59);border-radius:24px;width:250px;padding:5px;position:absolute;top:22px;right:22px}.hero-info .core{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-radius:20px;padding:16px 16px 14px}.hero-info h4{align-items:center;gap:6px;margin-bottom:10px;font-size:16px;display:flex}.hero-info ul{flex-direction:column;gap:10px;list-style:none;display:flex}.hero-info li{color:var(--teks);align-items:center;gap:10px;font-size:12.5px;font-weight:700;display:flex}.hero-info li .b{color:#fff;border-radius:10px;flex:none;place-items:center;width:30px;height:30px;display:grid}.hib-1{background:linear-gradient(135deg, #5b90dc, var(--biru))}.hib-2{background:linear-gradient(135deg, #69c06e, var(--sukses))}.hib-3{background:linear-gradient(135deg, #ffd05b, var(--kuning));color:var(--teks)!important}.hib-4{background:linear-gradient(135deg, #f58aa4, var(--pink))}.dots{justify-content:center;gap:8px;margin-top:2px;display:flex}.dot{background:var(--garis);cursor:pointer;width:9px;height:9px;transition:all .4s var(--e);border:none;border-radius:999px;padding:0;position:relative}.dot:before{content:"";position:absolute;inset:-12px -3px}.dot.on{background:var(--biru);width:26px}.hero-nav{border:1px solid var(--garis);width:42px;height:42px;box-shadow:var(--sh-soft);cursor:pointer;z-index:5;color:var(--teks);transition:all .3s var(--e);background:#ffffffe6;border-radius:50%;place-items:center;display:grid;position:absolute;top:44%;transform:translateY(-50%)}.hero-nav:hover{transform:translateY(-50%)scale(1.08)}.hero-nav.prev{left:12px}.hero-nav.next{right:12px}.hero2{background:linear-gradient(120deg,#fce3a6 0%,#f7b48c 100%)}.hero2 .kick,.hero2 .lead{color:var(--teks)}.hero2 h1{color:var(--koral-tua);text-shadow:0 2px #fff6}.promo-art{z-index:2;filter:drop-shadow(0 14px 18px #22375b38);font-size:150px;line-height:1;position:absolute;bottom:-4px;right:8%}.hero-produk{overflow:hidden}.hero-produk.hp-num{background:linear-gradient(135deg,#cfe4fb 0%,#a9d0f5 100%)}.hero-produk.hp-lit{background:linear-gradient(135deg,#fdecc0 0%,#f7d98f 100%)}.hero-produk .txt{max-width:56%}.hero-produk h1{color:var(--biru-tua)}.hp-price{font-family:var(--fj);color:var(--koral-tua);margin-top:8px;font-size:22px;font-weight:700}.hp-art{z-index:2;align-items:center;display:flex;position:absolute;top:0;bottom:0;right:7%}.hp-cover{border:6px solid #fff;border-radius:28px;place-items:center;width:210px;height:210px;display:grid;overflow:hidden;box-shadow:0 18px 30px -14px #22375b66}.hp-num .hp-cover{background:linear-gradient(135deg, #5b90dc, var(--biru))}.hp-lit .hp-cover{background:linear-gradient(135deg, #ffd05b, var(--kuning))}.hp-cover img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.hp-glyph{font-family:var(--fj);letter-spacing:.04em;color:#fff;font-size:66px;font-weight:700}.hp-lit .hp-glyph{color:var(--teks)}@media (max-width:720px){.hp-art{right:3%}.hp-cover{border-radius:20px;width:130px;height:130px}.hp-glyph{font-size:42px}.hero-produk .txt{max-width:62%}}.usia-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.usia{cursor:pointer;transition:all .5s var(--e);box-shadow:var(--sh-soft);border-radius:26px;padding:6px;text-decoration:none;position:relative}.usia:hover{box-shadow:var(--sh-lift);transform:translateY(-5px)}.usia .core{border-radius:20px;align-items:center;gap:14px;min-height:104px;padding:22px 20px;display:flex;box-shadow:inset 0 1px 1px #ffffffb3}.usia.a{background:linear-gradient(135deg,#cfead2,#b6dbae)}.usia.a .core{background:linear-gradient(160deg,#eef8ef,#dcf0dd)}.usia.b{background:linear-gradient(135deg,#fbe7b4,#f4da97)}.usia.b .core{background:linear-gradient(160deg,#fff8e6,#fcefcb)}.usia.c{background:linear-gradient(135deg,#ddcef3,#cbb8ec)}.usia.c .core{background:linear-gradient(160deg,#f4eefc,#eadff8)}.usia .em{width:56px;height:56px;box-shadow:var(--sh-soft);background:#ffffffb3;border-radius:18px;flex:none;place-items:center;font-size:30px;display:grid}.usia .n{font-family:var(--fj);color:var(--teks);font-size:26px;font-weight:700;line-height:1}.usia .n span{font-size:15px}.usia .d{color:var(--teks-2);margin-top:4px;font-size:13px;font-weight:800}.kat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:620px;display:grid}.kat{cursor:pointer;transition:all .5s var(--e);box-shadow:var(--sh-soft);border-radius:24px;padding:5px;text-decoration:none;position:relative}.kat:hover{box-shadow:var(--sh-lift);transform:translateY(-6px)rotate(-1deg)}.kat .core{text-align:center;border-radius:19px;flex-direction:column;justify-content:flex-start;align-items:center;min-height:150px;padding:18px 14px 16px;display:flex;box-shadow:inset 0 1px 1px #fffc}.kat .glyph{color:#fff;border-radius:16px;place-items:center;width:52px;height:52px;margin-bottom:11px;display:grid;box-shadow:0 10px 18px -8px #22375b66,inset 0 1px 1px #fff6}.kat .glyph .ico{stroke-width:1.8px;width:26px;height:26px}.kat-num-glyph{font-family:var(--fj);letter-spacing:-.01em;align-items:center;font-size:27px;font-weight:700;line-height:1;display:inline-flex}.kat .nm{font-family:var(--fj);color:var(--teks);font-size:14.5px;font-weight:600;line-height:1.15}.kat .ct{color:var(--teks-2);margin-top:auto;padding-top:8px;font-size:13px;font-weight:800}.k1{background:linear-gradient(135deg,#c3ddf7,#a9cbf0)}.k1 .core{background:linear-gradient(160deg,#eaf3fc,#d8e9fa)}.k1 .glyph{background:#fff;box-shadow:0 6px 14px -7px #22375b47}.k2{background:linear-gradient(135deg,#fbd9c4,#f7c7ae)}.k2 .core{background:linear-gradient(160deg,#fdeee4,#fbdfcf)}.k2 .glyph{background:linear-gradient(135deg, #f79b6e, var(--koral-tua))}.k3{background:linear-gradient(135deg,#cbe9c6,#b4ddad)}.k3 .core{background:linear-gradient(160deg,#edf7eb,#dcf0d8)}.k3 .glyph{background:linear-gradient(135deg, #69c06e, var(--sukses))}.k4{background:linear-gradient(135deg,#fad0da,#f5b9c8)}.k4 .core{background:linear-gradient(160deg,#fde8ed,#fbd8e0)}.k4 .glyph{background:linear-gradient(135deg, #f58aa4, var(--pink))}.k5{background:linear-gradient(135deg,#fbe7b0,#f5da8f)}.k5 .core{background:linear-gradient(160deg,#fff7e3,#fcefc7)}.k5 .glyph{background:#fff;box-shadow:0 6px 14px -7px #22375b47}.k6{background:linear-gradient(135deg,#ddcef3,#cbb8ec)}.k6 .core{background:linear-gradient(160deg,#f3edfc,#e9def8)}.k6 .glyph{background:linear-gradient(135deg, #a183e0, var(--ungu))}.manifesto{box-shadow:var(--sh-soft);background:linear-gradient(135deg,#ffffffbf,#fff6);border-radius:30px;margin-bottom:24px;padding:6px}.manifesto .core{background:linear-gradient(160deg,#eaf3fc,#f6efdf);border-radius:24px;padding:32px}.manifesto .big{font-family:var(--fj);max-width:36ch;color:var(--teks);font-size:27px;font-weight:500;line-height:1.32}.vm-grid{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px;display:grid}.vm{box-shadow:var(--sh-soft);border-radius:24px;padding:5px}.vm .core{border-radius:19px;padding:24px}.vm.v{background:linear-gradient(135deg,#c6dbf3,#a9cbf0)}.vm.v .core{background:linear-gradient(160deg,#eaf3fc,#dbeafa)}.vm.m{background:linear-gradient(135deg,#f6e3ae,#f1d98e)}.vm.m .core{background:linear-gradient(160deg,#fff8e6,#fcefcb)}.vm .tag{font-family:var(--fi);letter-spacing:.18em;color:#fff;border-radius:999px;margin-bottom:10px;padding:4px 11px;font-size:10px;font-weight:900;display:inline-block}.fakta-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px;display:grid}.fakta{box-shadow:var(--sh-soft);background:linear-gradient(135deg,#ffffffe6,#fff9);border-radius:22px;padding:5px}.fakta .core{background:var(--kartu);border-radius:17px;padding:20px}.fakta .ang{font-family:var(--fj);background:linear-gradient(135deg, #5b90dc, var(--biru));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:700}.fakta .ket{color:var(--teks-2);margin-top:4px;font-size:12.5px;font-weight:800}.team-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:20px;display:grid}.tm{box-shadow:var(--sh-soft);transition:all .5s var(--e);background:linear-gradient(135deg,#ffffffe6,#fff9);border-radius:24px;padding:5px}.tm:hover{box-shadow:var(--sh-lift);transform:translateY(-5px)}.tm .core{background:var(--kartu);text-align:center;border-radius:19px;padding:22px}.tm .foto{background:linear-gradient(135deg, var(--biru-muda), var(--biru));color:#fff;border:4px solid #fff;border-radius:50%;place-items:center;width:88px;height:88px;margin:0 auto 12px;font-size:40px;display:grid;overflow:hidden;box-shadow:0 12px 22px -10px #3770c499}.tm .foto img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.tm .nm{font-family:var(--fj);font-size:17px;font-weight:600}.tm .rl{color:var(--biru);text-transform:uppercase;letter-spacing:.04em;margin:3px 0 9px;font-size:12.5px;font-weight:900}.tm .bio{color:var(--teks-2);font-size:12.5px;font-weight:600}.pilar-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px;display:grid}.pilar{box-shadow:var(--sh-soft);transition:all .5s var(--e);border-radius:24px;padding:5px}.pilar:hover{box-shadow:var(--sh-lift);transform:translateY(-4px)}.pilar .core{background:var(--kartu);border-radius:19px;height:100%;padding:22px}.pilar .g{color:#fff;border-radius:16px;place-items:center;width:50px;height:50px;margin-bottom:13px;display:grid;box-shadow:0 10px 18px -8px #22375b66,inset 0 1px 1px #fff6}.pilar h3{margin-bottom:6px;font-size:17px}.pilar p{color:var(--teks-2);font-size:13.5px;font-weight:600}.pilar.p1{background:linear-gradient(135deg,#fbd9c4,#f7c7ae)}.pilar.p1 .g{background:linear-gradient(135deg, #f79b6e, var(--koral-tua))}.pilar.p2{background:linear-gradient(135deg,#c3ddf7,#a9cbf0)}.pilar.p2 .g{background:linear-gradient(135deg, #5b90dc, var(--biru))}.pilar.p3{background:linear-gradient(135deg,#cbe9c6,#b4ddad)}.pilar.p3 .g{background:linear-gradient(135deg, #69c06e, var(--sukses))}.siedu{box-shadow:var(--sh-lift);background:linear-gradient(135deg,#ffffffb3,#ffffff59);border-radius:30px;margin-bottom:26px;padding:6px}.siedu .core{background:linear-gradient(135deg,#eaf3fc,#f4eefc);border-radius:24px;align-items:center;gap:26px;padding:28px;display:flex}.siedu .por{flex:none;place-items:center;width:126px;height:126px;display:grid}.siedu .por img{filter:drop-shadow(0 12px 16px #22375b33)}.siedu .meta h3{margin:4px 0;font-size:23px}.siedu .meta .traits{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.siedu .meta .traits span{font-family:var(--fj);color:var(--biru-tua);box-shadow:var(--sh-soft);background:#fff;border-radius:999px;padding:5px 13px;font-size:12.5px;font-weight:600}.siedu .meta p{color:var(--teks-2);max-width:54ch;font-size:14px;font-weight:600}.langkah{grid-template-columns:repeat(3,1fr);gap:18px;margin:18px 0 30px;display:grid}.langkah .l{box-shadow:var(--sh-soft);background:linear-gradient(135deg,#ffffffe6,#fff9);border-radius:24px;padding:5px}.langkah .core{background:var(--kartu);border-radius:19px;padding:22px}.langkah .no{background:linear-gradient(135deg, #4b84d8, var(--biru));color:#fff;width:40px;height:40px;font-family:var(--fj);border-radius:14px;place-items:center;margin-bottom:12px;font-size:18px;font-weight:700;display:grid;box-shadow:0 10px 18px -8px #3770c499}.faq{box-shadow:var(--sh-soft);background:linear-gradient(135deg,#ffffffd9,#ffffff80);border-radius:24px;padding:5px}.faq .core{background:var(--kartu);border-radius:19px;overflow:hidden}.faq details{border-bottom:1px solid var(--garis)}.faq details:last-child{border:none}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;padding:17px 20px;font-weight:800;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary .plus{background:var(--info-bg);width:26px;height:26px;color:var(--biru);font-family:var(--fj);transition:transform .4s var(--e);border-radius:50%;place-items:center;font-weight:700;display:grid}.faq details[open] summary .plus{transform:rotate(135deg)}.faq p{color:var(--teks-2);padding:0 20px 18px;font-weight:600}.akun-head{box-shadow:var(--sh-lift);background:linear-gradient(135deg,#ffffffb3,#ffffff59);border-radius:30px;margin-bottom:22px;padding:6px}.akun-head .core{background:linear-gradient(135deg,#eaf3fc,#fcf3dd);border-radius:24px;align-items:center;gap:20px;padding:26px;display:flex}.akun-head .av{flex:none;place-items:center;width:88px;height:88px;display:grid}.akun-head .who h2{font-size:24px}.akun-head .who .hp{color:var(--teks-2);margin-top:3px;font-size:14px;font-weight:800}.akun-head .who .vf{color:var(--sukses);background:var(--sukses-bg);border-radius:999px;align-items:center;gap:5px;margin-top:9px;padding:4px 12px;font-size:12px;font-weight:900;display:inline-flex}.qlinks{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:8px;display:grid}.qlink{box-shadow:var(--sh-soft);cursor:pointer;transition:all .5s var(--e);background:linear-gradient(135deg,#ffffffe6,#fff9);border-radius:22px;padding:5px;text-decoration:none}.qlink:hover{box-shadow:var(--sh-lift);transform:translateY(-4px)}.qlink .core{background:var(--kartu);border-radius:17px;align-items:center;gap:13px;padding:18px;display:flex}.qlink .g{color:#fff;border-radius:15px;flex:none;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 8px 16px -7px #22375b66}.qlink b{font-family:var(--fj);font-size:15px;font-weight:600}.qlink small{color:var(--teks-2);margin-top:1px;font-size:12px;font-weight:700;display:block}.setlist{box-shadow:var(--sh-soft);background:linear-gradient(135deg,#ffffffd9,#ffffff80);border-radius:24px;padding:5px}.setlist .core{background:var(--kartu);border-radius:19px;overflow:hidden}.setrow{border-bottom:1px solid var(--garis);cursor:pointer;transition:background .3s var(--e);text-align:left;width:100%;font:inherit;color:var(--teks);background:0 0;border-top:none;border-left:none;border-right:none;align-items:center;gap:14px;padding:17px 20px;text-decoration:none;display:flex}.setrow:last-child{border-bottom:none}.setrow:hover{background:var(--latar)}.setrow>.ico{width:20px;height:20px;color:var(--biru);flex:none}.setrow b{flex:1;font-size:14.5px;font-weight:800}.setrow .val{color:var(--teks-2);font-size:13px;font-weight:800}.tgl-v{background:var(--biru);border:none;border-radius:999px;flex:none;width:46px;height:27px;position:relative;box-shadow:inset 0 1px 2px #00000026}.tgl-v:after{content:"";background:#fff;border-radius:50%;width:21px;height:21px;position:absolute;top:3px;right:3px;box-shadow:0 1px 3px #0003}.setrow.danger b,.setrow.danger>.ico{color:var(--koral-tua)}.riwayat{box-shadow:var(--sh-soft);background:linear-gradient(135deg,#ffffffd9,#ffffff80);border-radius:24px;margin-bottom:22px;padding:5px}.riwayat .core{background:var(--kartu);border-radius:19px;overflow:hidden}.rrow{border-bottom:1px solid var(--garis);cursor:pointer;transition:background .3s var(--e);color:var(--teks);align-items:center;gap:14px;padding:14px 18px;text-decoration:none;display:flex}.rrow:last-child{border-bottom:none}.rrow:hover{background:var(--latar)}.rthumb{width:56px;height:56px;font-family:var(--fj);color:#fff;border-radius:15px;flex:none;place-items:center;font-size:22px;font-weight:700;display:grid;box-shadow:0 8px 14px -8px #22375b66}.rthumb.num{background:linear-gradient(135deg, #7fb2ec, var(--biru))}.rthumb.lit{background:linear-gradient(135deg, #ffd264, var(--koral));color:var(--teks)}.rmeta{flex:1;min-width:0}.rmeta b{font-family:var(--fj);font-size:15px;font-weight:600;line-height:1.2;display:block}.rmeta small{color:var(--teks-2);font-size:12.5px;font-weight:700}.rright{flex:none;align-items:center;gap:12px;display:flex}.rtime{color:var(--teks-2);white-space:nowrap;font-size:12.5px;font-weight:800}.rstat{font-family:var(--fj);white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700}.rstat.paid{background:var(--sukses-bg);color:var(--sukses)}.rstat.pending{background:var(--warning-bg);color:var(--warning)}.rstat.expired,.rstat.canceled{background:var(--krem-100);color:var(--teks-2)}.form-card{max-width:540px;box-shadow:var(--sh-lift);background:linear-gradient(135deg,#fffc,#fff6);border-radius:26px;padding:5px}.form-card .core{background:var(--kartu);border-radius:21px;padding:28px}.pfoto{border-bottom:1px solid var(--garis);align-items:center;gap:16px;margin-bottom:16px;padding-bottom:18px;display:flex}.pfoto .av{background:linear-gradient(135deg, var(--biru-muda), var(--biru));width:76px;height:76px;box-shadow:var(--sh-lift);border-radius:22px;flex:none;place-items:center;font-size:38px;display:grid}@media (max-width:760px){.hero{flex-direction:column;min-height:0}.hero .txt{max-width:100%;padding:26px 20px 8px}.hero .edu{width:auto;height:auto;padding:6px 0 20px;position:relative;bottom:auto;right:auto}.hero .edu .cat{font-size:96px}.hero .rainbow,.hero .sun{display:none}.hero{background:linear-gradient(#bfe3f7,#a9d8f2 60%,#cdebae 60%,#b7e39a)}.hero-info,.hero-nav{display:none}.hero2{flex-direction:column}.promo-art{text-align:center;width:100%;padding:4px 0 16px;font-size:84px;position:relative;bottom:auto;right:auto}.usia-grid{grid-template-columns:1fr}.kat-grid{grid-template-columns:repeat(2,1fr)}.vm-grid,.langkah,.pilar-grid,.qlinks{grid-template-columns:1fr}.fakta-grid{grid-template-columns:repeat(2,1fr)}.siedu .core,.akun-head .core{text-align:center;flex-direction:column}.siedu .meta .traits{justify-content:center}.rright .rtime{display:none}}@media (max-width:1080px){.kat-grid{grid-template-columns:repeat(2,1fr)}.hero .txt{max-width:64%}}.cat-toolbar{align-items:center;gap:14px;margin-bottom:18px;display:flex}.filter-toggle{font-family:var(--fj);border:1px solid var(--garis);color:var(--teks);cursor:pointer;box-shadow:var(--sh-soft);transition:all .4s var(--e);background:#ffffffd9;border-radius:999px;align-items:center;gap:9px;padding:11px 18px;font-size:14.5px;font-weight:600;display:inline-flex}.filter-toggle:hover{transform:translateY(-1px)}.filter-toggle:active{transform:scale(.97)}.filter-toggle.active{background:linear-gradient(135deg, #4b84d8, var(--biru));color:#fff;border-color:#0000}.filter-toggle .chev{transition:transform .4s var(--e)}.filter-toggle.active .chev{transform:rotate(180deg)}.filter-toggle .fcount{background:var(--kuning);min-width:20px;height:20px;color:var(--teks);border-radius:999px;place-items:center;padding:0 6px;font-size:11px;font-weight:900;display:none}.filter-toggle.active .fcount{color:#fff;background:#ffffff47}.result-count{color:var(--teks-2);margin-left:auto;font-size:13.5px;font-weight:800}.filterbar{box-shadow:var(--sh-soft);background:linear-gradient(135deg,#fffc,#ffffff73);border-radius:24px;margin-bottom:24px;padding:5px;display:none}.filterbar.open{animation:fade .4s var(--e);display:block}.filterbar>.core{background:#ffffff8c;border-radius:19px;padding:6px 18px}.frow{border-bottom:1px solid #eae2d4b3;grid-template-columns:74px 1fr;align-items:center;gap:14px;padding:11px 0;display:grid}.frow:last-child{border:none}.frow .lbl{color:var(--teks-2);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900}.frow .chips{flex-wrap:wrap;gap:8px;display:flex}.fchip{font-family:var(--fi);border:1px solid var(--garis);color:var(--teks-2);cursor:pointer;transition:all .4s var(--e);background:#fff;border-radius:999px;padding:8px 15px;font-size:12.5px;font-weight:800}.fchip:hover{transform:translateY(-1px)}.fchip.on{background:linear-gradient(135deg, #4b84d8, var(--biru));color:#fff;border-color:#0000;box-shadow:0 6px 14px -6px #3770c499}@media (max-width:520px){.frow{grid-template-columns:1fr;gap:7px;padding:12px 0}}.cart{grid-template-columns:1.7fr 1fr;align-items:start;gap:22px;margin-top:8px;display:grid}@media (max-width:900px){.cart{grid-template-columns:1fr}}.cart-list{flex-direction:column;gap:12px;display:flex}.cart-item{background:var(--kartu);border:1px solid var(--garis);border-radius:var(--r-kartu);box-shadow:var(--bayang-1);align-items:center;gap:14px;padding:12px 14px;display:flex}.cart-item.skip{opacity:.62}.cart-thumb{color:#fff;border-radius:14px;flex:none;place-items:center;width:60px;height:60px;font-size:26px;display:grid;position:relative;overflow:hidden}.cart-thumb.num{background:linear-gradient(135deg, #7fb2ec, var(--biru))}.cart-thumb.lit{background:linear-gradient(135deg, #ffd884, var(--kuning));color:var(--teks)}.cart-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cart-info{flex:1;min-width:0}.cart-judul{font-family:var(--fj);color:var(--teks);font-size:15.5px;font-weight:600;line-height:1.2;text-decoration:none;display:block}.cart-judul:hover{color:var(--biru)}.cart-meta{color:var(--teks-2);flex-wrap:wrap;align-items:center;gap:4px;margin-top:5px;font-size:12px;font-weight:700;display:flex}.cart-right{flex:none;align-items:center;gap:10px;display:flex}.cart-remove{border:1px solid var(--garis);width:34px;height:34px;color:var(--teks-2);cursor:pointer;transition:all .2s var(--e);background:#fff;border-radius:12px;place-items:center;display:grid}.cart-remove:hover{color:var(--bahaya);border-color:var(--bahaya);background:var(--bahaya-bg)}.cart-summary{position:sticky;top:90px}.cart-summary .core{background:var(--kartu);border:1px solid var(--garis);border-radius:var(--r-besar);box-shadow:var(--bayang-1);padding:20px}.cart-summary h3{margin-bottom:14px;font-size:18px}.cart-harga-diskon{flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:6px;display:inline-flex}.cart-totals{border-top:1px solid var(--garis);margin:0 0 16px;padding-top:14px}.cart-totals>div{color:var(--teks-2);justify-content:space-between;align-items:baseline;margin-bottom:9px;font-size:14px;font-weight:700;display:flex}.cart-totals .disc dd{color:var(--sukses)}.cart-totals .grand{border-top:1px dashed var(--garis);color:var(--teks);margin-top:4px;margin-bottom:0;padding-top:12px}.cart-totals .grand dt{font-family:var(--fj);font-size:16px}.cart-totals .grand dd{font-family:var(--fj);color:var(--biru-tua);font-size:22px;font-weight:700}.cart-checkout{justify-content:center;width:100%}.cart-note{color:var(--teks-2);text-align:center;margin-top:10px;font-size:12px;font-weight:600}