.petro-review-ribbon{width:min(1120px,calc(100% - 48px));margin:64px auto;padding:28px 0 22px;color:#565654;background:#fff;clear:both}.review-ribbon-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.review-ribbon-head h2{font:400 clamp(28px,4vw,42px)/1.15 Cochin,Georgia,serif;letter-spacing:0;margin:0}.review-ribbon-controls{display:flex;gap:8px}.review-ribbon-controls[hidden]{display:none}.review-ribbon-controls button{min-width:44px;min-height:44px;padding:8px 14px;border:1px solid #e4e5e4;border-radius:24px;color:#565654;background:linear-gradient(155deg,#fff,#f7f8f7 46%,#fff 51%);font:400 14px Jost,sans-serif;box-shadow:inset 0 1px 2px #fff,0 3px 8px #56565412;cursor:pointer}.review-ribbon-track{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:4px 3px 24px;scrollbar-width:thin;scrollbar-color:#d5d8d6 #fff}.petro-review-ribbon .patient-voice{position:relative;flex:0 0 min(480px,85%);align-self:stretch;scroll-snap-align:start;box-sizing:border-box;margin:0;border:0;border-radius:22px;padding:24px 28px;background:#f1f3f2;color:#565654;display:flex;flex-direction:column;justify-content:space-between;box-shadow:none}.petro-review-ribbon .patient-voice p{font:italic 400 clamp(20px,2.2vw,26px)/1.45 Cochin,Georgia,serif;letter-spacing:0;margin:0 0 18px;color:inherit}.petro-review-ribbon .patient-voice cite{font:400 14px/1.4 Jost,sans-serif;color:#656562}.petro-review-ribbon .patient-voice:after{content:"";position:absolute;left:28px;bottom:-12px;width:22px;height:22px;background:#f1f3f2;clip-path:polygon(0 0,100% 0,0 100%)}.petro-review-ribbon button:focus-visible,.review-ribbon-track:focus-visible{outline:2px solid #656562;outline-offset:3px}@media(max-width:600px){.petro-review-ribbon{width:calc(100% - 32px);margin:40px auto}.review-ribbon-head{align-items:flex-start}.review-ribbon-head h2{font-size:28px}.review-ribbon-controls{gap:4px}.review-ribbon-controls button{padding:8px 10px}.petro-review-ribbon .patient-voice{flex-basis:88%;padding:22px}.review-ribbon-track{gap:16px}}@media print{.review-ribbon-controls{display:none}.review-ribbon-track{display:block;overflow:visible}.petro-review-ribbon .patient-voice{break-inside:avoid;margin:20px 0}}

/* PETRO color accents: approved bubbles, with pink and turquoise highlights. */
.petro-review-ribbon .patient-voice{--review-accent:#d82279;--review-tint:#fff0f6;border-top:3px solid var(--review-accent);background:linear-gradient(135deg,var(--review-tint),#f1f3f2 65%);box-shadow:inset 0 1px 0 #fff}
.petro-review-ribbon .patient-voice:nth-child(even){--review-accent:#188f98;--review-tint:#e8f9f8}
.petro-review-ribbon .patient-voice cite{color:var(--review-accent)}
.petro-review-ribbon .patient-voice cite:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--review-accent);margin-right:8px;vertical-align:middle}
/* Saturated editorial accents retain the approved quiet quote typography. */
.petro-review-ribbon .patient-voice{--review-accent:#ee007f;--review-tint:#ffe3f1;border:0;border-top:6px solid var(--review-accent);padding-top:50px;background:linear-gradient(125deg,var(--review-tint),#f6f7f6 72%);box-shadow:inset 0 2px 0 #fff,0 5px 16px #ee007f0b}
.petro-review-ribbon .patient-voice:nth-child(even){--review-accent:#00b9ca;--review-tint:#d4fbfc}
.petro-review-ribbon .patient-voice:before{content:'“';position:absolute;top:4px;left:23px;font:700 60px/1 Cochin,Georgia,serif;color:var(--review-accent);text-shadow:0 1px 0 #fff}
.petro-review-ribbon .patient-voice cite{align-self:flex-start;color:#565654;border-bottom:3px solid var(--review-accent);padding-bottom:5px}
.petro-review-ribbon .patient-voice cite:before{width:9px;height:9px;box-shadow:inset 0 1px 2px #ffffffb0}
.petro-review-ribbon .patient-voice:after{background:var(--review-accent)}
@media(max-width:600px){.petro-review-ribbon .patient-voice{padding-top:50px}}

/* LIPS magazine palette: lacquered raspberry and deep cherry, one consistent treatment. */
.petro-review-ribbon .patient-voice,.petro-review-ribbon .patient-voice:nth-child(even){--review-accent:#bd0050;--review-tint:#fff5f8;border-top:0;background:linear-gradient(135deg,#fff5f8,#f6f7f6 72%);box-shadow:inset 0 1px 0 #fff,0 -5px 0 #bd0050,0 -7px 0 #f92d83,0 5px 16px #bd00500b}
.petro-review-ribbon .patient-voice:before{background:linear-gradient(150deg,#970035 12%,#ef1670 40%,#ffb6d2 48%,#ef1670 55%,#a80043 90%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none}
.petro-review-ribbon .patient-voice cite{border-bottom-color:#bd0050}
.petro-review-ribbon .patient-voice cite:before,.petro-review-ribbon .patient-voice:after{background:linear-gradient(145deg,#f92d83,#bd0050 70%)}
/* Inline patient reviews share the magazine accents used by the scrolling reviews. */
blockquote.patient-voice:not(.petro-review-ribbon .patient-voice){position:relative;border:0;border-top:5px solid #bd0050;border-radius:22px;padding:2.7rem 1.6rem 1.5rem;background:linear-gradient(135deg,#fff5f8,#f1f3f2 72%);color:#565654;box-shadow:inset 0 2px 0 #fff,0 -2px 0 #f92d83}
blockquote.patient-voice:not(.petro-review-ribbon .patient-voice):before{content:'“';position:absolute;top:0;left:23px;font:700 52px/1 Cochin,Georgia,serif;background:linear-gradient(150deg,#970035 12%,#ef1670 40%,#ffb6d2 48%,#ef1670 55%,#a80043 90%);background-clip:text;-webkit-background-clip:text;color:transparent}
blockquote.patient-voice:not(.petro-review-ribbon .patient-voice) cite{display:table;padding-bottom:5px;border-bottom:3px solid #bd0050;color:#656562}
blockquote.patient-voice:not(.petro-review-ribbon .patient-voice) cite:before{content:'';display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;background:linear-gradient(145deg,#f92d83,#bd0050 70%);box-shadow:inset 0 1px 2px #ffffffb0}
blockquote.patient-voice:not(.petro-review-ribbon .patient-voice):after{background:linear-gradient(145deg,#f92d83,#bd0050 70%)}
