.sb-pdp{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,64px);max-width:1200px;margin:0 auto;padding:clamp(16px,3vw,40px) 16px;align-items:start;color:var(--sbt,#111827)}
.sb-pdp-main{position:relative;overflow:hidden;background:#fff;border:1px solid #ece9e2;border-radius:var(--sbr,8px)}
.sb-pdp-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:6%;box-sizing:border-box}
.sb-pdp-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;margin-top:10px}
.sb-pdp-thumb{padding:0;border:1px solid transparent;background:#f3f1ec;border-radius:6px;aspect-ratio:1;cursor:pointer;overflow:hidden}
.sb-pdp-thumb.is-on{border-color:var(--sbp,#111)}
.sb-pdp-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.sb-pdp-info{position:sticky;top:90px}
.sb-pdp-brand{margin:0;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#777}
.sb-pdp-title{margin:6px 0 10px;font-size:clamp(26px,3vw,38px);line-height:1.1;color:var(--sbh,#0f172a)}
.sb-pdp-price{margin:0 0 10px;font-size:22px;font-weight:650}
.sb-pdp-stock{display:inline-flex;align-items:center;gap:8px;margin:0 0 22px;font-size:13px;color:#666}
.sb-pdp-stock::before{content:"";width:8px;height:8px;border-radius:50%;background:#bbb}
.sb-pdp-stock.is-in::before{background:#16a34a}
.sb-pdp-variations{border:0;padding:0;margin:0 0 22px}
.sb-pdp-variations legend{font-size:13px;margin-bottom:10px;color:#555;padding:0}
.sb-pdp-variant{position:relative;display:inline-block;margin:0 6px 8px 0;cursor:pointer}
.sb-pdp-variant input{position:absolute;opacity:0;pointer-events:none;margin:0}
.sb-pdp-variant span{display:inline-block;padding:9px 16px;border:1px solid #d6d3cc;border-radius:999px;font-size:14px;transition:background .15s,border-color .15s}
.sb-pdp-variant:hover span{border-color:#999}
.sb-pdp-variant input:checked+span{border-color:var(--sbp,#111);background:var(--sbp,#111);color:#fff}
.sb-pdp-variant input:focus-visible+span{outline:2px solid var(--sba,#0ea5e9);outline-offset:2px}
.sb-pdp-buy{display:flex;gap:10px;align-items:stretch}
.sb-pdp-qty{display:inline-flex;align-items:center;border:1px solid #d6d3cc;border-radius:var(--sbr,8px);overflow:hidden;background:#fff}
.sb-pdp-qty button{width:40px;height:48px;border:0;background:#fff;font-size:18px;cursor:pointer}
.sb-pdp-qty input{width:52px;height:48px;border:0;text-align:center;font:inherit;-moz-appearance:textfield}
.sb-pdp-qty input::-webkit-outer-spin-button,.sb-pdp-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.sb-pdp-add{flex:1;height:48px;border:0;border-radius:var(--sbr,8px);background:var(--sb-add,var(--sbp,#111));color:#fff;font:inherit;font-weight:650;cursor:pointer;transition:filter .15s}
.sb-pdp-add:hover{filter:brightness(1.08)}
.sb-pdp-desc{margin-top:28px;line-height:1.65;color:#3a3a3a;font-size:15px}
.sb-pdp-details{margin:24px 0 0;border-top:1px solid #e7e4dd}
.sb-pdp-details div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #e7e4dd;font-size:14px}
.sb-pdp-details dt{color:#777;margin:0}
.sb-pdp-details dd{margin:0;font-weight:550}
.sb-pdp-related{max-width:1200px;margin:0 auto;padding:0 16px 56px;color:var(--sbt,#111827)}
.sb-pdp-related h2{font-size:24px;margin:0 0 18px;color:var(--sbh,#0f172a)}
.sb-pdp-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.sb-pdp-related-grid a{text-decoration:none;color:inherit;display:block}
.sb-pdp-related-grid img{width:100%;aspect-ratio:1;object-fit:cover;background:#f3f1ec;border-radius:var(--sbr,8px);display:block}
.sb-pdp-related-grid h3{font-size:15px;margin:10px 0 2px}
@media(max-width:820px){.sb-pdp{grid-template-columns:1fr}.sb-pdp-info{position:static}.sb-pdp-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}