.patient-stories { position:relative; isolation:isolate; overflow:hidden; padding:90px 0; background:linear-gradient(rgba(28,30,48,.24),rgba(28,30,48,.45)),url('../images/patient-stories-generated.png') center/cover no-repeat; border-block:1px solid #b8977b; }
.patient-stories:before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 0 0,rgba(218,166,128,.18),transparent 60%); pointer-events:none; z-index:-1; }
.patient-stories:after { content:''; position:absolute; width:340px; height:340px; right:-190px; bottom:-220px; border:1px solid #e7b7a655; border-radius:50%; box-shadow:0 0 0 22px #e7b7a60a,0 0 0 23px #e7b7a630; pointer-events:none; z-index:-1; }
.patient-stories-grid { display:grid; grid-template-columns: .85fr 1.15fr; gap:90px; align-items:center; }
.patient-review-carousel { min-width:0; }
.patient-review-track { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; scrollbar-width:thin; scrollbar-color:#e7b7a6 #26283f; }
.patient-review-track>.patient-review { flex:0 0 100%; min-width:0; scroll-snap-align:start; }
.clinic-home .patient-review .patient-review-summary { font:400 clamp(15px,1.25vw,18px)/1.8 'Playfair Display',Georgia,serif; color:#fff8ef; margin:20px 0 24px; }
.patient-review-controls { display:flex; align-items:center; gap:10px; margin-top:18px; }
.patient-review-controls button { width:40px; height:40px; border:1px solid #e7b7a680; background:transparent; color:#fff8ef; border-radius:50%; }
.patient-review-controls button:disabled { opacity:.3; cursor:default; }
.patient-review-controls a { margin-left:auto; color:#f4c5ac; font-size:12px; text-decoration:underline; }
.patient-stories-intro .ss-kicker { color:#f4c5ac; font-size:10px; letter-spacing:.16em; background:none; }
.clinic-home .patient-stories h2 { font:400 clamp(28px,3vw,40px)/1.2 'Playfair Display',Georgia,serif; color:#fffaf3; margin:18px 0; letter-spacing:-.025em; }
.patient-stories h2 em { color:#f4c5ac; font-weight:400; }
.clinic-home .patient-stories-intro p { font-size:14px; line-height:1.8; color:#f0e8e1; max-width:350px; }
.patient-stories-link { display:inline-flex; align-items:center; gap:35px; color:#fffaf3; font-size:12px; border-bottom:1px solid #e2b69d; padding:8px 0; margin-top:10px; }
.patient-stories-link:hover { color:#f4c5ac; }
.patient-stories-photo { display:flex; align-items:center; gap:16px; margin-top:26px; }
.patient-stories-photo img { width:86px; height:70px; object-fit:cover; border-radius:35px 35px 8px 8px; }
.patient-stories-photo>span { color:#f4c5ac; font:italic 16px/1.5 Georgia,serif; }
.patient-review { position:relative; margin:0; padding:32px 0 32px 40px; background:transparent; border:0; border-left:1px solid #f4c5ac66; border-radius:0; box-shadow:none; }
.patient-review-top { display:flex; justify-content:space-between; align-items:center; color:#f1c9b2; font-size:9px; letter-spacing:.15em; }
.patient-review-quote { font:70px/.65 Georgia,serif; color:#e7b7a6; }
.patient-review-stars { color:#f0c6a0; font-size:18px; letter-spacing:4px; margin:22px 0 18px; }
.patient-review blockquote { font:400 clamp(21px,2.2vw,29px)/1.55 'Playfair Display',Georgia,serif; color:#fff8ef; border:0; padding:0; margin:0 0 30px; }
.patient-review figcaption { display:flex; gap:14px; align-items:center; padding-top:22px; border-top:1px solid #5c5260; }
.patient-review-avatar { display:grid; place-items:center; width:46px; height:46px; border-radius:50%; background:#f0c9b4; color:#26283f; font:500 13px/1 sans-serif; }
.patient-review figcaption strong { display:block; color:#fff8ef; font-size:14px; font-weight:500; }
.patient-review figcaption div>span { display:block; color:#dfd0c8; font-size:11px; margin-top:4px; }
.patient-review-flower { margin-left:auto; color:#e7b7a6; font-size:32px; }
@media(max-width:800px) { .patient-stories { background-position:center; background-image:linear-gradient(#1c1e3066,#1c1e3099),url('../images/patient-stories-generated.png'); } .patient-stories-grid { grid-template-columns:1fr; gap:30px; } .patient-stories-intro { max-width:550px; } .patient-review { padding:28px 0 0; border-left:0; border-top:1px solid #f4c5ac66; } }
@media(max-width:480px) { .patient-stories { padding:55px 0; } }
