/*
Theme Name: Suzuki Bhakkar Motors
Theme URI: https://suzukibhakkarmotors.com/
Description: Custom WordPress theme recreated from the Suzuki Bhakkar Motors React/Vite website.
Version: 1.0.0
Author: Suzuki Bhakkar Motors
Requires at least: 6.4
Tested up to: 6.9
Text Domain: suzuki-bhakkar-motors
*/
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,500;0,600;0,700;0,800;0,900;1,700;1,800;1,900&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap');
:root{--navy:#001f3f;--navy-deep:#00142c;--red:#dc143c;--green:#25d366;--text:#0f172a;--muted:#64748b;--line:#e2e8f0;--soft:#f8fafc;--shadow:0 20px 50px rgba(15,23,42,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--text);background:#fff;overflow-x:hidden}img{max-width:100%;height:auto}a{text-decoration:none;color:inherit}.container{width:min(1280px,calc(100% - 40px));margin:auto}.display{font-family:'Archivo',sans-serif}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);box-shadow:0 4px 18px rgba(15,23,42,.06)}.header-inner{height:80px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{line-height:1}.logo-main{display:block;font:900 italic 26px Archivo;color:var(--navy);letter-spacing:-.04em}.logo-sub{display:block;margin-top:5px;font-size:12px;font-weight:900;letter-spacing:.22em;color:var(--navy)}.main-nav{display:flex;align-items:center;gap:30px}.main-nav a,.nav-dropdown>button{position:relative;border:0;background:none;font-size:13px;font-weight:800;letter-spacing:.13em;color:#475569;padding:10px 0;cursor:pointer}.main-nav a:after,.nav-dropdown>button:after{content:"";position:absolute;left:0;bottom:3px;width:0;height:2px;background:var(--red);transition:.25s}.main-nav a:hover:after,.main-nav a.active:after,.nav-dropdown:hover>button:after{width:100%}.main-nav a:hover,.main-nav a.active,.nav-dropdown:hover>button{color:var(--navy)}.nav-dropdown{position:relative}.nav-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:245px;background:#fff;border:1px solid #f1f5f9;border-radius:18px;padding:8px;box-shadow:0 25px 55px rgba(15,23,42,.14);opacity:0;pointer-events:none;transition:.2s}.nav-dropdown:hover .nav-menu{opacity:1;pointer-events:auto}.nav-menu a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;font-size:13px;letter-spacing:0}.nav-menu a:hover{background:#f8fafc}.nav-menu img{width:52px;height:32px;object-fit:cover;border-radius:7px}.call-btn,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:12px 22px;font-size:12px;font-weight:900;letter-spacing:.06em;transition:.25s}.call-btn,.btn-navy{background:var(--navy);color:#fff;box-shadow:0 8px 20px rgba(0,31,63,.2)}.call-btn:hover,.btn-navy:hover{background:var(--red);transform:translateY(-1px)}.btn-red{background:var(--red);color:#fff}.btn-white{background:#fff;color:var(--navy)}.btn-outline{border:2px solid rgba(0,31,63,.16);color:var(--navy)}.btn-outline:hover{background:var(--navy);color:#fff}.mobile-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--navy)}.mobile-nav{display:none;border-top:1px solid #f1f5f9;padding:10px 20px 22px}.mobile-nav.open{display:block}.mobile-nav a,.mobile-cars-toggle{display:block;width:100%;padding:13px 0;border-bottom:1px solid #f1f5f9;font-size:13px;font-weight:900;letter-spacing:.12em;background:none;border-left:0;border-right:0;border-top:0;text-align:left}.mobile-car-list{padding:4px 0 10px 15px}.mobile-car-list a{display:flex;gap:10px;align-items:center;font-size:13px;letter-spacing:0;font-weight:700}.mobile-car-list img{width:45px;height:28px;object-fit:cover;border-radius:5px}
.hero{position:relative;min-height:calc(100vh - 80px);display:flex;align-items:center;overflow:hidden;background:#dfe9f4}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.87) 38%,rgba(255,255,255,.05) 100%),linear-gradient(0deg,rgba(255,255,255,.72),transparent 55%)}.hero-content{position:relative;z-index:1;padding:100px 0 140px;max-width:700px}.eyebrow{display:inline-flex;background:var(--navy);color:#fff;padding:7px 16px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.22em}.hero h1{font:900 clamp(48px,6vw,76px)/.94 Archivo;margin:24px 0 0;letter-spacing:-.045em}.hero h1 span{display:block;color:var(--navy)}.hero h1 em{font-style:normal;color:var(--red)}.hero p{max-width:500px;font-size:18px;line-height:1.7;color:#64748b;font-weight:500;margin:20px 0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.section{padding:75px 0}.section-sm{padding:50px 0}.section-title{text-align:center}.section-title.left{text-align:left}.section-title h2{font:900 clamp(30px,4vw,44px)/1 Archivo;letter-spacing:-.04em;margin:0}.section-title h2 span{color:var(--navy)}.section-title .rule{display:block;width:80px;height:4px;border-radius:4px;background:var(--red);margin:12px auto}.section-title.left .rule{margin-left:0}.section-title p{max-width:700px;margin:15px auto 0;color:#64748b}.usp-wrap{position:relative;z-index:5;margin-top:-80px}.usp-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.usp-card{background:#fff;border:1px solid #eef2f7;border-radius:18px;padding:28px 18px;text-align:center;box-shadow:0 20px 40px rgba(15,23,42,.07);transition:.3s}.usp-card:hover{transform:translateY(-6px);box-shadow:0 25px 55px rgba(0,31,63,.12)}.usp-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;margin:auto;background:rgba(0,31,63,.05);color:var(--navy);font-size:22px}.usp-card:hover .usp-icon{background:var(--red);color:#fff}.usp-card h3{font:800 13px Archivo;color:var(--navy);letter-spacing:.04em;margin:15px 0 4px}.usp-card p{font-size:13px;line-height:1.45;color:#64748b;margin:0}.models-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.models-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:45px}.car-card{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #eef2f7;border-radius:26px;box-shadow:0 15px 35px rgba(15,23,42,.06);transition:.3s}.car-card:hover{transform:translateY(-7px);box-shadow:0 25px 55px rgba(0,31,63,.14)}.car-image{position:relative;background:linear-gradient(#f8fafc,#fff);overflow:hidden}.car-image img{width:100%;height:225px;object-fit:cover;transition:.5s}.car-card:hover .car-image img{transform:scale(1.05)}.badge{position:absolute;top:20px;left:0;color:#fff;padding:7px 15px;border-radius:0 999px 999px 0;font-size:10px;font-weight:900;letter-spacing:.16em;background:var(--navy);z-index:2}.badge.red{background:var(--red)}.car-body{padding:24px;display:flex;flex-direction:column;flex:1}.car-body h3{font:900 20px Archivo;color:var(--navy);margin:0}.car-body .tagline{font-size:13px;color:#64748b;line-height:1.5;margin:7px 0}.variant-count{background:#f8fafc;border-radius:14px;padding:13px;margin-top:13px}.variant-count small{font-size:10px;font-weight:900;letter-spacing:.15em;color:#94a3b8}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.chip{display:inline-block;border:1px solid #e2e8f0;background:#fff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;color:#475569}.price-center{text-align:center;margin-top:14px}.price-center small{font-size:10px;font-weight:900;letter-spacing:.18em;color:#94a3b8}.price-center strong{display:block;font:900 25px Archivo;color:var(--navy);margin-top:3px}.card-actions{display:flex;gap:9px;margin-top:auto;padding-top:20px}.card-actions .btn{flex:1;padding:11px 12px;font-size:11px}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.price-box{background:var(--navy);border-radius:15px;padding:12px;text-align:center;color:#fff}.price-box.red{background:#fff;border:2px solid var(--red);color:var(--red)}.price-box small{display:block;font-size:8px;font-weight:900;letter-spacing:.16em;opacity:.72}.price-box strong{display:block;font:900 16px Archivo;margin-top:2px}.swatches{margin-top:15px}.swatches h4{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--red);margin:0 0 9px}.swatch{display:inline-flex;align-items:center;gap:7px;border:1px solid #e2e8f0;border-radius:999px;padding:5px 9px 5px 5px;margin:0 5px 5px 0;background:#fff;font-size:10px;font-weight:800}.dot{width:23px;height:23px;border-radius:50%;border:1px solid #cbd5e1;display:block}.offer-banner{position:relative;overflow:hidden;border-radius:26px;background:var(--navy);color:#fff;padding:40px 48px;box-shadow:0 20px 45px rgba(0,31,63,.2)}.offer-banner:before,.offer-banner:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;filter:blur(45px)}.offer-banner:before{right:-100px;top:-110px;background:rgba(220,20,60,.22)}.offer-banner:after{left:-100px;bottom:-130px;background:rgba(255,255,255,.08)}.offer-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px}.offer-item{display:flex;align-items:center;gap:18px}.offer-icon{width:62px;height:62px;border:2px dashed rgba(255,255,255,.4);border-radius:16px;display:grid;place-items:center;font-size:25px}.offer-item h3{font:900 20px Archivo;margin:0}.offer-item p{font-size:14px;color:rgba(255,255,255,.7);margin:5px 0 0}.offer-divider{height:55px;width:1px;background:rgba(255,255,255,.2)}.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.about-img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:26px;box-shadow:0 25px 50px rgba(0,31,63,.13)}.about-label{font-size:12px;font-weight:900;letter-spacing:.25em;color:var(--red)}.about h2{font:900 42px/1.05 Archivo;margin:12px 0}.about h2 span{color:var(--navy)}.about p{color:#64748b;line-height:1.7}.points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0}.point{display:flex;gap:9px;font-size:13px;font-weight:600;color:#334155}.point b{color:var(--red)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border-top:1px solid #eef2f7;padding-top:25px;margin-top:25px}.stat strong{font:900 35px Archivo;color:var(--navy)}.stat span{display:block;font-size:10px;font-weight:800;letter-spacing:.12em;color:#94a3b8;margin-top:3px}.dark-hero{background:var(--navy);color:#fff;padding:78px 0;position:relative;overflow:hidden}.dark-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(220,20,60,.3),transparent 45%),radial-gradient(circle at 85% 80%,rgba(255,255,255,.13),transparent 42%);opacity:.7}.dark-hero .container{position:relative;z-index:1}.dark-hero h1{font:900 clamp(38px,5vw,62px)/1 Archivo;letter-spacing:-.04em;margin:25px 0 0}.dark-hero h1 span{color:var(--red)}.dark-hero p{max-width:700px;color:rgba(255,255,255,.75);line-height:1.7;font-size:16px}.breadcrumb{display:flex;gap:8px;font-size:11px;font-weight:900;letter-spacing:.14em;color:rgba(255,255,255,.6)}.breadcrumb a:hover{color:#fff}.vehicle-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.vehicle-main-img{width:100%;height:400px;object-fit:cover;border-radius:26px;background:#f8fafc}.vehicle-title{font:900 48px/1 Archivo;letter-spacing:-.04em;margin:14px 0}.vehicle-description{color:#64748b;line-height:1.7}.variant-section{background:#f8fafc;border-top:1px solid #eef2f7}.variant-list{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:35px}.variant-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;overflow:hidden;box-shadow:0 12px 30px rgba(15,23,42,.05)}.variant-top{display:grid;grid-template-columns:42% 58%;gap:0}.variant-img{width:100%;height:210px;object-fit:cover}.variant-info{padding:22px}.variant-info h3{font:900 21px Archivo;color:var(--navy);margin:0}.spec-line{font-size:11px;color:#64748b;font-weight:800;margin-top:5px}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:18px;border-top:1px solid #eef2f7}.spec-item{background:#f8fafc;border-radius:10px;padding:9px}.spec-item small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:#94a3b8}.spec-item strong{display:block;font-size:12px;margin-top:2px}.cta-dark{background:linear-gradient(135deg,var(--navy),var(--navy-deep));color:#fff;text-align:center;padding:70px 20px}.cta-dark h2{font:900 38px Archivo}.cta-dark h2 span{color:var(--red)}.after-grid,.offer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card,.offer-card{border:1px solid #eef2f7;border-radius:18px;background:#fff;padding:25px;text-align:center;box-shadow:0 12px 28px rgba(15,23,42,.05);transition:.25s}.service-card:hover,.offer-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(15,23,42,.1)}.service-icon{width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,var(--navy),var(--navy-deep));color:#fff;display:grid;place-items:center;margin:auto;font-size:23px}.service-card h3,.offer-card h3{font:900 16px Archivo;margin:14px 0 7px}.service-card p,.offer-card p{font-size:12px;line-height:1.6;color:#64748b}.sales-cta{background:linear-gradient(90deg,var(--navy),var(--navy-deep));color:#fff;border-radius:26px;padding:50px;text-align:center}.sales-cta h3{font:900 31px Archivo;margin:0}.sales-cta h3 span{color:var(--red)}.sales-phone{display:block;font:900 42px Archivo;margin:14px 0}.site-footer{background:var(--navy-deep);color:#fff}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:45px;padding:65px 0}.footer-grid h3{font:900 13px Archivo;letter-spacing:.2em;color:rgba(255,255,255,.9)}.footer-grid p{font-size:13px;line-height:1.7;color:rgba(255,255,255,.62)}.footer-link{display:inline-flex;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:8px 16px;margin-top:9px;font-size:10px;font-weight:900;letter-spacing:.15em}.footer-link:hover{background:#fff;color:var(--navy)}.socials{display:flex;gap:9px;margin-top:15px}.socials a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);font-size:13px}.socials a:hover{background:var(--red)}.copyright{border-top:1px solid rgba(255,255,255,.1);padding:20px;text-align:center;font-size:12px;color:rgba(255,255,255,.5)}.social-rail{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:90;display:flex;flex-direction:column;gap:8px}.social-rail a{display:flex;align-items:center;gap:8px;overflow:hidden;width:42px;min-height:42px;padding:6px 8px;border-radius:0 999px 999px 0;background:var(--navy);color:#fff;font-size:10px;font-weight:900;letter-spacing:.1em;transition:.3s}.social-rail a:hover{width:170px}.social-rail i{font-style:normal;font-size:17px;flex:0 0 26px;text-align:center}.whatsapp-float{position:fixed;right:20px;bottom:20px;width:56px;height:56px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;z-index:90;font-size:25px;box-shadow:0 15px 30px rgba(37,211,102,.35)}.whatsapp-float:hover{transform:scale(1.08)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery-grid img{width:100%;height:260px;object-fit:cover;border-radius:18px}.notice-box{padding:30px;border-radius:22px;background:#f8fafc;border:1px solid #eef2f7;text-align:center}
@media(max-width:1100px){.main-nav{gap:18px}.usp-grid{grid-template-columns:repeat(3,1fr)}.models-grid{grid-template-columns:repeat(2,1fr)}.after-grid,.offer-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.main-nav,.header-inner>.call-btn{display:none}.mobile-toggle{display:block}.hero{min-height:680px}.hero-bg{object-position:65% center}.hero-content{padding:90px 0 150px}.usp-wrap{margin-top:-50px}.usp-grid{grid-template-columns:repeat(2,1fr)}.about-grid,.vehicle-grid{grid-template-columns:1fr}.variant-list{grid-template-columns:1fr}.after-grid,.offer-grid{grid-template-columns:repeat(2,1fr)}.social-rail{display:none}.vehicle-main-img{height:330px}}
@media(max-width:600px){.container{width:min(100% - 28px,1280px)}.header-inner{height:72px}.logo-main{font-size:23px}.logo-sub{font-size:9px;letter-spacing:.18em}.mobile-nav{padding-left:14px;padding-right:14px}.hero{min-height:650px}.hero-content{padding:70px 0 120px}.hero h1{font-size:49px}.hero p{font-size:15px}.section{padding:55px 0}.usp-grid,.models-grid,.after-grid,.offer-grid{grid-template-columns:1fr}.usp-wrap{margin-top:-35px}.models-head{align-items:flex-start;flex-direction:column}.about h2{font-size:34px}.points{grid-template-columns:1fr}.stats{gap:8px}.stat strong{font-size:28px}.offer-banner{padding:30px 22px}.offer-inner{flex-direction:column;text-align:center}.offer-divider{display:none}.offer-item{flex-direction:column}.dark-hero{padding:58px 0}.dark-hero h1{font-size:39px}.vehicle-title{font-size:38px}.variant-top{grid-template-columns:1fr}.variant-img{height:230px}.sales-cta{padding:35px 20px}.sales-cta h3{font-size:25px}.sales-phone{font-size:32px}.footer-grid{grid-template-columns:1fr;gap:30px;padding:48px 0}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid img{height:180px}}