/**
 * Atelier — T48 Testimonials.
 * Source: design/store-theme/01-atelier-fashion/pages/T48 Testimonials.dc.html
 */
.atl-testi { max-width: 1140px; margin: 0 auto; padding: 44px 24px 0; }
.atl-testi-head { text-align: center; display: flex; flex-direction: column; gap: 12px; align-items: center; }
.atl-testi-title { font-family: 'Cormorant Garamond', serif; font-weight: 400; line-height: 1.12; margin: 0; font-size: 38px; text-wrap: balance; }
.atl-testi-rating { display: flex; gap: 12px; align-items: center; }
.atl-testi-rating-text { font-size: 14px; color: var(--atl-text-muted); }
.atl-testi-rating-text strong { color: var(--atl-text); }
/* R11-05: the third-party endorsement badges (.atl-testi-sources/.atl-testi-source)
   and the press-logo row (.atl-testi-press/.atl-testi-press-name) were removed from
   the template — they named real organisations that have published nothing about
   this store — so their rules are removed here too rather than left as dead CSS.
   The headline star row (.atl-testi-stars) goes with them: it drew an aggregate
   rating this page deliberately no longer claims. Per-card stars are a different
   rule (.atl-testi-card-stars) and are real. */

/* Honest empty state, shown when the store has no published reviews. */
.atl-testi-empty { margin: 40px auto 0; max-width: 620px; text-align: center; display: flex; flex-direction: column; gap: 20px; align-items: center; }
.atl-testi-empty-text { font-size: 15px; line-height: 1.7; color: var(--atl-text-muted); margin: 0; }

.atl-testi-card-title { font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--atl-text); }

.atl-testi-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 32px; }
.atl-testi-card { background: var(--atl-surface); border: 1px solid var(--atl-border); padding: 24px; display: flex; flex-direction: column; gap: 12px; }
.atl-testi-card-stars { color: var(--atl-accent); font-size: 13px; letter-spacing: 2px; }
.atl-testi-card-quote { font-family: 'Cormorant Garamond', serif; font-size: 17px; line-height: 1.6; margin: 0; }
.atl-testi-card-attr { font-size: 12.5px; color: var(--atl-text-subtle); margin-top: auto; }


@media (max-width: 900px) {
  .atl-testi-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 767px) {
  .atl-testi { padding: 32px 20px 0; }
  .atl-testi-title { font-size: 28px; }
  .atl-testi-grid { grid-template-columns: 1fr; }
}