/* Peak Slope — short banner, not a full-screen poster. */
.ps-hero{width:100%;height:min(38vh,360px);object-fit:cover;object-position:center 30%;display:block;background:var(--card)}
.ps-thumbs{display:flex;gap:8px;padding:10px 0 6px;overflow:auto}
.ps-thumbs img{width:64px;height:64px;object-fit:cover;opacity:.55;cursor:pointer;flex:none}
.ps-thumbs img.on{opacity:1;outline:2px solid var(--accent)}
.ps-stock{display:inline-block;background:var(--accent);color:#f4f7f5;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:6px 10px;margin:8px 0 10px}
.ps-info{max-width:720px;padding:0 0 36px}
.ps-cta .btn{margin:0 8px 8px 0;display:inline-block}
.ps-pdp{padding-bottom:24px}
@media (max-width:800px){
  .ps-hero{height:28vh}
  .ps-cta .btn{display:block;text-align:center;margin:0 0 8px}
  .ps-grid{grid-template-columns:1fr 1fr}
}

.ps-hero{border-radius:0 0 16px 16px}
.ps-thumbs img,.ps-card img{border-radius:12px}
.ps-cta .btn{border-radius:999px}