/* =====================================================================
   HOME v7: the new parts from Home.pdf, drawn in the same calm, light
   "porcelain" look as the rest of the page (hairlines, white glass,
   orange only for the important words)
   ===================================================================== */

/* 2. FOUR PROMISES: one row split by thin lines; each icon draws itself */

/* 3. ABOUT: bigger reading text; the words light up (site.js [data-lit]) */
.ab8 .ab8-say{font-size:clamp(20px,1.9vw,27px);line-height:1.5;font-weight:300;margin:24px 0 34px;max-width:34ch}
.ab8 .ab8-say .k{font-weight:700}

/* 5. PACKAGES: the free vacuum line stands out */
.panel li.vac{background:#fff4ea;border-color:#ffd2b0;color:var(--orange-ink);font-weight:800}

/* 7. APP: the QR code sits next to the store buttons */

/* 10. LOCATIONS: search + filter, the rows can be picked, a real Google map */

#llist>div{cursor:pointer;border-radius:14px;padding-inline:14px;margin-inline:-14px;transition:background .35s var(--ease)}
#llist>div:hover{background:rgba(255,106,0,.05)}
#llist>div.on{background:#fff4ea}
#llist>div.on dt::after{content:" ●";color:#ff6a00;font-size:.6em;vertical-align:middle}
#llist>div[hidden]{display:none}
.loc7-map{position:relative;border-radius:22px;overflow:hidden;background:#eef0f3;box-shadow:0 30px 80px rgba(0,0,0,.12)}
.loc7-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:saturate(.85);transition:opacity .4s var(--ease)}
.loc7-map.swap iframe{opacity:.35}
.loc7-map .mapph{position:absolute;inset:0;display:none;place-content:center;justify-items:center;gap:8px;text-align:center;padding:24px;
  background:linear-gradient(rgba(255,255,255,.55) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(90deg,rgba(255,255,255,.55) 1px,transparent 1px) 0 0/44px 44px,radial-gradient(circle at 50% 45%,#fff4ea,#e9ebef 70%)}
.loc7-map.nomap .mapph{display:grid}
.loc7-map.nomap iframe{display:none}
.loc7-map .mapph i{width:18px;height:18px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#ff6a00;box-shadow:0 0 0 8px rgba(255,106,0,.15);margin-bottom:10px}
.loc7-map .mapph b{font-size:20px;font-weight:800}
.loc7-map .mapph span{font-size:13px;color:var(--stone)}
.loc7-map.nomap .mapgo{left:50%;transform:translateX(-50%);bottom:24px;background:#ff6a00;color:#fff}
.loc7-map .mapgo{position:absolute;left:14px;bottom:14px;z-index:2;font-size:12px;font-weight:800;padding:10px 14px;border-radius:999px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 6px 20px rgba(0,0,0,.15)}

/* 11. FAQ: six topics; inside each, every question opens on its own */

.faq .a7{display:grid;gap:10px;padding:0 0 18px;font-size:15px;color:#4d4741;animation:a7in .5s var(--ease)}
.faq .a7 ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.faq .a7 li{font-size:13px;padding:6px 12px;border-radius:999px;background:#f4f1ec;border:1px solid #ebe4da}
.faq .flow7{font-weight:800;color:var(--orange-ink)}
@keyframes a7in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* 12. FRANCHISE: the text on the left, the white inquiry card on the right */
.fr7{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,90px);align-items:center}
.fr7-form{background:rgba(255,255,255,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:rgba(255,255,255,.6);color:var(--ink);box-shadow:0 40px 100px rgba(0,0,0,.35)}
.fr6-ok{margin-top:12px;font-size:14px;color:var(--orange-ink);font-weight:700}

@media (max-width:900px){

  .fr7{grid-template-columns:minmax(0,1fr)}
  .loc7-map{aspect-ratio:4/3}
}

/* HERO: the four promises, as the hero's second caption. Four glass tiles
   that rise in one by one while the car turns behind them */
.hprom{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:12px}
.hprom li{display:grid;gap:4px;padding:18px 18px 16px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.cap.on .hprom li{opacity:1;transform:none}
.cap.on .hprom li:nth-child(2){transition-delay:.1s}.cap.on .hprom li:nth-child(3){transition-delay:.2s}.cap.on .hprom li:nth-child(4){transition-delay:.3s}

.hprom b{font-size:18px;font-weight:800}
.hprom li>span{font-size:13px;color:rgba(255,255,255,.65)}
@media (max-width:560px){.hprom{grid-template-columns:1fr 1fr;gap:8px}.hprom li{padding:12px}.hprom b{font-size:15px}}

/* REVIEWS in the 3D glass frames, light version */
.persp.light{background:radial-gradient(ellipse at 50% 45%,#fffaf4,var(--ground) 70%);height:330vh}
.persp.light .pp-pin{color:var(--ink)}
.persp.light .pp-pin h2 b{color:var(--orange-ink)}
.persp.light .pp::before{border-color:rgba(168,134,90,.35);background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.35) 45%,rgba(255,255,255,.7));box-shadow:0 40px 90px rgba(80,50,20,.14)}
.pp.rvc{aspect-ratio:16/9}
.rvc-in{position:absolute;inset:0;border-radius:6px;background:linear-gradient(150deg,#fff,#fff6ee);display:grid;align-content:center;gap:clamp(14px,2vh,24px);padding:clamp(24px,4vw,64px)}
.rvc .st{color:#ff6a00;letter-spacing:.2em;font-size:clamp(16px,1.4vw,22px)}
.rvc blockquote{margin:0;font-size:clamp(22px,2.6vw,42px);font-weight:300;line-height:1.25;letter-spacing:-.01em}
.rvc .who{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}
.rvc .who i{grid-row:span 2;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;color:#fff;background:var(--grad)}
.rvc .who b{font-size:17px}.rvc .who span{font-size:14px;color:var(--stone)}
.rvc figcaption{display:none}
.persp.light .pp-cap{color:var(--ink)}
.persp.light .pp-cap span{color:var(--stone)}
@media (max-width:760px){.pp.rvc{width:84vw;aspect-ratio:4/5}.rvc blockquote{font-size:24px}}
.persp.light .pp-cap p{color:var(--ink)}

/* hero promises v2: no icons, ONE big card at a time (js/hero360.js adds .now) */
.hprom{display:block;position:relative;height:230px;max-width:460px}
.hprom li{position:absolute;inset:0;padding:34px 34px 30px;align-content:end;opacity:0;transform:translateY(30px) scale(.97);pointer-events:none}
.hprom li>span::before{content:none}
.cap.on .hprom li{opacity:0;transform:translateY(30px) scale(.97)}
.cap.on .hprom li.now{opacity:1;transform:none;transition-delay:0s}
.cap.on .hprom li:not(.now){transform:translateY(-30px) scale(.97);transition-delay:0s}
.hprom b{font-size:clamp(30px,3vw,44px);line-height:1.05}
.hprom li>span{font-size:17px;margin-top:8px}
.hprom li::after{counter-increment:pr;content:"0" counter(pr) " / 04";position:absolute;top:28px;left:34px;font-size:12px;font-weight:800;letter-spacing:.24em;color:#ff8a3d}
.hprom{counter-reset:pr}
@media (max-width:560px){.hprom{height:190px}.hprom li{padding:26px 24px}.hprom li::after{top:22px;left:24px}}
.hprom{width:min(460px,86vw)}

/* ABOUT heading, like the chosen opener: big, three lines, "your car." orange */
.proven .ab8-h{font-size:clamp(44px,5.6vw,92px);font-weight:300;line-height:1;letter-spacing:-.03em}
.ab8-h b{display:block;font-weight:800}
.ab8-h b span{display:block;color:var(--orange-ink)}

/* FOOTER app badges, option A: slim glass pills with white icons */
.fstores .store{display:inline-flex;align-items:center;gap:12px;padding:10px 22px 10px 16px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;transition:background .3s,transform .3s}
.fstores .store:hover{background:rgba(255,255,255,.24);transform:translateY(-2px)}
.fstores .store svg path{fill:#fff}
.fstores .store span{display:grid;line-height:1.1}
.fstores .store small{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.fstores .store b{font-size:16px;font-weight:800;opacity:1;letter-spacing:0}

/* ===== 7. APP, option A: dark showcase ===== */
.app8{position:relative;background:radial-gradient(ellipse at 50% 62%,#2c1e14,#100c09 68%);color:#f6f1ea;padding:clamp(100px,14vh,140px) 0 clamp(70px,10vh,110px);overflow:hidden;text-align:center}
.app8 .chap{text-align:left}
.app8 h2{font-size:clamp(38px,5vw,76px);font-weight:300;line-height:1.02;margin-top:clamp(24px,4vh,40px)}
.app8 h2 b{font-weight:800;color:#ff8a3d}
.app8 .sub{max-width:560px;margin:18px auto 0;color:rgba(246,241,234,.7)}
.app8-stage{--k:0;position:relative;height:clamp(420px,58vh,560px);max-width:1100px;margin:clamp(30px,5vh,60px) auto 0}
.aph{position:absolute;left:50%;top:0;height:100%;width:auto;border-radius:clamp(26px,3vw,40px);box-shadow:0 0 0 7px #1d1713,0 60px 120px rgba(255,106,0,.22)}
.aph.c{transform:translateX(-50%);z-index:3}
.aph.l,.aph.r{height:84%;top:8%;z-index:2;opacity:calc(.25 + var(--k)*.45)}
.aph.l{transform:translateX(calc(-50% - var(--k)*82%)) rotate(calc(var(--k)*-8deg))}
.aph.r{transform:translateX(calc(-50% + var(--k)*82%)) rotate(calc(var(--k)*8deg))}
.chips8{list-style:none;margin:0;padding:0;position:absolute;inset:0;z-index:4;pointer-events:none}
.chips8 li{position:absolute;left:calc(50% + var(--x));top:var(--y);transform:translate(-50%,-50%);white-space:nowrap;padding:12px 18px;border-radius:999px;font-weight:700;font-size:14px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:float8 6s ease-in-out infinite}
.chips8 li:nth-child(2n){animation-delay:-3s}.chips8 li:nth-child(3n){animation-duration:7.5s}
.chips8 li i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff6a00;margin-right:10px;box-shadow:0 0 12px #ff6a00}
@keyframes float8{50%{margin-top:-10px}}
.app8-dl{display:flex;gap:14px;justify-content:center;align-items:center;margin-top:clamp(30px,5vh,50px)}
.app8-dl .btn.line{color:#fff;border-color:rgba(255,255,255,.7)}
.app8-dl img{width:78px;height:78px;border-radius:12px;background:#fff;padding:5px}

/* ===== 10. LOCATIONS, option A: big map + glass panel ===== */
.loc8{position:relative;min-height:max(100vh,760px);padding:clamp(90px,12vh,120px) clamp(20px,5vw,64px);display:flex;align-items:center}
.loc8-map{position:absolute;inset:0;border-radius:0;box-shadow:none}
.loc8-panel{position:relative;z-index:3;width:min(470px,100%);padding:clamp(26px,3vw,38px);border-radius:28px;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 40px 90px rgba(0,0,0,.16)}

.loc8-panel input{width:100%;font:inherit;font-size:15px;padding:14px 20px;border-radius:999px;border:1px solid var(--hair);background:#fff;margin:22px 0 12px}
.loc8-panel input:focus{outline:0;border-color:#ff6a00;box-shadow:0 0 0 4px rgba(255,106,0,.12)}
.loc8-f{display:flex;gap:8px;margin-bottom:12px}
.loc8-f button{font:inherit;font-size:13px;font-weight:700;padding:8px 14px;border-radius:999px;border:1px solid var(--hair);background:#fff;cursor:pointer;color:var(--ink)}
.loc8-f button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.loc8 #llist{margin:0 0 18px}
.loc8 #llist>div{display:grid;grid-template-columns:1fr auto;padding:12px 14px;margin:0;border:0;border-radius:16px}
.loc8 #llist dt{font-weight:800;font-size:17px}
.loc8 #llist dd{grid-column:1/-1;margin:2px 0 0;font-size:13px;color:var(--stone)}
.loc8 #llist dd span{position:absolute;right:14px;top:14px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:5px 9px;border-radius:999px;background:#e7f4ec;color:#2f8a57}
.loc8 #llist dd span.soon{background:#f1ede7;color:var(--stone)}
.loc8 #llist>div{position:relative}
.loc8 .pnote{margin-top:12px;font-size:13px}
.loc8 .mapgo{left:auto;right:20px;bottom:20px}
.loc8 .loc7-map.nomap .mapgo{left:auto;right:20px;transform:none}
@media (max-width:760px){
  .loc8{display:block;padding:0;min-height:0}
  /* FIX 2026-11-02: the 4:3 shape + 56vh height made the map 630px wide on a
     390px phone, so the whole page slid sideways. Full width, no shape. */
  .loc8-map{position:relative;height:56vh;width:100%;aspect-ratio:auto}
  .loc8-panel{margin:-60px 16px 40px;width:auto}
}

/* ===== 11. FAQ, option A: topic tabs + question cards ===== */
.fq8 h2{font-size:clamp(38px,4.6vw,68px);font-weight:300;line-height:1.02;margin-top:20px}.fq8 h2 b{font-weight:800}
.fq8 .sub{max-width:640px;margin-top:18px;color:#4d4741}.fq8 .sub a{color:var(--orange-ink);font-weight:700;text-decoration:none}
.fq8-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:34px 0 26px}
.fq8-tabs button{font:inherit;font-size:15px;font-weight:700;padding:12px 20px;border-radius:999px;border:1px solid var(--hair);background:#fff;color:var(--ink);cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.fq8-tabs button em{font-style:normal;color:var(--orange-ink);font-weight:800;margin-right:8px}
.fq8-tabs button:hover{border-color:#ffb58a}
.fq8-tabs button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.fq8-tabs button.on em{color:#ff8a3d}
.fq8-pane{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.fq8-pane.on{animation:a7in .5s var(--ease)}
.fq8-q{background:#fff;border:1px solid #ece4d9;border-radius:20px;padding:0 24px;transition:border-color .3s,box-shadow .3s}
.fq8-q[open]{border-color:#ffd2b0;box-shadow:0 20px 40px rgba(232,72,12,.08)}
.fq8-q summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:12px 0;font-weight:700;font-size:17px}
.fq8-q summary::-webkit-details-marker{display:none}
.fq8-q summary::after{content:"+";font-weight:300;font-size:24px;line-height:1;color:var(--orange-ink);transition:transform .4s var(--ease)}
.fq8-q[open] summary::after{transform:rotate(45deg)}
.fq8 .a7{display:grid;gap:10px;padding:0 0 20px;font-size:15px;color:#4d4741;animation:a7in .5s var(--ease)}
.fq8 .a7 ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.fq8 .a7 li{font-size:13px;padding:6px 12px;border-radius:999px;background:#f4f1ec;border:1px solid #ebe4da}
@media (max-width:760px){.fq8-pane{grid-template-columns:1fr}.fq8-tabs{flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding:0 16px 6px}.fq8-tabs button{white-space:nowrap}}

@media (max-width:760px){
  .app8-stage{height:420px}
  .aph.l{transform:translateX(calc(-50% - var(--k)*62%)) rotate(calc(var(--k)*-8deg))}
  .aph.r{transform:translateX(calc(-50% + var(--k)*62%)) rotate(calc(var(--k)*8deg))}
  .chips8 li{font-size:11px;padding:8px 12px}
  .chips8 li:nth-child(n){left:calc(50% + var(--x)*.8)}
}

/* REVIEWS: calmer. Smaller heading, one card in the middle, the next ones
   only a faint hint, no repeated name line under the card */
.persp.light .pp-pin h2{font-size:clamp(30px,3.4vw,52px);max-width:none}
.persp.light .pp{top:60%;width:min(40vw,620px)}
.persp.light .pp-cap p{display:none}
.rvc-in{gap:clamp(12px,1.8vh,20px);padding:clamp(24px,3.4vw,52px)}
.rvc blockquote{font-size:clamp(20px,2vw,32px)}
@media (max-width:760px){.persp.light .pp{width:84vw;top:62%}}
@media (max-width:760px){.chips8{display:none}}

/* ===== 11. FAQ, option B: topic list left, answer panel right ===== */
.fq9{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(40px,6vw,90px);align-items:start}
.fq9-side{position:sticky;top:110px}
.fq9 .fq8-tabs{display:block;margin:34px 0 0;border-top:1px solid var(--hair)}
.fq9 .fq8-tabs button{display:flex;width:100%;align-items:baseline;gap:16px;padding:18px 0;border:0;border-bottom:1px solid var(--hair);border-radius:0;background:none;
  font-size:clamp(17px,1.4vw,21px);font-weight:300;color:var(--stone);text-align:left}
.fq9 .fq8-tabs button em{font-size:12px;letter-spacing:.2em;color:var(--stone);margin:0;min-width:2.2em}
.fq9 .fq8-tabs button::after{content:"→";margin-left:auto;color:var(--orange-ink);opacity:0;transform:translateX(-8px);transition:opacity .3s,transform .3s}
.fq9 .fq8-tabs button:hover{color:var(--ink)}
.fq9 .fq8-tabs button.on{background:none;color:var(--ink);font-weight:800}
.fq9 .fq8-tabs button.on em{color:var(--orange-ink)}
.fq9 .fq8-tabs button.on::after{opacity:1;transform:none}
.fq9 .fq8-pane{display:block;background:#fff;border-radius:28px;padding:clamp(26px,3.4vw,46px);box-shadow:0 40px 90px rgba(60,40,20,.1)}
.fq9 .fq8-pane[hidden]{display:none}
.fq9-k{font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--orange-ink)}
.fq9 .fq8-pane h3{font-size:clamp(28px,2.6vw,38px);font-weight:300;margin:8px 0 14px}.fq9 .fq8-pane h3 b{font-weight:800}
.fq9 .fq8-q{border:0;border-top:1px solid #efe8de;border-radius:0;padding:0;box-shadow:none}
.fq9 .fq8-q[open]{box-shadow:none}
.fq9 .fq8-q[open] summary{color:var(--orange-ink)}
@media (max-width:860px){
  .fq9{grid-template-columns:1fr}.fq9-side{position:static}
  .fq9 .fq8-tabs{display:flex;border:0;gap:8px;overflow-x:auto;margin-inline:-16px;padding:0 16px 6px}
  .fq9 .fq8-tabs button{width:auto;white-space:nowrap;padding:10px 16px;border:1px solid var(--hair);border-radius:999px;font-size:14px;font-weight:700;background:#fff}
  .fq9 .fq8-tabs button.on{background:var(--ink);color:#fff}.fq9 .fq8-tabs button::after{content:none}
}
@media (max-width:860px){.fq9{grid-template-columns:minmax(0,1fr)}.fq9-side,.fq9-panes{min-width:0}.fq9 .a7 ul{flex-wrap:wrap}}
.fq9-panes{margin-top:clamp(80px,10vw,150px)}   /* the white card sits a little lower than the heading */
@media (max-width:860px){.fq9-panes{margin-top:0}}
.h360{height:440vh}

/* 2026-10-21 hiruni: no crossing-out lines on the Traditional wash list */
.vs6-card.old li::after{display:none}
/* 2026-10-21 hiruni: less empty space in the FAQ. The heading now runs across
   the top, so the topic list (left) and the questions card (right) start
   together and end at about the same height. */
@media (min-width:861px){
  .fq9{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);column-gap:clamp(40px,5vw,80px);row-gap:0;align-items:start}
  .fq9-side{display:contents}
  .fq9-side>.chap,.fq9 h2,.fq9 .sub{grid-column:1/-1}
  .fq9 .sub{max-width:760px}
  .fq9 .fq8-tabs{grid-column:1;margin-top:40px}
  .fq9-panes{grid-column:2;margin-top:40px}
}
.fq9 .fq8-tabs button{padding:15px 0}

/* Locations: the real map picture behind the panel (shown where the live
   Google map is blocked, like the preview viewer) */
.loc7-map .mapph{padding:0;display:none}
.loc7-map .mapstat{position:absolute;top:0;right:0;height:min(100%,100vh);aspect-ratio:1400/1031}
.loc7-map .mapstat img{width:100%;height:100%;display:block;filter:saturate(.75) contrast(.95)}
.loc7-map .mpin{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}
.loc7-map .mpin em{order:-1;font-style:normal;font-size:12px;font-weight:800;letter-spacing:.04em;background:#fff;color:var(--ink);padding:6px 10px;border-radius:999px;box-shadow:0 6px 18px rgba(0,0,0,.18);white-space:nowrap}
.loc7-map .mpin i{width:16px;height:16px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#ff6a00;box-shadow:0 0 0 6px rgba(255,106,0,.18)}
.loc7-map .mpin.soon i{background:#8a8f98;box-shadow:0 0 0 6px rgba(138,143,152,.2)}
.loc7-map .mpin.on em{background:#ff6a00;color:#fff}
.loc7-map .mpin.on i{box-shadow:0 0 0 10px rgba(255,106,0,.25)}
.loc7-map .mapstat small{position:absolute;right:10px;bottom:8px;font-size:10px;color:#555;background:rgba(255,255,255,.75);padding:2px 6px;border-radius:4px}
@media (max-width:900px){.loc7-map .mapstat{right:auto;left:50%;transform:translateX(-50%)}}
.loc7-map .mpin[data-q="Wattala, Sri Lanka"]{transform:translate(-50%,-16px)}
.loc7-map .mpin[data-q="Wattala, Sri Lanka"] em{order:1}

/* the middle phone is a full phone picture (its own frame), so no drawn frame */
.aph.c.real{border-radius:0;box-shadow:none;filter:drop-shadow(0 40px 80px rgba(255,106,0,.22))}
.loc7-map .mapph{display:block}

/* reviews feel less empty: three cards side by side, the middle one in front, a soft quote mark */
.persp.light .pp{width:min(29vw,470px)}
.persp.light .pp.rvc{aspect-ratio:4/3}
.persp.light .rvc blockquote{font-size:clamp(18px,1.7vw,28px)}
.rvc-in::before{content:"\201C";position:absolute;top:-.1em;right:.2em;font-size:clamp(100px,10vw,170px);line-height:1;font-weight:800;color:rgba(255,106,0,.10);pointer-events:none}

/* Compact review card typography */
@media (min-width: 761px) {
  .rvc blockquote {
    font-size: 16px;
    line-height: 1.5;
  }

  .rvc .rvc-in {
    font-size: 15px;
  }
}
/* FINAL FIX — Review text size */
@media (min-width: 761px) {
  .persp.light .pp.rvc blockquote {
    font-size: 16px !important;
    line-height: 1.45 !important;
  }
}
/* Franchise - Site Requirements link spacing */
#franchise .fr-in .hbtns {
  margin-top: 32px;
}
/* Approved franchise heading/divider breathing room (desktop only). */
@media (min-width: 761px) {
  #franchise .fr-in > div > #h-fr { margin-top: 22px; }
}