/* TSGD-SURFACE — preserve the registered card radius */
.brand-surface,
.product-card-seq,
.product-card-seq--animated,
.product-card-seq--n5,
.product-card-seq--paused,
.product-card-seq__frame,
.product-card-review-row,
.product-card-review-link,
.product-card-review-link__text,
.product-card-eco-indicators,
.product-card-eco-indicators__list,
.product-card-eco-indicators__item { border-radius: var(--brand-card-radius, 28px) !important; }

/* TSGD-A11Y — generated accessibility guardrails */
:focus-visible { outline: 3px solid #38e1ff !important; outline-offset: 3px !important; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 0.01ms !important; } }

/* Comment 27: product card title — neutral #374151, gradient disabled */
.product-card-title-neutral {
  color: #374151 !important;
  -webkit-text-fill-color: #374151 !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
}
/* Comment 27 fallback: target product card title links directly */
div.space-y-2.p-4 > div.space-y-2 > h3.product-title > a > span:last-child {
  color: #374151 !important;
  -webkit-text-fill-color: #374151 !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
}

/* Design comment 1: animated logo ".com" suffix must render light (Lato 300), not bold.
   Beats the TSGD120 rule .site-header .us-logo-domain-suffix.footer-menu-head { font-weight:700 !important }
   (globals.css) on specificity (0,3,2) vs (0,3,0) and source order (this file loads last).
   Scoped to the suffix span only — the tsgabrielle wordmark image is untouched. */
span.us-wordmark-lockup > span.us-logo-domain-suffix,
.us-animated-logo-stack span.us-logo-domain-suffix.footer-menu-head {
  font-weight: 300 !important;
}