:root{scroll-behavior:auto !important}
:root{--bs-primary:#4437e1;--bs-primary-rgb:68,55,225;--bs-link-color:#4437e1;--bs-link-hover-color:#3329b8;--bs-body-font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--bs-body-color:#22223b;--bs-border-radius:10px}
body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:#22223b;background:#fff;line-height:1.65}
h1,
h2,
h3,
h4,
h5,
h6{font-family:'Titillium Web','Inter',system-ui,sans-serif;font-weight:700;color:#1b1564}
img{max-width:100%}
.btn-primary{--bs-btn-bg:#4437e1;--bs-btn-border-color:#4437e1;--bs-btn-hover-bg:#3329b8;--bs-btn-hover-border-color:#3329b8;--bs-btn-active-bg:#3329b8;--bs-btn-active-border-color:#3329b8;font-weight:600}
.btn-outline-primary{--bs-btn-color:#4437e1;--bs-btn-border-color:#4437e1;--bs-btn-hover-bg:#4437e1;--bs-btn-hover-border-color:#4437e1;--bs-btn-active-bg:#4437e1;font-weight:600}
.text-gold{color:#f5b301 !important}
.section{padding:3.5rem 0}
.section-alt{background:#f5f6fb}
.container-narrow{max-width:960px}
.section-title{text-align:center;font-size:clamp(1.7rem,3.5vw,2.4rem);margin-bottom:2rem;position:relative}
.section-title::after{content:"";display:block;width:64px;height:4px;border-radius:2px;background:linear-gradient(90deg,#4437e1,#f5b301);margin:0.6rem auto 0}
#progress_bar{position:fixed;top:0;left:0;height:3px;width:0;z-index:2000;background:linear-gradient(90deg,#4437e1,#f5b301)}
.topbar{background:#0f0c33;color:#cfd0e6;font-size:0.85rem;padding:0.4rem 0}
.topbar a{color:#fff;text-decoration:none}
.topbar a:hover{color:#f5b301}
.topbar i,
.topbar .fa,
.topbar .fas,
.topbar .fab{margin-right:0.35rem;color:#f5b301}
.site-header{background:#fff;box-shadow:0 2px 14px rgba(27,21,100,0.08);z-index:1030}
.main-nav{padding:0.5rem 0}
.main-nav .navbar-brand img{height:46px;width:auto}
.main-nav .nav-link{font-weight:600;color:#1b1564;padding:0.6rem 0.9rem;border-radius:8px}
.main-nav .nav-link:hover{color:#4437e1}
.main-nav .nav-link.active{color:#4437e1;background:rgba(68,55,225,0.08)}
.main-nav .btn-order{border-radius:999px;padding:0.5rem 1.3rem}
.main-nav .navbar-toggler{border:0;margin-left:0.5rem;width:2.6rem;height:2.6rem;align-items:center;justify-content:center;border-radius:12px;background:rgba(68,55,225,0.08);color:#4437e1;font-size:1.2rem}
.main-nav .navbar-toggler:focus{box-shadow:0 0 0 0.2rem rgba(68,55,225,0.2)}
.nav-quick{display:flex;align-items:center;gap:0.5rem}
.nav-quick a{text-decoration:none;font-weight:600}
.nav-quick .nav-quick-call{width:2.6rem;height:2.6rem;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#12a150;color:#fff;font-size:1.05rem}
.nav-quick .nav-quick-order{align-items:center;height:2.6rem;padding:0 1.1rem;border-radius:999px;background:linear-gradient(135deg,#4437e1,#7a6cff);color:#fff;font-size:0.9rem}
.site-header,
.main-nav{border-bottom:3px solid transparent;border-image:linear-gradient(90deg,#4437e1,#f5b301) 1}
@media (max-width:1199.98px){.main-nav .navbar-toggler{display:inline-flex}.main-nav{padding:0.6rem 0;box-shadow:0 4px 18px rgba(27,21,100,0.12)}.offcanvas{background:#0f0c33;color:#fff}.offcanvas .offcanvas-title{color:#f5b301;font-weight:700;font-family:'Titillium Web','Inter',system-ui,sans-serif;font-size:1.2rem}.offcanvas .btn-close{filter:invert(1)}.offcanvas .nav-link{color:#fff;font-size:1.05rem}.offcanvas .nav-link.active,.offcanvas .nav-link:hover{color:#f5b301;background:rgba(255,255,255,0.08)}}
main{min-height:60vh}
.site-footer{background:#0f0c33;color:#b9bad6;padding-top:3rem}
.site-footer a{color:#fff;text-decoration:none}
.site-footer a:hover{color:#f5b301}
.site-footer .footer-title{color:#fff;font-size:1.15rem;margin-bottom:1rem}
.site-footer .footer-logo{max-height:56px;width:auto;margin-bottom:1rem;background:#fff;padding:0.4rem 0.7rem;border-radius:10px}
.site-footer a.btn-light{color:#1b1564;font-weight:600}
.site-footer a.btn-light:hover{color:#4437e1;background:#fff}
.site-footer .open{color:#6fe39a}
.site-footer .closed{color:#ff8a8a}
.site-footer ul{list-style:none;padding:0}
.site-footer .footer-bottom{border-top:1px solid rgba(255,255,255,0.1);margin-top:2rem;padding:1rem 0;text-align:center;font-size:0.85rem}
.cookie-consent{position:fixed;left:0;right:0;bottom:0;z-index:2500;background:#fff;padding:1rem 0;box-shadow:0 -8px 30px rgba(0,0,0,0.15)}
@media (max-width:575.98px){.main-nav .navbar-brand{margin-right:0}.main-nav .navbar-brand img{height:36px}.main-nav .container{padding-left:0.6rem;padding-right:0.6rem}.main-nav .navbar-toggler{width:2.2rem;height:2.2rem;margin-left:0.3rem;font-size:1rem}.nav-quick{gap:0.3rem}.nav-quick .nav-quick-call{width:2.2rem;height:2.2rem;font-size:0.9rem}.nav-quick .nav-quick-order{height:2.2rem;padding:0 0.75rem;font-size:0.8rem;white-space:nowrap}}
.hero{background:#0f0c33}
.hero .hero-img{width:100%;height:clamp(260px,50vw,560px);object-fit:cover;opacity:0.85}
.hero .hero-caption{background:linear-gradient(0deg,rgba(15,12,51,0.85),transparent);left:0;right:0;bottom:0;padding:3rem 1rem 2.5rem;color:#fff}
.hero .hero-caption h2,
.hero .hero-caption h1{color:#fff;font-size:clamp(1.5rem,4vw,2.8rem)}
.offer-card,
.info-card,
.content-card,
.service-card,
.review-card,
.spec-card,
.price-card,
.graph-card,
.brand-card{border:0;border-radius:14px;background:#fff;box-shadow:0 6px 24px rgba(27,21,100,0.1)}
.content-card,
.info-card,
.spec-card,
.price-card,
.graph-card,
.brand-card,
.review-card{padding:1.5rem}
.offer-card,
.service-card{overflow:hidden;color:#22223b;text-decoration:none;transition:transform 0.2s,box-shadow 0.2s}
.offer-card:hover,
.service-card:hover{transform:translateY(-4px);box-shadow:0 14px 40px rgba(27,21,100,0.18);color:#22223b}
.offer-card .card-title,
.service-card .card-title{color:#1b1564}
.service-card{display:flex;flex-direction:column;padding:1.5rem}
.service-card h3{color:#1b1564;margin-bottom:0.75rem}
.service-card p{margin-bottom:0.75rem}
.service-card .service-list{flex-grow:1;margin-bottom:0}
.service-card .service-icon{width:3rem;height:3rem;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.3rem;color:#fff;background:linear-gradient(135deg,#1b1564,#4437e1);align-self:flex-start}
.service-card.service-cta{text-align:center;align-items:center;background:rgba(68,55,225,0.06)}
.service-img{width:100%;height:200px;object-fit:contain;background:#f4f5fb;border-radius:10px;margin-top:1.25rem}
.review-card .rating{color:#f5b301;letter-spacing:2px}
.reviews-total{color:#6b6f85;text-align:center}
.map-wrap{border-radius:14px;overflow:hidden;box-shadow:0 6px 24px rgba(27,21,100,0.1)}
.map-wrap iframe{width:100%;height:350px;border:0;display:block}
.check-list{list-style:none;padding-left:0}
.check-list li{padding-left:1.8rem;position:relative;margin-bottom:0.4rem}
.check-list li::before{content:"✓";position:absolute;left:0;color:#4437e1;font-weight:700}
.gallery-grid .gallery-img{width:100%;aspect-ratio:1.33333333;object-fit:cover;border-radius:10px;cursor:zoom-in;box-shadow:0 6px 24px rgba(27,21,100,0.1);transition:transform 0.2s}
.gallery-grid .gallery-img:hover{transform:scale(1.03)}
.gallery-img{cursor:zoom-in}
.play-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;line-height:56px;border-radius:50%;text-align:center;background:rgba(27,21,100,0.85);color:#fff;pointer-events:none}
.lightbox-modal .modal-content{background:transparent;border:0}
.lightbox-modal img,
.lightbox-modal video{max-width:100%;max-height:85vh;margin:0 auto;display:block;border-radius:8px}
.lightbox-modal .btn-close{position:absolute;top:-2.2rem;right:0;filter:invert(1);opacity:1}
.legal h1{font-size:2rem;margin-bottom:1.5rem}
.legal h2{font-size:1.3rem;margin-top:1.8rem}
.carousel{cursor:grab;user-select:none}
.carousel:active{cursor:grabbing}
.carousel a,
.carousel button{cursor:pointer}
.carousel-indicators.reviews-indicators{position:static;margin:1.25rem 0 0}
.carousel-indicators.reviews-indicators [data-bs-target]{width:30px;height:4px;border-radius:2px;background-color:#1b1564;opacity:0.2}
.carousel-indicators.reviews-indicators [data-bs-target].active{background-color:#4437e1;opacity:1}
.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:0.8rem}
.brand-grid.brand-grid-sm{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}
.brand-tile{display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:0.8rem;background:#fff;border:2px solid transparent;border-radius:14px;box-shadow:0 6px 24px rgba(27,21,100,0.1);cursor:pointer;transition:all 0.2s;touch-action:manipulation}
.brand-tile img{max-width:100%;max-height:100%;object-fit:contain}
@media (hover:hover){.brand-tile:hover{border-color:#4437e1;transform:translateY(-3px)}}
.brand-tile.active{border-color:#4437e1}
.brand-chips{display:flex;flex-wrap:wrap;gap:0.4rem;justify-content:center;margin:1.5rem 0}
.brand-chip{border:1px solid #d7d9ee;background:#fff;color:#1b1564;border-radius:999px;padding:0.25rem 0.9rem;font-weight:600;cursor:pointer;touch-action:manipulation}
.brand-chip:hover,
.brand-chip.active{background:#4437e1;color:#fff;border-color:#4437e1}
.brand-panel{display:none;margin-top:1.5rem;background:#fff;border-radius:14px;box-shadow:0 6px 24px rgba(27,21,100,0.1);overflow:hidden}
.brand-panel.show,
.brand-panel.active,
.brand-panel:target{display:block}
.brand-panel-title{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:linear-gradient(135deg,#1b1564,#4437e1);color:#fff;font-family:'Titillium Web','Inter',system-ui,sans-serif;font-size:1.25rem;font-weight:700;cursor:pointer}
.brand-panel-title i{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:rgba(255,255,255,0.18);font-size:1rem;transition:background 0.2s}
.brand-panel-title:hover i{background:rgba(255,255,255,0.35)}
.brand-panel>.row{padding:1.25rem 1.5rem 1.5rem}
.model-link{display:block;padding:0.55rem 0.9rem;border:1px solid #e6e8f4;border-radius:8px;color:#22223b;text-decoration:none;font-size:0.95rem;transition:all 0.15s}
.model-link:hover{background:rgba(68,55,225,0.08);border-color:#4437e1;color:#4437e1;transform:translateY(-1px)}
.fuel-title{color:#4437e1;margin:1.5rem 0 0.5rem}
.spec-table{width:100%}
.spec-table th,
.spec-table td{padding:0.6rem 0.8rem;border-bottom:1px solid #eceef7}
.spec-table th{color:#6b6f85;font-weight:600}
.spec-table .gain{color:#12a150;font-weight:700}
.gain{color:#12a150;font-weight:700}
.price-card{display:flex;flex-direction:column;justify-content:center;gap:0.9rem;text-align:center;background:linear-gradient(135deg,#1b1564,#4437e1);color:#fff}
.price-card .price-label{text-transform:uppercase;letter-spacing:0.08em;font-size:0.8rem;opacity:0.75}
.price-card .price{font-size:3.4rem;line-height:1;font-weight:700;font-family:'Titillium Web','Inter',system-ui,sans-serif}
.price-card .price-note{align-self:center;background:rgba(255,255,255,0.14);border-radius:999px;padding:0.35rem 0.9rem;font-size:0.85rem}
.price-card .price-note i{color:#f5b301;margin-right:0.3rem}
.price-card .price-includes{text-align:left;border-top:1px solid rgba(255,255,255,0.2);padding-top:0.9rem;font-size:0.9rem}
.price-card .price-includes .price-includes-toggle{display:block;width:100%;background:rgba(255,255,255,0.06);border:1px solid transparent;border-radius:10px;padding:0.55rem 1rem;color:#fff;font-weight:600;cursor:pointer;transition:background 0.2s ease,border-color 0.2s ease,color 0.2s ease}
.price-card .price-includes .price-includes-toggle:hover,
.price-card .price-includes .price-includes-toggle:focus-visible{background:rgba(255,255,255,0.18);border-color:#f5b301;color:#f5b301;outline:0}
.price-card .price-includes .price-includes-toggle i{margin-left:0.3rem;font-size:0.75rem;transition:transform 0.3s ease}
.price-card .price-includes .price-includes-toggle:not(.collapsed) i{transform:rotate(180deg)}
.price-card .price-includes .collapsing{transition:height 0.3s ease}
.price-card .price-includes ul{padding-top:0.75rem}
.price-card .price-includes ul li::before,
.price-card .price-includes ul li i{color:#f5b301}
.price-card .price-time{font-size:0.8rem;opacity:0.75}
.price-card .price-time i{margin-right:0.3rem}
.car-brand{max-height:70px;width:auto}
.graph-card img{width:100%;border-radius:8px;cursor:zoom-in}
.faq-accordion .accordion-item{border:0;margin-bottom:0.8rem;border-radius:14px !important;overflow:hidden;box-shadow:0 6px 24px rgba(27,21,100,0.1)}
.faq-accordion .accordion-button{font-weight:600;color:#1b1564}
.faq-accordion .accordion-button:not(.collapsed){background:rgba(68,55,225,0.08);color:#4437e1}
.gain-chart{background:#fff;border-radius:14px;box-shadow:0 6px 24px rgba(27,21,100,0.1);padding:1.5rem;display:flex;flex-direction:column;justify-content:center;gap:1.5rem}
.gain-chart .gain-chart-legend{display:flex;gap:1.25rem;justify-content:flex-end;font-size:0.8rem;color:#6b6f85}
.gain-chart .gain-chart-legend span::before{content:"";display:inline-block;width:0.7rem;height:0.7rem;border-radius:3px;margin-right:0.4rem;vertical-align:-1px}
.gain-chart .gain-chart-legend .before::before{background:#b9bcd8}
.gain-chart .gain-chart-legend .after::before{background:#4437e1}
.gain-chart .gain-chart-title{display:flex;justify-content:space-between;align-items:baseline;font-family:'Titillium Web','Inter',system-ui,sans-serif;font-size:1.15rem;font-weight:700;color:#1b1564;margin-bottom:0.5rem}
.gain-chart .gain-bar{height:2.2rem;margin-bottom:0.4rem;border-radius:8px;position:relative;width:var(--w);min-width:4.5rem;display:flex;align-items:center;justify-content:flex-end;padding:0 0.75rem;font-weight:700;font-size:0.9rem;color:#fff;transform-origin:left;animation:gain-grow 0.9s ease-out both}
.gain-chart .gain-bar.before{background:#b9bcd8;color:#1b1564}
.gain-chart .gain-bar.after{background:linear-gradient(90deg,#4437e1,#7a6cff);animation-delay:0.15s}
@keyframes gain-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.car-heading{display:flex;flex-direction:column;align-items:center;gap:0.5rem;margin-bottom:0.5rem}
.car-heading .car-logo{height:72px;width:auto;max-width:160px;object-fit:contain}
.car-heading .car-brand{max-height:none;font-size:1.1rem;font-weight:600;color:#6b6f85;margin:0}
.order-form-wrap{padding:0}