/* ============================================================
   TTTA — Top Tasks + Top Agents Product Detail Page
   Extends base design system from style.css + otoa.css
   ============================================================ */

/* --- Hero solo variant (no checkout iframe) --- */
.hero--solo .hero__inner {
    grid-template-columns: 1fr;
    gap: var(--space-2xl);
}

.hero--solo .hero__text {
    max-width: 640px;
}

/* ============================================================
   RESPONSIVE — TTTA additions
   ============================================================ */