:root{--paper:#ffffff;--ink:#000000;--ink-70:#3d3d3d;--ink-50:#5a5a5a;--rule:#e3e3e3;--rule-dark:rgba(255,255,255,.18);--band:#f6f6f6;--red:#e32d27;--red-deep:#b8221d;--max:1240px;--gutter:clamp(20px,4vw,40px);--section:clamp(62px,7.2vw,100px);--r-btn:4px;--r-img:22px;--ease:cubic-bezier(.22,.61,.36,1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:DM Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15.5px;line-height:1.7;font-optical-sizing:auto;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}img{height:auto}a{color:inherit}button{font:inherit;color:inherit}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.03em;text-wrap:balance}.d1{font-size:clamp(38px,5.6vw,64px);line-height:1.02;letter-spacing:-.038em}.d2{font-size:clamp(29px,4vw,44px);line-height:1.06}.d3{font-size:clamp(19px,1.6vw,23px);line-height:1.25;letter-spacing:-.018em}p{margin:0}.lead{font-size:clamp(16.5px,1.35vw,18.5px);line-height:1.6;color:var(--ink-50);max-width:52ch}:is(h1,h2,h3)+:is(.lead,.body){margin-top:18px}.body{color:var(--ink-70);max-width:62ch}.meta{font-size:13px;line-height:1.55;color:var(--ink-50);font-variant-numeric:tabular-nums}.tick{width:34px;height:3px;background:var(--red);margin-bottom:22px}.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:var(--section)}.rule-top{border-top:1px solid var(--rule)}.btn{display:inline-flex;align-items:center;gap:10px;height:50px;padding-inline:24px;border:1.5px solid transparent;border-radius:var(--r-btn);font-size:15px;font-weight:500;letter-spacing:-.005em;text-decoration:none;cursor:pointer;transition:background .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease)}.btn--red{background:var(--red);color:#fff}.btn--red:hover{background:var(--red-deep)}.btn--line{border-color:var(--ink);color:var(--ink)}.btn--line:hover{background:var(--ink);color:#fff}.btn--white{background:#fff;color:var(--ink)}.btn--white:hover{background:var(--red);color:#fff}.arrowlink{display:inline-flex;align-items:center;gap:9px;font-weight:500;text-decoration:none;padding-bottom:3px;border-bottom:1.5px solid var(--ink);transition:color .18s var(--ease),border-color .18s var(--ease)}.arrowlink:hover{color:var(--red);border-color:var(--red)}.arrowlink svg{flex:none;transition:transform .22s var(--ease)}.arrowlink:hover svg{transform:translate(4px)}:where(a,button,input,select,summary):focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:2px}.skip{position:absolute;left:-9999px}.skip:focus{left:var(--gutter);top:12px;z-index:100;background:var(--ink);color:#fff;padding:10px 16px;border-radius:var(--r-btn)}.hdr{position:sticky;top:0;z-index:60;background:var(--paper);border-bottom:1px solid var(--rule)}.hdr__in{display:flex;align-items:center;gap:clamp(16px,3vw,44px);height:70px}.hdr__logo{flex:none;display:block}.hdr__logo img{height:36px;width:auto}.nav{display:none;align-items:center;gap:clamp(14px,2.2vw,30px);margin-left:auto}.nav__item{position:relative}.nav__link{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:24px 0;font-size:15px;font-weight:500;text-decoration:none;letter-spacing:-.005em;cursor:pointer;transition:color .16s var(--ease)}.nav__link:hover,.nav__item[data-open=true] .nav__link{color:var(--red)}.nav__link svg{transition:transform .2s var(--ease)}.nav__item[data-open=true] .nav__link svg{transform:rotate(180deg)}.drop{position:absolute;top:100%;left:-18px;min-width:264px;background:#fff;border:1px solid var(--rule);border-radius:6px;box-shadow:0 14px 34px #00000017;padding:8px;display:none}.nav__item[data-open=true] .drop{display:block}.drop a{display:block;padding:9px 14px;border-radius:4px;font-size:14.5px;text-decoration:none;transition:background .14s var(--ease),color .14s var(--ease)}.drop a:hover{background:var(--band);color:var(--red)}.drop__induk{font-weight:500;margin-bottom:6px;padding-bottom:11px!important;border-bottom:1px solid var(--rule);border-radius:4px 4px 0 0}.mnav__induk{font-weight:500}.hdr__cta{display:none;height:42px;padding-inline:20px}.burger{margin-left:auto;display:grid;place-items:center;width:44px;height:44px;background:none;border:1px solid var(--rule);border-radius:var(--r-btn);cursor:pointer}.mnav{display:none;border-top:1px solid var(--rule);background:#fff;padding:8px var(--gutter) 28px}.mnav[data-open=true]{display:block}.mnav__row{border-bottom:1px solid var(--rule)}.mnav__row>a,.mnav__row>button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 0;background:none;border:0;text-align:left;font-size:18px;font-weight:500;letter-spacing:-.02em;text-decoration:none;cursor:pointer}.mnav__sub{display:none;padding:0 0 14px 2px}.mnav__row[data-open=true] .mnav__sub{display:block}.mnav__sub a{display:block;padding:7px 0;font-size:15px;color:var(--ink-50);text-decoration:none}.mnav__sub a:hover{color:var(--red)}.mnav .btn{margin-top:22px;width:100%;justify-content:center}@media (min-width:1024px){.nav{display:flex}.hdr__cta{display:inline-flex}.burger{display:none}.mnav{display:none!important}}.hero{padding-block:clamp(40px,4.6vw,68px) clamp(56px,6.5vw,96px)}.hero__grid{display:grid;gap:clamp(40px,5vw,72px)}.hero__proof{margin-top:clamp(38px,4vw,54px);padding-top:22px;border-top:1px solid var(--rule);max-width:46ch}.hero .lead{margin-top:24px}.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(28px,3vw,38px)}.hero__fig{margin:0}.hero__fig img{width:100%;height:auto;aspect-ratio:4/5;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 68%;object-position:50% 68%;border-radius:var(--r-img);background:var(--band)}.hero__cap{margin-top:12px;display:flex;gap:10px;align-items:baseline}.hero__cap b{flex:none;width:3px;height:14px;background:var(--red);display:inline-block;transform:translateY(2px)}@media (min-width:900px){.hero__grid{grid-template-columns:1.08fr .92fr;align-items:center}.hero__fig img{aspect-ratio:5/6}}@media (prefers-reduced-motion:no-preference){.rise{opacity:0;transform:translateY(14px);animation:rise .62s var(--ease) forwards}.rise:nth-child(1){animation-delay:.04s}.rise:nth-child(2){animation-delay:.12s}.rise:nth-child(3){animation-delay:.2s}.rise:nth-child(4){animation-delay:.28s}.hero__fig{opacity:0;transform:translateY(14px);animation:rise .7s var(--ease) .16s forwards}}@keyframes rise{to{opacity:1;transform:none}}.stmt{display:grid;gap:clamp(28px,4vw,64px)}.stmt__lead{font-size:clamp(26px,3.6vw,40px);font-weight:500;line-height:1.22;letter-spacing:-.028em;text-wrap:balance}@media (min-width:900px){.stmt{grid-template-columns:1.35fr 1fr;align-items:end}}.flavors{margin-top:clamp(30px,3.4vw,44px);padding-top:clamp(24px,2.8vw,32px);border-top:1px solid var(--rule)}.flavors__list span{white-space:nowrap}.flavors__list{font-size:clamp(20px,2.3vw,29px);font-weight:500;line-height:1.3;letter-spacing:-.028em}.flavors__list i{font-style:normal;color:var(--red);padding-inline:2px;font-weight:400}.flavors__list em{font-style:normal;color:var(--ink-50);white-space:nowrap}.flavors__cap{margin-top:16px;max-width:56ch}.split__row--merah{background:var(--red);color:#fff}.split__in{display:grid;gap:clamp(28px,3.6vw,52px);padding-block:clamp(44px,5.5vw,80px)}.split__foto img{width:100%;height:auto;border-radius:var(--r-img)}.split__who{font-size:13px;font-weight:500;color:var(--red)}.split__row--merah .split__who{color:#fff}.split h2{margin-top:12px;font-size:clamp(25px,2.9vw,34px);line-height:1.14}.split__body{margin-top:16px;max-width:46ch;color:var(--ink-70)}.split__row--merah .split__body{color:#fff}.split__list{margin-top:24px;padding-top:18px;border-top:1px solid var(--rule);font-size:14px;color:var(--ink-50)}.split__row--merah .split__list{border-color:#ffffff61;color:#fff}.split .arrowlink{margin-top:26px}.split__row--merah .arrowlink{border-color:#fff;color:#fff}.split__row--merah .arrowlink:hover{color:var(--ink);border-color:var(--ink)}.dark .arrowlink{border-color:#ffffffb3;color:#fff}.dark .arrowlink:hover{color:var(--red);border-color:var(--red)}@media (min-width:900px){.split__in{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(44px,5.5vw,88px)}.split__row:not(.split__row--merah) .split__foto{order:-1}}.band{background:var(--band)}.prod__head{display:grid;gap:22px;margin-bottom:clamp(40px,5vw,60px)}@media (min-width:900px){.prod__head{grid-template-columns:1fr auto;align-items:end;gap:40px}}.prod__head .lead{margin-top:18px}.prod__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(18px,2.4vw,32px)}@media (min-width:900px){.prod__grid{grid-template-columns:repeat(4,1fr)}}.prod__item{text-decoration:none;display:block}.prod__item h3{margin-top:18px;transition:color .16s var(--ease)}.prod__item:hover h3{color:var(--red)}.prod__item p{margin-top:7px}.prod__item .meta+.meta{color:var(--ink)}.prod__more{margin-top:clamp(34px,4vw,46px);padding-top:22px;border-top:1px solid var(--rule)}.prod__more a{color:var(--red);text-underline-offset:3px}.slot{position:relative;display:grid;place-items:center;background:#fff;border-radius:var(--r-img);overflow:hidden;aspect-ratio:4/5}.slot img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.slot--photo{aspect-ratio:4/3}.slot--wide{aspect-ratio:16/10}.slot--ph{background:#f1f1f1;box-shadow:inset 0 0 0 1px var(--rule)}.slot--ph-dark{background:#151515;box-shadow:inset 0 0 0 1px #ffffff26}.slot--ph-dark .slot__note{color:#ffffff80}.slot--tall{aspect-ratio:3/4}.slot__note{padding:10px 14px;max-width:28ch;font-size:11.5px;line-height:1.45;color:var(--ink-50);text-align:center}.slot__note:before{content:"";display:block;width:22px;height:2px;background:var(--red);margin:0 auto 12px}.slot--pack{aspect-ratio:1/1}.slot--pack img{-o-object-fit:contain;object-fit:contain;padding:clamp(4px,.7vw,10px);transition:transform .3s var(--ease)}.prod__item:hover .slot--pack img{transform:translateY(-6px)}.dark{background:var(--ink);color:#fff}.dark .lead,.dark .meta{color:#ffffff9e}.dark .body{color:#ffffffb8}.b2b__head{max-width:60ch;margin-bottom:clamp(44px,5vw,64px)}.b2b__head .lead{margin-top:20px;max-width:58ch}.svc{border-top:1px solid var(--rule-dark)}.svc__row{display:grid;grid-template-columns:auto 1fr;gap:6px 20px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--rule-dark);text-decoration:none;transition:background-color .2s var(--ease),padding .2s var(--ease)}.svc__row:hover,.svc__row:focus-visible{background:var(--red);padding-inline:20px}.svc__no{font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;color:#ffffff73;transition:color .2s var(--ease)}.svc__row:hover .svc__no{color:#ffffffd9}.svc__name{font-size:clamp(22px,2.8vw,30px);letter-spacing:-.03em;line-height:1.15}.svc__arrow{display:none}.svc__desc{grid-column:2;font-size:14.5px;color:#fff9;max-width:56ch;transition:color .2s var(--ease)}.svc__row:hover .svc__desc{color:#ffffffe6}@media (min-width:900px){.svc__row{grid-template-columns:56px minmax(210px,.9fr) 1.4fr auto;gap:24px;padding:26px 0}.svc__desc{grid-column:auto}.svc__arrow{display:block;opacity:.32;transform:translate(-6px);transition:opacity .2s var(--ease),transform .2s var(--ease)}.svc__row:hover .svc__arrow,.svc__row:focus-visible .svc__arrow{opacity:1;transform:none}}.b2b__foot{display:grid;gap:24px;margin-top:clamp(40px,5vw,56px)}@media (min-width:760px){.b2b__foot{grid-template-columns:auto 1fr;align-items:center;gap:36px}}.trust{display:grid;gap:clamp(32px,4vw,56px)}@media (min-width:900px){.trust{grid-template-columns:.85fr 1.15fr;align-items:start}}.trust .body{margin-top:16px}.trust .arrowlink{margin-top:26px}.certs{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(20px,3vw,36px)}@media (min-width:560px){.certs{grid-template-columns:repeat(4,1fr)}}.cert img{height:52px;width:auto;-o-object-fit:contain;object-fit:contain}.cert p{margin-top:12px}.mitra{margin-top:clamp(40px,5vw,60px);padding-top:26px;border-top:1px solid var(--rule)}.mitra__pita{--mitra-jarak:clamp(16px,2.2vw,32px);position:relative;display:flex;overflow:hidden;margin-top:20px;mask-image:linear-gradient(90deg,transparent,#000 56px,#000 calc(100% - 56px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 56px,#000 calc(100% - 56px),transparent)}.mitra__jalur{display:flex;flex:none;margin:0;padding:0;list-style:none;animation:mitra-jalan 42s linear infinite}.mitra__tile{margin-right:var(--mitra-jarak)}@keyframes mitra-jalan{to{transform:translate(-100%)}}.mitra__pita:hover .mitra__jalur,.mitra__pita:focus-within .mitra__jalur{animation-play-state:paused}.mitra__tile{flex:none;display:grid;place-items:center;width:clamp(140px,15vw,176px);height:72px;padding:12px 14px;border:1px solid var(--rule);border-radius:var(--r-btn);background:#fff}.mitra__tile img{max-height:48px;max-width:100%;width:auto;-o-object-fit:contain;object-fit:contain}.mitra__tile span{font-size:12.5px;line-height:1.3;font-weight:500;color:var(--ink-50);text-align:center;text-wrap:balance}@media (prefers-reduced-motion:reduce){.mitra__jalur{animation:none}.mitra__jalur[aria-hidden=true]{display:none}.mitra__pita{overflow-x:auto;mask-image:none;-webkit-mask-image:none}}.insp__head{display:grid;gap:22px;margin-bottom:clamp(40px,5vw,56px)}@media (min-width:900px){.insp__head{grid-template-columns:1fr auto;align-items:end;gap:40px}}.insp__head .lead{margin-top:18px}.insp__grid{display:grid;gap:clamp(28px,3.5vw,44px)}@media (min-width:900px){.insp__grid{grid-template-columns:1.15fr .85fr;align-items:start}}.insp__side{display:grid;gap:clamp(24px,3vw,36px)}.entry{text-decoration:none;display:block}.entry h3{margin-top:16px;transition:color .16s var(--ease)}.entry:hover h3{color:var(--red)}.entry .meta{margin-top:14px}.entry .body{margin-top:10px}.entry--side .meta{margin-top:8px}.entry__kind{display:inline-block;font-size:12.5px;font-weight:500;color:var(--red);margin-top:16px}.entry--side{display:grid;grid-template-columns:104px 1fr;gap:18px;align-items:start}.entry--side .slot{aspect-ratio:1/1;background:#ededed}.entry--side h3{margin-top:6px;font-size:18px}.entry--side .entry__kind{margin-top:0}.close{background:var(--red);color:#fff;text-align:center}.close h2{margin-inline:auto;text-wrap:nowrap}@media (max-width:640px){.close h2{text-wrap:balance}}.close .lead{color:#ffffffd9;margin-inline:auto;margin-top:20px}.btn--ghost{border-color:#ffffff8c;color:#fff}.btn--ghost:hover{background:rgba(255,255,255,.14)}.close__cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:34px}.close__contact{margin-top:clamp(40px,5vw,56px);padding-top:26px;border-top:1px solid rgba(255,255,255,.28);display:grid;gap:18px;font-size:14.5px}.close__contact a{color:#fff;text-underline-offset:3px}@media (min-width:640px){.close__contact{grid-template-columns:repeat(3,1fr)}}.close__contact dt{color:#ffffffb8;font-size:13px}.close__contact dd{margin:4px 0 0;font-variant-numeric:tabular-nums}.crumb{font-size:13px;color:var(--ink-50);margin-bottom:18px}.crumb a{text-decoration:none}.crumb a:hover{color:var(--red)}.crumb i{font-style:normal;padding-inline:9px;color:#c9c9c9}.phead{padding-block:clamp(38px,4.6vw,62px) clamp(34px,4.2vw,56px)}.phead--split{display:grid;gap:clamp(28px,3.6vw,52px)}.phead--split>.slot{order:2}@media (min-width:900px){.phead--split{grid-template-columns:1.02fr .98fr;align-items:center;gap:clamp(36px,4.5vw,68px)}}.phead h1{font-size:clamp(34px,4.8vw,52px);line-height:1.05;letter-spacing:-.035em;max-width:24ch}.phead .lead{margin-top:18px;max-width:58ch}@media (min-width:900px){.prod__grid--3{grid-template-columns:repeat(3,1fr)}}.spec{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 30px;margin-top:30px}@media (min-width:640px){.spec{grid-template-columns:repeat(4,1fr)}}.spec dt{font-size:13px;line-height:1.5;color:var(--ink-50)}.spec dd{margin:6px 0 0;font-size:clamp(19px,1.9vw,25px);font-weight:700;letter-spacing:-.028em;font-variant-numeric:tabular-nums}.dark .spec dt{color:#fff9}.feature{display:grid;gap:clamp(28px,4vw,60px);align-items:center}@media (min-width:900px){.feature{grid-template-columns:1.02fr .98fr}}.feature--flip>*:first-child{order:2}.feature .spec{grid-template-columns:repeat(2,1fr)}.feature img{width:100%;height:auto;border-radius:var(--r-img)}.detail{border-top:1px solid var(--rule)}.spec+.detail{margin-top:clamp(40px,5vw,60px)}.meta+.prod__grid{margin-top:26px}.feature h1+.split__list{margin-top:18px}.split__list+:is(.body,.meta){margin-top:22px}.feature .arrowlink{margin-top:26px}.detail__row{display:grid;gap:16px;padding-block:clamp(32px,3.8vw,52px);border-bottom:1px solid var(--rule)}@media (min-width:900px){.detail__row{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,5vw,80px)}.detail__row--foto{grid-template-columns:104px minmax(0,.72fr) minmax(0,1.2fr);gap:clamp(24px,3.4vw,52px)}}.detail__thumb{aspect-ratio:1/1;max-width:104px;background:#ededed}.detail__thumb .slot__note{font-size:10.5px;padding:6px}.detail__thumb .slot__note:before{width:16px;margin-bottom:7px}.detail__no{font-size:13px;font-weight:500;color:var(--red);font-variant-numeric:tabular-nums}.detail__row h2{margin-top:10px;font-size:clamp(24px,2.8vw,32px);line-height:1.14}.detail__untuk{margin-top:22px;padding-top:16px;border-top:1px solid var(--rule);font-size:14px;line-height:1.6;color:var(--ink-50);max-width:48ch}.detail__row .arrowlink{margin-top:24px}.detail__row--tautan{text-decoration:none;transition:background-color .18s var(--ease)}.detail__row--tautan:hover{background:var(--band)}.detail__row--tautan:hover h2,.detail__row--tautan:hover .arrowlink{color:var(--red)}.detail__row--tautan:hover .arrowlink{border-color:var(--red)}.detail__row--tautan .arrowlink{pointer-events:none}.bagi{display:grid;gap:clamp(32px,4vw,64px)}@media (min-width:760px){.bagi{grid-template-columns:1fr 1fr}}.bagi__list{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:0}.bagi__list li{padding-block:14px;border-top:1px solid var(--rule);font-size:15px;line-height:1.6;color:var(--ink-70)}.bagi__list li:last-child{border-bottom:1px solid var(--rule)}.artikel{max-width:68ch}.artikel h1{margin-top:16px;font-size:clamp(30px,4.2vw,46px);line-height:1.08;letter-spacing:-.035em}.artikel>.meta{margin-top:16px}.artikel__foto{width:100%;height:auto;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;border-radius:var(--r-img);margin-top:clamp(26px,3vw,36px)}.artikel__p{margin-top:22px;font-size:16.5px;line-height:1.75;color:var(--ink-70)}.artikel__foto+.artikel__p{margin-top:clamp(28px,3.2vw,40px)}.artikel__produk{margin-top:30px;padding-top:20px;border-top:1px solid var(--rule);font-size:14.5px}.artikel__sumber{margin-top:14px}.artikel__lamar{margin-top:26px}.artikel .poin{margin-top:28px}.artikel .poin__row{grid-template-columns:1fr;padding-block:16px}.jejak{border-top:1px solid var(--rule);margin-top:clamp(30px,3.6vw,44px)}.jejak__row{display:grid;gap:8px 28px;align-items:baseline;padding-block:24px;border-bottom:1px solid var(--rule)}@media (min-width:760px){.jejak__row{grid-template-columns:120px minmax(0,.9fr) minmax(0,1.4fr)}}.jejak__tahun{font-size:clamp(22px,2.4vw,30px);font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--red)}.jejak__row h3{font-size:19px;line-height:1.25}.poin{display:grid;gap:0;margin-top:clamp(30px,3.6vw,44px);border-top:1px solid var(--rule)}.poin__row{display:grid;gap:8px 32px;padding-block:22px;border-bottom:1px solid var(--rule)}@media (min-width:760px){.poin__row{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}.poin__row h3{font-size:19px;line-height:1.25}.kosong{max-width:44rem;margin:clamp(30px,3.6vw,44px) auto 0;padding:clamp(40px,5vw,64px) var(--gutter);border:1px solid var(--rule);border-radius:var(--r-img);text-align:center}.kosong h2{font-size:clamp(21px,2.2vw,26px);line-height:1.2}.kosong p{margin-top:14px;color:var(--ink-50);max-width:52ch;margin-inline:auto}.kosong .btn{margin-top:26px}.kanal{display:grid;gap:clamp(28px,3.6vw,48px)}@media (min-width:760px){.kanal{grid-template-columns:repeat(3,1fr)}}.kanal__item{padding-top:22px;border-top:2px solid var(--ink)}.kanal__nilai{margin-top:12px;font-size:clamp(20px,2.1vw,26px);font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.kanal__nilai--kecil{font-size:clamp(15px,1.5vw,18px);letter-spacing:-.015em;word-break:break-word}.kanal__alamat{margin-top:12px;font-style:normal;font-size:14.5px;line-height:1.65;color:var(--ink-70)}.kanal__item .meta{margin-top:8px}.kanal__item .arrowlink{margin-top:20px}.kirim{display:grid;gap:clamp(32px,4vw,64px)}@media (min-width:900px){.kirim{grid-template-columns:.85fr 1.15fr}}.kirim__toko{margin-top:24px;padding-top:18px;border-top:1px solid var(--rule)}.kirim__toko a{color:var(--red);text-underline-offset:3px}.form,.form__baris{display:grid;gap:18px}@media (min-width:560px){.form__baris{grid-template-columns:1fr 1fr}}.field{display:grid}.field label{font-size:13px;font-weight:500;margin-bottom:7px}.field__opsional{font-weight:400;color:var(--ink-50)}.field :is(input,select,textarea){width:100%;padding:12px 14px;font:inherit;font-size:15px;color:var(--ink);background:#fff;border:1px solid var(--rule);border-radius:var(--r-btn);transition:border-color .16s var(--ease)}.field textarea{resize:vertical;min-height:140px;line-height:1.6}.field :is(input,select,textarea):hover{border-color:#c9c9c9}.field :is(input,select,textarea):focus{border-color:var(--ink);outline:2px solid var(--red);outline-offset:1px}.form .btn{justify-self:start;margin-top:6px}.sembunyi{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.notis{padding:18px 20px;margin-bottom:22px;border-left:3px solid var(--ink);background:#fff;font-size:14.5px;line-height:1.6;color:var(--ink-70)}.notis--galat{border-left-color:var(--red)}.notis__judul{font-weight:700;color:var(--ink);letter-spacing:-.015em}.notis ul{margin:8px 0 0;padding-left:18px}.notis li{margin-top:4px}.tautan-baris{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:18px;font-size:15px}.tautan-baris a{text-decoration:none;border-bottom:1.5px solid var(--rule);padding-bottom:2px;transition:color .16s var(--ease),border-color .16s var(--ease)}.tautan-baris a:hover{color:var(--red);border-color:var(--red)}.ftr{border-top:1px solid var(--rule);padding-block:clamp(52px,6vw,76px) 32px}.ftr__grid{display:grid;gap:clamp(32px,4vw,48px)}@media (min-width:760px){.ftr__grid{grid-template-columns:1.5fr 1fr 1fr 1fr}}.ftr img{height:38px;width:auto}.ftr h2{font-size:13px;font-weight:500;color:var(--ink-50);letter-spacing:0}.ftr ul{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:10px}.ftr ul a{font-size:14.5px;text-decoration:none;transition:color .16s var(--ease)}.ftr ul a:hover{color:var(--red)}.ftr__grid+.ftr__grid{margin-top:36px}.ftr__shops{grid-column:span 3}.ftr__shops ul{grid-auto-flow:column;grid-auto-columns:max-content;gap:26px}.ftr address{margin-top:20px;font-style:normal;font-size:14px;line-height:1.7;color:var(--ink-50)}.ftr__bar{margin-top:clamp(40px,5vw,60px);padding-top:22px;border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between}
