:root{ --bg:#EDF7FA; --ink:#0b1320; --muted:#6b7280; --brand:#0d6efd; --card:#fff; --ok:#0a7a0a; --danger:#d32f2f; }
*{box-sizing:border-box}
body{background:var(--bg);font-family:'Work Sans',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans';color:var(--ink);margin:0;line-height:1.45}
a{text-decoration:none;color:#185adb}
.container{max-width:1500px;margin:0 auto;padding:0 16px}
.breadcrumb{display:flex;gap:8px;font-size:.9rem;color:var(--muted);padding:12px 0}
.breadcrumb a{color:var(--muted)}

.title-wrap{margin:4px 0 10px}
h1{font-size:2rem;font-weight:600;margin:0 0 4px}
.sub{color:var(--muted)}
.rating{color:#f59e0b}

.product-grid{display:grid;grid-template-columns:84px minmax(0,1fr) 360px;gap:16px}
@media (max-width:1024px){.product-grid{grid-template-columns:1fr}}

.thumbs{display:flex;flex-direction:column;gap:10px;position:sticky;top:16px}
.thumb{display:block;width:84px;height:84px;border:1px solid #e2e5ea;border-radius:10px;overflow:hidden;cursor:pointer;background:#fff;padding:0}
.thumb img{width:100%;height:100%;object-fit:cover;display:block;border:0}
.thumb.active{outline:2px solid var(--brand)}

.gallery{background:var(--card);border:1px solid #e2e5ea;border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:center;min-height:520px;box-shadow:0 5px 15px rgba(0,0,0,.06)}
.gallery img{max-width:100%;max-height:520px;border-radius:10px}

.buybox{background:#f7f7f7;border:1px solid #e2e5ea;border-radius:10px;padding:16px;position:sticky;top:16px;box-shadow:0 5px 15px rgba(0,0,0,.06)}
.price{font-size:1.9rem;font-weight:700}
.ok{color:var(--ok);font-weight:700}
.field{margin-top:12px}
.field label{display:block;font-size:.75rem;color:#6b7280;margin-bottom:4px;text-transform:uppercase}
.field input,.field select{width:100%;padding:10px 12px;border:1px solid #cbd3df;border-radius:8px;font-size:1rem;background:#fff}

#addToCart{display:inline-block;width:100%;text-align:center;background:#caafb2;color:#fff;border:0;border-radius:10px;padding:12px 14px;margin-top:12px;font-weight:700;cursor:pointer;transition:all .25s ease}
#addToCart:hover{background:#BA7E7E}

.btn.alt{background:#ffbf00;color:#111}

.modules{display:grid;grid-template-columns:1fr 360px;gap:16px;margin-top:16px}
@media (max-width:1024px){.modules{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid #e2e5ea;border-radius:.75rem;padding:16px;box-shadow:0 5px 15px rgba(0,0,0,.06)}
.h2{font-size:1.15rem;margin-bottom:8px}
.bullets{padding-left:18px;margin:0}
.bullets li{margin:.35rem 0}

.specs{width:100%;border-collapse:collapse;margin-top:8px}
.specs th,.specs td{border:1px solid #eef1f5;padding:10px 12px;vertical-align:top}
.specs th{width:220px;background:#fafbfc;color:#3b4152;text-align:left}

footer{border-top:1px solid #e2e5ea;margin-top:24px;padding:16px;color:#6b7280;font-size:.9rem;text-align:center}


/* Related carousel (Amazon-like) */
.related{margin:24px 0}
.rc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.rc-heading{font-size:1.1rem;font-weight:700}
.rc-nav{display:flex;gap:8px}
.rc-btn{width:36px;height:36px;border-radius:50%;border:1px solid #e2e5ea;background:#fff;cursor:pointer}
.rc-btn:disabled{opacity:.4;cursor:not-allowed}
.rc-viewport{overflow-x:auto;scroll-behavior:smooth}
.rc-track{display:flex;gap:12px;padding:8px 0}
.rc-item{flex:0 0 220px}
.rc-card{display:block;background:#fff;border:1px solid #e2e5ea;border-radius:10px;padding:10px;color:inherit;height:100%}
.rc-card img{width:100%;height:140px;object-fit:cover;border-radius:8px}
.rc-title{margin-top:8px;font-size:.95rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rc-price{font-weight:700;margin-top:6px}
.not-ok{color:var(--danger);font-weight:700}
.short-desc{ margin-top:8px; color:#6b7280; }