/* PadelRate — product.css — racket review pages (hero, scores, specs, pros/cons, related, mobile buy bar) */

.review-hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:20px 48px 48px;max-width:1100px;margin:0 auto}
.review-img{background:#fff;border-radius:16px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;min-height:280px}
.review-img img{width:100%;max-height:320px;object-fit:contain;padding:24px}
.review-img a{display:block;position:relative}
.review-img a img{display:block;width:100%;transition:transform .3s ease,opacity .3s ease}
.review-img a:hover img{transform:scale(1.04);opacity:.88}
.review-img a::after{content:'Click to enlarge';position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.7);color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.04em;padding:5px 12px;border-radius:20px;opacity:0;transition:opacity .25s;white-space:nowrap;pointer-events:none}
.review-img a:hover::after{opacity:1}
.buy-btn svg{flex-shrink:0}
.find-btn{background:transparent;border:1px solid var(--border);color:#888;padding:13px 24px;border-radius:10px;font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;font-family:inherit;width:100%;margin-top:10px}
.find-btn:hover{border-color:var(--green);color:var(--green)}
.not-found{text-align:center;padding:80px 40px;color:var(--muted)}
.review-info{display:flex;flex-direction:column;justify-content:center}
.review-badge{background:var(--green);color:#000;font-size:.7rem;font-weight:800;padding:6px 12px;border-radius:4px;display:inline-block;margin-bottom:12px;width:fit-content;text-transform:uppercase;letter-spacing:.06em}
.review-name{font-family:'Bebas Neue',sans-serif;font-size:2.8rem;letter-spacing:.03em;margin-bottom:4px;line-height:1}
.review-brand{color:var(--muted);font-size:.95rem;margin-bottom:20px}
.score-big{font-family:'Bebas Neue',sans-serif;font-size:4rem;color:var(--green);line-height:1}
.score-label{color:var(--muted);font-size:.75rem;margin-bottom:18px;margin-top:4px;text-transform:uppercase;letter-spacing:.06em}
.stat-bars{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}
.bar-row{display:flex;align-items:center;gap:12px}
.bar-name{width:60px;font-size:.78rem;color:var(--muted);font-weight:600}
.bar-track{flex:1;background:#2a2a2a;border-radius:4px;height:7px;overflow:hidden}
.bar-fill{height:100%;background:var(--green);border-radius:4px}
.bar-val{font-size:.85rem;font-weight:700;color:var(--green);width:28px;text-align:right}

.review-body{max-width:1100px;margin:0 auto;padding:0 48px 80px;display:grid;grid-template-columns:1fr 300px;gap:48px}
.review-section{margin-bottom:40px}
.review-section h2{font-family:'Bebas Neue',sans-serif;color:var(--green);font-size:1.3rem;letter-spacing:.06em;margin-bottom:14px}
.verdict-text{color:#bbb;line-height:1.8;font-size:.975rem}
.full-review-text p{color:#bbb;line-height:1.85;font-size:.95rem;margin-bottom:16px}
.full-review-text p:last-child{margin-bottom:0}
.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:8px}
.pros,.cons{background:var(--surface);border-radius:12px;padding:20px;border:1px solid var(--border)}
.pros h3{color:var(--green);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}
.cons h3{color:#e05555;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}
.pros li,.cons li{font-size:.88rem;color:#bbb;line-height:1.6;list-style:none;padding:6px 0;border-bottom:1px solid var(--border)}
.pros li:last-child,.cons li:last-child{border-bottom:none}
.pros li::before{content:"+ ";color:var(--green);font-weight:800}
.cons li::before{content:"- ";color:#e05555;font-weight:800}
.best-for-text{color:#bbb;line-height:1.75;font-size:.95rem}
.specs-box{background:var(--surface);border-radius:16px;padding:28px;height:fit-content;position:sticky;top:84px;border:1px solid var(--border)}
.specs-box h2{font-family:'Bebas Neue',sans-serif;font-size:1.1rem;letter-spacing:.06em;margin-bottom:20px;color:#fff}
.spec-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);font-size:.875rem}
.spec-row:last-child{border-bottom:none}
.spec-label{color:var(--muted)}
.spec-val{font-weight:700;color:#fff}
.specs-buy{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}
.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-top:8px}
.related-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s}
.related-card:hover{border-color:var(--green);transform:translateY(-2px)}
.related-card-badge{font-size:.6rem;font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}
.related-card-name{font-size:.9rem;font-weight:700;margin-bottom:2px}
.related-card-brand{font-size:.75rem;color:var(--muted);margin-bottom:8px}
.related-card-score{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;color:var(--green)}

/* Mobile sticky Buy Now bar — desktop already has a sticky specs-box, so this is mobile-only */
.mobile-buy-bar{position:fixed;left:0;right:0;bottom:0;z-index:55;display:none;align-items:center;justify-content:space-between;gap:12px;background:rgba(17,17,17,.97);backdrop-filter:blur(12px);border-top:1px solid #2a2a2a;padding:10px 16px;transform:translateY(100%);transition:transform .3s ease}
.mobile-buy-bar.visible{transform:translateY(0)}
.mbb-info{display:flex;align-items:center;gap:8px;min-width:0}
.mbb-score{font-family:'Bebas Neue',sans-serif;font-size:1.4rem;color:var(--green);line-height:1;flex-shrink:0}
.mbb-name{font-size:.78rem;color:#ccc;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mbb-cta{padding:11px 20px;font-size:.85rem;white-space:nowrap;flex-shrink:0}

@media(max-width:768px){
  .review-hero{grid-template-columns:1fr;padding:14px 20px 30px}
  .review-body{grid-template-columns:1fr;padding:0 20px 40px}
  .pros-cons{grid-template-columns:1fr}
  .mobile-buy-bar{display:flex}
}

.buy-options {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.buy-btn-alt {
  display: inline-block;
  background: transparent;
  border: 2px solid var(--green);
  color: var(--green);
  padding: 14px 32px;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 1.15rem;
  letter-spacing: 1px;
  text-decoration: none;
  text-align: center;
  border-radius: 8px;
  transition: background 0.2s, color 0.2s;
}

.buy-btn-alt:hover {
  background: var(--green);
  color: #0a0a0a;
}