
.product-detail-page{padding:34px 0 70px}.pd-wrap{max-width:1120px;margin:auto;padding:0 24px}.pd-crumb{font-size:12px;color:#8b7d81;margin:8px 0 26px}.pd-crumb a{color:#7d263f;text-decoration:none}
.pd-hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.pd-image{background:#f7f2ef;border-radius:14px;overflow:hidden;padding:24px}.pd-image img{width:100%;aspect-ratio:1/1;object-fit:contain;mix-blend-mode:multiply}
.pd-copy{padding:12px 0}.pd-eyebrow{font-size:10px;letter-spacing:.15em;color:#8d2946;font-weight:700}.pd-copy h1{font:800 clamp(28px,4vw,44px)/1.12 Manrope,sans-serif;letter-spacing:-.04em;margin:14px 0}.pd-desc{font-size:14px;line-height:1.9;color:#75666a}
.pd-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0}.pd-highlights div{background:#f8f3f1;padding:14px;border-radius:8px}.pd-highlights small{display:block;color:#8b7d81;font-size:10px}.pd-highlights b{font-size:13px;display:block;margin-top:5px}
.pd-button{display:inline-flex;background:#641b32;color:#fff;padding:14px 20px;border-radius:3px;text-decoration:none;font-weight:700;font-size:12px;margin-top:12px}.pd-section{padding:44px 0;border-top:1px solid #eadfe2;margin-top:44px}.pd-section h2{font:800 27px Manrope,sans-serif;margin:8px 0 20px}.pd-section h2 em{color:#9c5266}
.pd-specs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(128,0,32,.14);border-left:1px solid rgba(128,0,32,.14)}.pd-spec{padding:15px;background:rgba(128,0,32,.045);border-right:1px solid rgba(128,0,32,.14);border-bottom:1px solid rgba(128,0,32,.14)}.pd-spec span{display:block;font-size:10px;color:#8b7d81;margin-bottom:6px}.pd-spec b{font-size:12px}
.pd-serving{padding:22px;background:#f8f3f1;border-radius:10px}.pd-serving p{font-size:13px;color:#75666a;line-height:1.7;margin:0}.pd-bottom{display:grid;grid-template-columns:1fr 1fr;gap:30px}.pd-tags{display:flex;flex-wrap:wrap;gap:8px}.pd-tags span{border:1px solid #e7dadd;border-radius:30px;padding:9px 12px;font-size:11px}
.pd-related{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pd-related a{display:grid;grid-template-columns:64px 1fr;gap:4px 10px;align-items:center;text-decoration:none;color:#30252a;font-size:11px}.pd-related img{width:64px;height:64px;object-fit:cover;border-radius:7px;grid-row:span 2}.pd-related b{color:#8d2946;font-size:10px}
@media(max-width:700px){.pd-wrap{padding:0 18px}.pd-hero{grid-template-columns:1fr;gap:20px}.pd-highlights{gap:6px}.pd-highlights div{padding:10px}.pd-specs{grid-template-columns:repeat(2,1fr)}.pd-bottom{grid-template-columns:1fr}.pd-section{margin-top:30px;padding:30px 0}}

.pd-qr-card{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px;border:1px solid #eadfe2;border-radius:18px;background:#fbf8f8}
.pd-qr-card p:not(.pd-eyebrow){color:#71666a;max-width:520px}
.pd-qr-card img{width:160px;height:160px;object-fit:contain;background:#fff;padding:8px;border-radius:10px}
@media(max-width:640px){.pd-qr-card{flex-direction:column;align-items:flex-start}.pd-qr-card img{align-self:center}}

.pd-gallery-section{margin-top:44px}
.pd-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
.pd-gallery-item{margin:0;overflow:hidden;border:1px solid #eadfe2;border-radius:14px;background:#fff}
.pd-gallery-item img{display:block;width:100%;height:230px;object-fit:cover;background:#f8f4f5}
.pd-gallery-item figcaption{padding:12px 14px;font-size:13px;color:#67565d}
@media(max-width:700px){.pd-gallery{grid-template-columns:1fr 1fr;gap:10px}.pd-gallery-item img{height:170px}.pd-gallery-item:last-child{grid-column:1/-1}.pd-gallery-item:last-child img{height:auto;max-height:300px;object-fit:contain}}

/* Siomay: label Informasi Nilai Gizi diperbesar menjadi 150% */
.pd-gallery-item.nutrition-label{overflow:visible;position:relative;z-index:1}
.pd-gallery-item.nutrition-label img{width:150%;max-width:none;height:auto;max-height:none;aspect-ratio:1/1;object-fit:contain;margin-left:-25%}
@media(max-width:700px){
  .pd-gallery-item.nutrition-label img{width:150%;height:auto;max-height:none;object-fit:contain;margin-left:-25%}
}

/* Siomay: informasi nilai gizi ditampilkan terpisah dari galeri produk */
.pd-nutrition-section{text-align:center}
.pd-nutrition-figure{width:70%;max-width:532px;margin:28px auto 0}
.pd-nutrition-figure img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:1/1;object-fit:contain;border-radius:12px}
.pd-nutrition-figure figcaption{margin-top:10px;text-align:center}
@media(max-width:700px){
  .pd-nutrition-figure{width:70%;max-width:532px;margin:20px auto 0}
}

/* Spesifikasi produk: tampilan clean corporate, burgundy hanya sebagai aksen */
.pd-specifications-section{
  background:#FAF8F7;
  border-radius:14px;
  padding:30px;
  border:1px solid #F0E9E6;
}
.pd-specifications-section .pd-specs{
  border-top:1px solid #EAE3E0;
  border-left:1px solid #EAE3E0;
  border-radius:8px;
  overflow:hidden;
}
.pd-specifications-section .pd-spec{
  background:#FFFFFF;
  border-right:1px solid #EAE3E0;
  border-bottom:1px solid #EAE3E0;
  padding:16px;
  transition:background .2s ease;
}
.pd-specifications-section .pd-spec span{
  color:#927F7D;
}
.pd-specifications-section .pd-spec b{
  color:#292526;
}
.pd-specifications-section h2 em{
  color:#963D55;
}
@media(max-width:700px){
  .pd-specifications-section{padding:20px 14px;border-radius:12px}
  .pd-specifications-section .pd-spec{padding:13px 11px}
}

/* Saran penyajian Siomay Ayam & Udang */
.pd-serving-steps{list-style:none;margin:0;padding:22px 24px;display:grid;gap:14px;background:#fff;border:1px solid #EAE3E0;border-radius:14px}
.pd-serving-steps li{display:flex;align-items:center;gap:14px}
.pd-serving-steps li>span{flex:0 0 30px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#F5EBEE;color:#963D55;border:1px solid #E7CCD4;font-weight:700;font-size:14px}
.pd-serving-steps p{margin:0;color:#393235;line-height:1.55}
@media(max-width:700px){.pd-serving-steps{padding:18px 15px;gap:12px}.pd-serving-steps li{gap:11px}}

/* Komposisi dan peringatan mengikuti label resmi Ceker Ayam Lada Hitam */
.pd-composition-card{background:#FAF8F7;border:1px solid #F0E9E6;border-radius:14px;padding:24px 26px;color:#393235;line-height:1.7}
.pd-composition-card p{margin:0 0 14px}
.pd-composition-card .pd-allergen-note{font-size:.9rem;color:#78696A;font-style:italic}
.pd-warning{margin-top:18px;padding:15px 18px;background:#F5EBEE;border-left:3px solid #963D55;border-radius:6px}
.pd-warning b{display:block;margin-bottom:5px;color:#7B173A}
.pd-warning p{margin:0}
@media(max-width:700px){.pd-composition-card{padding:18px 15px}}
