/* Halaman produk bergaya landing: latar abu terang, Inter Tight, aksen Instrument Serif miring, tombol hitam membulat.
   Aktif bila <html> punya kelas bgn-pp (lihat includes/produk-premo.php). */
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/inter-tight-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/instrument-serif-italic.woff2) format("woff2")}

html.bgn-pp{--pp-bg:#f5f5f7;--pp-ink:#111114;--pp-mute:#55555c;--pp-soft:#8e8e93;--pp-line:rgba(17,17,20,.1);--pp-card:#fff;--pp-tile:#e8e8ed;
  --pp-accent:#0b6f86;--pp-hl:#ffe45c;--pp-ok:#1f8a4c;--pp-no:#b42318;--pp-pad:clamp(20px,4vw,56px);--pp-nav:64px;
  --pp-sans:"Inter Tight","Plus Jakarta Sans",system-ui,sans-serif;--pp-serif:"Instrument Serif",Georgia,serif;--pp-ease:cubic-bezier(.2,.8,.2,1)}
html.bgn-pp body{background:var(--pp-bg)!important;color:var(--pp-ink)}
html.bgn-pp body::before,html.bgn-pp body::after{display:none!important}

/* Navbar sama dengan landing */
html.bgn-pp #navbar{background:rgba(245,245,247,.9)!important;box-shadow:none!important;border-bottom:1px solid rgba(29,29,31,.06)}
html.bgn-pp nav.navbar#navbar .nav-btn-register{background:#1d1d1f!important;color:#fff!important;border-radius:999px!important;box-shadow:none!important}
html.bgn-pp nav.navbar#navbar .nav-btn-login{border-radius:999px!important;border-color:rgba(29,29,31,.2)!important;color:#1d1d1f!important;background:transparent!important}
html.bgn-pp nav.navbar#navbar .nav-link,html.bgn-pp nav.navbar#navbar .site-name{color:#1d1d1f!important}
@media (hover:hover) and (pointer:fine){html.bgn-pp #navbar{backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);background:rgba(245,245,247,.78)!important}}

/* =================== KATALOG =================== */
.pk{--i:0;background:var(--pp-bg);color:var(--pp-ink);font-family:var(--pp-sans);font-weight:450;font-size:17px;line-height:1.5;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;overflow-x:clip;padding-bottom:clamp(64px,9vw,120px)}
.pk *,.pk *::before,.pk *::after{box-sizing:border-box}
.pk h1,.pk h2,.pk p,.pk dl,.pk dd{margin:0;padding:0}
.pk a{color:inherit;text-decoration:none}
.pk img{display:block;max-width:100%}
.pk :focus-visible{outline:2px solid var(--pp-accent);outline-offset:3px;border-radius:8px}
.pk-wrap{width:min(1320px,100% - var(--pp-pad)*2);margin-inline:auto}
.pk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pk-serif{font-family:var(--pp-serif);font-style:italic;font-weight:400;letter-spacing:-.02em;color:var(--pp-accent);padding-right:.04em}
.pk-eyebrow{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--pp-soft);font-weight:600;margin-bottom:18px!important}

/* Hero */
.pk-hero{padding:clamp(28px,6vw,80px) 0 clamp(36px,5vw,64px)}
.pk-title{font-size:clamp(46px,8vw,120px);font-weight:520;line-height:.94;letter-spacing:-.055em;color:var(--pp-ink)}
.pk-line{display:block;overflow:hidden;padding:.02em 0 .16em;margin-bottom:-.16em}
.pk-line>span{display:block;animation:pkRise 1s var(--pp-ease) both}
.pk-line+.pk-line>span{animation-delay:.08s}
.pk-hero-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-top:clamp(28px,4vw,48px);animation:pkFade .9s .25s var(--pp-ease) both}
.pk-aside{max-width:40ch;color:var(--pp-mute);font-size:clamp(17px,1.35vw,20px);line-height:1.5}
.pk-stabilo{padding:.04em .2em;margin:0 -.08em;border-radius:.3em .5em .4em .6em;color:var(--pp-ink);font-weight:600;
  background:linear-gradient(100deg,transparent .25em,var(--pp-hl) .25em,var(--pp-hl) calc(100% - .25em),transparent calc(100% - .25em)) no-repeat 0 62%/0% 78%;animation:pkStabilo 1s .7s cubic-bezier(.6,0,.2,1) forwards}
.pk-stats{display:flex;gap:clamp(20px,3.5vw,48px)}
.pk-stats div{display:grid;gap:2px}
.pk-stats dt{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--pp-soft);font-weight:600}
.pk-stats dd{font-size:clamp(28px,3vw,40px);font-weight:520;letter-spacing:-.04em;line-height:1.05;font-variant-numeric:tabular-nums}

/* Bilah cari dan kategori, menempel di bawah navbar */
.pk-bar{position:sticky;top:var(--pp-nav);z-index:20;padding:12px 0;background:rgba(245,245,247,.86);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);border-bottom:1px solid transparent;transition:border-color .3s}
.pk-bar.is-stuck{border-bottom-color:var(--pp-line)}
.pk-bar-in{display:grid;grid-template-columns:minmax(260px,420px) minmax(0,1fr);gap:14px;align-items:center}
.pk-search{position:relative;display:flex;align-items:center;height:52px;padding:0 6px 0 18px;background:var(--pp-card);border:1px solid var(--pp-line);border-radius:999px;transition:border-color .25s,box-shadow .25s}
.pk-search:focus-within{border-color:rgba(17,17,20,.35);box-shadow:0 0 0 4px rgba(17,17,20,.06)}
.pk-search-ico{flex:none;width:18px;height:18px;color:var(--pp-soft)}
.pk-search input{flex:1;min-width:0;height:100%;padding:0 10px;border:0;outline:0;background:transparent;font:inherit;font-size:16px;color:var(--pp-ink)}
.pk-search input::placeholder{color:var(--pp-soft)}
.pk-search input::-webkit-search-cancel-button{display:none}
.pk-search-clear{display:none;flex:none;width:32px;height:32px;margin-right:4px;border:0;border-radius:50%;background:rgba(17,17,20,.06);color:var(--pp-mute);font-size:20px;line-height:1;cursor:pointer}
.pk-search-clear.show{display:grid;place-items:center}
.pk-search-go{flex:none;height:40px;padding:0 18px;border:0;border-radius:999px;background:var(--pp-ink);color:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:transform .25s}
.pk-search-go:hover{transform:scale(1.04)}
.pk-chips-wrap{position:relative;min-width:0;--fl:0px;--fr:0px}
.pk-chips-wrap.has-prev{--fl:56px}
.pk-chips-wrap.has-next{--fr:56px}
.pk-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px;scroll-padding-inline:56px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--fl),#000 calc(100% - var(--fr)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--fl),#000 calc(100% - var(--fr)),transparent)}
.pk-chips::-webkit-scrollbar{display:none}
.pk-chips-arrow{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:40px;height:40px;margin-top:-20px;padding:0;border:1px solid var(--pp-line);border-radius:50%;background:var(--pp-card);color:var(--pp-ink);font:inherit;font-size:18px;line-height:1;cursor:pointer;box-shadow:0 8px 20px -10px rgba(0,0,0,.35);transition:background-color .25s,color .25s,transform .25s}
.pk-chips-arrow[hidden]{display:none}
.pk-chips-arrow--prev{left:0}
.pk-chips-arrow--next{right:0}
.pk-chips-arrow:hover{background:var(--pp-ink);color:#fff;transform:scale(1.06)}
@media (hover:none),(pointer:coarse){.pk-chips-arrow{display:none!important}}
.pk-chip{flex:none;display:inline-flex;align-items:center;gap:4px;height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--pp-line);background:transparent;color:var(--pp-ink);font-size:15px;font-weight:550;white-space:nowrap;transition:background-color .25s,color .25s,border-color .25s}
.pk-chip sup{top:0;font-size:11px;font-weight:600;color:var(--pp-soft);transform:translateY(-.45em);font-variant-numeric:tabular-nums}
.pk-chip:hover{border-color:rgba(17,17,20,.35)}
.pk-chip.is-on{background:var(--pp-ink);border-color:var(--pp-ink);color:#fff}
.pk-chip.is-on sup{color:rgba(255,255,255,.6)}

/* Saran pencarian */
.pk .pd-suggestions{position:absolute;left:0;right:0;top:calc(100% + 10px);z-index:40;max-height:var(--pd-suggest-room,420px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;background:var(--pp-card);border:1px solid var(--pp-line);border-radius:22px;box-shadow:0 30px 60px -30px rgba(0,0,0,.35);animation:pkFade .25s var(--pp-ease)}
.pk .pd-suggestions[hidden]{display:none}
.pk .pd-suggest-head{display:flex;justify-content:space-between;padding:14px 18px 8px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--pp-soft);font-weight:600}
.pk .pd-suggest-list{overflow:auto;padding:0 8px}
.pk .pd-suggest-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 10px;border-radius:14px}
.pk .pd-suggest-item.active,.pk .pd-suggest-item:hover{background:#f2f2f5}
.pk .pd-suggest-image{width:44px;height:44px;border-radius:10px;overflow:hidden;background:var(--pp-tile)}
.pk .pd-suggest-image img{width:100%;height:100%;object-fit:cover}
.pk .pd-suggest-copy{display:grid;min-width:0}
.pk .pd-suggest-name{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk .pd-suggest-meta{font-size:13px;color:var(--pp-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk .pd-suggest-price{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}
.pk .pd-suggest-empty{padding:18px 10px;color:var(--pp-mute);font-size:15px}
.pk .pd-suggest-all{display:flex;justify-content:space-between;align-items:center;margin:8px;padding:0 16px;height:46px;border-radius:999px;background:var(--pp-ink);color:#fff;font-size:15px;font-weight:600}
.pk .pd-suggest-all i{font-style:normal}

/* Daftar produk */
.pk-list{padding-top:clamp(24px,3vw,40px)}
.pk-list-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:clamp(18px,2.4vw,28px)}
.pk-count{color:var(--pp-mute);font-size:15px}
.pk-count b{color:var(--pp-ink);font-weight:600}
.pk-count a{color:var(--pp-ink);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--pp-line)}
.pk-sort{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--pp-soft)}
.pk-sort select{height:44px;padding:0 38px 0 16px;border:1px solid var(--pp-line);border-radius:999px;background:var(--pp-card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23111114' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 16px center/11px;font:inherit;font-size:15px;font-weight:550;color:var(--pp-ink);-webkit-appearance:none;appearance:none;cursor:pointer}

.pk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.8vw,24px)}
.pk-card{position:relative}
.pk.is-motion .pk-card{opacity:0;transform:translateY(36px)}
.pk.is-motion .pk-card.is-in{opacity:1;transform:none;transition:opacity .8s var(--pp-ease) calc(var(--i)*70ms),transform 1s var(--pp-ease) calc(var(--i)*70ms)}
.pk-card-link{display:flex;flex-direction:column;height:100%;padding:10px;background:var(--pp-card);border-radius:24px;transition:box-shadow .5s var(--pp-ease),transform .5s var(--pp-ease)}
.pk-media{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;background:var(--pp-tile)}
.pk-media img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--pp-ease)}
.pk-flag{position:absolute;left:10px;top:10px;padding:6px 10px;border-radius:999px;background:var(--pp-hl);color:var(--pp-ink);font-size:12px;font-weight:650;letter-spacing:-.005em}
.pk-flag--po{left:auto;right:10px;background:rgba(17,17,20,.82);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.pk-body{display:flex;flex-direction:column;flex:1;padding:14px 8px 6px}
.pk-cat{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--pp-soft);font-weight:600;margin-bottom:6px!important}
.pk-name{font-size:17px;font-weight:600;line-height:1.3;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.pk-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px}
.pk-price{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px;min-width:0}
.pk-price small{width:100%;font-size:12px;color:var(--pp-soft);font-weight:550}
.pk-price b{font-size:22px;font-weight:600;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.pk-price s{font-size:13px;color:var(--pp-soft)}
.pk-go{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#f2f2f5;color:var(--pp-ink);font-size:18px;transition:background-color .35s,color .35s,transform .45s var(--pp-ease)}
.pk-status{display:flex;align-items:center;gap:7px;margin-top:12px!important;padding-top:12px;border-top:1px solid var(--pp-line);font-size:13px;color:var(--pp-mute);font-weight:500}
.pk-status i{width:7px;height:7px;border-radius:50%;background:var(--pp-ok);box-shadow:0 0 0 3px rgba(31,138,76,.14)}
.pk-status span{margin-left:auto;color:var(--pp-soft)}
.pk-card.is-out .pk-status i{background:var(--pp-soft);box-shadow:none}
.pk-card.is-out .pk-media img{filter:grayscale(.55);opacity:.8}
@media (hover:hover) and (pointer:fine){
  .pk-card-link:hover{box-shadow:0 30px 60px -36px rgba(0,0,0,.35);transform:translateY(-4px)}
  .pk-card-link:hover .pk-media img{transform:scale(1.05)}
  .pk-card-link:hover .pk-go{background:var(--pp-ink);color:#fff;transform:rotate(-45deg)}
}

.pk-pages{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:clamp(32px,4vw,56px)}
.pk-pages a,.pk-pages span{display:grid;place-items:center;min-width:46px;height:46px;padding:0 12px;border-radius:999px;font-size:15px;font-weight:550;font-variant-numeric:tabular-nums}
.pk-pages a{border:1px solid var(--pp-line);background:var(--pp-card)}
.pk-pages a:hover{border-color:rgba(17,17,20,.35)}
.pk-pages a.is-on{background:var(--pp-ink);border-color:var(--pp-ink);color:#fff}
.pk-pages span{color:var(--pp-soft)}

.pk-empty{display:grid;justify-items:center;gap:12px;padding:clamp(48px,8vw,96px) 20px;text-align:center;background:var(--pp-card);border-radius:28px;color:var(--pp-mute)}
.pk-empty-title{font-size:clamp(30px,4vw,48px);font-weight:520;letter-spacing:-.045em;line-height:1;color:var(--pp-ink)}
.pk-btn{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:0 24px;border-radius:999px;background:var(--pp-ink);color:#fff!important;font-size:16px;font-weight:600;transition:transform .25s}
.pk-btn i{font-style:normal;transition:transform .3s}
.pk-btn:hover i{transform:translateX(4px)}
.pk-btn--ghost{background:transparent;color:var(--pp-ink)!important;border:1px solid rgba(17,17,20,.2)}

.pk-help{margin-top:clamp(56px,8vw,112px)}
.pk-help-card{padding:clamp(32px,5vw,72px);border-radius:32px;background:var(--pp-ink);color:#fff}
.pk-help-card .pk-eyebrow{color:rgba(255,255,255,.55)}
.pk-help-title{max-width:16ch;font-size:clamp(36px,5.4vw,76px);font-weight:520;line-height:.98;letter-spacing:-.05em}
.pk-help-card .pk-serif{color:#7fdcf0}
.pk-help-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(24px,3vw,40px)}
.pk-help-card .pk-btn{background:#fff;color:var(--pp-ink)!important}
.pk-help-card .pk-btn--ghost{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.3)}

@keyframes pkRise{from{transform:translateY(105%)}to{transform:none}}
@keyframes pkFade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes pkStabilo{to{background-size:100% 78%}}

@media (max-width:1100px){.pk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){
  .pk-bar-in{grid-template-columns:1fr;gap:10px}
  .pk-hero-foot{flex-direction:column;align-items:flex-start;gap:24px}
}
@media (max-width:760px){
  .pk{font-size:16px}
  .pk-hero{padding-top:28px}
  .pk-title{font-size:clamp(40px,12.4vw,64px)}
  .pk-bar{padding:10px 0}
  .pk-search{height:48px}
  .pk-search-go{height:36px;padding:0 14px}
  .pk-chip{height:38px;padding:0 14px;font-size:14px}
  .pk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .pk-card-link{padding:6px;border-radius:18px}
  .pk-media{border-radius:13px}
  .pk-flag{left:6px;top:6px;padding:4px 8px;font-size:11px}
  .pk-flag--po{right:6px}
  .pk-body{padding:10px 6px 4px}
  .pk-cat{font-size:10.5px;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pk-name{font-size:14.5px}
  .pk-price b{font-size:17px}
  .pk-price s{font-size:11.5px}
  .pk-go{display:none}
  .pk-status{font-size:11.5px;gap:6px;margin-top:10px!important;padding-top:10px}
  .pk-status span{display:none}
  .pk-sort span{display:none}
  .pk-help-card{border-radius:24px}
}
@media (prefers-reduced-motion:reduce){
  .pk *{animation:none!important;transition:none!important}
  .pk-stabilo{background-size:100% 78%}
}

/* =================== DETAIL PRODUK =================== */
html.bgn-pp .product-page-2026{--product-ink:var(--pp-ink);--product-muted:var(--pp-mute);--product-rule:var(--pp-line);
  font-family:var(--pp-sans)!important;color:var(--pp-ink);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;background:transparent!important;
  max-width:1320px!important;width:min(1320px,100% - var(--pp-pad)*2)!important;margin-inline:auto!important;padding:clamp(16px,2.5vw,32px) 0 clamp(80px,9vw,120px)!important}
html.bgn-pp .product-page-2026 *{font-family:inherit}
html.bgn-pp .product-page-2026 .fas,html.bgn-pp .product-page-2026 .fab,html.bgn-pp .product-page-2026 .fa{font-family:"Font Awesome 6 Free","Font Awesome 6 Brands","Font Awesome 5 Free",FontAwesome!important}
html.bgn-pp .product-page-2026 .animate-up{animation:pkFade .8s var(--pp-ease) both!important}

/* Kembali dan remah roti */
html.bgn-pp .product-page-2026 .btn-back{display:inline-flex!important;align-items:center;gap:8px;height:40px!important;padding:0 16px!important;border-radius:999px!important;border:1px solid var(--pp-line)!important;background:transparent!important;box-shadow:none!important;color:var(--pp-ink)!important;font-size:14px!important;font-weight:550!important}
html.bgn-pp .product-page-2026 .app-crumb{font-size:13px!important;color:var(--pp-soft)!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
html.bgn-pp .product-page-2026 .app-crumb a{color:var(--pp-mute)!important;font-weight:500!important}
html.bgn-pp .product-page-2026 .app-crumb .active{color:var(--pp-ink)!important;font-weight:550!important}
html.bgn-pp .product-page-2026 .app-crumb .sep{font-size:9px!important;color:var(--pp-soft)!important;opacity:.7}

/* Bagian atas: gambar dan info beli */
html.bgn-pp .product-page-2026 .hero-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:clamp(28px,5vw,80px)!important;align-items:start!important;margin:clamp(20px,3vw,36px) 0 clamp(56px,7vw,96px)!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
html.bgn-pp .product-page-2026 .img-card{position:sticky!important;top:calc(var(--pp-nav) + 24px);padding:12px!important;background:var(--pp-card)!important;border:0!important;border-radius:32px!important;box-shadow:none!important}
html.bgn-pp .product-page-2026 .img-box{aspect-ratio:1!important;border-radius:22px!important;background:var(--pp-tile)!important;border:0!important;box-shadow:none!important;overflow:hidden!important}
html.bgn-pp .product-page-2026 .img-box::before,html.bgn-pp .product-page-2026 .img-box::after,html.bgn-pp .product-page-2026 .img-card::before,html.bgn-pp .product-page-2026 .img-card::after{display:none!important}
html.bgn-pp .product-page-2026 .img-box img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;transform:none!important;filter:none!important}
html.bgn-pp .product-page-2026 .tags-overlay{top:24px!important;left:24px!important;gap:6px!important}
html.bgn-pp .product-page-2026 .ui-tag{padding:6px 11px!important;border-radius:999px!important;font-size:12px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;border:0!important;box-shadow:none!important;background:rgba(255,255,255,.88)!important;color:var(--pp-ink)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
html.bgn-pp .product-page-2026 .ui-tag.tag-red{background:var(--pp-hl)!important}
html.bgn-pp .product-page-2026 .product-gallery-swipe-hint{background:transparent!important;color:var(--pp-mute)!important;border:0!important;box-shadow:none!important;font-size:13px!important}

html.bgn-pp .product-page-2026 .p-title{font-size:clamp(38px,4.6vw,68px)!important;font-weight:520!important;line-height:.98!important;letter-spacing:-.05em!important;color:var(--pp-ink)!important;background:none!important;-webkit-text-fill-color:currentColor!important;margin:0 0 18px!important;text-wrap:balance}
html.bgn-pp .product-page-2026 .p-meta{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:6px!important;margin:0 0 28px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
html.bgn-pp .product-page-2026 .p-meta>div:not(.meta-sep){display:inline-flex!important;align-items:center!important;gap:6px!important;width:auto!important;height:34px!important;margin:0!important;padding:0 13px!important;border-radius:999px!important;border:1px solid var(--pp-line)!important;background:transparent!important;color:var(--pp-mute)!important;font-size:13.5px!important;font-weight:500!important}
html.bgn-pp .product-page-2026 .p-meta i{color:var(--pp-soft)!important;font-size:12px}
html.bgn-pp .product-page-2026 .meta-sep{display:none!important}

html.bgn-pp .product-page-2026 .price-wrap{padding:24px!important;margin:0 0 16px!important;background:var(--pp-card)!important;border:0!important;border-radius:24px!important;box-shadow:none!important}
html.bgn-pp .product-page-2026 .price-wrap::before,html.bgn-pp .product-page-2026 .price-wrap::after{display:none!important}
html.bgn-pp .product-page-2026 .price-old-row{display:flex!important;align-items:center;gap:10px;margin-bottom:6px!important}
html.bgn-pp .product-page-2026 .price-old{font-size:15px!important;color:var(--pp-soft)!important;font-weight:500!important}
html.bgn-pp .product-page-2026 .disc-badge{padding:5px 10px!important;border-radius:999px!important;background:var(--pp-hl)!important;color:var(--pp-ink)!important;font-size:12.5px!important;font-weight:650!important;border:0!important;box-shadow:none!important}
html.bgn-pp .product-page-2026 .price-current{font-size:clamp(40px,4.4vw,60px)!important;font-weight:560!important;letter-spacing:-.05em!important;line-height:1!important;color:var(--pp-ink)!important;background:none!important;-webkit-text-fill-color:currentColor!important;font-variant-numeric:tabular-nums}
html.bgn-pp .product-page-2026 .stok-status{display:flex!important;justify-content:flex-start!important;align-items:center;gap:8px;margin-top:16px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;font-size:14px!important;font-weight:550!important;color:var(--pp-mute)!important}
html.bgn-pp .product-page-2026 .stok-status i{font-size:0!important;width:8px;height:8px;border-radius:50%;background:var(--pp-ok);box-shadow:0 0 0 4px rgba(31,138,76,.14)}
html.bgn-pp .product-page-2026 .stok-status.stok-no i{background:var(--pp-no);box-shadow:0 0 0 4px rgba(180,35,24,.12)}

/* Tombol */
html.bgn-pp .product-page-2026 .action-desktop{gap:10px!important;margin-top:20px!important}
html.bgn-pp .btn-ui{min-height:56px!important;border-radius:999px!important;font-family:var(--pp-sans)!important;font-size:16px!important;font-weight:600!important;letter-spacing:-.01em!important;box-shadow:none!important;text-transform:none!important;transition:transform .25s,background-color .25s!important}
html.bgn-pp .btn-ui.btn-primary{background:var(--pp-ink)!important;color:#fff!important;border:0!important}
html.bgn-pp .btn-ui.btn-primary[href*="wa.me"]{background:#1f8a4c!important}
html.bgn-pp .btn-ui.btn-secondary{background:transparent!important;color:var(--pp-ink)!important;border:1px solid rgba(17,17,20,.2)!important}
html.bgn-pp .btn-ui.btn-disabled{background:#e8e8ed!important;color:var(--pp-soft)!important;border:0!important}
html.bgn-pp .btn-ui::before,html.bgn-pp .btn-ui::after{display:none!important}
@media (hover:hover){html.bgn-pp .btn-ui:not(:disabled):hover{transform:translateY(-2px)}}

/* Voucher dan variasi */
html.bgn-pp .product-page-2026 .product-vouchers{background:var(--pp-card)!important;border:0!important;border-radius:24px!important;padding:20px!important;color:var(--pp-ink)!important}
html.bgn-pp .product-page-2026 .product-voucher-card{border:1px dashed rgba(17,17,20,.18)!important;border-radius:16px!important;background:#fafafa!important}
html.bgn-pp .product-page-2026 .product-voucher-icon{background:var(--pp-hl)!important;color:var(--pp-ink)!important;border-radius:12px!important}
html.bgn-pp .product-page-2026 .product-voucher-details strong{color:var(--pp-ink)!important}
html.bgn-pp .product-page-2026 .product-voucher-action{border-radius:999px!important;background:var(--pp-ink)!important}
html.bgn-pp .product-page-2026 .product-voucher-claimed{color:var(--pp-ok)!important}
html.bgn-pp .product-page-2026 .variant-picker{background:var(--pp-card)!important;border:0!important;border-radius:24px!important;padding:20px!important;box-shadow:none!important}
html.bgn-pp .product-page-2026 .variant-picker-title{color:var(--pp-ink)!important;font-weight:600!important;font-size:15px!important}
html.bgn-pp .product-page-2026 .variant-picker-title i{color:var(--pp-soft)!important}
html.bgn-pp .product-page-2026 .variant-picker-hint{color:var(--pp-soft)!important}
html.bgn-pp .product-page-2026 .variant-option{border:1px solid var(--pp-line)!important;border-radius:16px!important;background:transparent!important;box-shadow:none!important;color:var(--pp-ink)!important}
html.bgn-pp .product-page-2026 .variant-option.selected{border-color:var(--pp-ink)!important;box-shadow:inset 0 0 0 1px var(--pp-ink)!important}
html.bgn-pp .product-page-2026 .variant-option .variant-check{color:var(--pp-ink)!important}
html.bgn-pp .product-page-2026 .variant-option-meta{color:var(--pp-mute)!important}

/* Bagian di bawah: grup, deskripsi, rekomendasi */
html.bgn-pp .product-page-2026 .mod-section,html.bgn-pp .product-page-2026 .detail-wrap,html.bgn-pp .product-page-2026 .rel-wrap{background:var(--pp-card)!important;border:0!important;border-radius:32px!important;box-shadow:none!important;padding:clamp(24px,4vw,48px)!important;margin:0 0 clamp(16px,2vw,24px)!important}
html.bgn-pp .product-page-2026 .mod-section::before,html.bgn-pp .product-page-2026 .detail-wrap::before,html.bgn-pp .product-page-2026 .rel-wrap::before{display:none!important}
html.bgn-pp .product-page-2026 .sec-head,html.bgn-pp .product-page-2026 .rel-head h2{font-size:clamp(26px,3vw,40px)!important;font-weight:520!important;letter-spacing:-.045em!important;line-height:1.04!important;color:var(--pp-ink)!important;margin:0 0 20px!important;background:none!important;-webkit-text-fill-color:currentColor!important}
html.bgn-pp .product-page-2026 .sec-head i{display:none!important}
html.bgn-pp .product-page-2026 .product-description-kicker{display:block;font-size:13px!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--pp-soft)!important;font-weight:600!important;background:none!important;padding:0!important;margin-bottom:12px!important;border:0!important}
html.bgn-pp .product-page-2026 .product-description-kicker i{display:none!important}
html.bgn-pp .product-page-2026 .desc-box{font-size:17px!important;line-height:1.65!important;color:#2c2c31!important;background:none!important;border:0!important;padding:0!important;max-width:72ch}
html.bgn-pp .product-page-2026 .p-title::before,html.bgn-pp .product-page-2026 .p-title::after,html.bgn-pp .product-page-2026 .desc-box::before,html.bgn-pp .product-page-2026 .desc-box::after{display:none!important;content:none!important}
html.bgn-pp .product-page-2026 .desc-box::first-letter{font:inherit!important;color:inherit!important;float:none!important;margin:0!important;padding:0!important;background:none!important}
html.bgn-pp .product-page-2026 .detail-divider{border:0!important;border-top:1px solid var(--pp-line)!important;margin:32px 0!important}
html.bgn-pp .product-page-2026 .feat-grid{gap:10px!important}
html.bgn-pp .product-page-2026 .feat-card{background:#f5f5f7!important;border:0!important;border-radius:16px!important;box-shadow:none!important;padding:14px 16px!important}
html.bgn-pp .product-page-2026 .feat-icon{background:none!important;color:var(--pp-ink)!important;box-shadow:none!important;width:auto!important;height:auto!important}
html.bgn-pp .product-page-2026 .feat-text{color:var(--pp-ink)!important;font-weight:500!important}

html.bgn-pp .product-page-2026 .group-card,html.bgn-pp .product-page-2026 .preorder-group-card{background:#f5f5f7!important;border:0!important;border-radius:20px!important;box-shadow:none!important;overflow:hidden}
html.bgn-pp .product-page-2026 .preorder-group-head{border-bottom:1px solid var(--pp-line)!important}
html.bgn-pp .product-page-2026 .g-icon,html.bgn-pp .product-page-2026 .preorder-group-icon{background:var(--pp-ink)!important;color:#fff!important;border-radius:14px!important;box-shadow:none!important}
html.bgn-pp .product-page-2026 .g-name,html.bgn-pp .product-page-2026 .preorder-group-name{color:var(--pp-ink)!important;font-weight:600!important}
html.bgn-pp .product-page-2026 .g-type,html.bgn-pp .product-page-2026 .preorder-group-meta{color:var(--pp-mute)!important}
html.bgn-pp .product-page-2026 .slot-pill,html.bgn-pp .product-page-2026 .preorder-group-slots{border-radius:999px!important;font-weight:600!important;border:0!important;box-shadow:none!important}
html.bgn-pp .product-page-2026 .slot-ok,html.bgn-pp .product-page-2026 .preorder-group-slots:not(.full){background:rgba(31,138,76,.12)!important;color:var(--pp-ok)!important}
html.bgn-pp .product-page-2026 .slot-full,html.bgn-pp .product-page-2026 .preorder-group-slots.full{background:rgba(180,35,24,.1)!important;color:var(--pp-no)!important}
html.bgn-pp .product-page-2026 .m-chip,html.bgn-pp .product-page-2026 .preorder-member{background:#fff!important;border:0!important;border-radius:14px!important;box-shadow:none!important}
html.bgn-pp .product-page-2026 .preorder-member-avatar{background:var(--pp-ink)!important}
html.bgn-pp .product-page-2026 .renewal-group-note,html.bgn-pp .product-page-2026 .preorder-privacy{color:var(--pp-mute)!important;font-size:14px!important}
html.bgn-pp .product-page-2026 .preorder-privacy i{color:var(--pp-soft)!important}

html.bgn-pp .product-page-2026 .rel-grid{gap:clamp(10px,1.6vw,20px)!important}
html.bgn-pp .product-page-2026 .r-card{background:#f5f5f7!important;border:0!important;border-radius:20px!important;box-shadow:none!important;padding:8px 8px 14px!important;transition:transform .5s var(--pp-ease)!important}
html.bgn-pp .product-page-2026 .r-img{border-radius:14px!important;aspect-ratio:1;object-fit:cover;margin-bottom:12px!important}
html.bgn-pp .product-page-2026 .r-title{padding:0 6px;font-size:15px!important;font-weight:600!important;color:var(--pp-ink)!important;letter-spacing:-.015em}
html.bgn-pp .product-page-2026 .r-price{padding:0 6px;font-size:16px!important;font-weight:600!important;color:var(--pp-ink)!important;background:none!important;-webkit-text-fill-color:currentColor!important}
@media (hover:hover){html.bgn-pp .product-page-2026 .r-card:hover{transform:translateY(-4px)}}

/* Bilah beli di HP */
html.bgn-pp .docked-bottom-bar{background:rgba(245,245,247,.9)!important;-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);border:1px solid var(--pp-line)!important;border-radius:30px!important;box-shadow:0 20px 40px -24px rgba(0,0,0,.35)!important;outline:0!important;font-family:var(--pp-sans)!important}
html.bgn-pp .docked-bottom-bar .btn-ui{min-height:50px!important}
html.bgn-pp .preorder-submit{border-radius:999px!important;background:var(--pp-ink)!important;font-family:var(--pp-sans)!important}
html.bgn-pp .preorder-card{font-family:var(--pp-sans)!important;border-radius:28px!important}

@media (max-width:991px){
  html.bgn-pp .product-page-2026 .hero-layout{grid-template-columns:1fr!important;gap:24px!important}
  html.bgn-pp .product-page-2026 .img-card{position:relative!important;top:auto}
}
@media (max-width:760px){
  html.bgn-pp .product-page-2026{width:auto!important;padding:14px 16px 150px!important}
  html.bgn-pp .product-page-2026 .img-card{padding:8px!important;border-radius:26px!important}
  html.bgn-pp .product-page-2026 .img-box{border-radius:19px!important}
  html.bgn-pp .product-page-2026 .tags-overlay{top:18px!important;left:18px!important}
  html.bgn-pp .product-page-2026 .p-title{font-size:clamp(32px,9vw,44px)!important;margin-bottom:14px!important}
  html.bgn-pp .product-page-2026 .p-meta{margin-bottom:20px!important}
  html.bgn-pp .product-page-2026 .p-meta>div:not(.meta-sep){height:30px!important;padding:0 11px!important;font-size:12.5px!important}
  html.bgn-pp .product-page-2026 .price-wrap{padding:18px!important;border-radius:20px!important}
  html.bgn-pp .product-page-2026 .price-current{font-size:40px!important}
  html.bgn-pp .product-page-2026 .mod-section,html.bgn-pp .product-page-2026 .detail-wrap,html.bgn-pp .product-page-2026 .rel-wrap{border-radius:24px!important;padding:22px 18px!important}
  html.bgn-pp .product-page-2026 .desc-box{font-size:16px!important}
}
@media (prefers-reduced-motion:reduce){html.bgn-pp .product-page-2026 .animate-up{animation:none!important}}