/* Pwetty Design — PP Reviews (Riptide). Scoped to .ppd-rv */
.ppd-rv{--rv-per:3;--rv-gap:18px;--fg:var(--ppd-ink);--fg-soft:var(--ppd-muted);--card:var(--ppd-paper);--card-line:var(--ppd-line);
	background:var(--ppd-paper);color:var(--fg);font-family:var(--ppd-font)}
.ppd-rv *,.ppd-rv *::before,.ppd-rv *::after{box-sizing:border-box}
.ppd-rv-on-mist .ppd-rv{background:var(--ppd-mist)}
.ppd-rv-on-paper .ppd-rv{--card:var(--ppd-mist);--card-line:transparent}
.ppd-rv-on-ink .ppd-rv{--fg:#fff;--fg-soft:rgba(214,226,250,.72);--card:rgba(255,255,255,.05);--card-line:rgba(255,255,255,.1);
	background:linear-gradient(160deg,#10275A 0%,#0B1E43 45%,#071533 100%)}
.ppd-rv-inner{max-width:1320px;margin:0 auto;padding:96px 40px}
.ppd-rv-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:36px}
.ppd-rv-ht{max-width:640px}
.ppd-rv .ppd-rv-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;font:700 12px/1.2 var(--ppd-font);letter-spacing:.16em;text-transform:uppercase;color:var(--ppd-accent)}
.ppd-rv-on-ink .ppd-rv .ppd-rv-eyebrow{color:#7FA4FF}
.ppd-rv .ppd-rv-eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--ppd-foil)}
.ppd-rv .ppd-rv-title{margin:0 0 12px;padding:0;font:800 clamp(30px,3.8vw,50px)/1.06 var(--ppd-font);letter-spacing:-.025em;color:var(--fg)}
.ppd-rv .ppd-rv-text{margin:0;font:400 16px/1.6 var(--ppd-font-b);color:var(--fg-soft)}
.ppd-rv-nav{display:flex;gap:10px;flex:0 0 auto}
.ppd-rv .ppd-rv-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;margin:0;border:1.5px solid var(--card-line);border-radius:50%;background:transparent;color:var(--fg);cursor:pointer;box-shadow:none;transition:background-color .2s,border-color .2s,color .2s,opacity .2s}
.ppd-rv-on-paper .ppd-rv .ppd-rv-btn,.ppd-rv-on-mist .ppd-rv .ppd-rv-btn{border-color:var(--ppd-line)}
.ppd-rv .ppd-rv-btn:hover,.ppd-rv .ppd-rv-btn:focus-visible{background:var(--ppd-accent);border-color:var(--ppd-accent);color:#fff}
.ppd-rv .ppd-rv-btn[disabled]{opacity:.35;cursor:default;background:transparent;border-color:var(--card-line);color:var(--fg)}
.ppd-rv-btn:focus-visible{outline:2px solid var(--ppd-accent);outline-offset:3px}

.ppd-rv .ppd-rv-track{display:flex;gap:var(--rv-gap);margin:0;padding:0 0 6px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain}
.ppd-rv-track::-webkit-scrollbar{display:none}
.ppd-rv-track:focus-visible{outline:2px solid var(--ppd-accent);outline-offset:4px;border-radius:12px}
.ppd-rv-slide{flex:0 0 calc((100% - (var(--rv-per) - 1) * var(--rv-gap)) / var(--rv-per));min-width:0;margin:0;scroll-snap-align:start}
.ppd-rv-card{display:flex;flex-direction:column;height:100%;margin:0;padding:26px 24px 22px;border-radius:18px;background:var(--card);border:1px solid var(--card-line)}
.ppd-rv-stars{display:flex;gap:3px;margin-bottom:16px;color:#4F7FFF}
.ppd-rv-quote{flex:1 1 auto;margin:0 0 22px;padding:0;border:0;quotes:none}
.ppd-rv-quote::before{content:"\201C";display:block;height:28px;margin-bottom:4px;font:800 48px/1 var(--ppd-font);color:var(--ppd-accent);opacity:.6}
.ppd-rv .ppd-rv-quote p{margin:0;font:400 16px/1.65 var(--ppd-font-b);color:var(--fg)}
.ppd-rv-by{display:flex;align-items:center;gap:12px;margin:0;padding-top:18px;border-top:1px solid var(--card-line)}
.ppd-rv-on-paper .ppd-rv-by,.ppd-rv-on-mist .ppd-rv-by{border-top-color:var(--ppd-line)}
.ppd-rv-av{flex:0 0 40px;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#1F4FE0,#4F7FFF);color:#fff;font:800 15px/1 var(--ppd-font)}
.ppd-rv-by b{display:block;font:700 15px/1.3 var(--ppd-font);color:var(--fg)}
.ppd-rv-by small{display:inline-flex;align-items:center;gap:4px;margin-top:2px;font:500 12.5px/1.3 var(--ppd-font-b);color:var(--fg-soft)}
.ppd-rv-by small .ppd-ic{color:#2FA36B}

@media (max-width:1024px){
	.ppd-rv{--rv-per:2}
	.ppd-rv-inner{padding:72px 32px}
}
@media (max-width:767px){
	.ppd-rv{--rv-per:1;--rv-gap:12px}
	.ppd-rv-inner{padding:56px 16px}
	.ppd-rv-head{margin-bottom:24px}
	.ppd-rv-nav{display:none}
	.ppd-rv-slide{flex-basis:86%}
}
@media (prefers-reduced-motion:reduce){.ppd-rv .ppd-rv-track{scroll-behavior:auto}}
