/* Layout: single long dealer page — photo hero, benefit band, solid CTA bars, carousel + reviews, structure-type cards, dark brown footer */
:root{
 --bg:#EFEEEB; --paper:#FFFFFF; --ink:#26241F; --muted:#615C53; --line:#D9D5CC;
 --green:#33463C; --green-deep:#26352D; --brown:#9B6C36; --tan:#93795A; --wood:#3B2A22; --on-dark:#F4F1EA;
 --serif:"Libre Baskerville",Georgia,"Times New Roman",serif;
 --sans:"Montserrat","Segoe UI",Helvetica,Arial,sans-serif;
 --wrap:1180px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#1C1F1C;--paper:#262A26;--ink:#ECE9E2;--muted:#B7B2A7;--line:#3A3F39;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#1C1F1C;--paper:#262A26;--ink:#ECE9E2;--muted:#B7B2A7;--line:#3A3F39;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:150px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:var(--bg);color:var(--ink);font:16px/1.75 var(--sans)}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--brown);outline-offset:2px}
h1,h2,h3{margin:0;text-wrap:balance}
p{margin:0}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:20px}
.kicker{font:500 clamp(1rem,2.4vw,1.35rem)/1.3 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--green)}
.title{font:700 clamp(2rem,4.6vw,3.1rem)/1.15 var(--serif);color:var(--tan)}
.sub{font:500 1.15rem/1.6 var(--sans);color:var(--green)}
section{padding-block:72px}
.center{text-align:center}
.sec-head{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;margin-bottom:38px}

/* buttons with offset shadow */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;font:500 1rem/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;padding:17px 28px;background:var(--green);color:var(--on-dark);border:0;cursor:pointer;box-shadow:7px 7px 0 var(--tan);transition:transform .15s ease,box-shadow .15s ease}
.btn:hover{transform:translate(2px,2px);box-shadow:5px 5px 0 var(--tan)}
.btn.dark{background:var(--wood)}
.btn.line{background:transparent;color:var(--green);box-shadow:none;border:2px solid var(--green)}
.btn.line:hover{background:var(--green);color:var(--on-dark);transform:none}
.btn.sm{padding:13px 18px;font-size:.85rem;box-shadow:5px 5px 0 var(--tan)}
@media (prefers-reduced-motion:reduce){.btn{transition:none}}

/* top bar + header */
.topbar{background:var(--green);color:var(--on-dark)}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;min-height:52px}
.topbar a{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-weight:500}
.topbar svg{width:22px;height:22px;fill:var(--on-dark)}
.tl{display:flex;gap:26px}
@media (max-width:640px){.tl span{display:none}}
header.site{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:var(--paper);border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:92px}
.logo img{height:64px;width:auto}
.burger{width:52px;height:46px;background:none;border:0;display:flex;flex-direction:column;justify-content:center;gap:8px;cursor:pointer;padding:0 6px}
.burger span{display:block;height:3px;border-radius:2px;background:var(--green)}
.drawer{position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:4px solid var(--green);box-shadow:0 18px 30px -18px rgba(0,0,0,.4)}
.drawer nav{display:grid;grid-template-columns:repeat(4,1fr);gap:0 24px;padding-block:18px 24px}
.drawer a{display:block;padding:14px 4px;border-bottom:1px solid var(--line);text-decoration:none;font-weight:600;letter-spacing:.03em;text-transform:uppercase;font-size:.92rem}
.drawer a:hover{color:var(--brown)}
@media (max-width:820px){.drawer nav{grid-template-columns:1fr}}
.hdr-cta{display:flex;align-items:center;gap:18px}
@media (max-width:560px){header.site .wrap{min-height:78px}.logo img{height:50px}.hdr-cta .btn{padding:13px 14px;font-size:.78rem;box-shadow:5px 5px 0 var(--tan)}.hdr-cta{gap:10px}}

/* hero */
.hero{position:relative;background:#111;color:#fff;overflow:hidden}
.hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 55%}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.35) 45%,rgba(10,10,10,.92) 100%)}
.hero .in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;padding-block:120px 54px}
.hero .eyebrow{font:500 clamp(1.05rem,2.6vw,1.45rem)/1.3 var(--sans);letter-spacing:.02em;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.hero h1{font:700 clamp(2.3rem,6vw,4.2rem)/1.12 var(--serif);text-shadow:0 3px 16px rgba(0,0,0,.6);max-width:14em}
.hero .lead{max-width:38em;font-size:1.08rem;color:rgba(255,255,255,.9)}
.hero .btn{margin-top:12px;box-shadow:7px 7px 0 var(--tan)}
.seal{width:150px;height:150px;margin-top:26px}
@media (max-width:560px){.hero .in{padding-block:84px 40px}.seal{width:118px;height:118px}}

/* benefits */
.benefits{background:var(--paper)}
.benefits .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.ben{display:flex;gap:20px;align-items:center;min-width:0}
.ben .ico{flex:0 0 74px;height:74px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center}
.ben .ico svg{width:38px;height:38px;fill:none;stroke:var(--brown);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ben h3{font:600 clamp(1.25rem,2.4vw,1.6rem)/1.2 var(--sans);color:var(--green)}
.ben p{color:var(--muted)}
@media (max-width:900px){.benefits .grid{grid-template-columns:1fr;gap:22px}}

.bar{display:block;background:var(--green);color:#fff;text-decoration:none;text-align:center;padding:34px 20px;font:500 clamp(1.6rem,4.4vw,2.8rem)/1.15 var(--sans);letter-spacing:.04em;text-transform:uppercase}
.bar span{display:inline-flex;align-items:center;gap:18px}
.bar svg{width:.9em;height:.9em;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.bar:hover{background:var(--green-deep)}
.bar.tan{background:var(--tan)}.bar.tan:hover{background:#7f6748}

/* photo carousel */
.carousel{position:relative;background:var(--paper);padding:34px 40px}
.cslides{position:relative;aspect-ratio:4/3;max-height:620px;width:100%;overflow:hidden;background:#1c1f1c}
.cslide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .6s ease}
.cslide.on{opacity:1;z-index:1}
.cslide img{width:100%;height:100%;object-fit:cover}
.cslide figcaption{position:absolute;left:0;bottom:0;background:rgba(38,53,45,.88);color:#fff;font-weight:600;padding:10px 18px}
.cnext,.cprev{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:70px;height:70px;border:0;background:var(--green);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:7px 7px 0 var(--tan)}
.cnext{right:0}.cprev{left:0}
.cnext svg,.cprev svg{width:30px;height:30px;fill:none;stroke:#fff;stroke-width:2.6}
.dots{display:flex;justify-content:center;gap:14px;margin-top:28px}
.dots button{width:14px;height:14px;border-radius:50%;border:0;background:#C9A9A0;padding:0;cursor:pointer;opacity:.7}
.dots button.on{background:transparent;outline:3px solid var(--green);outline-offset:-1px;opacity:1}
@media (max-width:560px){.carousel{padding:18px 18px}.cnext,.cprev{width:52px;height:52px;box-shadow:5px 5px 0 var(--tan)}}
@media (prefers-reduced-motion:reduce){.cslide{transition:none}}

/* single review carousel */
.rv{position:relative;max-width:640px;margin:42px auto 0;display:flex;align-items:center;gap:14px}
.rvcard{flex:1;min-width:0;background:var(--paper);box-shadow:0 1px 3px rgba(0,0,0,.12);padding:26px 28px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;gap:14px 18px;min-height:250px}
.rvcard .stars{display:flex;gap:4px}.rvcard .stars svg{width:30px;height:30px;fill:#F6BB06}
.rvcard .when{color:var(--muted);font-size:1.05rem;justify-self:end;align-self:center}
.rvcard .txt{grid-column:1/-1;font-size:1.12rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.rvcard .who{color:#7A2E1E;font-weight:500;font-size:1.15rem;display:flex;align-items:center;gap:7px;align-self:end}
.rvcard .who svg{width:20px;height:20px}
.rvcard .src{align-self:end;justify-self:end}
.rvcard .src svg{width:46px;height:46px}
.rvcard .rec{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:#444;font-size:1rem}
.rvcard .rec svg{width:22px;height:22px}
.rvbtn{flex:0 0 46px;height:46px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center}
.rvbtn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4}
.rvcount{text-align:center;color:var(--muted);font-size:.92rem;margin-top:14px;font-variant-numeric:tabular-nums}
@media (max-width:560px){.rv{gap:8px}.rvbtn{flex-basis:36px;height:36px}.rvcard{padding:20px;min-height:270px}.rvcard .stars svg{width:24px;height:24px}}

/* about */
.about{position:relative}
.about .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.about .grid>*{min-width:0}
.about .story{border-right:3px solid var(--tan);padding-right:40px;display:flex;flex-direction:column;gap:16px}
.about .story .lbl{font-weight:600;color:var(--green);font-size:1.15rem}
.about .story p{color:var(--green);font-size:1.12rem}
.badge{background:var(--paper);border-radius:24px;box-shadow:0 2px 14px rgba(0,0,0,.1);padding:26px 30px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.badge .ic{display:flex}.badge .ic svg{width:46px;height:46px}
.badge .stars{display:flex;gap:8px}.badge .stars svg{width:36px;height:36px;fill:#F6BB06}
.badge b{font-size:1.3rem}
.owner{border-left:4px solid var(--brown);padding-left:22px;display:flex;flex-direction:column;gap:12px}
.owner p{font:400 1.15rem/1.7 var(--serif)}
.owner .sig{font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.9rem;color:var(--muted)}
@media (max-width:900px){.about .grid{grid-template-columns:1fr;gap:36px}.about .story{border-right:0;padding-right:0;border-left:3px solid var(--tan);padding-left:22px}}

/* structure types */
.types{background:var(--bg)}
.tblock{margin-top:56px}
.thead{position:relative;background:#121520;color:#fff;padding:30px 30px 30px 200px;display:flex;flex-direction:column;gap:10px;min-height:130px;justify-content:center}
.thead .seal{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:150px;height:150px;margin:0}
.thead h3{font:500 clamp(1.8rem,4vw,2.8rem)/1 var(--sans);letter-spacing:.04em;text-transform:uppercase}
.thead p{font-size:1.12rem;color:rgba(255,255,255,.88)}
.thead p b{color:#fff}
@media (max-width:640px){.thead{padding:96px 22px 26px}.thead .seal{left:50%;top:-34px;transform:translateX(-50%);width:120px;height:120px}.tblock{margin-top:84px}}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-top:26px}
.card{background:#E6E4DF;border:1px solid #C9C5BC;padding:34px 34px 30px;display:flex;flex-direction:column;gap:18px;min-width:0}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .card{background:var(--paper);border-color:var(--line)}}
:root[data-theme="dark"] .card{background:var(--paper);border-color:var(--line)}
.card img{width:100%;aspect-ratio:1/1;object-fit:cover}
.card h4{margin:0;font:500 1.6rem/1.2 var(--sans)}
.card .note{color:var(--brown);font-style:italic;font-weight:500;text-align:right}
.card .styles{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.card .styles li{font-size:.85rem;border:1px solid #BDB8AE;padding:4px 10px;background:rgba(255,255,255,.5)}
.pair{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--green)}
.pair a,.pair button{display:flex;align-items:center;justify-content:center;padding:18px 10px;font:500 1.2rem/1 var(--sans);text-decoration:none;cursor:pointer;border:0}
.pair .l{background:transparent;color:var(--ink)}
.pair .r{background:var(--green);color:#fff}
.pair .l:hover{background:rgba(51,70,60,.08)}
.more{display:none;flex-direction:column;gap:10px;border-top:1px solid #C9C5BC;padding-top:16px}
.card.open .more{display:flex}
@media (max-width:820px){.cards{grid-template-columns:1fr}.card{padding:24px}}
.ticks{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ticks li{position:relative;padding-left:24px;font-size:.98rem}
.ticks li::before{content:"";position:absolute;left:2px;top:.6em;width:11px;height:6px;border-left:2px solid var(--brown);border-bottom:2px solid var(--brown);transform:rotate(-45deg)}

/* light panels */
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.cols>*{min-width:0}
@media (max-width:900px){.cols{grid-template-columns:1fr}}
.panel{background:var(--paper);border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;gap:12px}
.panel h3{font:700 1.3rem/1.3 var(--serif);color:var(--green)}
.panel .tag{font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--brown)}
.panel p{color:var(--muted)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.split>*{min-width:0}
.split img{width:100%;aspect-ratio:4/3;object-fit:cover;box-shadow:12px 12px 0 var(--tan)}
@media (max-width:860px){.split{grid-template-columns:1fr}}
.offer{background:var(--wood);color:var(--on-dark)}
.offer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 40px;padding-block:40px}
.offer h3{font:700 clamp(1.4rem,3vw,2rem)/1.3 var(--serif);max-width:26em;margin-top:6px}
.offer .k{font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:.82rem;color:#D8BE95}
.offer small{display:block;margin-top:8px;opacity:.8}

/* quote */
.quote{background:var(--paper)}
.qgrid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.qgrid>*{min-width:0}
@media (max-width:860px){.qgrid{grid-template-columns:1fr}}
.qform{border:1px solid var(--line);box-shadow:0 2px 10px rgba(0,0,0,.06);padding:28px;display:grid;gap:16px;background:var(--paper)}
.qform h3{font:500 1.35rem/1.4 var(--sans);color:var(--green);text-align:center}
.qform label{display:flex;flex-direction:column;gap:6px;font-size:1.05rem}
.qform label span::after{content:" *";color:#C0392B}
.qform label.opt span::after{content:""}
.qform input,.qform select,.qform textarea{font:inherit;padding:14px 16px;border:1px solid #C9C5BC;border-radius:8px;background:var(--paper);color:var(--ink);width:100%;box-shadow:inset 0 1px 2px rgba(0,0,0,.06)}
.qform .btn{justify-self:center;background:#111;margin-top:6px}
.qout{display:none;flex-direction:column;gap:12px;background:var(--bg);padding:18px}
.qout.show{display:flex}
.qout pre{margin:0;white-space:pre-wrap;font:inherit;font-size:.95rem}
.info{display:grid;gap:16px}
.info .row{display:flex;gap:16px;align-items:flex-start}
.info svg{flex:0 0 26px;width:26px;height:26px;fill:var(--green)}
.info a{text-decoration:none}
.info .big{font:700 1.5rem/1.2 var(--serif)}

/* footer */
footer{background:var(--wood);color:rgba(244,241,234,.86)}
footer .wrap{padding-block:56px 30px}
.flogo{display:flex;justify-content:center;padding-bottom:30px;border-bottom:1px solid rgba(244,241,234,.6)}
.flogo img{width:240px;height:auto}
.fgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-top:36px}
.fgrid>*{min-width:0}
@media (max-width:980px){.fgrid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.fgrid{grid-template-columns:1fr}}
footer h4{font:400 clamp(1.6rem,3vw,2rem)/1.2 var(--serif);color:#D9CFC4;margin:0 0 18px}
.frow{display:flex;gap:16px;align-items:flex-start;margin-bottom:12px;font-size:1.05rem}
.frow svg{flex:0 0 24px;width:24px;height:24px;fill:#F4F1EA;margin-top:3px}
footer a{color:#F4F1EA;text-decoration:none}
footer a:hover{text-decoration:underline}
.flinks{list-style:none;margin:0;padding:0;display:grid;gap:12px;font-size:1.05rem}
.flinks.caps a{text-transform:uppercase;letter-spacing:.04em;font-size:.95rem}
.fbottom{background:#000;color:#F4F1EA;text-align:center;padding:20px;font-size:1rem}
.totop{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:40;width:56px;height:56px;border:0;border-radius:6px;background:rgba(40,30,26,.85);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.totop svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2.6}
.totop[hidden]{display:none}
a.tel{font-weight:700;color:var(--brown);text-decoration:underline;text-underline-offset:3px}body{margin:0}

/* ---- v4: multi-page additions ---- */
.page[hidden]{display:none}
.logo img{height:86px;width:auto}
header.site .wrap{min-height:104px}
@media (max-width:560px){header.site .wrap{min-height:84px}.logo img{height:60px}}
.flogo img{width:280px;height:auto}

/* call-to-action band, on every page */
.cta{background:var(--green-deep);color:var(--on-dark)}
.cta .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px 40px;padding-block:30px}
.cta h2{font:700 clamp(1.5rem,3.4vw,2.2rem)/1.2 var(--serif);color:#fff}
.cta h2 span{display:block;color:#D8BE95}
.steps3{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:14px 30px}
.steps3 li{display:flex;align-items:center;gap:12px;font:600 1.12rem/1.2 var(--sans);letter-spacing:.03em;text-transform:uppercase}
.steps3 .n{flex:0 0 44px;height:44px;border-radius:50%;background:var(--tan);color:#fff;display:flex;align-items:center;justify-content:center;font:700 1.25rem/1 var(--serif)}
.steps3 a{text-decoration:none;color:#fff}
.steps3 small{display:block;font:500 .95rem/1.3 var(--sans);letter-spacing:0;text-transform:none;color:#D8BE95;margin-top:3px}
@media (max-width:640px){.cta .wrap{padding-block:22px;gap:16px}.cta h2{width:100%;text-align:center;font-size:1.45rem}.cta h2 span{display:inline}.steps3{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.steps3 li{flex-direction:column;text-align:center;gap:8px;font-size:.84rem}.steps3 .n{flex-basis:auto;width:38px;height:38px;font-size:1.05rem}.steps3 small{font-size:.8rem}}

/* inner page header */
.phead{background:var(--wood);color:var(--on-dark)}
.phead .wrap{padding-block:54px 50px;display:flex;flex-direction:column;gap:12px}
.phead .kicker{color:#D8BE95}
.phead h1{font:700 clamp(2rem,5vw,3.2rem)/1.15 var(--serif);color:#fff}
.phead p{max-width:44em;font-size:1.1rem;color:rgba(244,241,234,.9)}

/* prose blocks */
.prose{display:flex;flex-direction:column;gap:16px;max-width:46em}
.prose h2{font:700 1.5rem/1.3 var(--serif);color:var(--green);margin-top:10px}
.prose p,.prose li{font-size:1.06rem}
.prose ul{margin:0;padding-left:22px;display:grid;gap:6px}

/* we take care of everything */
.care{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.care>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;min-width:0}
.care .ring{width:110px;height:110px;border-radius:50%;border:3px solid #E2B33C;display:flex;align-items:center;justify-content:center;background:linear-gradient(to top,#E2B33C 0 26%,transparent 26%)}
.care .ring svg{width:52px;height:52px;fill:none;stroke:#E2B33C;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-bottom:14px}
.care h3{font:600 1.2rem/1.2 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--brown)}
.care p{color:var(--muted)}
@media (max-width:820px){.care{grid-template-columns:1fr}}
.rem{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}
.rem figure{margin:0;display:flex;flex-direction:column;gap:8px;min-width:0}
.rem img{width:100%;aspect-ratio:5/4;object-fit:cover}
.rem figcaption{font-weight:600;color:var(--green)}
@media (max-width:820px){.rem{grid-template-columns:1fr 1fr}}

/* rent to own prices */
.rto-hero{background:var(--paper);border:1px solid var(--line);border-left:8px solid var(--brown);padding:28px 30px;display:flex;flex-direction:column;gap:6px}
.rto-hero .k{font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.85rem;color:var(--brown)}
.rto-hero .big{font:700 clamp(2.6rem,7vw,4.2rem)/1 var(--serif);color:var(--green)}
.rto-hero .big small{font:600 1.3rem/1 var(--sans);color:var(--muted)}
.rto-tools{display:flex;flex-wrap:wrap;gap:14px;align-items:end;margin:26px 0 18px}
.rto-tools label{display:flex;flex-direction:column;gap:6px;font-weight:600;min-width:0;flex:1 1 280px}
.rto-tools select{font:inherit;padding:13px 14px;border:1px solid #C9C5BC;border-radius:8px;background:var(--paper);color:var(--ink)}
.rto-ex{background:var(--paper);border:1px solid var(--line);padding:18px 22px;margin-bottom:18px;font-size:1.1rem}
.rto-ex b{color:var(--green)}
.tablewrap{overflow-x:auto;border:1px solid var(--line);background:var(--paper)}
table.rto{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
table.rto th,table.rto td{padding:11px 16px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}
table.rto th:first-child,table.rto td:first-child{text-align:left}
table.rto thead th{background:var(--green);color:#fff;font-weight:600;position:sticky;top:0}
table.rto td.m{font-weight:700;color:var(--green);font-size:1.08rem}
table.rto tbody tr:nth-child(even){background:rgba(0,0,0,.025)}
.fine{color:var(--muted);font-size:.95rem;margin-top:12px}
/* sales centers, FAQ, stone pad table */
.centers{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.centers a{text-decoration:underline;text-underline-offset:3px}
.faqs{max-width:860px;margin-inline:auto;display:grid;gap:12px}
details.faq{background:var(--paper);border:1px solid var(--line);border-left:5px solid var(--brown)}
details.faq summary{cursor:pointer;padding:18px 22px;font:700 1.12rem/1.35 var(--serif);color:var(--green);list-style:none;display:flex;justify-content:space-between;gap:16px}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::after{content:"+";font:600 1.5rem/1 var(--sans);color:var(--brown)}
details.faq[open] summary::after{content:"–"}
details.faq>div{padding:0 22px 20px}
details.faq a{color:var(--brown);font-weight:600}
details.padprices{margin-top:26px;background:var(--paper);border:1px solid var(--line);padding:16px 20px}
details.padprices summary{cursor:pointer;font:700 1.15rem/1.3 var(--serif);color:var(--green)}
/* round 3: rent-to-own very visible, catalog photos, price lists */
.rtopill a{display:inline-block;background:rgba(255,255,255,.95);color:var(--green);text-decoration:none;font:600 1.05rem/1.3 var(--sans);padding:10px 18px;border-left:6px solid var(--brown)}
.rtopill b{font:700 1.3rem/1 var(--serif);color:var(--brown)}
.card .cardrto{margin:0;font-size:1.02rem}.card .cardrto b{color:var(--green);font-size:1.15rem}.card .cardrto a{color:var(--brown);font-weight:600}
.cathead{margin:30px 0 12px;font-size:1rem}
.catgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.catgrid img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#fff}
@media (max-width:900px){.catgrid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.catgrid{grid-template-columns:repeat(2,1fr)}}
.plbtns{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:16px}
.plpages{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.plpages img{width:100%;height:auto;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.15)}
@media (max-width:820px){.plpages{grid-template-columns:1fr}}
.catgrid.hq{grid-template-columns:repeat(3,1fr);gap:16px}
.catgrid.hq img{aspect-ratio:3/2}
@media (max-width:820px){.catgrid.hq{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.catgrid.hq{grid-template-columns:1fr}}
/* price lists as text */
.pltabs{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px}
.plcat{font:700 1.45rem/1.3 var(--serif);color:var(--green);margin:40px 0 12px;padding-bottom:6px;border-bottom:2px solid var(--tan)}
.plnote{color:var(--muted);margin:0 0 12px}
.plstyles{display:grid;gap:10px}
details.plstyle{background:var(--paper);border:1px solid var(--line);border-left:5px solid var(--green)}
details.plstyle summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px}
details.plstyle summary::-webkit-details-marker{display:none}
details.plstyle summary b{font:700 1.12rem/1.3 var(--serif);color:var(--green);display:block}
details.plstyle summary small{color:var(--muted);font-size:.9rem}
details.plstyle .from{text-align:right;white-space:nowrap;font-size:.95rem;color:var(--muted)}
details.plstyle .from b{display:inline;font:700 1.15rem/1 var(--sans);color:var(--ink)}
details.plstyle .from em{display:block;font-style:normal;font-weight:700;color:var(--brown)}
details.plstyle[open] summary{border-bottom:1px solid var(--line)}
.plbody{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;padding:18px}
.plbody>*{min-width:0}.plbody h4{margin:0 0 10px;font:600 .85rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--brown)}
.plbody .tablewrap{max-height:520px;overflow:auto}
@media (max-width:820px){.plbody{grid-template-columns:1fr}}
details.plgroup{background:var(--paper);border:1px solid var(--line);margin-bottom:8px}
details.plgroup summary{cursor:pointer;padding:13px 18px;font-weight:700;color:var(--green)}
table.plopt{width:100%;border-collapse:collapse}
table.plopt td{padding:9px 18px;border-top:1px solid var(--line);vertical-align:top}
table.plopt td:last-child{text-align:right;font-weight:700;white-space:nowrap}
@media (max-width:560px){table.plopt td:last-child{white-space:normal}}
dl.plspecs{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;margin:0}
dl.plspecs div{border-bottom:1px solid var(--line);padding:6px 0}dl.plspecs dt{font-weight:700;color:var(--green)}dl.plspecs dd{margin:2px 0 0}
@media (max-width:820px){dl.plspecs{grid-template-columns:1fr}}