.prototype-banner { min-height: 42px; padding: 10px 16px; display: grid; place-items: center; color: #6c4a00; background: #fff2c4; border-bottom: 1px solid #e6cd78; text-align: center; font-size: 13px; line-height: 1.35; font-weight: 900; letter-spacing: .04em; }
.review-nav { justify-content: space-between; }
.back-link { color: #3e5365; font-size: 15px; font-weight: 800; }
.reviews-hero { padding: 86px 0 78px; color: white; background: linear-gradient(125deg,#061426,#0a2b40 70%,#0a5049); }
.reviews-hero .eyebrow span::before { display: none; }
.reviews-hero h1 { max-width: 920px; margin: 0; font-family: Georgia,"Times New Roman",serif; font-size: clamp(45px,5vw,68px); line-height: 1.05; font-weight: 500; letter-spacing: -.035em; }
.reviews-hero > div > p:not(.eyebrow) { max-width: 760px; margin: 24px 0; color: #c3d3dc; font-size: 18px; line-height: 1.7; }
.review-state { width: max-content; max-width: 100%; padding: 16px 20px; display: grid; gap: 3px; color: #eaf4f3; border: 1px solid rgba(139,221,202,.35); border-radius: 13px; background: rgba(5,27,42,.48); }
.review-state strong { font-size: 16px; }
.review-state span { color: #a9bdc8; font-size: 14px; }
.reviews-wall { padding: 90px 0 105px; background: #f3f7f8; }
.wall-heading { margin-bottom: 34px; display: flex; align-items: end; justify-content: space-between; gap: 35px; }
.wall-heading h2, .verification-card h2, .review-cta h2 { margin: 0; font-family: Georgia,"Times New Roman",serif; font-size: clamp(34px,4vw,50px); line-height: 1.08; font-weight: 500; }
.review-filters { display: flex; flex-wrap: wrap; gap: 8px; }
.review-filters button { min-height: 44px; padding: 0 15px; color: #405567; border: 1px solid #cfdcdf; border-radius: 99px; background: white; cursor: pointer; font: inherit; font-size: 14px; font-weight: 750; }
.review-filters button.is-active { color: white; border-color: var(--green-700); background: var(--green-700); }
.wall-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.wall-grid article { min-height: 360px; overflow: hidden; display: flex; flex-direction: column; border: 1px solid #d8e2e5; border-radius: 19px; background: white; box-shadow: 0 15px 42px rgba(7,30,47,.07); }
.wall-grid article[hidden] { display: none; }
.wall-grid img { width: 100%; height: 210px; display: block; object-fit: cover; object-position: center 28%; }
.review-card-copy { padding: 24px; display: flex; flex: 1; flex-direction: column; }
.review-card-copy--text { min-height: 360px; justify-content: center; background: linear-gradient(145deg,#fff,#eef6f4); }
.example-tag { color: #7a5b12; font-size: 11px; font-weight: 900; letter-spacing: .05em; }
.review-card-copy > p { margin: 17px 0 24px; color: #2e4355; font-family: Georgia,serif; font-size: 19px; line-height: 1.55; }
.review-card-copy footer { margin-top: auto; display: grid; gap: 2px; }
.review-card-copy footer strong { color: var(--navy-900); font-size: 15px; }
.review-card-copy footer small { color: #778691; font-size: 13px; }
.verification-section { padding: 85px 0; background: white; }
.verification-card { padding: 46px; display: grid; grid-template-columns: .8fr 1.2fr; gap: 55px; color: white; border-radius: 25px; background: linear-gradient(130deg,#07192d,#0a3b45); }
.verification-card h2 { color: white; }
.verification-card ul { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; list-style: none; }
.verification-card li { padding: 16px; display: grid; grid-template-columns: 28px 1fr; gap: 3px 10px; border: 1px solid rgba(255,255,255,.15); border-radius: 13px; background: rgba(255,255,255,.06); }
.verification-card li > span { grid-row: 1/3; color: #8bddca; font-weight: 900; }
.verification-card li strong { font-size: 15px; }
.verification-card li small { color: #acc0ca; font-size: 13px; line-height: 1.45; }
.review-cta { padding: 70px 0; color: white; background: var(--green-700); }
.review-cta > div { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.review-cta span { color: #bfe7de; font-size: 14px; font-weight: 800; }
.review-cta h2 { max-width: 720px; margin-top: 8px; color: white; }

@media (max-width: 900px) {
  .wall-heading, .review-cta > div { align-items: flex-start; flex-direction: column; }
  .wall-grid { grid-template-columns: 1fr 1fr; }
  .verification-card { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
  .prototype-banner { font-size: 12px; }
  .reviews-hero { padding: 56px 0; }
  .reviews-hero h1 { font-size: 39px; }
  .reviews-hero > div > p:not(.eyebrow) { font-size: 16px; }
  .review-state { width: 100%; }
  .review-state span { font-size: 13px; }
  .reviews-wall { padding: 65px 0; }
  .review-filters { width: 100%; overflow-x: auto; flex-wrap: nowrap; padding-bottom: 5px; }
  .review-filters button { flex: 0 0 auto; }
  .wall-grid { grid-template-columns: 1fr; }
  .wall-grid article { min-height: 0; }
  .verification-card { padding: 30px 21px; }
  .verification-card ul { grid-template-columns: 1fr; }
  .review-cta .button { width: 100%; }
}

/* Stars in yellow for real reviews on /avis/ page */
.stars {
  color: #f4c95d;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1;
  margin-bottom: 6px;
}

.score-stars {
  font-size: 26px;
  color: #f4c95d;
  letter-spacing: 2px;
}

.trust-bar {
  margin-top: 28px;
  display: flex;
  align-items: center;
  gap: 22px;
  flex-wrap: wrap;
}

.trust-score {
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.score-number {
  font-size: 48px;
  font-weight: 600;
  line-height: 1;
  color: white;
}

.trust-text strong {
  display: block;
  color: white;
  font-size: 17px;
  font-weight: 600;
}

.trust-text small {
  color: #c3d3dc;
  font-size: 14px;
}
