/* Container */
.sbu-wm-product{max-width:720px;margin:0 auto;background:#f7f7f7;padding-bottom:80px}

/* Top bar */
.sbu-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;background:#fff;padding:.4rem .5rem;border-bottom:1px solid #eee}
.sbu-bar .bar-btn{background:#fff;border:0;border-radius:999px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.sbu-bar .bar-spacer{flex:1}
.sb-heart.saved{color:#e00}

/* Media slider */
.sbu-media{position:relative;background:#fff}
.sbu-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.sbu-slide{flex:0 0 100%;scroll-snap-align:center;text-align:center;padding:.5rem}
.sbu-slide img{max-width:100%;height:auto;border-radius:8px;background:#fafafa}
.sbu-dots{position:absolute;left:0;right:0;bottom:6px;display:flex;justify-content:center;gap:6px}
.sbu-dots b{display:block;width:6px;height:6px;border-radius:999px;background:rgba(0,0,0,.2)}
.sbu-dots b.on{background:#111}

/* Head */
.sbu-head{padding:.6rem .6rem .2rem;background:#fff}
.sbu-title{margin:0 0 .25rem 0;font-size:1.1rem}
.sbu-rating{display:flex;align-items:center;gap:.35rem;font-size:.9rem;color:#555}

/* Price band */
.sbu-priceband{display:flex;align-items:baseline;gap:.6rem;padding:.4rem .6rem;background:#fff;border-top:1px solid #f2f2f2}
.sbu-price-now{font-weight:800;font-size:1.25rem}
.sbu-price-was{color:#777}
.sbu-price-save{background:#1a8917;color:#fff;border-radius:8px;padding:.1rem .4rem;font-size:.8rem}

/* Ship row */
.sbu-shiprow{display:flex;justify-content:space-between;align-items:center;padding:.5rem .6rem;background:#fff;border-top:1px solid #f2f2f2}
.sbu-shiprow .link{background:none;border:0;color:#06c;text-decoration:underline}

/* Sold by */
.sbu-soldby{padding:.5rem .6rem;background:#fff;border-top:1px solid #f2f2f2}
.sbu-soldby a{text-decoration:underline}

/* ATC area */
.sbu-atc{padding:.6rem;background:#fff;border-top:8px solid #f7f7f7}
.sbu-atc .qty{max-width:110px}

/* Highlights */
.sbu-highlights{padding:.6rem;background:#fff;border-top:8px solid #f7f7f7}
.sbu-highlights h3{margin:.2rem 0 .4rem}

/* Details accordion */
.sbu-details{background:#fff;border-top:8px solid #f7f7f7}
.sbu-details .accordion{width:100%;text-align:left;border:0;background:#fff;padding:.8rem .6rem;border-top:1px solid #eee}
.sbu-details .acc-body{padding:.2rem .6rem .8rem;border-top:1px solid #f5f5f5}

/* Policies */
.sbu-policies{display:flex;gap:.6rem;overflow:auto;padding:.5rem .6rem;background:#fff;border-top:8px solid #f7f7f7}
.sbu-policies > div{flex:0 0 auto;background:#f8fafc;border:1px solid #eef2f7;border-radius:10px;padding:.5rem .6rem;font-size:.9rem}

/* Related row */
.sbu-related{padding:.4rem .6rem .8rem;background:#fff;border-top:8px solid #f7f7f7}
.sbu-related h3{margin:.4rem 0}
.sbu-row{display:flex;gap:.6rem;overflow:auto;scroll-snap-type:x mandatory}
.sbu-card{flex:0 0 46%;max-width:46%;background:#fff;border:1px solid #eee;border-radius:12px;padding:.5rem;text-decoration:none;color:#111;scroll-snap-align:start}
.sbu-card .thumb img{width:100%;height:auto;border-radius:8px;background:#fafafa}
.sbu-card .name{display:block;margin:.35rem 0 .15rem;font-size:.9rem}
.sbu-card .prc{font-weight:700}

/* Sticky footer */
.sbu-sticky{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;background:#fff;border-top:1px solid #eee;padding:.5rem .6rem;z-index:10}
.sbu-sticky-left .now{font-weight:800;font-size:1.1rem}
.sbu-sticky-left .save{font-size:.85rem;color:#1a8917}
.sbu-sticky-btn{background:#dd9933;color:#fff;border:0;border-radius:10px;padding:.6rem 1.1rem;font-weight:700}