/* Solo: one-product stores. Calm and focused on top of base.css: the buy box first,
   rounded panels, a friendly sans-serif and one green accent for actions. */
.ui, .button, .card__title, .cart-item__title, .cart-item__remove, .sticky-atc__title, .badge, .quick-add__label, .toast {
  text-transform: none;
  letter-spacing: 0;
}
.ui { font-size: 13px; }
.button { font-size: 15px; font-weight: 600; min-height: 52px; padding: 0 28px; }
.button--small { font-size: 13px; min-height: 40px; }
.button:not(.button--secondary):not(.button--light):not(.button--ghost-light) { --btn-bg: var(--color-accent); --btn-fg: var(--color-accent-fg); }
.h0, .h1, .h2 { letter-spacing: -0.035em; line-height: 1.02; }
.product__title { font-size: calc(clamp(30px, 3.2vw, 44px) * var(--heading-scale)); letter-spacing: -0.03em; }
.site-header__logo .logo-text { font-family: var(--font-heading); text-transform: none; letter-spacing: -0.03em; font-size: 22px; }
.header-nav__list { gap: 26px; font-size: 14px; }

/* Buy box on the homepage: photo on a soft panel, info beside it */
.featured-product { padding-top: 0; }
.product--featured .gallery__item .media { border-radius: 0; }
@media (min-width: 990px) {
  .product--featured { padding: 0; }
  .product--featured .product__info { max-width: 520px; padding: 40px 48px; }
}
.recommender__panel { background: var(--color-card); border: 0; }
.recommender__toggle { font-weight: 600; }
.recommender__result { color: var(--color-accent); }
.pill label { border-radius: 999px; }
.features-section--card .feature { background: var(--color-bg); border: 1px solid var(--color-line); }
.quote { border: 0; background: var(--color-card); }
.badge { border-radius: 999px; padding: 0 10px; }