/* Car Giants — single stylesheet, mobile-first, no framework. */ :root{ --ink:#0b1220;--ink-2:#1a2333;--muted:#5b6474;--line:#e6e9ef;--bg:#ffffff;--bg-2:#f5f7fa; --gold:#d9a441;--gold-2:#b8862c;--wa:#1fae55;--wa-2:#178a43;--ok:#1a7f4b;--warn:#b45309;--warn-bg:#fff7ed; --r:14px;--r-s:10px;--shadow:0 1px 2px rgba(11,18,32,.06),0 8px 24px rgba(11,18,32,.06); --max:1180px; } *{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth} body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Inter,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55;font-size:16px} img{max-width:100%;height:auto;display:block} a{color:inherit} h1,h2,h3,h4{line-height:1.15;margin:0 0 .5em;letter-spacing:-.01em} h1{font-size:clamp(1.9rem,5.5vw,3rem);font-weight:800} h2{font-size:clamp(1.45rem,3.6vw,2.1rem);font-weight:800} h3{font-size:1.15rem;font-weight:700} p{margin:0 0 1em} .wrap{max-width:var(--max);margin:0 auto;padding:0 18px} .muted{color:var(--muted)}.small{font-size:.9rem}.tiny{font-size:.8rem} .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} section{padding:44px 0}@media(min-width:768px){section{padding:64px 0}} .sec-head{max-width:720px;margin-bottom:26px}.sec-head p{color:var(--muted);font-size:1.05rem} .bg2{background:var(--bg-2)}.dark{background:var(--ink);color:#fff}.dark .muted{color:#aab3c2} /* Buttons */ .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;border-radius:var(--r-s);padding:13px 20px;min-height:48px;text-decoration:none;border:2px solid transparent;cursor:pointer;font-size:1rem;line-height:1;transition:background .15s,transform .05s;white-space:nowrap} .btn:active{transform:translateY(1px)} .btn-primary{background:var(--gold);color:var(--ink);border-color:var(--gold)}.btn-primary:hover{background:var(--gold-2);border-color:var(--gold-2)} .btn-wa{background:var(--wa);color:#fff;border-color:var(--wa)}.btn-wa:hover{background:var(--wa-2);border-color:var(--wa-2)} .btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn-ghost:hover{background:var(--bg-2)} .dark .btn-ghost,.hero .btn-ghost,.cta .btn-ghost{color:#fff;border-color:rgba(255,255,255,.35)}.dark .btn-ghost:hover,.hero .btn-ghost:hover,.cta .btn-ghost:hover{background:rgba(255,255,255,.1)} .btn-sm{padding:9px 14px;min-height:40px;font-size:.92rem} .btn svg{width:18px;height:18px;flex:none} .btn-row{display:flex;gap:10px;flex-wrap:wrap} /* Header */ .hdr{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--line)} .hdr .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:12px} .logo{display:flex;align-items:center;gap:9px;text-decoration:none} .logo-t{font-weight:300;font-size:1.2rem;letter-spacing:.06em;white-space:nowrap}.logo-t b{font-weight:800} .logo .mark{width:36px;height:36px;display:block}.logo .mark svg{width:36px;height:36px;display:block} .nav{display:none;gap:4px} .nav a{white-space:nowrap;padding:8px 12px;border-radius:8px;text-decoration:none;font-weight:600;font-size:.95rem;color:var(--ink-2)} .nav a:hover,.nav a[aria-current=page]{background:var(--bg-2)} .hdr-cta{display:flex;gap:8px;align-items:center} .hdr-cta .btn-call{display:none} .menu-btn{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer} @media(min-width:960px){.nav{display:flex}.menu-btn{display:none}.hdr-cta .btn-call{display:inline-flex}} .mnav{display:none;border-top:1px solid var(--line);background:#fff} .mnav[data-open]{display:block} .mnav a{display:block;padding:14px 18px;border-bottom:1px solid var(--line);text-decoration:none;font-weight:600} .mnav .mnav-ctas{display:flex;gap:10px;padding:14px 18px}.mnav .mnav-ctas .btn{flex:1} /* Hero */ .hero{background:var(--ink);color:#fff;padding:36px 0 40px;position:relative;overflow:hidden} .hero:before{content:"";position:absolute;inset:0;background:radial-gradient(900px 400px at 85% -10%,rgba(217,164,65,.22),transparent 60%)} .hero .wrap{position:relative;display:grid;gap:26px} .hero h1{margin-bottom:12px} .hero .lead{font-size:1.1rem;color:#c9d0dc;max-width:560px} .hero .facts{display:flex;flex-wrap:wrap;gap:8px 18px;margin:16px 0 0;padding:0;list-style:none;color:#e6e9ef;font-size:.95rem} .hero .facts li{display:flex;align-items:center;gap:7px} .hero .facts svg{width:16px;height:16px;color:var(--gold)} @media(min-width:900px){.hero{padding:64px 0 72px}.hero .wrap{grid-template-columns:1.15fr .85fr;align-items:center}} /* Finder / booking widget */ .finder{background:#fff;color:var(--ink);border-radius:var(--r);padding:18px;box-shadow:var(--shadow)} .finder h2{font-size:1.15rem;margin-bottom:12px} .field{display:grid;gap:6px;margin-bottom:12px} .field label{font-weight:600;font-size:.9rem} .field input,.field select,.field textarea{width:100%;font:inherit;padding:12px 12px;border:1.5px solid var(--line);border-radius:10px;background:#fff;min-height:48px;color:var(--ink)} .field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)} .field .hint{font-size:.8rem;color:var(--muted)} .grid2{display:grid;gap:12px;grid-template-columns:1fr 1fr} .finder .btn{width:100%} .finder .alt{margin-top:10px;text-align:center;font-size:.9rem;color:var(--muted)} .finder .alt a{font-weight:700;color:var(--ink)} .seg{display:flex;border:1.5px solid var(--line);border-radius:10px;overflow:hidden} .seg label{flex:1;text-align:center;padding:11px 8px;cursor:pointer;font-weight:600;font-size:.92rem;min-height:48px;display:grid;place-items:center} .seg{position:relative}.seg input{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none} .seg input:checked+label{background:var(--ink);color:#fff} /* Cards */ .cards{display:grid;gap:16px;grid-template-columns:1fr} @media(min-width:620px){.cards{grid-template-columns:repeat(2,1fr)}} @media(min-width:960px){.cards{grid-template-columns:repeat(3,1fr)}} .card{color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(11,18,32,.04)} .card .ph{aspect-ratio:4/3;background:var(--bg-2);overflow:hidden;position:relative} .card .ph img{width:100%;height:100%;object-fit:cover} .card .tag{position:absolute;top:10px;left:10px;background:rgba(11,18,32,.85);color:#fff;font-size:.75rem;font-weight:700;padding:5px 9px;border-radius:999px;letter-spacing:.02em} .card .body{padding:14px 16px 16px;display:grid;gap:8px;flex:1} .card h3{margin:0;font-size:1.1rem}.card h3 a{text-decoration:none} .specs{display:flex;flex-wrap:wrap;gap:6px 12px;color:var(--muted);font-size:.88rem;margin:0;padding:0;list-style:none} .price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap} .price b{font-size:1.25rem}.price span{color:var(--muted);font-size:.85rem} .price.req b{font-size:1rem;color:var(--ink-2)} .card .actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:4px} .card .actions .btn{padding:11px 10px;min-height:44px;font-size:.92rem} /* Filters */ .filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:18px} .chip{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;font-weight:600;font-size:.9rem;cursor:pointer;min-height:40px} .chip[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)} .filters select{font:inherit;padding:9px 12px;border:1.5px solid var(--line);border-radius:999px;min-height:40px;background:#fff} .results-note{color:var(--muted);font-size:.9rem;margin-bottom:12px} /* Trust / steps / lists */ .trust{display:grid;gap:14px;grid-template-columns:1fr 1fr} @media(min-width:800px){.trust{grid-template-columns:repeat(4,1fr)}} .trust div{background:#fff;border:1px solid var(--line);border-radius:var(--r-s);padding:16px} .trust b{display:block;margin-bottom:4px}.trust p{margin:0;color:var(--muted);font-size:.92rem} .steps{display:grid;gap:14px;counter-reset:s} @media(min-width:800px){.steps{grid-template-columns:repeat(4,1fr)}} .steps div{position:relative;padding:18px 16px 16px 16px;border:1px solid var(--line);border-radius:var(--r-s);background:#fff} .steps div:before{counter-increment:s;content:counter(s);display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--gold);color:var(--ink);font-weight:800;margin-bottom:8px} .steps b{display:block;margin-bottom:4px}.steps p{margin:0;color:var(--muted);font-size:.92rem} .cats{display:grid;gap:14px}@media(min-width:800px){.cats{grid-template-columns:repeat(3,1fr)}} .cat{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;transition:border-color .15s} .cat:hover{border-color:var(--gold)}.cat b{font-size:1.1rem;display:block;margin-bottom:6px}.cat p{margin:0 0 10px;color:var(--muted)}.cat span{font-weight:700;color:var(--gold-2)} .reviews{display:grid;gap:14px}@media(min-width:800px){.reviews{grid-template-columns:repeat(3,1fr)}} .review{background:#fff;border:1px solid var(--line);border-radius:var(--r-s);padding:18px} .review p{margin:0 0 10px;font-size:.98rem}.review footer{font-weight:700;font-size:.9rem}.review footer span{color:var(--muted);font-weight:500} .faq details{border-bottom:1px solid var(--line);padding:4px 0} .faq summary{cursor:pointer;font-weight:700;padding:14px 0;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center} .faq summary::-webkit-details-marker{display:none} .faq summary:after{content:"+";font-size:1.4rem;color:var(--muted);flex:none} .faq details[open] summary:after{content:"–"} .faq .ans{padding:0 0 16px;color:var(--ink-2)} .tbc{display:inline-block;background:var(--warn-bg);color:var(--warn);border:1px solid #fed7aa;border-radius:6px;padding:2px 8px;font-size:.8rem;font-weight:700;margin-right:6px} .notice{background:var(--warn-bg);border:1px solid #fed7aa;color:#7c2d12;border-radius:var(--r-s);padding:12px 14px;font-size:.92rem} .notice-ok{background:#ecfdf5;border-color:#a7f3d0;color:#065f46} /* Car page */ .carhero{display:grid;gap:22px} @media(min-width:900px){.carhero{grid-template-columns:1.1fr .9fr;align-items:start}.carhero .main-top,.carhero .main-rest{grid-column:1}.carhero .buybox{grid-column:2;grid-row:1/span 2}} .gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r);background:var(--bg-2)} .buybox{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:var(--shadow);position:sticky;top:80px} .buybox .kicker{color:var(--gold-2);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em} .rates{display:grid;gap:10px;margin:14px 0} .rate{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px} .rate b{font-size:1.15rem}.rate span{color:var(--muted);font-size:.9rem} .buybox .btn{width:100%;margin-top:8px} .kv{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:0;padding:0} .kv div{background:var(--bg-2);border-radius:10px;padding:10px 12px} .kv dt{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.kv dd{margin:0;font-weight:700} .list{padding-left:18px;margin:0 0 1em}.list li{margin-bottom:6px} .check{list-style:none;padding:0;margin:0 0 1em}.check li{padding-left:26px;position:relative;margin-bottom:8px} .check li:before{content:"";position:absolute;left:0;top:6px;width:16px;height:16px;border-radius:50%;background:var(--gold);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/contain no-repeat} .crumbs{font-size:.85rem;color:var(--muted);margin:14px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px} .crumbs a{color:var(--muted);text-decoration:none}.crumbs li+li:before{content:"›";margin-right:6px} .prose{max-width:760px}.prose h2{margin-top:1.6em}.prose h3{margin-top:1.3em} /* Sticky mobile bar */ .sticky{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1px solid var(--line);padding:10px 12px calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:8px} .sticky .btn{padding:12px 8px;min-height:48px;font-size:.92rem} body.has-sticky{padding-bottom:78px} @media(min-width:960px){.sticky{display:none}body.has-sticky{padding-bottom:0}} /* CTA band + footer */ .cta{background:var(--ink);color:#fff;text-align:center} .cta p{color:#c9d0dc;max-width:560px;margin:0 auto 18px} .cta .btn-row{justify-content:center} .ftr{background:#070c16;color:#aab3c2;padding:40px 0 30px;font-size:.92rem} .ftr .cols{display:grid;gap:26px}@media(min-width:800px){.ftr .cols{grid-template-columns:1.4fr 1fr 1fr 1fr}} .ftr h4{color:#fff;font-size:.95rem;margin-bottom:10px}.ftr a{color:#d5dbe6;text-decoration:none}.ftr a:hover{color:#fff} .ftr ul{list-style:none;padding:0;margin:0}.ftr li{margin-bottom:8px} .ftr .legal{border-top:1px solid rgba(255,255,255,.1);margin-top:26px;padding-top:16px;display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;font-size:.82rem} /* Booking form */ .bform{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;max-width:640px} .bform .btn{width:100%} .form-err{display:none;color:#b91c1c;font-weight:600;margin-bottom:10px} .form-err[data-show]{display:block} .summary{background:var(--bg-2);border-radius:10px;padding:12px 14px;margin-bottom:14px;font-size:.95rem} .two{display:grid;gap:26px}@media(min-width:900px){.two{grid-template-columns:1fr 1fr;align-items:start}} .two-narrow{display:grid;gap:26px}@media(min-width:900px){.two-narrow{grid-template-columns:1.3fr .7fr;align-items:start}} .contact-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px} .contact-card .btn{width:100%;margin-top:8px} .contact-card dl{margin:0}.contact-card dt{font-weight:700;margin-top:10px}.contact-card dd{margin:0;color:var(--ink-2)} table.rates-t{width:100%;border-collapse:collapse;font-size:.95rem} table.rates-t th,table.rates-t td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line)} table.rates-t th{color:var(--muted);font-weight:600;font-size:.85rem} .tbl{overflow-x:auto} /* prevent grid children from growing past the viewport (long