/* assets/review-upgrades.css */

.review-hero {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 16px;
  align-items: start;
}

.review-media img {
  width: 80%;
  height: auto;
  border-radius: 14px;
  margin: 10px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
}

.review-summary .p-meta { margin: 8px 0 0; }

.verdict-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 12px;
}

.h2-tight {
  margin: 0 0 8px;
  font-size: 16px;
}

.cons {
  margin: 10px 0 0;
  padding-left: 18px;
}
.cons li { margin: 6px 0; }

.review-cta {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
  align-items: center;
}

/* Amazon CTA on review pages: match "Read review" gradient button style */
.review .review-cta a[href*="amzn.to"],
.review .sticky-cta[href*="amzn.to"] {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 12px 14px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(70, 99, 172, .22) !important;
  background: linear-gradient(135deg, rgba(255, 248, 228, .95), rgba(226, 240, 255, .98)) !important;
  color: #273f6e !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.2;
  text-decoration: none !important;
}
.review .review-cta a[href*="amzn.to"]:hover,
.review .sticky-cta[href*="amzn.to"]:hover {
  background: linear-gradient(135deg, rgba(255, 244, 214, .98), rgba(214, 233, 255, 1)) !important;
  border-color: rgba(70, 99, 172, .32) !important;
  color: #1f356d !important;
}

.who-box {
  margin-top: 14px;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
}

.who {
  margin: 10px 0 0;
  padding-left: 18px;
}
.who li { margin: 6px 0; }

.spec-table {
  width: 100%;
  border-collapse: collapse;
}
.spec-table th,
.spec-table td {
  padding: 12px 10px;
  border: 1px solid rgba(255,255,255,.12);
  text-align: left;
  vertical-align: top;
}
.spec-table th { width: 220px; background: rgba(255,255,255,.04); }

@media (max-width: 860px) {
  .review-hero { grid-template-columns: 1fr; }
  .verdict-grid { grid-template-columns: 1fr; }
  .spec-table th { width: auto; }
}