/**
 * Halaman produk: galeri, info, panel pre-order, formulir beli, chip varian, stepper, blok barang ready, tab deskripsi/pengiriman.
 *
 * Dipecah dari style.css (CLAUDE.md §14.8) - jangan menduplikasi aturan ke
 * berkas lain; aturan yang dipakai >1 template tinggal di base.css.
 */
/* ---- RESPONSIF (15) - bagian pdp (dari seksi lama, digabung ke bawah) ---- */
@media (max-width:1024px) {
  .single-product div.product{grid-template-columns:1fr;gap:26px}
}
@media (max-width:820px) {
  .single-product div.product div.summary{padding:18px}
}

/* ---- DETAIL PRODUK / PDP (17) ---- */
/* ============ 17. DETAIL PRODUK (PDP) ============ */
.sk-pdp{display:flex;flex-direction:column;gap:28px}
.sk-pdp .sk-crumb{margin:0}
/* Satu kartu putih berisi galeri + kolom info, seperti mockup. */
.sk-pdp__panel{background:#fff;border:1px solid var(--sk-line);border-radius:var(--sk-radius);padding:28px}
.sk-pdp__top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:36px;align-items:start}
/* ---- Galeri ---- */
/* Tanpa position sendiri (static): badge menempel di .sk-pdp__mainimg yang
   sudah relative, dan kolom ini bisa sticky di layar lebar tanpa syarat lain. */
.sk-pdp__media{min-width:0}
.sk-pdp__mainimg .sk-badge{top:14px;left:14px}
/* Badge promo kanan-atas foto PDP; kelasnya khusus PDP, grid tetap sk-badge--accent.
   Selektor dobel kelas: mengalahkan left:14px milik `.sk-pdp__mainimg .sk-badge`
   supaya badge tidak membentang karena punya left dan right sekaligus. */
.sk-pdp__mainimg .sk-badge--promo{left:auto;right:14px;top:14px;display:inline-flex;align-items:center;height:32px;padding:0 13px;border-radius:6px;background:#c0261f;color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;z-index:3}
.sk-pdp__mainimg .sk-badge--promo[hidden]{display:none}
/* Badge status PDP mengikuti mockup; badge kartu grid tidak ikut berubah. */
.sk-pdp__mainimg .sk-badge--preorder{display:inline-flex;align-items:center;gap:5px;color:#16202a}
.sk-badge--ready{background:#fff;border:1.5px solid #b9dccd;color:#0f7a5c;border-radius:6px}
.sk-badge--ready[hidden],.sk-pdp__mainimg .sk-badge--preorder[hidden]{display:none}
/* Galeri menempel saat menggulir: hanya layar lebar, di bawah tumpukan sticky
   header (--sk-headh dari initStickyNav, nilai nyata) + nav (--sk-navh) + 16px.
   align-self:start wajib - bawaan grid stretch membuat kolom setinggi baris
   dan sticky tidak punya ruang bergerak. */
@media (min-width:1280px){
  .sk-pdp__media{position:sticky;align-self:start;top:calc(var(--sk-headh,91px) + var(--sk-navh) + 16px)}
}
.sk-pdp__mainimg{position:relative;aspect-ratio:1/1;background:#fff;border:1px solid var(--sk-line);border-radius:var(--sk-radius);overflow:hidden}
.sk-pdp__mainimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.sk-pdp__thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}
.sk-pdp__thumb{position:relative;aspect-ratio:1/1;padding:0;background:#fff;border:1px solid var(--sk-line);border-radius:var(--sk-radius-sm);overflow:hidden;cursor:pointer}
.sk-pdp__thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.sk-pdp__thumb:hover{border-color:#c9d2da}
.sk-pdp__thumb.is-active{border-color:var(--sk-accent);box-shadow:0 0 0 1px var(--sk-accent)}
/* ---- Kolom info ---- */
.sk-pdp__info{min-width:0;display:flex;flex-direction:column;gap:14px}
.sk-pdp__meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sk-pdp__brand{display:inline-flex;align-items:center;border:1.5px solid var(--sk-line);border-radius:var(--sk-radius-sm);padding:3px 10px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sk-navy)}
.sk-pdp__brand:hover{border-color:var(--sk-accent);color:var(--sk-accent)}
/* Bobot & spacing ditulis eksplisit: aturan h1-h4 global (600/-.3px) kalah. */
.sk-pdp__title{font-size:34px;font-weight:700;letter-spacing:-.6px;line-height:1.25;color:var(--sk-ink);margin:0}
.sk-pdp__specs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sk-pdp__spec{background:var(--sk-bg);border:1px solid var(--sk-line);border-radius:var(--sk-radius-sm);padding:5px 10px;font-size:13px;color:var(--sk-ink-3)}
.sk-pdp__price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--sk-line-2)}
/* get_price_html() dicetak tanpa pembungkus <p class="price"> di template ini,
   jadi sasarannya langsung span harga Woo - selector .price tidak pernah cocok.
   Simbol Rp mengikuti ukuran angka: ukuran/superscript bawaan Woo dibuang. */
.sk-pdp__price .woocommerce-Price-amount,.sk-pdp__price .woocommerce-Price-amount bdi{font-family:var(--sk-font-head);font-size:34px;font-weight:800;letter-spacing:-1px;color:var(--sk-ink)}
.sk-pdp__price .woocommerce-Price-currencySymbol{font-size:inherit;vertical-align:baseline}
.sk-pdp__price del .woocommerce-Price-amount,.sk-pdp__price del .woocommerce-Price-amount bdi{font-family:var(--sk-font);font-size:15px;font-weight:400;letter-spacing:normal;color:var(--sk-muted-3)}
.sk-pdp__price ins{text-decoration:none}
.sk-pdp__price .sk-card__unit{font-size:15px;font-weight:600;color:var(--sk-muted)}
.sk-pdp__pricenote{font-size:13.5px;line-height:1.55;color:var(--sk-muted-3)}
.sk-pdp__pricenote p{margin:0}
/* ---- Panel pre-order ---- */
/* Warna panel mengikuti mockup Omelette: bingkai lembut + garis kiri emas. */
.sk-preorder{border:1.5px solid #e6d4ab;border-left:4px solid #d99b1c;background:#fffaf0;border-radius:var(--sk-radius);padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.sk-preorder[hidden]{display:none}
.sk-preorder__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sk-preorder__title{margin:0;display:flex;align-items:center;gap:8px;font-size:15.5px;font-weight:700;color:var(--sk-preorder-text)}
.sk-preorder__title::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sk-preorder-border);flex-shrink:0}
.sk-preorder__flag{border:1px solid var(--sk-preorder-border);border-radius:var(--sk-radius-sm);background:#fff;padding:3px 8px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sk-preorder-text)}
.sk-preorder__reason{margin:0;font-size:14px;line-height:1.55;color:var(--sk-ink-2)}
/* Tiga langkah berjajar horizontal (mockup); menumpuk hanya di <=560px.
   Margin negatif menyeimbangkan padding panel supaya garis atas menyentuh
   kedua tepi panel seperti mockup. */
.sk-preorder__steps{list-style:none;margin:2px -18px -2px;padding:16px 20px 18px;border-top:1px solid #efe0bd;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:sk-step}
.sk-preorder__step{display:flex;gap:11px;align-items:flex-start;counter-increment:sk-step;min-width:0}
.sk-preorder__step::before{content:counter(sk-step);flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#d99b1c;color:#fff;font-size:12.5px;font-weight:700;display:flex;align-items:center;justify-content:center}
.sk-preorder__stepbody{min-width:0;display:flex;flex-direction:column;gap:2px}
.sk-preorder__stepname{font-size:14px;font-weight:700;line-height:1.35;color:var(--sk-ink)}
.sk-preorder__steptext{font-size:13px;line-height:1.5;color:#6b5a35}
@media (max-width:560px){
  .sk-preorder__steps{grid-template-columns:1fr;gap:14px}
}
.sk-preorder__closing,.sk-preorder__note{margin:0;border:1px solid #f3e3c2;border-radius:var(--sk-radius-sm);background:#fffdf7;padding:10px 12px;font-size:13.5px;line-height:1.55;color:var(--sk-ink-2)}
.sk-preorder__closing{display:flex;gap:9px}
.sk-preorder__info{flex-shrink:0;width:17px;height:17px;margin-top:2px;border:1.5px solid var(--sk-preorder-text);border-radius:50%;color:var(--sk-preorder-text);font-size:11px;font-weight:700;font-style:normal;display:flex;align-items:center;justify-content:center}
/* ---- Formulir beli ---- */
.sk-pdp__buy .woocommerce-variation-price{margin:8px 0}
/* Kartu pesan dua kolom (mockup): kiri label JUMLAH di atas stepper, kanan
   estimasi rata kanan (meta - total - catatan); tombol beli melebar di bawah. */
.sk-pdp__buy form.cart{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:0 16px;margin:0;border:1px solid var(--sk-line);border-radius:var(--sk-radius);background:var(--sk-bg-2);padding:16px}
.sk-pdp__buy form.cart.variations_form{display:block}
.sk-pdp__buy form.cart.variations_form .woocommerce-variation-add-to-cart{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:0 16px}
[data-sale-mode="meter"] form.cart.variations_form .woocommerce-variation-add-to-cart{margin-top:24px}
.sk-pdp__buy form.cart .stock{grid-column:1/-1}
.sk-pdp__buy table.variations{border-collapse:collapse;width:100%;margin:0 0 12px}
.sk-pdp__buy table.variations th,.sk-pdp__buy table.variations td{padding:4px 0;text-align:left;font-size:13px}
.sk-pdp__buy table.variations th{padding-right:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sk-muted)}
.sk-pdp__buy table.variations select{width:100%;border:1.5px solid #d6dce2;border-radius:var(--sk-radius-sm);padding:10px 12px;font-size:14.5px;background:#fff}
.sk-pdp__buy .reset_variations{font-size:13px;color:var(--sk-muted)}
/* ---- Chip varian (produk variabel, dipasang JS di atas select yang disembunyikan) ---- */
.sk-var-enhanced table.variations{display:none}
.sk-vars{display:flex;flex-direction:column;gap:16px;margin:0 0 14px}
/* Jarak mockup mode meter: Warna 24px - Panjang 20px - kartu jumlah 24px.
   Discope ke data-sale-mode supaya produk mode unit tidak bergeser. */
[data-sale-mode="meter"] .sk-vars{margin-top:24px}
.sk-var__head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.sk-var__label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sk-muted)}
.sk-var__val{font-size:13.5px;color:var(--sk-muted-2)}
.sk-var__hint{font-size:12.5px;color:var(--sk-muted-3)}
.sk-var__chips{display:flex;flex-wrap:wrap;gap:10px}
.sk-var__chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;background:#fff;border:1.5px solid #d6dce2;border-radius:var(--sk-radius-sm);font-size:14px;font-weight:600;color:var(--sk-ink-2);cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.sk-var__chip:hover{border-color:var(--sk-navy)}
.sk-var__chip:focus-visible{outline:2px solid var(--sk-accent);outline-offset:2px}
.sk-var__chip.is-active{border-color:var(--sk-accent);background:#fff6ee;color:#c25c00;font-weight:700}
.sk-var__chip[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
.sk-var__swatch{width:18px;height:18px;border-radius:4px;border:1px solid rgba(0,0,0,.15);flex-shrink:0}
/* Baris status varian terpilih, diisi theme.js dari data sk_status. */
.sk-var__status{display:block;margin-top:8px;font-size:13.5px;font-weight:600}
.sk-var__status[hidden]{display:none}
.sk-var__status--preorder{color:#c25c00}
.sk-var__status--ready{color:#0f7a5c}
.sk-var__status--kosong{color:#98a3ae}
.sk-var__custom{margin:12px 0 0;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.sk-var__custom[hidden]{display:none}
.sk-var__customlabel{font-size:13px;font-weight:600;color:var(--sk-ink)}
.sk-var__custominput{width:130px;min-height:44px;border:1.5px solid #d6dce2;border-radius:var(--sk-radius-sm);padding:0 12px;font-size:15px;background:#fff}
.sk-var__custominput:focus-visible{outline:2px solid var(--sk-accent);outline-offset:1px}
.sk-var__customnote{margin:0;font-size:13px;line-height:1.5;color:var(--sk-muted)}
.sk-var__wabtn{grid-column:1/-1;margin-top:14px;height:50px}
.sk-var__wabtn[hidden]{display:none}
.sk-pdp__qtylabel{grid-column:1;grid-row:1;display:block;margin:0 0 6px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sk-muted)}
/* Stepper qty: JS membungkus input dengan tombol - dan +. */
.sk-pdp__buy .quantity{grid-column:1;grid-row:2;display:block}
.sk-qty{display:inline-flex;align-items:stretch;border:1.5px solid #d6dce2;border-radius:var(--sk-radius-sm);background:#fff;overflow:hidden}
.sk-qty__btn{width:44px;border:none;background:#fff;color:var(--sk-navy);font-size:19px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center}
.sk-qty__btn:hover{background:var(--sk-bg)}
.sk-pdp__buy .quantity input.qty,.sk-qty input.qty{width:64px;height:46px;text-align:center;border:none;border-left:1px solid var(--sk-line);border-right:1px solid var(--sk-line);border-radius:0;background:#fff}
/* Baris estimasi harga x jumlah, diisi theme.js. */
.sk-pdp__est{grid-column:2;grid-row:1/3;align-self:stretch;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px;text-align:right}
.sk-pdp__est[hidden]{display:none}
.sk-pdp__estmeta{font-size:13px;color:var(--sk-muted)}
.sk-pdp__estmeta[hidden]{display:none}
.sk-pdp__esttotal{font-family:var(--sk-font-head);font-size:24px;font-weight:800;color:var(--sk-ink);letter-spacing:-.4px}
.sk-pdp__estnote{font-size:12.5px;color:var(--sk-muted-3)}
.sk-pdp__buy form.cart .single_add_to_cart_button{grid-column:1/-1;margin-top:14px;background:var(--sk-accent);height:50px;font-size:15.5px}
.sk-pdp__buy form.cart .single_add_to_cart_button:hover{background:var(--sk-accent-dark)}
.sk-pdp__buy .stock{margin:0;font-size:14px;font-weight:600}
.sk-pdp__buy .stock.out-of-stock{color:var(--sk-warn)}
/* ---- Chip panjang (cara jual per meter panjang) ---- */
.sk-pdp__len{margin:20px 0 14px}
.sk-pdp__lenhead{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.sk-pdp__lentitle{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#16202a}
.sk-pdp__lenhint{font-size:13.5px;color:#5c6a77}
.sk-pdp__lenchips{display:flex;flex-wrap:wrap;gap:10px}
/* Radio tetap fokusable (bukan display:none) supaya panah keyboard & Tab hidup;
   penanda fokusnya dipindah ke chip lewat :focus-visible di bawah. */
.sk-pdp__lenradio{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.sk-pdp__lenchip{display:inline-flex;align-items:center;height:44px;padding:0 16px;border:1.5px solid #d6dce2;border-radius:6px;background:#fff;color:#3d4a56;font-size:14.5px;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.sk-pdp__lenchip:hover{border-color:var(--sk-navy)}
.sk-pdp__lenradio:checked+.sk-pdp__lenchip{border-color:#f07300;background:#fff6ee;color:#c25c00;font-weight:700}
.sk-pdp__lenradio:focus-visible+.sk-pdp__lenchip{outline:2px solid var(--sk-accent);outline-offset:2px}
.sk-pdp__lencustom{flex-basis:100%;display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap}
.sk-pdp__lencustom[hidden]{display:none}
.sk-pdp__lenbox{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 12px;border:1.5px solid #d6dce2;border-radius:6px;background:#fff}
.sk-pdp__lenbox:focus-within{border-color:var(--sk-accent)}
.sk-pdp__lenboxlabel{font-size:13.5px;color:#7b8794}
/* outline dimatikan karena penanda fokusnya border kotak (:focus-within di atas). */
.sk-pdp__leninput{width:70px;border:none;outline:none;font-size:15px;font-weight:600;color:#16202a;background:transparent;text-align:center}
.sk-pdp__lenboxunit{font-size:14.5px;color:#3d4a56}
.sk-pdp__lennote{font-size:13px;line-height:1.5;color:#98a3ae;max-width:280px}
.sk-pdp__acts{display:flex;gap:12px;flex-wrap:wrap}
.sk-pdp__wa,.sk-pdp__quote{flex:1 1 0;min-width:200px}
.sk-pdp__trust{list-style:none;margin:0;padding:12px 0 0;border-top:1px solid var(--sk-line-2);display:flex;flex-wrap:wrap;gap:8px 20px}
.sk-pdp__trustitem{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--sk-muted)}
.sk-pdp__trustitem svg{color:var(--sk-ok);flex-shrink:0}
/* ---- Blok barang ready ---- */
.sk-pdp-ready{background:#fff;border:1px solid var(--sk-line);border-radius:var(--sk-radius);padding:22px}
.sk-pdp-ready__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.sk-pdp-ready__heading{min-width:0}
.sk-pdp-ready__title{font-size:19px;margin:0}
.sk-pdp-ready__sub{margin:4px 0 0;font-size:13.5px;color:var(--sk-muted)}
.sk-pdp-ready__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sk-pdp-ready__item{display:flex;align-items:center;gap:14px;border:1px solid var(--sk-line);border-radius:var(--sk-radius-sm);background:var(--sk-bg-2);padding:12px;min-height:44px}
.sk-pdp-ready__item:hover{border-color:#c9d2da;box-shadow:0 2px 10px rgba(16,32,45,.07)}
.sk-pdp-ready__media{position:relative;flex-shrink:0;width:64px;height:64px;border:1px solid var(--sk-line-2);border-radius:var(--sk-radius-sm);background:#fff;overflow:hidden}
.sk-pdp-ready__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.sk-pdp-ready__media .sk-card__ph{font-size:8.5px;text-align:center;padding:2px}
.sk-pdp-ready__body{min-width:0;display:flex;flex-direction:column;gap:3px}
.sk-pdp-ready__name{font-size:14px;font-weight:600;line-height:1.35;color:var(--sk-ink);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.sk-pdp-ready__price{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap}
.sk-pdp-ready__price .price,.sk-pdp-ready__price bdi{font-family:var(--sk-font-head);font-size:15.5px;font-weight:700;color:var(--sk-ink)}
.sk-pdp-ready__price del,.sk-pdp-ready__price del bdi{font-size:12px;font-weight:400;color:var(--sk-muted-3)}
.sk-pdp-ready__price ins{text-decoration:none}
.sk-pdp-ready__price .sk-card__unit{font-size:12.5px}
.sk-pdp-ready__row .sk-stock{font-size:12.5px}
/* ---- Tab Deskripsi / Pengiriman ---- */
.sk-pdp-tabs__bar{display:flex;gap:6px;border-bottom:1px solid var(--sk-line);flex-wrap:wrap}
.sk-pdp-tabs__tab{border:1px solid transparent;border-bottom:none;background:transparent;padding:12px 18px;font-size:14.5px;font-weight:600;color:var(--sk-muted);cursor:pointer;border-radius:var(--sk-radius-sm) var(--sk-radius-sm) 0 0;margin-bottom:-1px}
.sk-pdp-tabs__tab:hover{color:var(--sk-navy)}
.sk-pdp-tabs__tab.is-active{background:#fff;border-color:var(--sk-line);color:var(--sk-ink)}
.sk-pdp-tabs__panel{border:1px solid var(--sk-line);border-top:none;border-radius:0 0 var(--sk-radius) var(--sk-radius);background:#fff;padding:24px 26px;font-size:15px;line-height:1.65}
.sk-pdp-tabs__panel>:first-child{margin-top:0}
.sk-pdp-tabs__panel>:last-child{margin-bottom:0}
/* ---- Tab Pengiriman: aturan bernomor + kartu CTA WhatsApp ---- */
/* Satu kolom maks 820px: kartu navy CTA WhatsApp di tab ini sudah dipangkas. */
.sk-pdp__ship{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:start;max-width:820px}
.sk-pdp__ship-kiri{min-width:0}
.sk-pdp__ship-rows{list-style:none;margin:0;padding:0}
.sk-pdp__ship-row{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--sk-line-2)}
.sk-pdp__ship-row:first-child{padding-top:0}
.sk-pdp__ship-row:last-child{border-bottom:none}
.sk-pdp__ship-num{flex-shrink:0;width:38px;height:38px;border-radius:7px;background:#f4f6f8;color:var(--sk-navy);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}
.sk-pdp__ship-body{min-width:0}
.sk-pdp__ship-title{margin:0;font-size:15.5px;font-weight:700;color:var(--sk-ink)}
.sk-pdp__ship-desc{margin:3px 0 0;font-size:14px;line-height:1.65;color:var(--sk-muted)}
/* Panel Deskripsi bisa terbelah dua: isi + kotak hitung cepat di kanan. */
.sk-pdp-tabs__panel--split{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;align-items:start}
.sk-pdp-tabs__content{min-width:0}
.sk-pdp-tabs__content>:first-child{margin-top:0}
.sk-pdp-tabs__content>:last-child{margin-bottom:0}
.sk-pdp__calc{background:var(--sk-bg-2);border:1px solid var(--sk-line);border-radius:var(--sk-radius);padding:18px;align-self:start;display:flex;flex-direction:column;gap:8px}
.sk-pdp__calctitle{font-size:15.5px;margin:0}
.sk-pdp__calclead{margin:0;font-size:13.5px;line-height:1.55;color:var(--sk-muted)}
.sk-pdp__calclabel{font-size:12.5px;font-weight:600;color:var(--sk-ink-3)}
.sk-pdp__calcinput{width:110px;min-height:44px;border:1.5px solid #d6dce2;border-radius:var(--sk-radius-sm);padding:0 12px;font-size:15px;background:#fff}
.sk-pdp__calcinput:focus-visible{outline:2px solid var(--sk-accent);outline-offset:1px}
.sk-pdp__calcout{margin:2px 0 0;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.sk-pdp__calcnum{font-family:var(--sk-font-head);font-size:26px;font-weight:800;color:var(--sk-ink);letter-spacing:-.4px}
.sk-pdp__calcunit{font-size:14px;font-weight:600;color:var(--sk-ink-2)}
.sk-pdp__calcdiv{font-size:12.5px;color:var(--sk-muted-2)}
.sk-pdp__calcnote{margin:0;font-size:12.5px;line-height:1.55;color:var(--sk-muted)}
/* Tanpa JS kedua panel tampil bertumpuk; JS yang menyembunyikan panel non-aktif. */
.sk-pdp-tabs__panel[hidden]{display:none}
.sk-pdp-tabs__panel+.sk-pdp-tabs__panel{margin-top:16px;border-top:1px solid var(--sk-line);border-radius:var(--sk-radius)}
.sk-pdp-tabs.is-js .sk-pdp-tabs__panel+.sk-pdp-tabs__panel{margin-top:0;border-top:none;border-radius:0 0 var(--sk-radius) var(--sk-radius)}
/* ---- Responsif PDP ---- */
@media (max-width:1024px){
  .sk-pdp__title{font-size:30px}
}
@media (max-width:1023px){
  .sk-pdp__top{grid-template-columns:1fr;gap:24px}
  .sk-pdp-tabs__panel--split{grid-template-columns:1fr}
  .sk-pdp__panel{padding:18px}
  .sk-pdp-ready__list{grid-template-columns:1fr}
}
@media (max-width:560px){
  .sk-pdp__title{font-size:26px}
  .sk-pdp__price .woocommerce-Price-amount,.sk-pdp__price .woocommerce-Price-amount bdi{font-size:28px}
  /* Kartu pesan menumpuk: label, stepper, lalu estimasi rata kiri. */
  .sk-pdp__buy form.cart,.sk-pdp__buy form.cart.variations_form .woocommerce-variation-add-to-cart{grid-template-columns:1fr}
  .sk-pdp__est{grid-column:1;grid-row:auto;align-items:flex-start;justify-content:flex-start;text-align:left;margin-top:12px}
  .sk-pdp__wa,.sk-pdp__quote{flex:1 0 100%;min-width:0}
  .sk-pdp-tabs__panel{padding:18px}
}