h1.pd-title {
    color: #30a67f;
    font-size: 24px;
    font-family: 'Noto Sans';
}
.pd-gallery{--hero-w:100%;--hero-h:600px;--gap:14px;--thumb-w:159px;--thumb-h:102px;--shadow:0 10px 30px rgba(0,0,0,.15);margin-bottom:24px}
.pd-hero{position:relative;width:min(100%,var(--hero-w));height:var(--hero-h));height:var(--hero-h);border-radius:28px;overflow:hidden;background:#f4f5f7;box-shadow:var(--shadow)}
.pd-main{width:100%;height:100%;object-fit:cover;display:block}
.pd-badge{position:absolute;top:18px;left:18px;background:#3cc18a;color:#fff;padding:10px 16px;border-radius:999px;font:600 14px/1 system-ui;box-shadow:0 6px 16px rgba(60,193,138,.35)}
.pd-actions{position:absolute;right:18px;bottom:18px;display:flex;gap:20px;background:#39a07a;padding:5px 5px;border-radius:22px;width:196px;height:102px;align-items:center;justify-content:center;}
.pd-btn{border:0;background:#ffffff00;color:#fff;width:36px;height:36px;display:grid;place-items:center;border-radius:12px;cursor:pointer;padding: 0px;}
.pd-btn:hover{background:#ffffff33}
.pd-thumbs{position:absolute;left:6px;bottom:6px;width:calc(4.5*var(--thumb-w) + 4*var(--gap) + 24px);padding:12px;border-radius:16px;background:#ffffff00;box-shadow:var(--shadow);overflow:hidden}
.pd-thumb-track{display:flex;gap:var(--gap);transition:transform .4s ease}
.pd-thumb{width:var(--thumb-w);height:var(--thumb-h);border:0px;border-radius:22px;overflow:hidden;padding:0;cursor:pointer;background:#eee;flex:0 0 auto}
.pd-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.pd-thumb.is-active{border:2px solid #30a67f;box-shadow:0 6px 14px rgba(60,193,138,.3)}
.pd-thumb-next,.pd-thumb-prev{position:absolute;top:50%;transform:translateY(-50%);border:0;display:grid;place-items:center;background:transparent;color:#2b8c66;cursor:pointer}
.pd-thumb-next{right:-14px}
.pd-thumb-prev{left:10px;display:none}
@media (max-width:1280px){.pd-gallery{--hero-w:100%}}
@media (max-width:640px){.pd-gallery{--thumb-w:140px;--thumb-h:92px}.pd-actions{padding:10px 14px}}
.pdetails .price-line, .pdetails .price-line .price-decimal{font-size: clamp(20px, 2.5vw, 32px);}
.pdetails .price-line .price-decimal{vertical-align:top;}
.pdetails .price-line::after {font-size: clamp(20px, 2.5vw, 32px);color: #222222;top: -3px;}