/* ==========================================================================
   The Ideal Card — 2026-11 design system: rules the homepage sections share
   with the hero (comma lists such as `.wrap, .wrap-narrow`, the fx runtime,
   phone mockups, the mobile grid collapse). Extracted like the other tc files;
   Rules already defined in base, nav, footer or home-hero.css are left out:
   re-declaring them here would override the more specific rules after them.
   Loaded by welcome.blade.php between home-hero.css and home-sections.css.
   ========================================================================== */

:where(.tc-root) [data-split] {
  opacity: 0;
  transition: opacity 200ms ease;
}

@media (prefers-reduced-motion: reduce) {
  .tc-fx,
  .tc-fx-stagger > *,
  .tc-split-char,
  .tc-split-word {
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    clip-path: none !important;
  }
  .tc-marquee-track,
  .tc-glow-orb {
    animation: none !important;
  }
}
@media (max-width: 560px) {
  .tc-wrap,
  .tc-wrap-narrow,
  .tc-quote-wrap {
    padding: 0 22px;
  }
}

.tc-serif {
  font-style: normal !important;
}
@media (max-width: 640px) {
  .tc-wrap,
  .tc-wrap-narrow,
  .tc-quote-wrap {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .tc-value-grid,
  .tc-price-grid,
  .tc-how-list,
  .tc-cat-grid,
  .tc-product-grid,
  .tc-newsletter-grid,
  .tc-hero-meta {
    grid-template-columns: 1fr !important;
  }
}