/* EMI calculator ATF chrome — 1/4 CWV CSS (LCP). */
html,body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#24272c;background:#fff}
.ec-summary-emi,#ecSummaryEmi,.emi-page-hero h1{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:768px){.container{width:750px}}
@media (min-width:992px){.container{width:970px}}
@media (min-width:1200px){.container{width:1170px}}
img{max-width:100%;height:auto;border:0;vertical-align:middle}
a{background-color:transparent;text-decoration:none;color:inherit}
.page-wraper{overflow:hidden}
.breadCrumn,.page-content .breadCrumn{box-shadow:0 1px 3px rgba(36,39,44,.15);border-radius:0;background:#fff!important;overflow:auto;white-space:nowrap;border-bottom:1px solid #eef1f4}
.breadcrumb{list-style:none;margin:0;padding:10px 0;background:transparent;border-radius:0;font-size:13px;line-height:1.4}
.breadcrumb>li,.breadcrumb-item{display:inline-block;color:#6b7280}
.breadcrumb>li+li:before,.breadcrumb-item+.breadcrumb-item:before{display:inline-block;padding:0 8px;color:#9ca3af;content:"/\00a0"}
.breadcrumb a{color:#6b7280;text-decoration:none}
.breadcrumb a:hover{color:#c92127;text-decoration:none}
.breadcrumb>.active,.breadcrumb-item.active{color:#24272c;font-weight:600}
.tab-content>.tab-pane{display:none}
.tab-content>.active{display:block}
.tb-cwv-tab-placeholder{min-height:220px;display:block;background:transparent;border-radius:12px;padding:4px 0 8px}
.home-section-wrap{margin-bottom:12px}
.tb-cwv-defer{content-visibility:auto;contain-intrinsic-size:1px 420px}
/* EMI page ATF */
.emi-page{--emi-red:#d81416;--emi-ink:#24272c;--emi-muted:#6b7280;--emi-bg:#f5f6f8;background:var(--emi-bg);padding-bottom:8px}
.emi-page .breadCrumn{background:#fff;border-bottom:1px solid #e8ecf0}
.emi-page-hero{background:#fff;border-bottom:1px solid #e8ecf0;padding:22px 0 18px}
.emi-page-hero__eyebrow{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--emi-red)}
.emi-page-hero h1{margin:0 0 8px;font-size:clamp(1.35rem,2.5vw,1.85rem);font-weight:700;color:var(--emi-ink);line-height:1.25;letter-spacing:-.02em}
.emi-page-hero p{margin:0;max-width:40rem;font-size:15px;line-height:1.5;color:var(--emi-muted)}
.emi-page-calc{padding-top:20px}
.emi-page-calc .container{max-width:760px}
.emi-page-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.emi-page-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:10px;font-size:14px;font-weight:700;text-decoration:none!important}
.emi-page-cta__primary{background:var(--emi-red);color:#fff!important;border:1px solid var(--emi-red)}
.emi-page-cta__secondary{background:#fff;color:var(--emi-ink)!important;border:1px solid #e5e7eb}
.emi-page-note{margin:12px 0 0;font-size:12px;color:var(--emi-muted);line-height:1.45}
/* LCP: SSR EMI amount */
.ec-summary-emi,#ecSummaryEmi{font-size:2rem;font-weight:800;line-height:1.15;color:#24272c;margin:0;letter-spacing:-.02em}
@media (min-width:768px){.ec-summary-emi,#ecSummaryEmi{font-size:2.65rem}}
@media (max-width:767px){
.emi-page-hero{padding:16px 0 14px}
.emi-page-calc{padding-left:10px;padding-right:10px}
}
/* Without Bootstrap: hide modal/scroltop so they don't leave white space below footer */
.modal{display:none;position:fixed;left:0;top:0;right:0;bottom:0;z-index:1050;outline:0;overflow:hidden;-webkit-overflow-scrolling:touch}
.modal.in,.modal.show{display:block}
.modal-dialog{position:relative;width:auto;margin:30px auto;max-width:350px}
.modal-content{background:#fff;border-radius:12px;overflow:hidden}
.modal-header{display:flex;align-items:center;justify-content:flex-end;padding:8px 12px;border:0}
.modal-header .close{border:0;background:#f3f4f6;width:36px;height:36px;border-radius:50%;cursor:pointer;line-height:1;font-size:22px}
.modal-body{padding:0 12px 12px}
.modal-backdrop{position:fixed;inset:0;background:#000;opacity:.5;z-index:1040}
button.scroltop{position:fixed;right:18px;bottom:18px;z-index:99;display:none;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#c92127;color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.18);cursor:pointer;line-height:0;font-size:0}
button.scroltop::before{content:"";display:block;width:10px;height:10px;margin:14px auto 0;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(-45deg);box-sizing:border-box}
/* Wishlist heart — SVG (no Font Awesome webfont; unicode ♡ is easy to miss on white) */
.tb-home-product-card{position:relative}
.tb-wish-btn{position:absolute;top:10px;left:10px;z-index:6;width:40px;height:40px;min-width:40px;min-height:40px;border:none;border-radius:50%;background:rgba(255,255,255,.96);color:#6b7280;box-shadow:0 2px 8px rgba(17,24,39,.16);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;-webkit-tap-highlight-color:transparent}
.tb-wish-btn:hover,.tb-wish-btn:focus,.tb-wish-btn.is-active{color:#d81416;outline:none}
.tb-wish-btn .fa{display:block!important;width:20px!important;height:20px!important;font-size:0!important;line-height:0!important;color:transparent!important;background-repeat:no-repeat;background-position:center;background-size:20px 20px;speak:never}
.tb-wish-btn .fa::before{content:none!important}
.tb-wish-btn .fa-heart-o{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E")}
.tb-wish-btn:hover .fa-heart-o,.tb-wish-btn:focus .fa-heart-o{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d81416' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E")}
.tb-wish-btn .fa-heart,.tb-wish-btn.is-active .fa{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d81416' stroke='%23d81416' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E")}
/* Enquiry shell — usable before emi-chrome arms */
#exampleModal.tb-enq-native{z-index:10060}
#exampleModal.tb-enq-native.in,#exampleModal.tb-enq-native.show,#exampleModal.in,#exampleModal.show{display:block!important;opacity:1!important}
#exampleModal iframe,#exampleModal iframe#Enquiry{width:100%!important;border:0;display:block;height:420px}
@media (min-width:768px){
#exampleModal .marginModal{margin:0;padding:40px 16px;min-height:100%;display:flex;align-items:center;justify-content:center}
#exampleModal .modal-dialog{width:380px;max-width:calc(100vw - 32px);margin:0 auto}
}
@media (max-width:767px){
#exampleModal.tb-enq-native{padding:0!important}
#exampleModal .marginModal{margin:0!important;padding:0!important;height:100%;display:flex;align-items:flex-end}
#exampleModal .modal-dialog{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;max-width:100%!important;margin:0!important}
#exampleModal .modal-content{border:0!important;border-radius:18px 18px 0 0!important;box-shadow:0 -12px 40px rgba(15,23,42,.22);max-height:min(92vh,720px);overflow:hidden;background:#fff}
#exampleModal .modal-content::before{content:"";display:block;width:40px;height:4px;margin:10px auto 0;border-radius:999px;background:#d1d5db}
#exampleModal .modal-header{justify-content:space-between;padding:10px 16px 8px!important;min-height:44px}
#exampleModal .modal-header::before{content:"Get on-road price";font-size:16px;font-weight:700;color:#0f172a;letter-spacing:-.01em}
#exampleModal iframe,#exampleModal iframe#Enquiry{height:min(70vh,560px)!important}
body.tb-enq-sheet-open{overflow:hidden!important;touch-action:none}
}
