/*
Theme Name: ZoltBike SEO Index Ready
Theme URI: https://zoltbike.in/
Author: Zolt E Bike
Description: Custom responsive WordPress theme for ZoltBike with product management, calculators, dealership/contact forms, multilingual UI, dark-green design and built-in crawl/index sitemap support.
Version: 4.15
Text Domain: zoltbike
*/

:root{
  --zb-bg:#061f17;
  --zb-bg-2:#08291f;
  --zb-panel:#0b3729;
  --zb-panel-2:#104533;
  --zb-text:#f4f8f5;
  --zb-muted:#b9c8c0;
  --zb-red:#e7192d;
  --zb-green:#65d27a;
  --zb-line:rgba(255,255,255,.14);
  --zb-shadow:0 20px 50px rgba(0,0,0,.22);
  --zb-radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--zb-bg);color:var(--zb-text);font-family:"Mukta",sans-serif;line-height:1.6}
body.zb-hi{font-family:"Mukta",sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button,input,textarea,select{font:inherit}
.zb-container{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.zb-section{padding:76px 0;position:relative}
.zb-section.compact{padding:52px 0}
.zb-eyebrow{letter-spacing:.18em;text-transform:uppercase;font-size:.78rem;font-weight:800;color:var(--zb-red);margin:0 0 10px}
.zb-title{font-size:clamp(2rem,4.1vw,3.5rem);line-height:1.05;margin:0 0 18px;font-weight:800;letter-spacing:-.035em}
.zb-title.small{font-size:clamp(1.65rem,3vw,2.5rem)}
.zb-sub{color:var(--zb-muted);max-width:760px;margin:0 0 30px}
.zb-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:13px 20px;font-weight:800;border:1px solid transparent;cursor:pointer;transition:.25s ease;min-height:46px}
.zb-btn.primary{background:var(--zb-red);color:#fff}
.zb-btn.secondary{border-color:var(--zb-line);background:rgba(255,255,255,.05);color:#fff}
.zb-btn.green{background:var(--zb-green);color:#052015}
.zb-btn:hover{transform:translateY(-2px)}
.zb-grid{display:grid;gap:24px}
.zb-card{background:linear-gradient(145deg,var(--zb-panel),var(--zb-panel-2));border:1px solid var(--zb-line);border-radius:var(--zb-radius);box-shadow:var(--zb-shadow)}

/* Header */
.zb-header{position:sticky;top:0;z-index:1000;background:rgba(6,31,23,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--zb-line)}
.zb-nav{display:flex;align-items:center;gap:22px;min-height:66px}
.zb-logo{width:79px;flex:0 0 auto}
.zb-menu{display:flex;align-items:center;gap:24px;margin-left:auto;font-weight:700}
.zb-menu a{opacity:.92}
.zb-menu a:hover{color:var(--zb-green)}
.zb-header-actions{display:flex;gap:10px;align-items:center}
.zb-lang{display:inline-flex;border:1px solid var(--zb-line);border-radius:999px;overflow:hidden}
.zb-lang button{border:0;background:transparent;color:#fff;padding:8px 10px;cursor:pointer;font-weight:800}
.zb-lang button.active{background:var(--zb-green);color:#052015}
.zb-menu-toggle{display:none;margin-left:auto;background:none;border:1px solid var(--zb-line);border-radius:12px;color:#fff;width:42px;height:42px;font-size:21px;cursor:pointer}

/* Hero */
.zb-hero{position:relative;min-height:650px;display:flex;align-items:center;background:#092a20;overflow:hidden}
.zb-hero::before{content:"";position:absolute;inset:0;background:url('assets/images/hero.webp') center/cover no-repeat}
.zb-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,20,14,.90) 0%,rgba(3,20,14,.62) 42%,rgba(3,20,14,.15) 78%,rgba(3,20,14,.08) 100%)}
.zb-hero-content{position:relative;z-index:2;max-width:660px;padding:96px 0}
.zb-hero h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.92;letter-spacing:-.055em;margin:0 0 14px}
.zb-hero .tagline{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;margin:0 0 18px;color:var(--zb-green)}
.zb-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

/* Product */
.zb-products{grid-template-columns:repeat(3,minmax(0,1fr))}
.zb-product{padding:24px;overflow:hidden}
.zb-product-media{aspect-ratio:4/3;border-radius:18px;background:rgba(255,255,255,.045);display:grid;place-items:center;overflow:hidden;margin-bottom:20px}
.zb-product-media img{width:100%;height:100%;object-fit:contain}
.zb-product h3{margin:0 0 8px;font-size:1.5rem}
.zb-swatches{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0}
.zb-swatch{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.65);cursor:pointer;box-shadow:0 0 0 2px rgba(0,0,0,.25)}
.zb-swatch.active{outline:2px solid var(--zb-green);outline-offset:3px}
.zb-spec-pills{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 20px}
.zb-pill{font-size:.8rem;padding:6px 10px;border-radius:999px;background:rgba(101,210,122,.12);border:1px solid rgba(101,210,122,.28);color:#dfffe6}

/* Battery */
.zb-battery-wrap{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.zb-battery-card{padding:30px;min-height:100%;position:relative;overflow:hidden}
.zb-battery-icon{width:82px;height:42px;border:3px solid var(--zb-green);border-radius:8px;position:relative;margin-bottom:24px}
.zb-battery-icon::after{content:"";position:absolute;right:-9px;top:12px;width:7px;height:16px;border-radius:0 3px 3px 0;background:var(--zb-green)}
.zb-battery-icon span{display:block;width:64%;height:100%;background:linear-gradient(90deg,var(--zb-green),#b5f4c1);border-radius:4px}
.zb-battery-card.lead .zb-battery-icon{border-color:#cbd5d1}.zb-battery-card.lead .zb-battery-icon::after,.zb-battery-card.lead .zb-battery-icon span{background:#cbd5d1}
.zb-battery-list{margin:18px 0 0;padding:0;list-style:none}
.zb-battery-list li{padding:9px 0;border-bottom:1px solid var(--zb-line);display:flex;gap:10px}
.zb-battery-list li::before{content:"✓";color:var(--zb-green);font-weight:900}
.zb-compare{margin-top:28px;padding:20px;border-radius:18px;background:rgba(0,0,0,.16);border:1px solid var(--zb-line)}
.zb-compare-row{display:grid;grid-template-columns:130px 1fr 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--zb-line);align-items:center}.zb-compare-row:last-child{border-bottom:0}

/* Calculators */
.zb-calc-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:stretch}
.zb-calc-controls,.zb-calc-result{padding:26px}
.zb-field{margin:0 0 18px}.zb-field:last-child{margin-bottom:0}
.zb-label-row{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-weight:750}
.zb-field input[type="range"]{width:100%;accent-color:var(--zb-red)}
.zb-number{width:130px;background:rgba(255,255,255,.05);border:1px solid var(--zb-line);border-radius:10px;padding:8px 10px;color:#fff}
.zb-tenures{display:flex;gap:9px;flex-wrap:wrap}.zb-tenure{border:1px solid var(--zb-line);background:transparent;color:#fff;border-radius:999px;padding:9px 14px;cursor:pointer}.zb-tenure.active{background:var(--zb-red);border-color:var(--zb-red)}
.zb-big-number{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:900;line-height:1;color:#fff;margin:10px 0 20px}.zb-big-number span{font-size:1rem;font-weight:600;color:var(--zb-muted)}
.zb-kv{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--zb-line)}.zb-kv:last-child{border-bottom:0}
.zb-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.zb-mini{padding:18px;background:rgba(255,255,255,.06);border-radius:16px}.zb-mini strong{font-size:1.5rem;display:block}

/* Info/About */
.zb-why{grid-template-columns:repeat(3,1fr)}
.zb-info{padding:26px}.zb-num{font-size:.85rem;color:var(--zb-red);font-weight:900;letter-spacing:.1em}
.zb-about{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center}.zb-about-panel{padding:30px}.zb-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.zb-stat{padding:22px;border:1px solid var(--zb-line);border-radius:18px;background:rgba(255,255,255,.04)}.zb-stat strong{font-size:2rem;display:block;color:var(--zb-green)}

/* Forms */
.zb-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.zb-form .full{grid-column:1/-1}.zb-form label{font-weight:750;font-size:.92rem}.zb-form input,.zb-form textarea{width:100%;margin-top:6px;background:rgba(255,255,255,.055);border:1px solid var(--zb-line);border-radius:14px;padding:13px 14px;color:#fff;outline:none}.zb-form input:focus,.zb-form textarea:focus{border-color:var(--zb-green)}.zb-form textarea{min-height:130px;resize:vertical}.zb-notice{padding:14px 16px;border-radius:12px;margin-bottom:18px}.zb-notice.ok{background:rgba(101,210,122,.14);border:1px solid rgba(101,210,122,.35)}.zb-notice.err{background:rgba(231,25,45,.14);border:1px solid rgba(231,25,45,.35)}

/* Inner */
.zb-page-hero{padding:72px 0 38px;border-bottom:1px solid var(--zb-line)}.zb-breadcrumbs{font-size:.88rem;color:var(--zb-muted);margin-bottom:16px}.zb-breadcrumbs a{color:#fff}.zb-content{max-width:900px}.zb-content h2,.zb-content h3{line-height:1.2}.zb-content p,.zb-content li{color:#d5dfda}

/* Footer */
.zb-footer{border-top:1px solid var(--zb-line);background:#041710;padding:54px 0 22px}.zb-footer-grid{display:grid;grid-template-columns:1.3fr .8fr .9fr;gap:36px}.zb-social{display:flex;gap:10px;flex-wrap:wrap}.zb-social a{width:42px;height:42px;border:1px solid var(--zb-line);border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.04)}.zb-social svg{width:20px;height:20px;fill:currentColor}.zb-footer-links{display:grid;gap:10px}.zb-copy{border-top:1px solid var(--zb-line);margin-top:34px;padding-top:20px;color:var(--zb-muted);font-size:.9rem}
.zb-whatsapp{position:fixed;right:18px;bottom:18px;z-index:1100;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:white;box-shadow:0 14px 28px rgba(0,0,0,.3)}.zb-whatsapp svg{width:30px;height:30px;fill:currentColor}

@media(max-width:900px){
 .zb-menu-toggle{display:block}.zb-menu,.zb-header-actions .zb-brochure{display:none}.zb-nav{min-height:58px;flex-wrap:wrap}.zb-menu.open{display:flex;position:absolute;left:0;right:0;top:58px;background:#061f17;padding:18px 16px 22px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--zb-line)}
 .zb-products,.zb-why{grid-template-columns:1fr 1fr}.zb-battery-wrap,.zb-calc-grid,.zb-about,.zb-footer-grid{grid-template-columns:1fr}.zb-hero{min-height:560px}.zb-hero-content{padding:78px 0}.zb-section{padding:58px 0}.zb-form{grid-template-columns:1fr}.zb-form .full{grid-column:auto}
}
@media(max-width:620px){
 .zb-container{width:min(100% - 24px,1180px)}.zb-products,.zb-why,.zb-mini-grid{grid-template-columns:1fr}.zb-hero{min-height:520px}.zb-hero::after{background:linear-gradient(180deg,rgba(3,20,14,.60),rgba(3,20,14,.92) 70%)}.zb-hero-content{padding:62px 0 50px}.zb-section{padding:48px 0}.zb-title{font-size:2rem}.zb-calc-controls,.zb-calc-result,.zb-battery-card{padding:20px}.zb-compare-row{grid-template-columns:1fr;gap:5px}.zb-number{width:112px}.zb-logo{width:65px}
}


/* Contact page v4.10 */
.zb-contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:stretch}
.zb-contact-card{padding:28px}
.zb-contact-list{display:grid;gap:14px;margin-top:20px}
.zb-contact-item{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;padding:15px 0;border-bottom:1px solid var(--zb-line)}
.zb-contact-item:last-child{border-bottom:0}
.zb-contact-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(101,210,122,.12);border:1px solid rgba(101,210,122,.32);color:var(--zb-green)}
.zb-contact-icon svg{width:20px;height:20px;fill:currentColor}
.zb-contact-item small{display:block;color:var(--zb-muted);margin-bottom:2px;font-weight:700;letter-spacing:.03em}
.zb-contact-item a,.zb-contact-item strong{font-size:1rem;word-break:break-word}
.zb-contact-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.zb-map-section{padding-top:0}
.zb-map-card{overflow:hidden;padding:0}
.zb-map-frame{width:100%;height:420px;border:0;display:block;background:#0b3729}
.zb-map-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-top:1px solid var(--zb-line)}
.zb-map-bar p{margin:0;color:var(--zb-muted)}
@media(max-width:900px){.zb-contact-grid{grid-template-columns:1fr}.zb-map-frame{height:360px}}
@media(max-width:620px){.zb-contact-card{padding:20px}.zb-map-frame{height:300px}.zb-map-bar{align-items:flex-start;flex-direction:column}}