:root{--navy:#071c35;--navy2:#0d2b50;--blue:#2f68ff;--bg:#f5f7fb;--card:#fff;--text:#0e1b2c;--muted:#667085;--line:#dfe6ef;--green:#10b981;--orange:#ff7a00;--red:#ef4444;--shadow:0 18px 50px rgba(7,28,53,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.container{max-width:1240px;margin:auto;padding:0 22px}
.topstrip{background:var(--navy);color:#dbe7f5;text-align:center;padding:8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.headrow{height:82px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;font-weight:900}.brand img{width:48px;height:48px;border-radius:10px;object-fit:contain;background:#050505}.brand small{display:block;font-size:9px;color:#98a2b3;letter-spacing:.15em}.search{flex:1;display:flex;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#f8fafc}.search input{flex:1;padding:15px;border:0;background:transparent;outline:0}.search button{border:0;background:var(--blue);color:#fff;padding:0 24px;font-weight:800}.head-actions{display:flex;gap:10px;align-items:center}.head-actions a{padding:10px 12px;border-radius:10px;font-size:12px;font-weight:800}.head-actions a:hover{background:#eef3fb}.cart-pill{background:var(--navy)!important;color:#fff!important}.nav{background:var(--navy);color:#c7d3e3}.nav .container{display:flex;justify-content:center;gap:10px;overflow-x:auto}.nav a{padding:15px 24px;white-space:nowrap;font-size:12px;font-weight:900;letter-spacing:.05em}.nav a.active,.nav a:hover{background:#fff;color:var(--navy);border-radius:10px 10px 0 0}.breadcrumb{background:#fff;border-bottom:1px solid var(--line);font-size:11px;color:#7c8797}.breadcrumb .container{padding-top:10px;padding-bottom:10px;display:flex;gap:8px}.eyebrow{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.14em}.btn{border:0;border-radius:11px;padding:13px 18px;font-weight:900;cursor:pointer}.primary{background:var(--blue);color:#fff}.dark{background:var(--navy);color:#fff}.light{background:#fff;border:1px solid var(--line)}.hero{padding:34px 0}.hero-card{background:linear-gradient(100deg,var(--navy) 0 48%,transparent 48%),url('https://images.unsplash.com/photo-1579952363873-27f3bade9f55?auto=format&fit=crop&w=1600&q=85') center/cover;border-radius:28px;min-height:480px;display:flex;align-items:center;overflow:hidden}.hero-copy{width:48%;padding:58px;color:#fff}.hero h1{font-size:58px;line-height:1.02;margin:14px 0}.hero h1 span{color:#6991ff}.hero p{color:#d2deec;line-height:1.7}.hero-actions{display:flex;gap:10px;margin-top:24px}.section{padding:68px 0}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.section-title h2{font-size:34px;margin:8px 0}.section-title p{color:var(--muted);margin:0}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.service{padding:24px;min-height:220px}.service .icon{font-size:28px}.service h3{font-size:19px}.service p{color:var(--muted);line-height:1.6}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px;transition:.2s}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-card img{width:100%;height:220px;object-fit:cover}.product-body{padding:16px}.badge{display:inline-block;padding:5px 8px;border-radius:999px;background:#eaf1ff;color:var(--blue);font-size:10px;font-weight:900}.price{font-size:22px;font-weight:900;margin:12px 0}.product-actions{display:flex;gap:8px}.product-actions a,.product-actions button{flex:1;text-align:center}.filters-layout{display:grid;grid-template-columns:240px 1fr;gap:22px}.filters{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;height:max-content;position:sticky;top:160px}.filters h3{margin-top:0}.filters label{display:block;margin:13px 0;color:#475467;font-size:13px}.filters select,.filters input{width:100%;padding:10px;border:1px solid var(--line);border-radius:9px}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:38px}.gallery-main{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden}.gallery-main img{width:100%;height:520px;object-fit:cover}.config{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px}.config h1{font-size:38px;margin:8px 0}.field{margin:16px 0}.field label{display:block;font-weight:800;font-size:12px;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px}.choices{display:flex;flex-wrap:wrap;gap:8px}.choice{border:1px solid var(--line);padding:9px 12px;border-radius:9px;background:#fff;cursor:pointer}.choice.active{border-color:var(--blue);background:#eef3ff;color:var(--blue);font-weight:800}.cart-layout,.checkout-layout{display:grid;grid-template-columns:1fr 360px;gap:24px}.table-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.cart-row{display:grid;grid-template-columns:90px 1fr 110px 100px 42px;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.cart-row img{width:90px;height:78px;object-fit:cover;border-radius:10px}.summary{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;height:max-content;position:sticky;top:160px}.sumline{display:flex;justify-content:space-between;margin:12px 0}.total{font-size:24px;font-weight:900;border-top:1px solid var(--line);padding-top:15px}.bank-card{border:1px solid var(--line);border-radius:14px;padding:14px;margin:10px 0;display:flex;gap:12px;align-items:center}.bank-card.active{border-color:var(--blue);background:#f3f6ff}.upload{border:2px dashed #c6d2e2;border-radius:15px;padding:30px;text-align:center;background:#f9fbfd}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.step{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.step .num{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eaf1ff;color:var(--blue);font-weight:900}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mapbox{min-height:340px;background:url('https://maps.googleapis.com/maps/api/staticmap?center=Guayaquil,Ecuador&zoom=12&size=900x500&maptype=roadmap') center/cover,#e8eef6;border-radius:20px;border:1px solid var(--line);position:relative;overflow:hidden}.mapfake{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#e8f0fb,#d6e2f1)}.mapfake span{font-size:58px}.contact-card{padding:26px}.contact-card input,.contact-card textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;margin:7px 0}.footer{background:var(--navy);color:#d9e5f3;padding:45px 0}.footgrid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px}.footer h3{color:#fff}.footer a{color:#b9c8da}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:var(--navy)}.login-visual{padding:70px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#071c35,#0c3764)}.login-panel{background:#fff;display:grid;place-items:center;padding:40px}.login-box{width:min(430px,100%)}.code-row{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.code-row input{text-align:center;font-size:22px;font-weight:900;padding:13px 0;border:1px solid var(--line);border-radius:10px}.portal-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.portal-side{background:var(--navy);color:#fff;padding:20px}.portal-side a{display:block;padding:13px;border-radius:10px;color:#c4d2e3;font-weight:800}.portal-side a.active,.portal-side a:hover{background:#163f70;color:#fff}.portal-main{padding:30px}.admin-frame{width:100%;height:100vh;border:0;background:#fff}
.toast{position:fixed;right:22px;bottom:22px;background:var(--navy);color:#fff;padding:14px 17px;border-radius:12px;z-index:100;display:none}.toast.show{display:block}
@media(max-width:900px){.head-actions{display:none}.hero-card{background:linear-gradient(rgba(7,28,53,.88),rgba(7,28,53,.88)),url('https://images.unsplash.com/photo-1579952363873-27f3bade9f55?auto=format&fit=crop&w=900&q=80') center/cover}.hero-copy{width:100%}.hero h1{font-size:45px}.grid4,.product-grid{grid-template-columns:1fr 1fr}.filters-layout,.product-detail,.cart-layout,.checkout-layout,.contact-grid{grid-template-columns:1fr}.filters,.summary{position:static}.timeline{grid-template-columns:1fr 1fr}.footgrid{grid-template-columns:1fr}.login-wrap{grid-template-columns:1fr}.login-visual{display:none}.portal-shell{grid-template-columns:1fr}.portal-side{display:flex;overflow:auto}.portal-side a{white-space:nowrap}}
@media(max-width:600px){.headrow{height:68px}.search{display:none}.nav .container{justify-content:flex-start}.grid4,.product-grid,.timeline{grid-template-columns:1fr}.hero h1{font-size:38px}.hero-copy{padding:35px 25px}.cart-row{grid-template-columns:70px 1fr}.cart-row>*:nth-child(n+3){grid-column:2}.gallery-main img{height:360px}}


/* ================= V17 DEMO PREMIUM ================= */
:root{--navy:#071f3b;--navy2:#0b2c52;--blue:#326cff;--ice:#f4f7fb;--ink:#0a1728}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
.demo-section{padding:76px 0}
.demo-kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:900;color:#326cff}
.demo-title{font-size:clamp(32px,4vw,58px);line-height:1.02;margin:12px 0 16px;color:#0a1728}
.demo-copy{font-size:17px;line-height:1.7;color:#66758a;max-width:650px}
.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.demo-card{background:#fff;border:1px solid #dce5f0;border-radius:24px;padding:24px;box-shadow:0 16px 45px rgba(7,31,59,.06)}
.demo-card .ico{width:48px;height:48px;border-radius:15px;background:#eaf0ff;display:grid;place-items:center;font-size:23px;margin-bottom:20px}
.demo-card h3{font-size:20px;margin:0 0 8px}.demo-card p{color:#718096;line-height:1.55;margin:0}
.demo-dark{background:linear-gradient(135deg,#061b34,#0b315b);color:#fff}
.demo-dark .demo-title,.demo-dark h2,.demo-dark h3{color:#fff}.demo-dark .demo-copy{color:#b9cae0}
.sport-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
.sport-tile{min-height:220px;border-radius:24px;overflow:hidden;position:relative;background:#0c2747}
.sport-tile img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:.68}
.sport-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,17,35,.92),transparent 70%)}
.sport-tile div{position:absolute;z-index:2;left:20px;bottom:18px;color:#fff;font-size:21px;font-weight:900}
.track-showcase{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;align-items:stretch;margin-top:32px}
.track-panel{border-radius:28px;padding:34px;background:#fff;color:#0a1728}
.track-map{border-radius:28px;min-height:390px;background:
radial-gradient(circle at 25% 70%,#326cff 0 7px,transparent 8px),
radial-gradient(circle at 73% 28%,#20b77a 0 7px,transparent 8px),
linear-gradient(115deg,transparent 48%,#7da4ff 49% 51%,transparent 52%),
repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 1px,transparent 1px 38px),
repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,transparent 1px 38px),#10345f;
position:relative;overflow:hidden}
.track-map:before{content:"Ruta de demostración • Guayaquil";position:absolute;left:22px;bottom:22px;background:#071f3b;color:#fff;padding:14px 18px;border-radius:14px;font-weight:800}
.demo-steps{display:flex;gap:10px;margin-top:26px}.demo-step{flex:1}.demo-step i{display:block;height:6px;border-radius:8px;background:#dbe5f2}.demo-step.done i{background:#22b982}.demo-step.active i{background:#326cff}.demo-step span{display:block;font-size:10px;margin-top:8px;font-weight:800}
.cta-demo{border-radius:30px;padding:48px;background:linear-gradient(120deg,#0a2749,#123e70);display:flex;align-items:center;justify-content:space-between;gap:25px;color:#fff}
.cta-demo h2{font-size:clamp(28px,4vw,48px);margin:0 0 8px}.cta-demo p{margin:0;color:#c4d4e8}
.cta-demo a{background:#fff;color:#071f3b;padding:16px 24px;border-radius:14px;font-weight:900;white-space:nowrap}
.mobile-demo-bar{display:none}

@media(max-width:900px){
 .demo-grid{grid-template-columns:repeat(2,1fr)}
 .sport-strip{grid-template-columns:repeat(2,1fr)}
 .track-showcase{grid-template-columns:1fr}
}
@media(max-width:720px){
 body{padding-bottom:68px}
 .topstrip{font-size:9px;white-space:nowrap;overflow:hidden}
 .headrow{min-height:68px;padding:9px 14px}
 .headrow>.search,.head-actions{display:none!important}
 .brand img{width:40px;height:40px}.brand div{font-size:15px}
 .nav{position:sticky;top:0;z-index:55}
 .nav .container{justify-content:flex-start!important;overflow-x:auto;scrollbar-width:none;padding:0 8px}
 .nav .container::-webkit-scrollbar{display:none}
 .nav a{flex:0 0 auto;padding:13px 14px!important;font-size:10px!important}
 .container{padding-left:16px!important;padding-right:16px!important}
 .hero{padding:14px 0 28px!important}.hero-card{min-height:600px!important;border-radius:24px!important}
 .hero-copy{padding:34px 25px!important;width:100%!important;background:linear-gradient(180deg,rgba(5,28,52,.96),rgba(5,28,52,.78))!important}
 .hero h1{font-size:42px!important;max-width:100%!important}.hero p{font-size:15px!important}
 .demo-section{padding:52px 0}.demo-title{font-size:36px}.demo-copy{font-size:15px}
 .demo-grid,.sport-strip{grid-template-columns:1fr}
 .sport-tile{min-height:190px}
 .track-panel{padding:24px}.track-map{min-height:300px}
 .cta-demo{padding:30px 24px;display:block}.cta-demo a{display:inline-block;margin-top:22px}
 .grid4,.product-grid,.contact-grid,.filters-layout{grid-template-columns:1fr!important}
 .filters-layout aside{position:static!important}
 .product-card img{height:230px!important}
 .mobile-demo-bar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:100;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #dce5f0;padding:7px 5px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px rgba(7,31,59,.12)}
 .mobile-demo-bar a{text-align:center;font-size:9px;font-weight:900;color:#526277}.mobile-demo-bar b{display:block;font-size:19px;margin-bottom:2px}
 .admin-shell{display:block!important}.admin-sidebar{position:relative!important;width:100%!important;height:auto!important;max-height:none!important}
 .admin-main{margin-left:0!important;width:100%!important}
 table{display:block;overflow-x:auto;white-space:nowrap}
 .modal,.dialog{max-width:calc(100vw - 24px)!important;max-height:86vh!important;overflow:auto!important}
}

/* V18 SHOWCASE */
.show-hero{padding:28px 0 50px;background:linear-gradient(180deg,#fff,#f5f8fc)}
.show-hero-card{min-height:610px;border-radius:30px;overflow:hidden;display:grid;grid-template-columns:1.02fr .98fr;background:#071f3b;box-shadow:0 30px 70px rgba(7,31,59,.14)}
.show-copy{padding:72px 62px;color:#fff;display:flex;flex-direction:column;justify-content:center}.light-eye{color:#83a7ff!important}.show-copy h1{font-size:64px;line-height:.98;margin:16px 0 22px}.show-copy h1 em{font-style:normal;color:#6790ff}.show-copy>p{font-size:17px;line-height:1.7;color:#c5d4e5;max-width:560px}.glass{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.28)}
.hero-photo{position:relative;min-height:610px}.hero-photo>img{width:100%;height:100%;object-fit:cover}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,31,59,.3),transparent 35%)}
.float-card{position:absolute;z-index:3;background:rgba(255,255,255,.95);color:#071f3b;padding:14px 18px;border-radius:15px;font-weight:900;box-shadow:0 14px 35px rgba(0,0,0,.18)}.float-card small{font-weight:600;color:#66758a}.fc1{top:34px;right:28px}.fc2{bottom:34px;left:28px}
.hero-metrics{display:flex;gap:36px;margin-top:42px;padding-top:28px;border-top:1px solid rgba(255,255,255,.15)}.hero-metrics strong{display:block;font-size:24px}.hero-metrics span{font-size:11px;color:#aebfd3}
.show-section{padding:82px 0}.show-section.soft{background:#f3f6fa}.show-heading,.split-intro,.track-title{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:34px}.show-heading h2,.split-intro h2,.track-title h2{font-size:42px;line-height:1.06;margin:10px 0}.show-heading p,.split-intro>p,.track-title p{color:#66758a;line-height:1.65}.show-heading>a{font-weight:900;color:#326cff}
.sport-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.sport-photo{height:390px;position:relative;overflow:hidden;border-radius:24px;background:#071f3b}.sport-photo img{width:100%;height:100%;object-fit:cover;transition:.45s}.sport-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,20,38,.94),transparent 65%)}.sport-photo:hover img{transform:scale(1.05)}.sport-photo div{position:absolute;z-index:2;left:22px;right:22px;bottom:22px;color:#fff}.sport-photo small{display:block;color:#89aaff;font-weight:900;letter-spacing:.14em}.sport-photo strong{display:block;font-size:21px;margin:7px 0}.sport-photo span{font-size:12px;color:#d7e1ee}
.split-intro>div{max-width:650px}.split-intro>p{max-width:440px}.feature-editorial{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.editorial-main{height:500px;border-radius:26px;overflow:hidden;position:relative}.editorial-main img{width:100%;height:100%;object-fit:cover}.editorial-main:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,25,47,.9),transparent 65%)}.overlay-copy{position:absolute;z-index:2;left:30px;bottom:30px;color:#fff}.overlay-copy span{font-size:12px;color:#85a9ff;font-weight:900}.overlay-copy h3{font-size:29px;margin:7px 0}.editorial-stack{display:grid;gap:14px}.editorial-stack article{background:#fff;border:1px solid #dce5f0;border-radius:22px;padding:23px;display:grid;grid-template-columns:40px 1fr 48px;gap:12px;align-items:center}.editorial-stack article>b{color:#326cff}.editorial-stack h3{margin:0 0 6px}.editorial-stack p{margin:0;color:#718096;font-size:13px;line-height:1.5}.editorial-stack article>span{font-size:27px}
.navy-zone{background:#071f3b;color:#fff}.navy-zone .track-title p{color:#b9c9da}.whitebtn{background:#fff;color:#071f3b}.tracking-demo{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid #274565;border-radius:28px;overflow:hidden;min-height:470px}.order-pane{padding:44px;background:#0b294b}.status-pill{display:inline-block;background:#14395f;border:1px solid #315476;border-radius:999px;padding:7px 11px;font-size:10px;margin-bottom:26px}.order-pane>small{display:block;color:#8aa6c4}.order-pane h3{font-size:35px;margin:12px 0}.order-pane>p{color:#b8c9dc}.big-progress{display:flex;justify-content:space-between;align-items:end;margin:38px 0 16px}.big-progress>strong{font-size:58px}.big-progress span{font-size:11px;color:#9fb3ca}.big-progress b{color:#fff}.progressline{height:7px;background:#284765;border-radius:10px;overflow:hidden}.progressline i{display:block;width:68%;height:100%;background:#6e98ff}.mini-steps{display:flex;justify-content:space-between;margin-top:30px;font-size:10px;color:#6f8ba7}.mini-steps .now{color:#fff;font-weight:900}.map-demo{position:relative;overflow:hidden;background:repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 42px),repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 42px),#10345f}.route-line{position:absolute;left:13%;right:13%;top:50%;height:5px;border-top:5px dashed #7fa5ff;transform:rotate(-12deg);border-radius:50%}.pin{position:absolute;width:48px;height:48px;border:5px solid #fff;border-radius:50%;display:grid;place-items:center;font-weight:900}.p1{left:12%;bottom:18%;background:#326cff}.p2{left:52%;top:46%;background:#ff8a35}.p3{right:12%;top:17%;background:#1bb47a}.route-card{position:absolute;left:25px;right:25px;bottom:22px;background:#071f3b;padding:16px 19px;border-radius:15px}.route-card small,.route-card span{display:block;color:#8fa7c1}.route-card strong{display:block;margin:5px 0}
.product-showcase{display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border:1px solid #dce5f0;border-radius:28px;overflow:hidden;box-shadow:0 20px 55px rgba(7,31,59,.07)}.product-visual{position:relative;min-height:520px}.product-visual img{width:100%;height:100%;object-fit:cover}.product-visual span{position:absolute;top:22px;left:22px;background:#fff;padding:8px 11px;border-radius:999px;font-size:10px;font-weight:900}.product-config{padding:48px;display:flex;flex-direction:column;justify-content:center}.product-config>small{color:#326cff;font-weight:900}.product-config h3{font-size:38px;margin:10px 0}.product-config p{color:#66758a}.config-chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.config-chips b{padding:8px 10px;border-radius:9px;background:#eef3ff;color:#326cff;font-size:11px}.fake-select{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #dce5f0}.fake-select span{color:#718096}.product-config .btn{margin-top:24px;text-align:center}
.testimonial-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.testimonial-grid article{background:#fff;border:1px solid #dce5f0;border-radius:22px;padding:26px;min-height:260px}.testimonial-grid article>div{color:#ff9b20}.testimonial-grid p{line-height:1.7;color:#405066}.testimonial-grid b,.testimonial-grid small{display:block}.testimonial-grid small{color:#8a97a8;margin-top:3px}.final-cta{background:linear-gradient(120deg,#071f3b,#12477d);border-radius:30px;padding:48px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:35px}.final-cta h2{font-size:42px;max-width:750px;margin:10px 0}.final-cta p{color:#bfd0e2}.final-cta>div:last-child{display:flex;flex-direction:column;gap:14px}.text-link{color:#fff;text-align:center;font-weight:900}

/* Premium login */
.login-page{padding:0!important;background:#f4f7fb}.premium-login{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.login-brand-panel{position:relative;overflow:hidden;background:#071f3b;color:#fff;padding:48px 56px;display:flex;flex-direction:column;justify-content:space-between}.login-brand-panel>.brand{position:relative;z-index:3}.login-message{position:relative;z-index:3;max-width:590px;margin:60px 0}.login-message h1{font-size:62px;line-height:1;margin:14px 0}.login-message h1 em{font-style:normal;color:#6f97ff}.login-message p{color:#bdcee0;font-size:16px;line-height:1.7}.login-proof{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.login-proof span{padding:9px 12px;border:1px solid #365474;border-radius:999px;font-size:11px}.login-photo{position:absolute;right:-10%;bottom:-20%;width:62%;height:64%;opacity:.28;transform:rotate(-7deg)}.login-photo img{width:100%;height:100%;object-fit:cover;border-radius:45px}.login-form-panel{display:grid;place-items:center;padding:45px;position:relative}.login-back{position:absolute;top:32px;right:38px;font-size:12px;font-weight:900;color:#66758a}.premium-login-box{width:min(470px,100%);background:#fff;border:1px solid #dce5f0;border-radius:28px;padding:38px;box-shadow:0 25px 70px rgba(7,31,59,.09)}.premium-login-box h2{font-size:36px;margin:9px 0}.premium-login-box>p{color:#718096;margin-bottom:27px}.premium-login-box>label{display:block;font-size:12px;font-weight:900;margin:15px 0 7px}.input-icon{display:flex;align-items:center;gap:9px;border:1px solid #d7e1ec;border-radius:13px;padding:0 13px}.input-icon:focus-within{border-color:#326cff;box-shadow:0 0 0 3px #edf2ff}.input-icon input{flex:1;border:0;outline:0;padding:14px 0;background:transparent}.input-icon button{border:0;background:none;cursor:pointer}.login-options{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin:14px 0 22px}.login-options label{font-weight:700}.login-options a{color:#326cff;font-weight:900}.login-primary,.login-admin{width:100%;border:0;border-radius:13px;padding:15px;font-weight:900;cursor:pointer}.login-primary{background:#326cff;color:#fff;box-shadow:0 12px 28px rgba(50,108,255,.25)}.login-admin{background:#071f3b;color:#fff;margin-top:14px}.login-divider{display:flex;align-items:center;gap:12px;margin:24px 0 12px;color:#98a2b3;font-size:9px;font-weight:900;letter-spacing:.12em}.login-divider:before,.login-divider:after{content:"";height:1px;background:#e0e6ee;flex:1}.code-help{text-align:center!important;font-size:11px;margin:0 0 12px!important}.security-note{display:block;text-align:center;color:#98a2b3;margin-top:20px}

@media(max-width:900px){
.show-hero-card,.feature-editorial,.tracking-demo,.product-showcase{grid-template-columns:1fr}.show-copy{padding:45px}.show-copy h1{font-size:50px}.hero-photo{min-height:430px}.sport-gallery,.testimonial-grid{grid-template-columns:repeat(2,1fr)}.show-heading,.split-intro,.track-title{align-items:flex-start}.premium-login{grid-template-columns:1fr}.login-brand-panel{min-height:360px;padding:34px}.login-message{margin:35px 0}.login-message h1{font-size:45px}.login-form-panel{padding:50px 20px 90px}.login-back{top:16px;right:20px}
}
@media(max-width:600px){
.show-hero{padding:12px 0 30px}.show-hero-card{border-radius:22px;min-height:0}.show-copy{padding:34px 24px}.show-copy h1{font-size:40px}.show-copy>p{font-size:14px}.hero-actions{flex-direction:column}.hero-actions .btn{text-align:center}.hero-metrics{gap:12px;justify-content:space-between}.hero-metrics strong{font-size:20px}.hero-photo{min-height:330px}.fc1{top:15px;right:15px}.fc2{bottom:15px;left:15px}.float-card{font-size:11px;padding:10px 12px}.show-section{padding:52px 0}.show-heading,.split-intro,.track-title{display:block}.show-heading h2,.split-intro h2,.track-title h2{font-size:33px}.show-heading>a,.track-title>a{display:inline-block;margin-top:15px}.sport-gallery,.testimonial-grid{grid-template-columns:1fr}.sport-photo{height:310px}.editorial-main{height:360px}.editorial-stack article{grid-template-columns:32px 1fr 38px}.order-pane{padding:27px 22px}.order-pane h3{font-size:29px}.big-progress>strong{font-size:48px}.mini-steps{overflow-x:auto;gap:16px}.mini-steps span{white-space:nowrap}.map-demo{min-height:360px}.product-visual{min-height:350px}.product-config{padding:28px 22px}.product-config h3{font-size:31px}.final-cta{display:block;padding:30px 24px}.final-cta h2{font-size:32px}.final-cta>div:last-child{margin-top:25px}.premium-login{display:block}.login-brand-panel{min-height:320px;padding:28px 22px}.login-message{margin:30px 0}.login-message h1{font-size:38px}.login-message p{font-size:14px}.login-photo{width:80%;height:55%}.premium-login-box{padding:27px 20px;border-radius:22px}.premium-login-box h2{font-size:30px}.code-row{gap:5px}.code-row input{font-size:17px}.topstrip b{margin:0 5px}
}

/* V19 MOBILE-FIRST FIXES */
html,body{max-width:100%;overflow-x:hidden}img{max-width:100%}
button,a,input,select,textarea{font:inherit}
@media(max-width:720px){
 body{padding-bottom:72px}
 .container{width:calc(100% - 28px)!important;max-width:none!important}
 .topstrip{font-size:8px;padding:7px 10px;white-space:nowrap;overflow:hidden}
 .header{position:relative!important}
 .headrow{height:66px!important;gap:10px!important}
 .brand{min-width:0}.brand img{width:40px!important;height:40px!important}.brand>div{font-size:14px}.brand small{font-size:7px}
 .nav{display:none!important}
 .breadcrumb{display:none}
 .show-hero-card{display:flex!important;flex-direction:column!important}
 .show-copy{order:1;padding:30px 22px!important}
 .hero-photo{order:2;min-height:300px!important;height:300px}
 .show-copy h1{font-size:38px!important;letter-spacing:-.035em}
 .show-copy>p{font-size:14px!important}
 .hero-actions{display:grid!important;grid-template-columns:1fr!important}
 .hero-metrics{display:grid!important;grid-template-columns:repeat(3,1fr);gap:6px!important}
 .hero-metrics div{text-align:center}
 .show-section{padding:46px 0!important}
 .sport-gallery{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px}
 .sport-photo{flex:0 0 82%;scroll-snap-align:start;height:340px!important}
 .feature-editorial{display:block!important}.editorial-main{height:330px!important;margin-bottom:12px}
 .editorial-stack{gap:10px!important}.editorial-stack article{padding:17px!important}
 .tracking-demo{display:block!important;min-height:0!important}
 .order-pane{padding:25px 20px!important}
 .big-progress{margin:25px 0 14px!important}.big-progress>strong{font-size:45px!important}
 .map-demo{height:350px!important;min-height:350px!important}
 .route-card{left:14px!important;right:14px!important;bottom:14px!important}
 .product-showcase{display:block!important}.product-visual{min-height:310px!important;height:310px}.product-config{padding:25px 20px!important}
 .testimonial-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px}.testimonial-grid article{flex:0 0 84%;scroll-snap-align:start}
 .final-cta{border-radius:22px!important}
 .footer{padding-bottom:95px!important}.footgrid{display:block!important}.footgrid>div{margin-bottom:28px}
 .mobile-demo-bar{display:grid!important}
 /* Generic inner pages */
 .section{padding:38px 0!important}.section-title{display:block!important}.section-title h2{font-size:30px!important}
 .grid4,.product-grid,.timeline,.contact-grid,.filters-layout,.product-detail,.cart-layout,.checkout-layout{grid-template-columns:1fr!important}
 .product-grid{gap:12px!important}.product-card img{height:240px!important}
 .filters{position:static!important;margin-bottom:14px}.summary{position:static!important}
 .cart-row{grid-template-columns:74px 1fr!important;align-items:start!important}.cart-row img{width:74px!important;height:74px!important}.cart-row>*:nth-child(n+3){grid-column:2!important}
 .gallery-main img{height:330px!important}.config{padding:20px!important}.config h1{font-size:30px!important}
 .contact-card{padding:20px!important}.mapbox{min-height:290px!important}
 .login-wrap{display:block!important;min-height:100vh!important}.login-panel{min-height:100vh!important;padding:70px 18px 100px!important}
 .premium-login{display:block!important}.login-brand-panel{min-height:300px!important}.login-form-panel{padding:50px 14px 100px!important}
 .premium-login-box{width:100%!important}
 .portal-shell{display:block!important}.portal-side{display:flex!important;position:sticky;top:0;z-index:50;padding:8px!important;overflow-x:auto}.portal-main{padding:20px 14px 90px!important}
}


/* =========================================================
   V22 — STABLE MOBILE PATCH (desktop unchanged)
   ========================================================= */
.ps-mobile-menu-btn,.ps-mobile-overlay,.ps-mobile-chat{display:none}

@media(max-width:760px){
  html,body{max-width:100%!important;overflow-x:hidden!important}
  body{padding-bottom:0!important}
  .topstrip{display:none!important}
  .header{position:sticky!important;top:0!important;z-index:90!important;background:#fff!important}
  .headrow{height:70px!important;min-height:70px!important;padding:0 15px!important;gap:8px!important}
  .headrow .brand{flex:1!important;min-width:0!important}
  .headrow .brand img{width:44px!important;height:44px!important}
  .headrow .brand>div{font-size:15px!important}
  .headrow .brand small{font-size:7px!important}
  .headrow>.search,.headrow>.head-actions{display:none!important}
  .nav{display:none!important}
  .breadcrumb{display:none!important}
  .mobile-demo-bar{display:none!important}

  .ps-mobile-menu-btn{
    display:grid!important;place-items:center!important;width:44px!important;height:44px!important;
    border:0!important;border-radius:12px!important;background:#071c35!important;color:#fff!important;
    font-size:22px!important;flex:0 0 44px!important
  }
  .ps-mobile-overlay{
    display:block!important;position:fixed!important;inset:0!important;z-index:1000!important;
    background:rgba(3,14,28,.55)!important;opacity:0!important;pointer-events:none!important;transition:.2s!important
  }
  .ps-mobile-overlay.open{opacity:1!important;pointer-events:auto!important}
  .ps-mobile-panel{
    position:absolute!important;right:0!important;top:0!important;height:100%!important;width:min(88vw,350px)!important;
    background:#fff!important;padding:18px!important;display:flex!important;flex-direction:column!important;
    transform:translateX(100%)!important;transition:.23s ease!important;box-shadow:-20px 0 50px rgba(0,0,0,.16)!important
  }
  .ps-mobile-overlay.open .ps-mobile-panel{transform:translateX(0)!important}
  .ps-mobile-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding-bottom:15px!important;border-bottom:1px solid #e7ecf2!important}
  .ps-mobile-head .mini-brand{display:flex!important;align-items:center!important;gap:10px!important;font-weight:900!important}
  .ps-mobile-head img{width:40px!important;height:40px!important;border-radius:10px!important;background:#050505!important}
  .ps-mobile-close{width:40px!important;height:40px!important;border:0!important;border-radius:10px!important;background:#f0f4f8!important;font-size:21px!important}
  .ps-mobile-links{display:grid!important;gap:4px!important;padding:18px 0!important}
  .ps-mobile-links a{padding:13px 12px!important;border-radius:11px!important;font-weight:850!important;font-size:15px!important;color:#152235!important}
  .ps-mobile-links a:hover{background:#eef3ff!important;color:#2f68ff!important}
  .ps-mobile-links .shop-link{margin-top:8px!important;border-top:1px solid #e8edf3!important;border-radius:0!important;padding-top:18px!important}
  .ps-mobile-actions{display:grid!important;gap:8px!important;margin-top:auto!important}
  .ps-mobile-actions a{padding:13px!important;border-radius:11px!important;text-align:center!important;font-weight:900!important}
  .ps-mobile-actions .track{background:#edf3ff!important;color:#2f68ff!important}
  .ps-mobile-actions .login{background:#071c35!important;color:#fff!important}

  .ps-mobile-chat{
    display:grid!important;place-items:center!important;position:fixed!important;right:16px!important;bottom:16px!important;
    width:54px!important;height:54px!important;border:0!important;border-radius:50%!important;background:#2f68ff!important;
    color:#fff!important;font-size:24px!important;z-index:95!important;box-shadow:0 14px 34px rgba(47,104,255,.32)!important
  }

  .container{width:100%!important;max-width:none!important;padding-left:15px!important;padding-right:15px!important}
  .show-hero{padding:12px 0 28px!important}
  .show-hero-card{display:flex!important;flex-direction:column!important;min-height:0!important;border-radius:21px!important}
  .show-copy{order:1!important;width:100%!important;padding:29px 21px!important}
  .show-copy h1{font-size:38px!important;line-height:1.01!important;letter-spacing:-.035em!important;margin:13px 0 17px!important}
  .show-copy>p{font-size:14px!important;line-height:1.6!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .hero-actions a{text-align:center!important}
  .hero-metrics{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:5px!important;margin-top:26px!important;padding-top:18px!important}
  .hero-metrics div{text-align:center!important}
  .hero-metrics strong{font-size:20px!important}
  .hero-metrics span{font-size:8px!important}
  .hero-photo{order:2!important;width:100%!important;height:300px!important;min-height:300px!important}
  .float-card{font-size:10px!important;padding:9px 10px!important}
  .fc1{top:12px!important;right:12px!important}.fc2{bottom:12px!important;left:12px!important}

  .show-section,.section{padding:46px 0!important}
  .show-heading,.split-intro,.track-title,.section-title{display:block!important;margin-bottom:23px!important}
  .show-heading h2,.split-intro h2,.track-title h2,.section-title h2{font-size:31px!important;line-height:1.08!important}
  .show-heading>a,.track-title>a{display:inline-block!important;margin-top:12px!important}

  .sport-gallery{
    display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;gap:11px!important;
    scroll-snap-type:x mandatory!important;padding-bottom:7px!important
  }
  .sport-gallery::-webkit-scrollbar,.testimonial-grid::-webkit-scrollbar{display:none!important}
  .sport-photo{flex:0 0 84%!important;width:84%!important;height:315px!important;scroll-snap-align:center!important}

  .feature-editorial,.tracking-demo{display:block!important}
  .editorial-main{height:325px!important;margin-bottom:11px!important}
  .editorial-stack article{padding:16px!important;grid-template-columns:31px 1fr 35px!important}
  .order-pane{padding:25px 19px!important}
  .order-pane h3{font-size:28px!important}
  .big-progress{margin:24px 0 13px!important}.big-progress>strong{font-size:45px!important}
  .mini-steps{overflow-x:auto!important;justify-content:flex-start!important;gap:16px!important}
  .mini-steps span{white-space:nowrap!important}
  .map-demo{height:330px!important;min-height:330px!important}
  .route-card{left:12px!important;right:12px!important;bottom:12px!important}

  .testimonial-grid{
    display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;gap:11px!important;
    scroll-snap-type:x mandatory!important;padding:2px 2px 10px!important
  }
  .testimonial-grid article{
    flex:0 0 90%!important;width:90%!important;min-width:90%!important;scroll-snap-align:center!important;
    min-height:0!important;padding:23px!important
  }
  .testimonial-grid p{font-size:15px!important;line-height:1.65!important}

  .final-cta{display:block!important;padding:27px 21px!important;border-radius:21px!important}
  .final-cta h2{font-size:30px!important}.final-cta>div:last-child{margin-top:20px!important}
  .footer{padding-bottom:40px!important}.footgrid{display:block!important}.footgrid>div{margin-bottom:25px!important}

  /* independent ecommerce / inner pages */
  .filters-layout,.product-detail,.cart-layout,.checkout-layout,.contact-grid,.grid4,.product-grid,.timeline{grid-template-columns:1fr!important}
  .filters,.summary{position:static!important}
  .filters{margin-bottom:13px!important}
  .product-grid{gap:12px!important}.product-card img{height:230px!important}
  .gallery-main img{height:330px!important}
  .config{padding:19px!important}.config h1{font-size:29px!important}
  .cart-row{grid-template-columns:72px 1fr!important;gap:10px!important}
  .cart-row img{width:72px!important;height:72px!important}
  .cart-row>*:nth-child(n+3){grid-column:2!important}
  .contact-card{padding:19px!important}.mapbox{min-height:275px!important}
}

/* ==========================================================
   PRO SPORT V24 STABLE — MOBILE MENU / RESPONSIVE HOTFIX
   Desktop is intentionally untouched.
   ========================================================== */
.ps24-menu-btn,.ps24-overlay,.ps24-chat{display:none}
@media(max-width:760px){
  html,body{max-width:100%!important;overflow-x:hidden!important}
  body.ps24-lock{overflow:hidden!important}

  .topstrip{display:none!important}
  .header{position:sticky!important;top:0!important;z-index:900!important;background:#fff!important}
  .headrow{height:70px!important;min-height:70px!important;padding:0 15px!important;display:flex!important;align-items:center!important;gap:10px!important}
  .headrow>.search,.headrow>.head-actions{display:none!important}
  .headrow .brand{flex:1!important;min-width:0!important}
  .headrow .brand img{width:44px!important;height:44px!important}
  .headrow .brand>div{font-size:15px!important}
  .headrow .brand small{font-size:7px!important}
  .nav,.mobile-demo-bar{display:none!important}

  .ps24-menu-btn{
    display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;
    gap:5px!important;width:46px!important;height:46px!important;flex:0 0 46px!important;margin:0!important;padding:0!important;
    border:1px solid #173b61!important;border-radius:13px!important;background:#071f3b!important;
    box-shadow:0 7px 18px rgba(7,31,59,.14)!important;appearance:none!important;-webkit-appearance:none!important
  }
  .ps24-menu-btn i{display:block!important;width:21px!important;height:2px!important;background:#fff!important;border-radius:999px!important;pointer-events:none!important}

  .ps24-overlay{
    display:block!important;position:fixed!important;inset:0!important;z-index:2000!important;background:rgba(3,15,30,.58)!important;
    visibility:hidden!important;opacity:0!important;pointer-events:none!important;transition:opacity .2s ease,visibility .2s ease!important
  }
  .ps24-overlay.open{visibility:visible!important;opacity:1!important;pointer-events:auto!important}
  .ps24-panel{
    position:absolute!important;right:0!important;top:0!important;width:min(88vw,355px)!important;height:100%!important;
    background:#fff!important;padding:18px!important;display:flex!important;flex-direction:column!important;
    transform:translateX(102%)!important;transition:transform .24s ease!important;box-shadow:-20px 0 55px rgba(0,0,0,.18)!important
  }
  .ps24-overlay.open .ps24-panel{transform:translateX(0)!important}
  .ps24-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding-bottom:16px!important;border-bottom:1px solid #e7edf3!important}
  .ps24-brand{display:flex!important;align-items:center!important;gap:10px!important;font-weight:950!important;color:#071f3b!important}
  .ps24-brand img{width:40px!important;height:40px!important;border-radius:10px!important;background:#050505!important}
  .ps24-close{width:40px!important;height:40px!important;border:0!important;border-radius:11px!important;background:#eef2f6!important;color:#071f3b!important;font-size:23px!important}
  .ps24-links{display:grid!important;gap:5px!important;padding:17px 0!important}
  .ps24-links a{display:block!important;padding:13px 12px!important;border-radius:11px!important;color:#17263a!important;font-size:15px!important;font-weight:850!important}
  .ps24-links a:active{background:#edf3ff!important;color:#2f68ff!important}
  .ps24-shop{margin-top:7px!important;padding-top:17px!important;border-top:1px solid #e8edf3!important;border-radius:0!important}
  .ps24-actions{display:grid!important;gap:8px!important;margin-top:auto!important}
  .ps24-actions a{display:block!important;padding:14px!important;border-radius:12px!important;text-align:center!important;font-weight:900!important}
  .ps24-track{background:#edf3ff!important;color:#2f68ff!important}
  .ps24-login{background:#071f3b!important;color:#fff!important}

  .ps24-chat{
    display:grid!important;place-items:center!important;position:fixed!important;right:16px!important;bottom:16px!important;
    width:54px!important;height:54px!important;border:0!important;border-radius:50%!important;background:#2f68ff!important;
    color:#fff!important;font-size:24px!important;z-index:950!important;box-shadow:0 12px 30px rgba(47,104,255,.32)!important
  }

  /* Keep V22 visual direction but stop common mobile overflows */
  .container{max-width:100%!important}
  img{max-width:100%!important}
  .testimonial-grid{display:flex!important;overflow-x:auto!important;gap:12px!important;scroll-snap-type:x mandatory!important}
  .testimonial-grid article{flex:0 0 88%!important;min-width:88%!important;scroll-snap-align:center!important}
  .testimonial-grid::-webkit-scrollbar{display:none!important}
}
@media(min-width:761px){
  .ps24-menu-btn,.ps24-overlay,.ps24-chat{display:none!important}
}