/* ======================================================================== Variant-specific overrides. Activated via . ======================================================================== */ /* Variant B — tighter subtitle tone */ body[data-variant="B"] .sub-hero{ font-style:italic; color:#222; } /* Variant C — scarcity block + savings banner styling */ body[data-variant="C"] .scarcity-block{ background:#fff4e6; border:2px solid #ffb94a; border-radius:8px; padding:22px; margin:26px 0; text-align:center; } body[data-variant="C"] .scarcity-block .warn{ font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:#b45309; margin-bottom:4px; } body[data-variant="C"] .scarcity-block .headline-s{ font-size:22px; font-weight:700; margin-bottom:6px; } body[data-variant="C"] .scarcity-block .timer{ font-size:40px; font-weight:700; color:#c92734; font-variant-numeric:tabular-nums; letter-spacing:.04em; margin:4px 0; } body[data-variant="C"] .scarcity-block .stock{ font-size:13px; color:#555; } body[data-variant="C"] .savings-banner{ background:#e63946; color:#fff; padding:18px 20px; border-radius:8px; text-align:center; margin:20px 0; } body[data-variant="C"] .savings-banner .big{ font-size:30px; font-weight:800; display:block; line-height:1.2; } body[data-variant="C"] .savings-banner .small{font-size:13px;opacity:.95} /* Variant D — structured star reviews */ body[data-variant="D"] .reviews-header{ background:#f6f6f6; padding:22px; border-radius:6px; margin-bottom:18px; text-align:center; } body[data-variant="D"] .reviews-header .rating-big{ font-size:40px;font-weight:800;line-height:1.1;color:#000; } body[data-variant="D"] .reviews-header .rating-stars{ color:#ffb400;font-size:22px;letter-spacing:3px;margin:4px 0; } body[data-variant="D"] .reviews-header .rating-meta{ font-size:14px;color:#444; } body[data-variant="D"] .star-review{ background:#fff; border:1px solid var(--border); border-radius:6px; padding:16px 18px; margin-bottom:10px; } body[data-variant="D"] .star-review .head{ display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:6px; } body[data-variant="D"] .star-review .stars{color:#ffb400;font-size:14px;letter-spacing:2px} body[data-variant="D"] .star-review .verified{ background:#eaf6ee;color:#2a9d4e; font-size:11px;font-weight:700;padding:3px 8px;border-radius:100px; letter-spacing:.04em; } body[data-variant="D"] .star-review .r-title{ font-weight:700;font-size:16px;margin-bottom:4px;color:#000; } body[data-variant="D"] .star-review .r-body{ font-size:15px;line-height:1.55;color:#000; } body[data-variant="D"] .star-review .r-foot{ display:flex;justify-content:space-between;margin-top:10px; font-size:12px;color:#666; }