/*
Theme Name: Shivansh Self Drive Cars
Theme URI: https://example.com/
Author: The Click Foundry
Description: Premium responsive WordPress theme for Shivansh Self Drive Cars, Pimpri-Chinchwad.
Version: 1.0
License: GPL-2.0-or-later
Text Domain: shivansh-self-drive
*/
:root{--navy:#073f4d;--teal:#15979b;--aqua:#8bd6d2;--light:#f5fbfb;--dark:#10252c;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--dark);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1140px,92%);margin:auto}.topbar{background:var(--navy);color:#fff;font-size:14px;padding:8px 0}.topbar .container{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 3px 20px rgba(7,63,77,.08)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand img{height:62px;width:62px;object-fit:cover;border-radius:50%}.menu{display:flex;align-items:center;gap:28px;font-weight:700;font-size:15px}.menu a:hover{color:var(--teal)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 23px;border-radius:999px;font-weight:800;border:2px solid transparent;transition:.2s}.btn-primary{background:var(--teal);color:#fff}.btn-primary:hover{background:var(--navy);transform:translateY(-2px)}.btn-outline{border-color:var(--teal);color:var(--navy)}.btn-outline:hover{background:var(--teal);color:#fff}.hero{background:linear-gradient(135deg,#f7ffff 0%,#e7f7f6 50%,#d5eeee 100%);padding:90px 0 75px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}.eyebrow{display:inline-block;color:var(--teal);font-weight:900;letter-spacing:1.4px;text-transform:uppercase;font-size:13px;margin-bottom:10px}.hero h1{font-size:clamp(40px,5vw,68px);line-height:1.03;margin:0 0 22px;color:var(--navy)}.hero h1 span{color:var(--teal)}.hero p{font-size:19px;max-width:650px;color:#486069}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-card{background:#fff;border-radius:28px;padding:18px;box-shadow:0 25px 70px rgba(7,63,77,.18);transform:rotate(2deg)}.hero-card img{width:100%;display:block;border-radius:20px;aspect-ratio:1/1;object-fit:cover}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:35px}.stat{background:#fff;border-radius:16px;padding:16px;box-shadow:0 8px 25px rgba(7,63,77,.07)}.stat strong{display:block;color:var(--navy);font-size:21px}.section{padding:85px 0}.section.alt{background:var(--light)}.section-head{text-align:center;max-width:720px;margin:0 auto 42px}.section-head h2{font-size:40px;line-height:1.15;color:var(--navy);margin:0 0 12px}.section-head p{color:#5b6f76}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid #dcebed;border-radius:22px;padding:30px;box-shadow:0 12px 35px rgba(7,63,77,.06)}.card-icon{width:52px;height:52px;border-radius:15px;background:#dff5f3;color:var(--navy);display:grid;place-items:center;font-size:24px;margin-bottom:18px}.card h3{color:var(--navy);margin:0 0 8px;font-size:21px}.fleet{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.car{overflow:hidden;background:#fff;border-radius:22px;box-shadow:0 12px 35px rgba(7,63,77,.08);border:1px solid #e0eeee}.car-photo{height:200px;background:linear-gradient(135deg,#e9f7f6,#cbeae8);display:grid;place-items:center;color:var(--navy);font-weight:900;font-size:18px}.car-body{padding:22px}.car-body h3{margin:0;color:var(--navy)}.car-body p{color:#66777d;margin:8px 0 15px}.cta{background:var(--navy);color:#fff;border-radius:28px;padding:55px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{margin:0 0 8px;font-size:36px}.cta p{margin:0;color:#c8e1e2}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.contact-box{background:#fff;border:1px solid #dcebed;border-radius:22px;padding:30px}.contact-row{display:flex;gap:15px;margin:18px 0}.contact-row b{display:block;color:var(--navy)}.form input,.form textarea{width:100%;padding:14px 16px;border:1px solid #cfe1e3;border-radius:12px;margin-bottom:13px;font:inherit}.form textarea{min-height:120px;resize:vertical}.footer{background:#052f3a;color:#d5e8e9;padding:55px 0 22px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:35px}.footer h3{color:#fff;margin-top:0}.footer a:hover{color:#8bd6d2}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:35px;padding-top:18px;font-size:13px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.mobile-toggle{display:none;background:none;border:0;font-size:28px;color:var(--navy)}@media(max-width:850px){.menu{display:none}.mobile-toggle{display:block}.hero-grid,.contact-grid{grid-template-columns:1fr}.hero-card{max-width:470px;margin:auto}.cards,.fleet{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.topbar .container{justify-content:center}.nav{height:68px}.brand img{height:54px;width:54px}.hero{padding:60px 0}.stats,.cards,.fleet,.footer-grid{grid-template-columns:1fr}.section{padding:65px 0}.section-head h2{font-size:32px}.cta{padding:35px 25px;display:block}.cta .btn{margin-top:20px}.hero h1{font-size:43px}}