/* ===== cars listing + car detail ===== */
.cars-lay{display:grid;grid-template-columns:290px 1fr;gap:28px;align-items:start}
.cf{background:#fff8ef;border-radius:30px;padding:28px 26px;position:sticky;top:24px}
.cf input[type=search]{width:100%;height:52px;border:0;border-radius:999px;background:#fff;padding:0 22px;font:400 16px var(--fb);outline:0}
.cf hr{border:0;border-top:1px solid #f3e2cc;margin:26px 0}
.cf h3{font:700 22px var(--fh);margin-bottom:18px}
.cf-t{display:flex;flex-direction:column;gap:14px}
.cf-t label{display:flex;align-items:center;gap:12px;font:500 16px var(--fb);cursor:pointer}
.cf-t input{appearance:none;width:18px;height:18px;border:1.5px solid #aaa;border-radius:4px;background:#fff;cursor:pointer;display:grid;place-items:center;transition:.2s;flex:none}
.cf-t input:checked{background:var(--orange);border-color:var(--orange)}
.cf-t input:checked::after{content:"";width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
.cf .btn{font-family:var(--fh);font-weight:700}
.car-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.car-grid .f-card{flex:none;padding:26px 20px 22px}
.cc-pic{display:grid;place-items:center;height:150px;margin-bottom:14px}
.cc-pic img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .4s}
.cc:hover .cc-pic img{transform:scale(1.06)}
.cc h3 a:hover{color:var(--orange)}
.cc-empty{grid-column:1/-1;text-align:center;padding:60px 0;color:#6b6b76}
.pager{display:flex;gap:10px;justify-content:center;margin-top:50px}
.pgb{width:42px;height:42px;border-radius:50%;background:var(--orange);color:#fff;font:700 15px var(--fh);display:grid;place-items:center;border:0;cursor:pointer;transition:.25s}
.pgb svg{width:16px;height:16px}.pgb:hover,.pgb.on{background:#000}
/* detail */
.cd-price{font:700 40px var(--fh);margin-bottom:14px;letter-spacing:-.02em}
.cd-price small{font:400 14px var(--fb);color:#6b6b76;letter-spacing:0}
.cd-spec{list-style:none}
.cd-spec li{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #f3e2cc;font-weight:500}
.cd-spec li:last-child{border:0}.cd-spec b{font-family:var(--fh)}
.cd-book{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px}
.cd-book>span{font:700 13px var(--fh);color:#555}
.cd-wa{width:46px;height:46px}.cd-wa svg{width:22px;height:22px}
.cd-sl{position:relative;border-radius:30px;overflow:hidden;aspect-ratio:1.9;margin-bottom:28px;background:#1d1810}
.cd-tr{display:flex;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.cd-sd{flex:0 0 100%;height:100%;background-size:cover;background-position:center;display:grid;place-items:end center}
.cd-sd img{width:58%;margin-bottom:5%;filter:drop-shadow(0 22px 18px rgba(0,0,0,.45))}
.cd-dots{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:8px}
.cd-dots button{width:9px;height:9px;border-radius:50%;border:0;background:#fff;padding:0;cursor:pointer;transition:.25s}
.cd-dots button.on{background:var(--orange);width:24px;border-radius:9px}
.cd-feat{display:grid;grid-template-columns:1fr 1fr;gap:20px;border:1px solid #f3e2cc;border-radius:24px;padding:22px 26px;margin-bottom:46px}
.cd-feat>div{display:flex;gap:14px;align-items:center}
.cd-feat b{display:block;font:700 18px var(--fh);margin-bottom:3px}.cd-feat span:not(.st-ico){color:#6b6b76;font-size:14px}
.cd-main h2{margin:9px 0 18px}.cd-main .sp-ck{margin-bottom:46px}
.cd-g4{grid-template-columns:repeat(4,1fr)!important}
.cd-rel-w{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:10px}
.cd-rel{background:#fff8ef;border-radius:26px;padding:18px;text-align:center;transition:.3s;display:block}
.cd-rel:hover{transform:translateY(-6px);background:#ffeed8}
.cd-rel img{height:90px;max-width:100%;object-fit:contain;margin-bottom:10px}
.cd-rel b{display:block;font:700 17px var(--fh)}.cd-rel span{color:var(--orange);font-weight:700;font-size:15px}
@media(max-width:1100px){.cars-lay{grid-template-columns:1fr}.cf{position:static}.car-grid{grid-template-columns:repeat(2,1fr)}.cd-g4{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:640px){.car-grid,.cd-feat,.cd-rel-w{grid-template-columns:1fr}.cd-sl{aspect-ratio:1.4}.cd-sd img{width:78%}}
/* booking popup (car detail) */
.bk-mo{position:fixed;inset:0;z-index:300;background:rgba(20,14,8,.62);display:grid;place-items:center;padding:20px;overflow:auto}
.bk-mo[hidden]{display:none}
.bk-box{position:relative;width:100%;max-width:560px;background:#fff;border-radius:30px;padding:36px 34px 32px;max-height:94vh;overflow:auto;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.bk-box h3{font:700 30px var(--fh);margin:6px 0 22px;letter-spacing:-.02em}
.bk-x{position:absolute;right:18px;top:14px;width:40px;height:40px;border-radius:50%;border:0;background:#fff8ef;font-size:26px;line-height:1;cursor:pointer;color:#222}
.bk-x:hover{background:var(--orange);color:#fff}
.bk-g{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}
.bk-g .cp-f{gap:6px}.bk-g .cp-f label{font-size:15px}.bk-g .cp-f.full{grid-column:1/-1}
.bk-g .cp-f input{padding:4px 0 10px;width:100%}
.bk-sum{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:22px 0 4px;font-size:15px;color:#555}
.bk-sum:empty{display:none}.bk-sum b{font:700 20px var(--fh);color:#000}
.bk-err{background:#fde7e4;color:#a82a20;border-radius:14px;padding:11px 14px;font-size:14px;margin:12px 0 0}
.bk-box .btn-group{margin-top:22px}
.bk-done{text-align:center;padding:10px 0}.bk-done[hidden]{display:none}
.bk-done h3{margin:14px 0 10px}.bk-done p{color:#555;line-height:1.6;margin-bottom:22px}
.bk-ok{width:74px;height:74px;border-radius:50%;background:var(--orange);color:#fff;font-size:38px;display:grid;place-items:center;margin:0 auto}
@media(max-width:560px){.bk-box{padding:30px 22px 26px}.bk-g{grid-template-columns:1fr}}