/* Product page styles — focused on conversion */
:root{--accent:var(--matrix);--muted:var(--matrix-dim)}
.product-hero{display:grid;grid-template-columns:1fr 360px;gap:2rem;align-items:start;margin:2rem 0}
.gallery{background:transparent;border-radius:8px}
.product-image{width:100%;height:auto;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,0.35);object-fit:cover}
.thumbs{display:flex;gap:0.5rem;margin-top:0.6rem}
.thumb{background:transparent;border:0;padding:0;cursor:pointer}
.thumb img{width:64px;height:48px;object-fit:cover;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,0.2)}

.purchase-box{position:relative;background:rgba(0,0,0,0.04);padding:1.2rem;border-radius:10px;border:1px solid rgba(255,255,255,0.02)}
.purchase-box{position:sticky;top:100px}
.purchase-box h1{margin:0 0 0.5rem;font-size:1.45rem}
.rating{color:var(--accent);font-weight:700;margin-bottom:0.45rem}
.tagline{color:var(--muted);margin-bottom:0.8rem}
.price-row{display:flex;flex-direction:column;gap:0.25rem;margin-bottom:1rem}
.price{font-size:1.9rem;font-weight:800;color:var(--accent)}
.meta{font-size:0.9rem;color:var(--muted)}

.purchase-actions{display:flex;gap:0.6rem;align-items:center;margin-bottom:0.8rem}
.btn-primary{background:var(--accent);color:#000;padding:0.75rem 1.1rem;border-radius:8px;border:0;font-weight:700}
.btn-secondary{background:transparent;border:1px solid rgba(255,255,255,0.08);color:inherit;padding:0.6rem 1rem;border-radius:8px}
.btn-primary:hover{opacity:0.95}

/* Mobile sticky CTA */
.mobile-cta{display:none;position:fixed;right:12px;left:12px;bottom:12px;background:rgba(0,0,0,0.9);padding:10px;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,0.6);align-items:center;justify-content:space-between;gap:12px;z-index:999}
.mobile-cta .m-info{color:#fff;display:flex;flex-direction:column}
.mobile-cta .m-title{font-weight:700}
.mobile-cta .m-price{font-weight:800;color:var(--accent)}
.mobile-cta .m-buy{padding:0.6rem 1rem;border-radius:8px}

@media (max-width:700px){
  .mobile-cta{display:flex}
  .btn-primary{width:100%}
  .purchase-box{position:static}
}

.purchase-meta{display:flex;flex-direction:column;gap:0.4rem;color:var(--muted);font-size:0.9rem;margin-bottom:0.6rem}
.purchase-meta .trust,.purchase-meta .guarantee{display:flex;gap:0.5rem;align-items:center}

.quantity{margin-top:0.6rem}
.qty-control{display:flex;align-items:center;gap:0.5rem}
.qty-btn{background:#111;border:0;color:#fff;padding:0.2rem 0.6rem;border-radius:6px;cursor:pointer}
.qty-control input{width:56px;padding:0.4rem;border-radius:6px;border:1px solid rgba(255,255,255,0.06);background:transparent;color:inherit}

.product-features{margin:2rem 0}
.features-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0.8rem;list-style:none;padding:0}
.features-list li{background:rgba(0,0,0,0.03);padding:0.8rem;border-radius:8px}
.included{list-style:disc;margin-left:1.2rem}

.product-details-blocks{display:grid;grid-template-columns:1fr 320px;gap:1.4rem;margin-bottom:2.4rem}
.description,.specs,.reviews,.faq{background:transparent;padding:0}
.specs table{width:100%;border-collapse:collapse}
.specs td{padding:0.4rem 0;border-bottom:1px dashed rgba(255,255,255,0.03)}

.reviews .review{background:rgba(0,0,0,0.03);padding:0.8rem;border-radius:8px;margin-bottom:0.6rem}
.reviews .r-header{font-weight:700;color:var(--accent)}

.faq .faq-item{margin-bottom:0.6rem}
.faq-toggle{width:100%;text-align:left;padding:0.6rem;border-radius:8px;border:0;background:rgba(255,255,255,0.02);cursor:pointer}
.faq-content{display:none;padding:0.6rem;margin-top:0.3rem;background:rgba(0,0,0,0.02);border-radius:6px}

/* Responsive */
@media (max-width:900px){
  .product-hero{grid-template-columns:1fr;}
  .product-details-blocks{grid-template-columns:1fr}
}
