
:root{
  --navy:#071a2b;--navy-2:#0b243a;--navy-3:#102e48;--blue:#17a8f4;--blue-2:#0b8fd8;--blue-soft:#eaf7ff;
  --text:#102235;--muted:#65788a;--line:#dfe9f1;--soft:#f5f9fc;--white:#fff;--green:#20b766;
  --shadow:0 16px 45px rgba(10,39,62,.10);--shadow-sm:0 8px 24px rgba(10,39,62,.08);--radius:18px;--container:1240px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(var(--container),calc(100% - 40px));margin:auto}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--blue);
    font-size:11px;
    font-weight:800;
    letter-spacing:.10em;
    text-transform:uppercase;
    margin-bottom:6px;
}

.section{
    padding:70px 0;
}

.section-head{
    margin-bottom:26px;
}

.section-head h2,
.story-grid h2,
.b2b-split h2{
    font-size:clamp(30px,3.3vw,46px);
    line-height:1.12;
    letter-spacing:-.04em;
    margin:6px 0 10px;
}.section-head p,.story-grid p,.b2b-split p{color:var(--muted);font-size:16px;line-height:1.75;margin:0}.inverse p,.inverse-copy p{color:#afc1cf}.text-link{font-size:14px;font-weight:800;color:var(--blue);white-space:nowrap}.text-link:hover{color:var(--blue-2)}
.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:10px;padding:0 20px;font-size:14px;font-weight:800;transition:.2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 10px 24px rgba(23,168,244,.23)}.btn-primary:hover{background:var(--blue-2)}.btn-secondary{background:#fff;color:var(--navy);border-color:#d7e4ed}.btn-secondary:hover,.btn-ghost:hover{border-color:var(--blue);color:var(--blue)}.btn-ghost{background:transparent;border-color:#cedae4;color:var(--navy)}.btn-whatsapp{background:var(--green);color:#fff}.btn-light{background:#fff;color:var(--navy)}.full-btn{width:100%;margin-top:24px}
/* shared header */
.site-header{position:sticky;top:0;z-index:1000;background:rgba(7,26,43,.98);color:#fff;border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px)}.header-inner{height:76px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{width:39px;height:39px;border-radius:11px;background:linear-gradient(145deg,var(--blue),#49c7ff);display:grid;place-items:center;color:#fff;font-weight:900;font-style:italic;box-shadow:0 8px 20px rgba(23,168,244,.28)}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:18px;letter-spacing:.02em}.brand-copy small{font-size:7px;letter-spacing:.18em;color:#8da8ba;margin-top:2px}.header-search{margin-left:auto;width:245px;height:40px;display:flex;align-items:center;background:#102a40;border:1px solid #1c3b53;border-radius:9px;overflow:hidden}.header-search span{padding-left:12px;color:#8aa4b6}.header-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;padding:0 10px;font-size:12px}.header-search input::placeholder{color:#8098aa}.main-nav{display:flex;align-items:center;gap:24px}.main-nav>a{font-size:12px;font-weight:700;color:#d6e2ea;position:relative;padding:29px 0}.main-nav>a:hover,.main-nav>a.active{color:#fff}.main-nav>a.active:after{content:"";position:absolute;height:3px;border-radius:3px;background:var(--blue);left:0;right:0;bottom:15px}.nav-quote{padding:11px 15px!important;background:var(--blue);color:#fff!important;border-radius:9px}.nav-quote:after{display:none!important}.language-button{height:38px;border:1px solid #27445a;background:transparent;color:#c7d8e3;border-radius:8px;padding:0 10px;font-size:11px;font-weight:700}.menu-toggle{display:none;width:42px;height:42px;border:1px solid #27445a;background:#0c2740;color:#fff;border-radius:9px;font-size:22px}
/* footer */
.site-footer{background:#061521;color:#c8d5df}.footer-main{padding:58px 0 40px;display:grid;grid-template-columns:1.35fr .8fr .9fr 1fr;gap:42px}.footer-brand p{color:#8fa6b7;line-height:1.7;max-width:360px;font-size:13px}.footer-title{font-size:12px;color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin:0 0 16px}.footer-links{display:grid;gap:10px}.footer-links a,.footer-contact p{font-size:12px;color:#91a8b8;margin:0}.footer-links a:hover{color:var(--blue)}.footer-actions{display:grid;gap:10px;margin-top:18px}.footer-actions .btn{min-height:42px;font-size:12px}.footer-bottom{border-top:1px solid #173046;padding:19px 0;display:flex;justify-content:space-between;gap:20px;color:#6f899b;font-size:11px}
/* home hero */
.hero-home{background:radial-gradient(circle at 78% 30%,#153e61 0,#0b263d 31%,var(--navy) 65%);color:#fff;min-height:640px;display:flex;align-items:center;overflow:hidden}.hero-home-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:52px;padding:76px 0}.hero-copy h1{font-size:clamp(48px,5.8vw,76px);line-height:.99;letter-spacing:-.055em;margin:18px 0}.hero-copy h1 span{color:#fff}.hero-copy p{max-width:650px;color:#b8c9d6;font-size:17px;line-height:1.75}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);max-width:520px;margin-top:38px;border-top:1px solid rgba(255,255,255,.12);padding-top:22px}.hero-proof div+div{border-left:1px solid rgba(255,255,255,.12);padding-left:24px}.hero-proof strong{display:block;font-size:25px}.hero-proof span{display:block;color:#86a0b3;font-size:11px;margin-top:5px}.hero-visual{
    position:relative !important;
    min-height:460px !important;
    width:110% !important;
    margin-left:-5% !important;
}.hero-glow{position:absolute;inset:5% 0 0;background:radial-gradient(circle,rgba(23,168,244,.32),transparent 63%)}.hero-stage{position:absolute;inset:0;border:1px solid rgba(255,255,255,.1);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02));overflow:hidden;box-shadow:0 35px 80px rgba(0,0,0,.22)}.hero-stage:after{content:"";position:absolute;left:8%;right:8%;bottom:9%;height:1px;background:linear-gradient(90deg,transparent,#51c7ff,transparent)}.visual-badge{position:absolute;left:24px;top:24px;background:#fff;color:var(--navy);border-radius:30px;padding:9px 12px;font-size:9px;font-weight:900;letter-spacing:.08em;z-index:4}.hero-bike{position:absolute;object-fit:contain;filter:drop-shadow(0 20px 22px rgba(0,0,0,.34))}.hero-bike-main{width:73%;height:70%;left:14%;top:17%;z-index:3}.hero-bike-left{width:36%;height:39%;left:-4%;bottom:3%;z-index:2;opacity:.94}.hero-bike-right{width:37%;height:37%;right:-3%;bottom:6%;z-index:2;opacity:.94}
.category-showcase{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category-showcase article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:var(--shadow-sm);transition:.2s}.category-showcase article:hover{transform:translateY(-4px);border-color:#b8dcf2}.category-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--blue-soft);color:var(--blue);font-size:20px}.category-showcase h3{font-size:16px;margin:18px 0 7px}.category-showcase p{color:var(--muted);font-size:12px;line-height:1.6;min-height:40px}.category-meta{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:11px;font-weight:800;color:var(--blue)}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:var(--shadow-sm);transition:.22s ease}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-card-media{height:225px;background:#ffffff !important;display:flex;align-items:center;justify-content:center;position:relative;padding:16px;overflow:hidden}.product-card-media img{width:100%;height:100%;object-fit:contain}.product-badge{position:absolute;left:14px;top:14px;background:var(--blue);color:#fff;border-radius:18px;padding:6px 9px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.product-card-body{padding:18px}.product-card-body h3{font-size:15px;line-height:1.3;margin:0 0 7px;min-height:39px}.product-card-body>p{font-size:11px;color:var(--muted);line-height:1.55;height:51px;overflow:hidden;margin:0}.quick-spec-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.quick-spec{background:var(--soft);border:1px solid #e5edf3;border-radius:9px;padding:8px}.quick-spec strong{font-size:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-spec span{font-size:8px;color:var(--muted);display:block;margin-top:3px}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.card-actions a,.card-actions button{min-height:37px;border-radius:8px;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;border:1px solid #cfe0eb;background:#fff;color:var(--navy)}.card-actions .primary-card{background:var(--blue);color:#fff;border-color:var(--blue)}
.advantage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.advantage-grid article{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);border-radius:15px;padding:25px}.icon-tile{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#0e3858;color:var(--blue);font-size:18px}.advantage-grid h3{font-size:15px;margin:17px 0 8px}.advantage-grid p{font-size:12px;color:#9fb4c3;line-height:1.65;margin:0}.b2b-split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0}.check-list span{font-size:12px;font-weight:700;padding:11px 12px;border-radius:9px;background:#f4f9fc;border:1px solid var(--line)}.check-list span:before{content:"✓";color:var(--blue);font-weight:900;margin-right:8px}.inline-actions{display:flex;gap:10px;margin-top:24px}.process-panel{border:1px solid var(--line);background:#fff;border-radius:18px;padding:12px;box-shadow:var(--shadow)}.process-row{display:flex;gap:16px;padding:18px;border-radius:12px}.process-row+.process-row{border-top:1px solid var(--line)}.process-row b{color:var(--blue);font-size:12px}.process-row strong,.process-row span{display:block}.process-row strong{font-size:13px}.process-row span{font-size:11px;color:var(--muted);margin-top:4px;line-height:1.5}.feature-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card-grid article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px}.feature-card-grid article>span{color:var(--blue);font-size:24px}.feature-card-grid h3{font-size:15px;margin:14px 0 7px}.feature-card-grid p{font-size:12px;color:var(--muted);line-height:1.6;margin:0}.cta-band{background:linear-gradient(120deg,#0a8fda,var(--blue));color:#fff;padding:54px 0}.cta-band-inner{display:flex;align-items:center;justify-content:space-between;gap:36px}.cta-band h2{font-size:32px;margin:9px 0}.cta-band p{margin:0;color:#d9f2ff}.cta-band .eyebrow{color:#fff}.cta-actions{display:flex;gap:10px;flex-shrink:0}
/* page hero */
.page-hero{background:linear-gradient(125deg,var(--navy),#0e3150);color:#fff;padding:90px 0 84px}.page-hero.compact-hero{padding:62px 0}.page-hero-copy{max-width:830px}.page-hero h1{font-size:clamp(40px,5vw,64px);line-height:1.05;letter-spacing:-.045em;margin:14px 0 18px}.page-hero p{font-size:17px;line-height:1.75;color:#b2c5d3;max-width:760px;margin:0}.page-hero-grid{display:flex;justify-content:space-between;align-items:center;gap:40px}.hero-mini-card{min-width:190px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);border-radius:16px;padding:22px}.hero-mini-card strong{font-size:38px;display:block}.hero-mini-card span{font-size:11px;color:#92aabd}
/* catalog */
.catalog-area{padding:32px 0 82px;background:#fff}.catalog-toolbar{display:flex;align-items:center;gap:16px;position:sticky;top:76px;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);padding-top:12px;padding-bottom:12px;border-bottom:1px solid #edf2f6}.filter-scroll{display:flex;gap:8px;overflow:auto;scrollbar-width:none;flex:1}.filter-scroll::-webkit-scrollbar{display:none}.filter-chip{white-space:nowrap;border:1px solid #d7e4ed;background:#fff;color:#52687a;border-radius:22px;padding:9px 13px;font-size:10px;font-weight:800}.filter-chip.active,.filter-chip:hover{background:var(--blue);border-color:var(--blue);color:#fff}.filter-chip b{margin-left:5px;font-size:9px}.catalog-search-wrap{width:320px;height:42px;display:flex;align-items:center;border:1px solid #d4e1ea;border-radius:10px;background:#f9fbfd}.catalog-search-wrap>span{padding-left:12px;color:#8ca2b1}.catalog-search-wrap input{border:0;outline:0;background:transparent;flex:1;min-width:0;padding:0 10px;font-size:11px}.catalog-search-wrap button{width:36px;height:100%;border:0;background:transparent;color:#7d91a0;font-size:20px}.catalog-status{display:flex;justify-content:space-between;align-items:center;padding-top:24px;padding-bottom:18px}.catalog-status strong{font-size:13px}.catalog-status span{font-size:11px;color:var(--muted)}.catalog-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.empty-state{text-align:center;padding:70px 20px}.empty-state p{color:var(--muted)}
/* about */
.story-grid{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center}.story-visual{min-height:380px;border-radius:24px;background:linear-gradient(145deg,#eaf8ff,#d9eef8);display:grid;place-items:center;padding:30px}.story-card{width:min(380px,100%);background:var(--navy);color:#fff;border-radius:18px;padding:34px;box-shadow:0 25px 55px rgba(9,35,55,.22)}.story-card span,.story-card strong,.story-card small{display:block}.story-card span{color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.12em}.story-card strong{font-size:29px;line-height:1.2;margin:16px 0}.story-card small{color:#91a9ba;line-height:1.5}.page-card-grid.three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-card{border:1px solid var(--line);border-radius:16px;padding:25px;background:#fff;box-shadow:var(--shadow-sm)}.info-card>span{display:grid;place-items:center;width:43px;height:43px;background:var(--blue-soft);color:var(--blue);border-radius:12px}.info-card h3{font-size:16px;margin:16px 0 8px}.info-card p{font-size:12px;line-height:1.65;color:var(--muted);margin:0}.dark-panel{background:#0e2b43;border-color:#183d5b;box-shadow:none}.dark-panel .process-row+.process-row{border-color:#183d5b}.dark-panel .process-row span{color:#8faabd}.dark-panel .process-row strong{color:#fff}
/* forms */
.contact-layout,.quote-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:24px;align-items:start}.quote-layout{grid-template-columns:1.3fr .7fr}.contact-card,.form-card,.quote-help{border-radius:18px;padding:30px}.navy-card{background:linear-gradient(145deg,var(--navy),#0d3150);color:#fff}.navy-card h2{font-size:30px;margin:12px 0}.navy-card>p{font-size:13px;color:#adc1d0;line-height:1.7}.contact-detail{padding:17px 0;border-top:1px solid rgba(255,255,255,.10)}.contact-detail span,.contact-detail strong,.contact-detail a,.contact-detail small{display:block}.contact-detail span{font-size:9px;color:#7fa1b8;text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}.contact-detail a,.contact-detail strong{font-size:13px}.contact-detail small{font-size:10px;color:#8ea8ba;line-height:1.55;margin-top:6px}.form-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.form-heading{margin-bottom:24px}.form-heading h2{font-size:29px;margin:9px 0}.form-heading p{font-size:12px;color:var(--muted);line-height:1.6;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{display:grid;gap:7px}.form-grid label.full{grid-column:1/-1}.form-grid label>span{font-size:11px;font-weight:800}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #d3e0e9;border-radius:9px;background:#fbfdfe;outline:0;padding:12px 13px;font-size:12px;color:var(--text)}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,168,244,.10)}.form-grid textarea{min-height:135px;resize:vertical}.form-submit{margin-top:18px}.form-note{font-size:9px;color:#8496a4;margin:10px 0 0}.quote-help{background:#e9f6fd;border:1px solid #cfe8f6}.quote-help h3{font-size:24px;line-height:1.25;margin:12px 0}.quote-help ul{padding:0;margin:20px 0;list-style:none}.quote-help li{padding:11px 0;border-bottom:1px solid #cce4f1;font-size:11px}.quote-help li:before{content:"✓";color:var(--blue);font-weight:900;margin-right:8px}.quote-help-card{background:#fff;border-radius:12px;padding:18px;margin-top:20px}.quote-help-card strong{font-size:13px}.quote-help-card p{font-size:10px;color:var(--muted);line-height:1.6}.quote-help-card a{font-size:11px;font-weight:800;color:var(--blue)}
/* product detail page */
.product-loading{padding:100px 0;color:var(--muted)}.product-detail-shell{background:#fff}.product-breadcrumb{padding:22px 0;font-size:10px;color:#7d91a0}.product-breadcrumb a{color:#59758a}.product-breadcrumb span{padding:0 7px;color:#a6b4be}.product-top{display:grid;grid-template-columns:1.02fr .98fr;gap:38px;align-items:start;padding-bottom:38px}.product-gallery-main{height:510px;background:#f2f7fa;border:1px solid var(--line);border-radius:16px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-gallery-main img{width:100%;height:100%;object-fit:contain;padding:18px}.detail-badge{position:absolute;left:15px;top:15px;background:var(--blue);color:#fff;border-radius:18px;padding:7px 10px;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.image-count{position:absolute;right:14px;bottom:14px;background:rgba(7,26,43,.8);color:#fff;border-radius:7px;padding:6px 9px;font-size:9px}.product-thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:9px}.product-thumb{height:74px;border:1px solid var(--line);background:#f7fafc;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-thumb.active{border:2px solid var(--blue)}.product-thumb img{width:100%;height:100%;object-fit:contain}.product-thumb.placeholder{flex-direction:column;color:#95a6b2;text-align:center;padding:5px}.product-thumb.placeholder strong{font-size:8px}.product-thumb.placeholder small{font-size:6px;margin-top:3px}.product-info-panel{padding:6px 0}.detail-category-pill{display:inline-block;background:var(--blue-soft);color:var(--blue-2);border-radius:20px;padding:8px 11px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.product-info-panel h1{font-size:clamp(34px,4.2vw,55px);line-height:1.05;letter-spacing:-.045em;margin:15px 0 9px}.product-tagline{font-size:15px;font-weight:700;color:#496579;margin:0 0 15px}.product-description{font-size:13px;line-height:1.75;color:var(--muted);margin:0}.detail-spec-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:25px 0}.detail-spec-card{border:1px solid var(--line);border-radius:12px;padding:13px;background:#fff;min-width:0}.detail-spec-card .spec-icon{color:var(--blue);font-size:18px}.detail-spec-card strong{display:block;font-size:12px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-spec-card span{display:block;font-size:8px;color:var(--muted);margin-top:3px;text-transform:uppercase}.detail-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.option-box{border:1px solid var(--line);border-radius:11px;padding:14px}.option-box label{display:block;font-size:9px;font-weight:800;text-transform:uppercase;color:#6e8494;margin-bottom:8px}.color-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.color-dot{width:18px;height:18px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #c8d4dd}.color-text{font-size:10px;color:#526a7b}.oem-line{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:700}.oem-line .spec-icon{color:var(--blue)}.detail-actions{display:grid;grid-template-columns:1.3fr .9fr;gap:10px}.detail-actions .btn{min-height:51px}.support-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px}.support-row span{font-size:9px;color:#5f7484;display:flex;align-items:center;gap:5px}.support-row b{color:var(--blue)}.feature-strip{background:var(--navy);color:#fff;border-radius:14px;padding:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:34px 0}.feature-strip article{padding:8px 13px;border-right:1px solid #244057}.feature-strip article:last-child{border-right:0}.feature-strip span{color:var(--blue);font-size:18px}.feature-strip strong{display:block;font-size:10px;margin:6px 0 3px}.feature-strip small{display:block;font-size:8px;color:#8faabd;line-height:1.45}.product-lower{display:grid;grid-template-columns:1fr 1fr .58fr;gap:14px;margin-bottom:42px}.lower-card{border:1px solid var(--line);border-radius:14px;background:#fff;padding:20px;min-width:0}.lower-card h2{font-size:18px;margin:0 0 14px}.spec-table{width:100%;border-collapse:collapse}.spec-table td{font-size:9px;padding:8px 7px;border-bottom:1px solid #edf2f5;vertical-align:top}.spec-table td:first-child{font-weight:700;color:#61798a;width:42%}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{font-size:10px;padding:8px 0;border-bottom:1px solid #edf2f5;line-height:1.5}.feature-list li:before{content:"✓";display:inline-grid;place-items:center;width:17px;height:17px;background:var(--blue);color:#fff;border-radius:50%;font-size:8px;margin-right:7px}.promo-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#0e4167,#06243a);color:#fff;min-height:285px}
.promo-card img{
    position:absolute;
    width:75%;
    height:55%;
    object-fit:contain;
    right:0;
    bottom:0;
    z-index:1;
    opacity:0.95;
    mix-blend-mode:normal;
}.promo-card div{position:relative;z-index:2}.promo-card .eyebrow{color:#7ad2ff}.promo-card h3{
    font-size:25px;
    line-height:1.02;
    margin:10px 0;
    max-width:220px;
}

.promo-card p{
    font-size:9px;
    color:#b2c6d5;
    line-height:1.5;
    max-width:230px;
}
.related-section{padding:38px 0 82px;background:var(--soft)}.related-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.related-head h2{font-size:28px;margin:9px 0 0}
.image-failed{opacity:.2}
/* responsive */
@media(max-width:1100px){.header-search{display:none}.main-nav{gap:18px}.product-grid,.catalog-product-grid{grid-template-columns:repeat(3,1fr)}.category-showcase,.feature-card-grid,.advantage-grid{grid-template-columns:repeat(2,1fr)}.product-top{gap:24px}.product-lower{grid-template-columns:1fr 1fr}.promo-card{grid-column:1/-1;min-height:220px}.footer-main{grid-template-columns:1.2fr 1fr 1fr}.footer-main>div:last-child{grid-column:1/-1}.product-gallery-main{height:450px}}
@media(max-width:860px){.container{width:min(100% - 30px,var(--container))}.header-inner{height:68px}.menu-toggle{display:grid;place-items:center;margin-left:auto}.main-nav{display:none;position:fixed;left:0;right:0;top:68px;background:#071a2b;border-top:1px solid #17364d;padding:16px;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100vh - 68px);overflow:auto}.main-nav.open{display:flex}.main-nav>a{padding:14px 8px;border-bottom:1px solid #17364d}.main-nav>a.active:after{display:none}.nav-quote{text-align:center;margin-top:9px}.language-button{margin-top:10px}.hero-home-grid,.story-grid,.b2b-split,.contact-layout,.quote-layout,.product-top{grid-template-columns:1fr}.hero-home-grid{padding:60px 0}.hero-home{min-height:auto}.hero-visual{min-height:410px}.hero-copy h1{font-size:55px}.page-hero{padding:70px 0}.page-hero-grid{align-items:flex-start}.catalog-toolbar{top:68px;display:block}.filter-scroll{padding-bottom:10px}.catalog-search-wrap{width:100%}.product-grid,.catalog-product-grid{grid-template-columns:repeat(2,1fr)}.page-card-grid.three{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:1fr 1fr}.product-gallery-main{height:480px}.detail-spec-cards{grid-template-columns:repeat(2,1fr)}.product-lower{grid-template-columns:1fr}.promo-card{grid-column:auto}.feature-strip{grid-template-columns:1fr 1fr}.feature-strip article:nth-child(2){border-right:0}.feature-strip article:nth-child(-n+2){border-bottom:1px solid #244057}.product-thumbs{grid-template-columns:repeat(6,80px);overflow:auto;padding-bottom:4px}.section{padding:65px 0}}
@media(max-width:580px){.container{width:calc(100% - 24px)}.brand-copy small{display:none}.brand-copy strong{font-size:16px}.hero-home-grid{padding:46px 0}.hero-copy h1{font-size:43px}.hero-copy p{font-size:14px}.hero-actions,.inline-actions,.cta-actions{display:grid;grid-template-columns:1fr;width:100%}.hero-proof{grid-template-columns:1fr 1fr 1fr}.hero-proof div+div{padding-left:10px}.hero-proof span{font-size:8px}.hero-visual{min-height:330px}.visual-badge{left:14px;top:14px}.section{padding:52px 0}.section-head.split,.cta-band-inner,.page-hero-grid,.catalog-status,.related-head{display:block}.text-link{display:inline-block;margin-top:12px}.category-showcase,.feature-card-grid,.advantage-grid,.page-card-grid.three{grid-template-columns:1fr}.product-grid,.catalog-product-grid{grid-template-columns:1fr}.product-card-media{height:260px}.cta-actions{margin-top:20px}.page-hero{padding:55px 0}.page-hero h1{font-size:40px}.hero-mini-card{margin-top:25px;display:inline-block}.filter-scroll{margin:0 -12px;padding-left:12px;padding-right:12px}.catalog-status span{display:block;margin-top:5px}.footer-main{grid-template-columns:1fr}.footer-bottom{display:block;line-height:1.8}.product-gallery-main{height:340px}.detail-options,.detail-actions,.support-row{grid-template-columns:1fr}.detail-spec-cards{grid-template-columns:1fr 1fr}.feature-strip{grid-template-columns:1fr}.feature-strip article{border-right:0!important;border-bottom:1px solid #244057!important}.feature-strip article:last-child{border-bottom:0!important}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.contact-card,.form-card,.quote-help{padding:22px}.story-visual{min-height:300px}.story-card{padding:26px}.product-info-panel h1{font-size:36px}.product-thumbs{grid-template-columns:repeat(6,72px)}.related-section{padding-bottom:55px}}




/* =========================================
   FINAL SHOWROOM HERO FIX
   ========================================= */


/* hero layout */
.hero-home{
    overflow:hidden !important;
}


.hero-home-grid{
    grid-template-columns:1fr 1fr !important;
    gap:40px !important;
    align-items:center !important;
}


/* right showcase */

.hero-visual{

    position:relative !important;

    min-height:460px !important;

}


.hero-showcase{

    position:absolute !important;

    right:0 !important;

    top:40px !important;

    width:100% !important;

    height:430px !important;


    background:

    radial-gradient(
        circle at center,
        rgba(50,200,255,.35),
        transparent 55%
    ),

    linear-gradient(
        145deg,
        #17699a,
        #08243c
    ) !important;


    border-radius:30px !important;

    overflow:hidden !important;

}


/* badge */

.visual-badge{

    position:absolute !important;

    left:24px !important;

    top:24px !important;

    z-index:10 !important;

}



/* showroom PNG */

.hero-composite{

    position:absolute !important;

    width:96% !important;

    height:auto !important;

    left:2% !important;

    bottom:12px !important;

    z-index:5 !important;

    object-fit:contain !important;


    filter:

    drop-shadow(
        0 35px 35px rgba(0,0,0,.65)
    );

}



/* floor light */

.hero-showcase:after{

    content:"";

    position:absolute;

    left:15%;

    right:15%;

    bottom:10px;

    height:70px;


    background:

    radial-gradient(
        ellipse,
        rgba(0,190,255,.65),
        transparent 70%
    );


    filter:blur(25px);

    z-index:1;

}



.hero-visual{
    position:relative;
}

.hero-showcase{
    position:relative;
    overflow:hidden;
}

.hero-composite{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
}


/* responsive */

@media(max-width:900px){

.hero-home-grid{

    grid-template-columns:1fr !important;

}


.hero-visual{

    height:450px !important;

}

}
/* clean promo card */
.promo-card{
    min-height:285px !important;
    display:flex !important;
    align-items:flex-start !important;
    padding:32px 26px !important;
}

.promo-card h3{
    font-size:32px !important;
    line-height:1.05 !important;
    margin:12px 0 18px !important;
}

.promo-card p{
    max-width:240px !important;
    font-size:13px !important;
    line-height:1.5 !important;
}
/* clean promo card without image */

.promo-card{
    min-height:220px !important;
    height:220px !important;
    padding:30px 26px !important;
}

.promo-card h3{
    font-size:34px !important;
    line-height:1.05 !important;
    margin:12px 0 14px !important;
}

.promo-card p{
    font-size:13px !important;
    max-width:240px !important;
}
.promo-card{
    padding:32px 28px !important;
}


.promo-card h3{
    font-size:34px !important;
    line-height:1.05 !important;
    margin:12px 0 16px !important;
}


.promo-intro{
    font-size:14px !important;
    line-height:1.5 !important;
    margin-bottom:20px !important;
    color:#b8ccda !important;
}


.promo-points{
    display:flex;
    flex-direction:column;
    gap:10px;
}


.promo-points span{
    font-size:13px;
    color:#ffffff;
    opacity:.9;
}
/* FINAL PROMO CARD FIX */
.promo-card{
    min-height:410px !important;
    height:410px !important;
    padding:32px 28px !important;
    display:flex !important;
    align-items:flex-start !important;
}

.promo-card h3{
    font-size:30px !important;
    line-height:1.1 !important;
    margin:15px 0 18px !important;
}

.promo-card p{
    font-size:14px !important;
    line-height:1.5 !important;
    max-width:260px !important;
}

.promo-points{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
    margin-top:18px !important;
}

.promo-points span{
    display:block !important;
    font-size:13px !important;
    color:white !important;
}
/* FINAL PROMO CARD HEIGHT FIX */
.promo-card{
    min-height:420px !important;
    height:auto !important;
    overflow:hidden !important;
}

.promo-card > div{
    height:100% !important;
}

.promo-points{
    margin-top:20px !important;
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
}

.promo-points span{
    font-size:13px !important;
    line-height:1.4 !important;
    color:#ffffff !important;
}
/* ===== PRODUCT DETAIL TEXT SIZE BALANCE ===== */

/* Specifications table */
.spec-table td,
.spec-table th{
    font-size:15px !important;
    line-height:1.6 !important;
}

/* Specification labels */
.spec-table td:first-child{
    font-weight:600 !important;
    color:#35546d !important;
}

/* Specification values */
.spec-table td:last-child{
    font-size:15px !important;
    color:#102d46 !important;
}


/* Product feature list */
.feature-list li{
    font-size:15px !important;
    line-height:1.6 !important;
}
/* ===== PRODUCT DETAIL TOP FEATURE STRIP SIZE ===== */

.feature-strip article strong{
    font-size:18px !important;
    font-weight:700 !important;
}

.feature-strip article span{
    font-size:14px !important;
    line-height:1.5 !important;
}


/* ===== PRODUCT DETAIL TABLE SIZE ===== */

.product-detail-shell table td{
    font-size:15px !important;
    line-height:1.8 !important;
}

.product-detail-shell table td:first-child{
    font-weight:600 !important;
}


/* ===== PRODUCT FEATURE LIST ===== */

.product-detail-shell li{
    font-size:15px !important;
    line-height:1.8 !important;
}
/* ===== TOP FEATURE STRIP FINAL SIZE ===== */

.feature-strip article strong{
    font-size:18px !important;
    font-weight:700 !important;
    color:#ffffff !important;
}

.feature-strip article span{
    font-size:13px !important;
    color:#9bb8d0 !important;
    line-height:1.5 !important;
}

.feature-strip article{
    padding:18px !important;
}

.feature-strip article::before{
    font-size:22px !important;
}
/* FINAL TOP FEATURE VALUE FIX */

.product-detail-shell .feature-strip article small{
    display:block !important;
    font-size:14px !important;
    line-height:1.8 !important;
    color:#9bb8d0 !important;
    margin-top:6px !important;
}
/* ===== HOMEPAGE SECTION TITLE POLISH ===== */

body[data-page="home"] .section{
    padding:70px 0;
}

body[data-page="home"] .section-head{
    margin-bottom:24px;
}

body[data-page="home"] .eyebrow{
    font-size:13px;
    letter-spacing:.14em;
    margin-bottom:6px;
}

body[data-page="home"] .section-head h2{
    font-size:42px;
    line-height:1.15;
    margin:8px 0 14px;
}

body[data-page="home"] .section-head p{
    font-size:15px;
    margin-top:0;
}
/* ===== HOMEPAGE SECTION LABEL POLISH ===== */

body[data-page="home"] .eyebrow{
    font-size:12px !important;
    font-weight:800 !important;
    letter-spacing:.12em !important;
    margin-bottom:6px !important;
}

body[data-page="home"] .section-head h2{
    font-size:42px !important;
    line-height:1.15 !important;
    margin-top:8px !important;
}
/* ===== MOBILE PRODUCT DETAIL FINAL ===== */

@media(max-width:580px){

    .feature-strip{
        grid-template-columns:1fr 1fr !important;
        margin:18px 0 12px !important;
    }


    .feature-strip article{
        padding:14px 10px !important;
        min-height:100px !important;
        border-right:1px solid #244057 !important;
        border-bottom:1px solid #244057 !important;
    }


    .feature-strip article:nth-child(2n){
        border-right:0 !important;
    }


    .feature-strip article:nth-child(3),
    .feature-strip article:nth-child(4){
        border-bottom:0 !important;
    }


    .product-lower{
        margin-top:0 !important;
        margin-bottom:25px !important;
    }


    .lower-card{
        padding:18px !important;
    }


    .promo-card{
        min-height:260px !important;
        height:auto !important;
    }

}

/* ===== MOBILE PRODUCT DETAIL CLEAN FIX ===== */

@media(max-width:580px){

    .product-detail-shell{
        overflow-x:hidden !important;
    }


    .product-top{
        display:block !important;
    }


    .product-gallery-main{
        width:100% !important;
        height:300px !important;
    }


    .product-gallery-main img{
        width:100% !important;
        height:260px !important;
        object-fit:contain !important;
    }


    .product-info-panel{
        width:100% !important;
        overflow:hidden !important;
    }


    .product-info-panel h1{
        font-size:28px !important;
        line-height:1.15 !important;
        word-break:normal !important;
    }


    .product-description{
        font-size:14px !important;
        line-height:1.6 !important;
    }


    .detail-spec-cards{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:10px !important;
    }


    .detail-spec-card{
        min-width:0 !important;
        overflow:hidden !important;
    }


    .detail-spec-card strong{
        font-size:13px !important;
        white-space:normal !important;
        overflow-wrap:break-word !important;
    }


    .detail-options{
        grid-template-columns:1fr !important;
    }


    .detail-actions{
        grid-template-columns:1fr !important;
    }


    .detail-actions .btn{
        width:100% !important;
    }

}
/* ===== FINAL MOBILE BUTTON WIDTH FIX ===== */

@media(max-width:580px){

    .detail-actions{
        display:flex !important;
        flex-direction:column !important;
        gap:10px !important;
        width:100% !important;
        padding:0 !important;
    }


    .detail-actions a{
        display:flex !important;
        width:100% !important;
        max-width:100% !important;
        margin:0 !important;
        box-sizing:border-box !important;
        justify-content:center !important;
    }

}
/* =========================================
   FINAL MOBILE HOMEPAGE HEIGHT FIX
   ONLY HOME PAGE
========================================= */

@media(max-width:580px){

    body[data-page="home"] .section{
        padding:32px 0 !important;
    }


    body[data-page="home"] .section-head{
        margin-bottom:16px !important;
    }


    body[data-page="home"] .section-head h2{
        font-size:28px !important;
        line-height:1.15 !important;
        margin:6px 0 10px !important;
    }


    body[data-page="home"] .section-head p{
        font-size:13px !important;
        line-height:1.5 !important;
    }


    /* category */
    body[data-page="home"] .category-showcase article{
        padding:16px !important;
    }

    body[data-page="home"] .category-showcase p{
        min-height:0 !important;
        height:auto !important;
    }


    /* product cards */
    body[data-page="home"] .product-card-media{
        height:180px !important;
    }


    body[data-page="home"] .product-card-body{
        padding:14px !important;
    }


    body[data-page="home"] .product-card-body h3{
        min-height:0 !important;
        height:auto !important;
        margin-bottom:6px !important;
    }


    body[data-page="home"] .product-card-body>p{
        height:auto !important;
        max-height:none !important;
    }


    /* process */
    body[data-page="home"] .b2b-split{
        gap:25px !important;
    }


    body[data-page="home"] .process-panel{
        padding:8px !important;
    }


    body[data-page="home"] .process-row{
        padding:12px !important;
    }


    /* feature cards */
    body[data-page="home"] .feature-card-grid article{
        padding:18px !important;
    }


    /* CTA */
    body[data-page="home"] .cta-band{
        padding:35px 0 !important;
    }

}
        line-height:1.15 !important;
        margin:6px 0 10px !important;
    }


    body[data-page="home"] .section-head p{
        font-size:13px !important;
        line-height:1.5 !important;
    }


    /* category cards */
    body[data-page="home"] .category-showcase article{
        padding:16px !important;
    }


    body[data-page="home"] .category-showcase h3{
        margin:12px 0 6px !important;
    }


    body[data-page="home"] .category-showcase p{
        min-height:auto !important;
    }


    /* featured products */
    body[data-page="home"] .product-card-media{
        height:180px !important;
    }


    body[data-page="home"] .product-card-body{
        padding:14px !important;
    }


    body[data-page="home"] .product-card-body>p{
        height:auto !important;
        max-height:45px !important;
    }


    /* why slow rider */
    body[data-page="home"] .advantage-grid article{
        padding:18px !important;
    }


    /* process section */
    body[data-page="home"] .b2b-split{
        gap:25px !important;
    }


    body[data-page="home"] .process-panel{
        padding:8px !important;
    }


    body[data-page="home"] .process-row{
        padding:12px !important;
    }


    /* feature cards bottom */
    body[data-page="home"] .feature-card-grid article{
        padding:18px !important;
    }


    /* CTA */
    body[data-page="home"] .cta-band{
        padding:35px 0 !important;
    }

}
/* =====================================
   HOME MOBILE HERO COMPACT
   ONLY HOME PAGE
===================================== */

@media(max-width:580px){

    body[data-page="home"] .hero-home{
        padding-top:20px !important;
        padding-bottom:25px !important;
    }


    body[data-page="home"] .hero-copy{
        gap:12px !important;
    }


    body[data-page="home"] .hero-copy h1{
        font-size:32px !important;
        line-height:1.05 !important;
        margin-bottom:8px !important;
    }


    body[data-page="home"] .hero-copy p{
        font-size:13px !important;
        line-height:1.45 !important;
        margin-bottom:12px !important;
    }


    body[data-page="home"] .hero-actions{
        gap:8px !important;
        margin-top:10px !important;
    }


    body[data-page="home"] .hero-actions .btn{
        height:34px !important;
        font-size:12px !important;
        padding:0 12px !important;
    }


    body[data-page="home"] .hero-proof{
        margin-top:15px !important;
        margin-bottom:15px !important;
    }


    body[data-page="home"] .hero-proof strong{
        font-size:20px !important;
    }


    body[data-page="home"] .hero-proof span{
        font-size:10px !important;
    }


    body[data-page="home"] .hero-showcase{
        margin-top:10px !important;
    }


    body[data-page="home"] .hero-composite{
        max-height:220px !important;
        object-fit:contain !important;
    }

}
/* =====================================
   MOBILE HOME PROCESS COMPACT
   ONLY HOMEPAGE
===================================== */

@media(max-width:580px){

    body[data-page="home"] .process-panel{
        padding:10px !important;
        gap:8px !important;
    }


    body[data-page="home"] .process-row{
        padding:10px !important;
        margin-bottom:8px !important;
        gap:10px !important;
        min-height:0 !important;
    }


    body[data-page="home"] .process-row b{
        font-size:14px !important;
        width:28px !important;
        height:28px !important;
    }


    body[data-page="home"] .process-row strong{
        font-size:13px !important;
        line-height:1.3 !important;
    }


    body[data-page="home"] .process-row span{
        font-size:11px !important;
        line-height:1.35 !important;
        margin-top:2px !important;
    }

}
/* Slow Rider Logo */

.brand-logo {
    height: 85px;
    width: auto;
    max-width: 320px;
    display: block;
    object-fit: contain;
    transform: scale(1.3);
    transform-origin: left center;
}

.brand {
    display: flex;
    align-items: center;
}

.header-inner {
    min-height: 90px;
}

.footer-logo {
    height: 75px;
    width: auto;
    max-width: 300px;
    display: block;
    object-fit: contain;
    transform: scale(1.2);
    transform-origin: left center;
}

@media(max-width:768px){
    .brand-logo {
        height:42px;
        transform:none;
    }

    .footer-logo {
        height:55px;
        transform:none;
    }
}
.site-footer .footer-logo {
    height: 75px !important;
    width: auto !important;
    max-width: 300px !important;
    transform: scale(1.2) !important;
    transform-origin: left center !important;
}
