/* Patient comments: quotes are excerpts from Vatan Dental Center's current website. */
.reviews-section { background: #fcfaf7; }
.reviews-section .reviews-header { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:32px; }
.reviews-section .reviews-header h2 { margin:0; }
.reviews-section .reviews-intro { margin:0; color:#66584e; max-width:270px; line-height:1.55; }
.reviews-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.review-card { background:#fff; border:1px solid #eadfd5; border-radius:18px; padding:26px 24px; min-height:220px; display:flex; flex-direction:column; box-shadow:0 8px 26px rgba(84,49,27,.035); }
/* Decorative, restrained country flags sit beneath the readable review copy. */
.review-card[data-country] { position:relative; isolation:isolate; overflow:hidden; }
.review-card[data-country]::before {
  content:""; position:absolute; z-index:-1; top:6px; right:-20px; width:58%; height:66%;
  border-radius:10px; opacity:.16; pointer-events:none;
  transform:rotate(-7deg); transform-origin:80% 50%;
  animation:review-flag-drift 8s ease-in-out infinite alternate;
}
.review-card[data-country="de"]::before { background:linear-gradient(to bottom,#000 0 33.333%,#d00 33.333% 66.666%,#ffce00 66.666% 100%); }
.review-card[data-country="pl"]::before { background:linear-gradient(to bottom,#fff 0 50%,#dc143c 50% 100%); }
.review-card[data-country="fr"]::before { background:linear-gradient(to right,#002395 0 33.333%,#fff 33.333% 66.666%,#ed2939 66.666% 100%); }
.review-card[data-country="be"]::before { background:linear-gradient(to right,#000 0 33.333%,#fae042 33.333% 66.666%,#ed2939 66.666% 100%); }
@keyframes review-flag-drift { from { transform:translate3d(0,0,0) rotate(-7deg); } to { transform:translate3d(-6px,4px,0) rotate(-3deg); } }
@media (prefers-reduced-motion:reduce) { .review-card[data-country]::before { animation:none; } }
.review-card__mark { display:block; font-family:Georgia,serif; font-size:52px; line-height:.75; color:#c45a1d; margin-bottom:20px; }
.review-card blockquote { margin:0 0 28px; color:#372b24; font-size:17px; font-weight:600; line-height:1.5; overflow-wrap:anywhere; }
.review-card footer { margin-top:auto; padding:0; background:transparent; color:inherit; }
.review-card cite { display:block; font-style:normal; font-weight:700; font-size:14px; }
.review-card__country { display:block; margin-top:4px; font-size:13px; color:#77675a; }
.reviews-source { margin:22px 0 0; font-size:13px; color:#77675a; }
.reviews-source a { color:#8b3908; text-decoration:underline; text-underline-offset:3px; }
@media(max-width:1000px){ .reviews-grid {grid-template-columns:repeat(2,minmax(0,1fr));} }
@media(max-width:600px){ .reviews-section .reviews-header {display:block;} .reviews-section .reviews-intro {margin-top:12px;} .reviews-grid {grid-template-columns:1fr;} .review-card {min-height:0;} }

/* A calm, branded banner introduces the patient comments. */
.reviews-section .reviews-header{position:relative;isolation:isolate;align-items:center;min-height:190px;padding:38px 48px;margin-bottom:20px;overflow:hidden;border-radius:22px;background:linear-gradient(115deg,#6f3013 0%,#994319 58%,#bf652d 100%);color:#fff}
.reviews-section .reviews-header::after{content:'“';position:absolute;z-index:-1;right:5%;top:-88px;font:400 340px/1 Georgia,serif;color:rgba(255,255,255,.09);pointer-events:none}
.reviews-section .reviews-header .eyebrow{color:#ffe2ca}
.reviews-section .reviews-header .dot{background:#ffd2ae}
.reviews-section .reviews-header h2{color:#fff;font-size:clamp(34px,3.8vw,50px);line-height:1.08}
.reviews-section .reviews-header h2 em{color:#ffd4b0}
.reviews-section .reviews-intro{position:relative;max-width:320px;color:#fff7ef;font-size:17px;font-weight:500;line-height:1.55}
@media(max-width:600px){.reviews-section .reviews-header{min-height:0;padding:30px 24px;border-radius:18px}.reviews-section .reviews-header::after{right:0;top:-35px;font-size:210px}.reviews-section .reviews-intro{margin-top:18px;font-size:15px}}