/* review.css — v3 light review pages: white verdict card with logo + gold rings, iconed fact grid, green/red pros-cons */

.verdict-box { position: relative; overflow: hidden; background: #FFFFFF; border: 1px solid #E3DDD2; border-radius: 18px; box-shadow: 0 14px 40px rgba(26, 35, 50, 0.1); padding: 24px; margin: 24px 0 30px; }
.verdict-box::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient(90deg, #E03131 0%, #F2A413 55%, #168A50 100%); }
.verdict-box .verdict-box-head { position: relative; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.verdict-box .verdict-box-logo { width: 62px; height: 62px; }
.verdict-box .verdict-box-mark { width: 62px; height: 62px; font-size: 20px; }
.verdict-box .verdict-box-name { flex: 1 1 auto; min-width: 150px; }
.verdict-box .verdict-box-name .verdict-box-brand { font-size: 21px; font-weight: 800; letter-spacing: -0.4px; margin: 0; color: #1A2332; }
.verdict-box .verdict-box-name .verdict-box-tags { margin: 7px 0 0; }
.verdict-box .verdict-box-scores { display: flex; gap: 12px; }
.verdict-box .verdict-box-line { position: relative; font-size: 17px; line-height: 27px; font-weight: 600; margin: 18px 0 0; padding-left: 16px; border-left: 3px solid #F2A413; color: #2A3344; }
.verdict-box .verdict-box-actions { position: relative; display: flex; gap: 10px; flex-wrap: wrap; margin-top: 18px; }
.verdict-box .verdict-box-actions .btn { flex: 1 1 180px; text-align: center; }
.verdict-box .verdict-box-actions .btn-ghost { flex: 1 1 150px; text-align: center; }

@media (min-width: 768px) {
  .verdict-box { padding: 28px 30px; }
  .verdict-box .verdict-box-actions .btn, .verdict-box .verdict-box-actions .btn-ghost { flex: 0 0 auto; min-width: 190px; }
}

.quick-facts { margin: 0 0 26px; }
.quick-facts .quick-facts-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: #E8E2D7; border: 1px solid #E3DDD2; border-radius: 14px; overflow: hidden; box-shadow: 0 4px 16px rgba(26, 35, 50, 0.05); }
.quick-facts .quick-facts-item { background: #FFFFFF; padding: 13px 16px; }
.quick-facts .quick-facts-label { display: block; font-size: 10px; font-weight: 800; color: #8B94A3; text-transform: uppercase; letter-spacing: 1.2px; }
.quick-facts .quick-facts-label .icon { width: 13px; height: 13px; margin-right: 5px; vertical-align: -2px; }
.quick-facts .quick-facts-value { display: block; font-size: 14px; font-weight: 700; line-height: 21px; margin-top: 3px; font-variant-numeric: tabular-nums; color: #1A2332; }

@media (min-width: 768px) {
  .quick-facts .quick-facts-grid { grid-template-columns: 1fr 1fr 1fr; }
}

.pros-cons { display: flex; flex-direction: column; gap: 16px; margin: 0 0 26px; }
.pros-cons .pros-cons-col { flex: 1 1 0; border: 1px solid #E3DDD2; border-radius: 14px; padding: 16px 18px; background: #FFFFFF; box-shadow: 0 4px 14px rgba(26, 35, 50, 0.05); }
.pros-cons .pros-cons-col.pros-cons-pros { border-top: 3px solid #168A50; }
.pros-cons .pros-cons-col.pros-cons-cons { border-top: 3px solid #E03131; }
.pros-cons .pros-cons-title { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.6px; margin: 0 0 10px; }
.pros-cons .pros-cons-col.pros-cons-pros .pros-cons-title { color: #168A50; }
.pros-cons .pros-cons-col.pros-cons-cons .pros-cons-title { color: #C42525; }
.pros-cons ul { margin: 0; padding-left: 0; list-style: none; }
.pros-cons li { font-size: 14px; line-height: 22px; margin: 0 0 8px; padding-left: 26px; background-repeat: no-repeat; background-position: 0 4px; background-size: 15px 15px; color: #2A3344; }
.pros-cons .pros-cons-pros li { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23168A50' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E"); }
.pros-cons .pros-cons-cons li { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E03131' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E"); }

@media (min-width: 768px) {
  .pros-cons { flex-direction: row; }
}

.data-provenance { position: relative; background: #FFFFFF; border: 1px solid #E3DDD2; border-radius: 14px; padding: 18px 20px 16px; font-size: 13px; line-height: 21px; color: #5B6573; margin: 30px 0; box-shadow: 0 4px 14px rgba(26, 35, 50, 0.05); }
.data-provenance::before { content: ""; position: absolute; top: 0; left: 20px; width: 44px; height: 4px; border-radius: 0 0 4px 4px; background: linear-gradient(90deg, #168A50 0%, #1FAF66 100%); }
.data-provenance .data-provenance-title { font-size: 12px; font-weight: 800; color: #168A50; text-transform: uppercase; letter-spacing: 1.6px; margin: 4px 0 8px; }
.data-provenance ul { margin: 6px 0 0; padding-left: 18px; }

.review-cta-strip { position: relative; overflow: hidden; background: #1A2332; color: #FFFFFF; border-radius: 14px; padding: 18px 20px; margin: 30px 0; display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; box-shadow: 0 12px 30px rgba(26, 35, 50, 0.25); }
.review-cta-strip::before { content: ""; position: absolute; top: 0; right: 0; width: 55%; height: 100%; background: radial-gradient(320px 170px at 100% 0%, rgba(224, 49, 49, 0.35) 0%, rgba(224, 49, 49, 0) 70%); }
.review-cta-strip .review-cta-text { position: relative; font-size: 16px; font-weight: 700; margin: 0; }
.review-cta-strip .btn { position: relative; }
.review-cta-strip + .rg-note { margin-top: -22px; margin-bottom: 24px; }