:root{
  --bg:#11100f;--panel:rgba(34,31,28,.72);--panel2:rgba(54,47,39,.5);
  --text:#fff7ed;--muted:#c9b9a6;--orange:#ff8a00;--gold:#ffbd55;
  --line:rgba(255,138,0,.28);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:
radial-gradient(circle at 20% 10%,rgba(255,132,0,.16),transparent 32%),
radial-gradient(circle at 80% 25%,rgba(255,189,85,.12),transparent 28%),
linear-gradient(135deg,#1b1815,#0d0c0b 52%,#201812);color:var(--text);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.04),transparent);pointer-events:none;mix-blend-mode:screen}
.noise{position:fixed;inset:0;opacity:.12;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}
.cursor-glow{position:fixed;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,138,0,.18),transparent 65%);pointer-events:none;z-index:2;transform:translate(-50%,-50%);transition:.08s linear}
.loader{position:fixed;inset:0;background:#070605;z-index:999;display:flex;align-items:center;justify-content:center;flex-direction:column;animation:loaderOut 2.1s forwards}
.loader img{width:180px;border-radius:18px;filter:drop-shadow(0 0 35px rgba(255,138,0,.55));animation:pulse 1.4s infinite alternate}
.loader-line{width:180px;height:3px;background:linear-gradient(90deg,transparent,var(--orange),transparent);margin-top:22px;animation:sweep 1.2s infinite}
@keyframes loaderOut{0%,82%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@keyframes pulse{to{transform:scale(1.04);filter:drop-shadow(0 0 55px rgba(255,138,0,.85))}}
@keyframes sweep{from{transform:scaleX(.2)}to{transform:scaleX(1)}}
.nav{position:sticky;top:16px;margin:16px auto 0;width:min(1180px,calc(100% - 28px));height:88px;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;background:rgba(18,17,16,.68);border:1px solid var(--line);border-radius:24px;backdrop-filter:blur(18px);z-index:50;box-shadow:0 20px 70px rgba(0,0,0,.35)}
.brand img{height:66px;border-radius:14px}
nav{display:flex;gap:24px}
nav a,.contact a{color:var(--text);text-decoration:none}
nav a{font-size:14px;letter-spacing:.08em;text-transform:uppercase;position:relative}
nav a:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--orange);box-shadow:0 0 14px var(--orange);transition:.3s}
nav a:hover:after{width:100%}
.menu-btn{display:none;background:none;color:white;border:0;font-size:28px}
.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:16px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.nav-cta{background:linear-gradient(135deg,var(--orange),var(--gold));color:#160b02;padding:14px 20px}
.section{position:relative;z-index:3;width:min(1180px,calc(100% - 28px));margin:0 auto;padding:96px 0}
.hero{min-height:calc(100vh - 110px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:42px}
.eyebrow{color:var(--gold);letter-spacing:.22em;font-size:13px;font-weight:900;text-transform:uppercase}
h1{font-size:clamp(48px,7vw,92px);line-height:.95;margin:18px 0;background:linear-gradient(#fff,#ffd8a0 55%,#ff8a00);-webkit-background-clip:text;color:transparent}
h2{font-size:clamp(34px,5vw,62px);line-height:1;margin:14px 0}
p{color:var(--muted);line-height:1.75;font-size:18px}
.actions{display:flex;gap:16px;margin-top:30px;flex-wrap:wrap}
.btn{padding:16px 24px;border:1px solid var(--line)}
.primary{background:linear-gradient(135deg,var(--orange),var(--gold));color:#160b02;box-shadow:0 0 28px rgba(255,138,0,.25)}
.ghost{color:var(--text);background:rgba(255,255,255,.04)}
.ripple{position:relative;overflow:hidden;transition:.25s}
.ripple:hover{transform:translateY(-3px);box-shadow:0 0 38px rgba(255,138,0,.35)}
.hero-card,.rental-shell,.info-card,.contact-card{background:linear-gradient(145deg,var(--panel),rgba(16,15,14,.62));border:1px solid var(--line);backdrop-filter:blur(18px);box-shadow:inset 0 1px rgba(255,255,255,.08),0 30px 80px rgba(0,0,0,.35)}
.hero-card{border-radius:34px;padding:18px;position:relative;overflow:hidden;transform-style:preserve-3d}
.hero-card img{width:100%;height:520px;object-fit:cover;border-radius:26px;display:block;filter:contrast(1.08) saturate(1.08)}
.scan{position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.12),transparent 70%);transform:translateX(-120%);animation:scan 4s infinite;z-index:2}
@keyframes scan{50%,100%{transform:translateX(120%)}}
.orb{position:absolute;border-radius:50%;filter:blur(55px);opacity:.9;animation:orb 7s infinite alternate}
.orb-one{width:260px;height:260px;background:rgba(255,138,0,.28);left:-60px;top:100px}
.orb-two{width:300px;height:300px;background:rgba(255,189,85,.14);right:20%;bottom:40px}
@keyframes orb{to{transform:translate(30px,-25px) scale(1.15)}}
.rental-shell{border-radius:38px;padding:34px;display:grid;grid-template-columns:1.05fr 1.15fr .82fr;gap:26px;align-items:center;overflow:hidden}
.rental-copy h2{color:var(--text)}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.feature{padding:14px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);color:#ffe8c5}
.rental-image img{width:100%;border-radius:28px;filter:drop-shadow(0 30px 55px rgba(255,138,0,.22))}
.floaty{animation:floaty 4.5s ease-in-out infinite}
@keyframes floaty{50%{transform:translateY(-12px)}}
.price-panel{border-radius:28px;padding:26px;background:rgba(12,11,10,.65);border:1px solid var(--line);box-shadow:0 0 45px rgba(255,138,0,.13)}
.price-panel span{color:var(--muted)}
.price-panel strong{display:block;font-size:44px;color:var(--orange);margin-top:10px}
.price-panel small{display:block;color:var(--muted);margin:4px 0 24px}
.full{width:100%}
.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}
.thumb{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.04);padding:8px;cursor:pointer;transition:.25s}
.thumb img{width:100%;height:170px;object-fit:cover;border-radius:16px;display:block}
.thumb:hover,.thumb.active{transform:translateY(-6px);box-shadow:0 0 30px rgba(255,138,0,.25)}
.section-head{text-align:center;margin-bottom:36px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.info-card{border-radius:28px;padding:30px;transition:.25s}
.info-card:hover{transform:translateY(-8px);border-color:rgba(255,138,0,.55)}
.info-card h3{font-size:28px;margin-bottom:12px;color:#ffe1b5}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.gallery-img{width:100%;height:280px;object-fit:cover;border-radius:24px;border:1px solid var(--line);cursor:pointer;transition:.28s;box-shadow:0 20px 50px rgba(0,0,0,.28)}
.gallery-img:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 0 36px rgba(255,138,0,.26)}
.contact-card{border-radius:34px;padding:34px;display:grid;grid-template-columns:.9fr 1.1fr;gap:30px}
.contact ul{list-style:none;margin-top:18px;line-height:2}
iframe{width:100%;height:360px;border:0;border-radius:24px;filter:saturate(.95) contrast(1.05)}
.lightbox{position:fixed;inset:0;background:rgba(5,4,3,.94);display:none;align-items:center;justify-content:center;z-index:200}
.lightbox.open{display:flex}
.lightbox img{max-width:92vw;max-height:86vh;border-radius:24px;box-shadow:0 0 60px rgba(255,138,0,.22)}
.lightbox button{position:absolute;right:28px;top:24px;font-size:46px;background:transparent;color:white;border:0;cursor:pointer}
footer{position:relative;z-index:3;width:min(1180px,calc(100% - 28px));margin:0 auto 24px;padding:34px;border:1px solid var(--line);border-radius:28px;background:rgba(18,17,16,.62);display:flex;align-items:center;justify-content:space-between;color:var(--muted)}
footer img{height:58px;border-radius:12px}
.reveal{opacity:0;transform:translateY(28px);transition:1s cubic-bezier(.2,.8,.2,1)}
.reveal.show{opacity:1;transform:none}
.delay{transition-delay:.18s}
@media(max-width:900px){
  .nav{top:8px;height:auto;min-height:78px}.brand img{height:56px}.menu-btn{display:block}nav{position:absolute;left:0;right:0;top:86px;display:none;flex-direction:column;background:rgba(18,17,16,.95);padding:20px;border-radius:20px;border:1px solid var(--line)}nav.open{display:flex}.nav-cta{display:none}
  .hero,.rental-shell,.contact-card{grid-template-columns:1fr}.hero{padding-top:54px}.hero-card img{height:360px}.rental-shell{padding:20px}.feature-grid,.thumbs,.gallery-grid,.cards{grid-template-columns:1fr}.thumb img{height:230px}.gallery-img{height:260px}footer{flex-direction:column;gap:12px;text-align:center}
}


.call-button,
.map-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 18px;
  margin-left:8px;
  border-radius:14px;
  background:linear-gradient(135deg,#ff8a00,#ffbd55);
  color:#160b02 !important;
  font-weight:900;
  text-decoration:none;
  box-shadow:0 0 26px rgba(255,138,0,.25);
  transition:.25s ease;
}

.map-button{
  background:rgba(255,255,255,.06);
  color:#fff7ed !important;
  border:1px solid rgba(255,138,0,.32);
}

.call-button:hover,
.map-button:hover{
  transform:translateY(-3px);
  box-shadow:0 0 38px rgba(255,138,0,.42);
}

@media(max-width:700px){
  .call-button,
  .map-button{
    margin-left:0;
    margin-top:8px;
    width:100%;
  }
}


/* V3 layout polish: cleaner mobile, dashboard homepage, less cramped showcase */
body{
  background:
    radial-gradient(circle at 18% 0%, rgba(255,138,0,.20), transparent 34%),
    radial-gradient(circle at 92% 20%, rgba(255,189,85,.10), transparent 28%),
    linear-gradient(135deg,#21170f 0%,#14110e 42%,#0b0a09 100%) !important;
}

.nav{
  background:linear-gradient(135deg,rgba(42,31,20,.82),rgba(15,14,13,.78)) !important;
  border-color:rgba(255,138,0,.36) !important;
}

.home-dashboard{
  padding-top:70px !important;
}

.dashboard-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
  margin-top:28px;
}

.dash-card{
  position:relative;
  overflow:hidden;
  min-height:230px;
  padding:34px;
  border-radius:30px;
  border:1px solid rgba(255,138,0,.28);
  background:
    linear-gradient(145deg,rgba(43,35,27,.72),rgba(13,12,11,.65));
  box-shadow:0 24px 70px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.06);
  transition:.35s ease;
}

.dash-card:before{
  content:"";
  position:absolute;
  inset:-2px;
  background:linear-gradient(110deg,transparent,rgba(255,138,0,.22),transparent);
  transform:translateX(-120%);
  transition:.65s ease;
}

.dash-card:hover{
  transform:translateY(-8px);
  box-shadow:0 0 38px rgba(255,138,0,.24);
}

.dash-card:hover:before{
  transform:translateX(120%);
}

.dash-card span{
  color:#ff8a00;
  font-size:14px;
  font-weight:900;
  letter-spacing:.18em;
}

.dash-card h3{
  margin:22px 0 12px;
  font-size:30px;
  color:#fff1dc;
}

.rental{
  padding-top:84px !important;
}

.rental-shell,
.rentalShell{
  background:
    radial-gradient(circle at 50% 0%,rgba(255,138,0,.15),transparent 38%),
    linear-gradient(145deg,rgba(35,28,22,.82),rgba(12,11,10,.78)) !important;
}

.price-panel,
.price{
  background:linear-gradient(180deg,rgba(29,22,17,.92),rgba(10,9,8,.86)) !important;
}

.hero-card img,
.heroVisual img{
  object-position:center;
}

@media(max-width:900px){
  body{
    background:
      radial-gradient(circle at 50% -10%,rgba(255,138,0,.23),transparent 32%),
      linear-gradient(180deg,#2b1f14 0%,#15110d 42%,#080808 100%) !important;
  }

  .nav{
    width:calc(100% - 28px) !important;
    margin-top:14px !important;
    border-radius:32px !important;
    padding:18px 24px !important;
    min-height:112px !important;
  }

  .brand img,
  .logo,
  .logo-img{
    max-height:68px !important;
    width:auto !important;
  }

  .hero,
  .section,
  .rental,
  .slider-section,
  .services,
  .gallery,
  .contact,
  .sectionBlock{
    width:calc(100% - 28px) !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .hero{
    min-height:auto !important;
    padding-top:58px !important;
    display:flex !important;
    flex-direction:column-reverse !important;
    gap:32px !important;
  }

  .hero-card,
  .heroVisual{
    width:100% !important;
    border-radius:36px !important;
    padding:18px !important;
  }

  .hero-card img,
  .heroVisual img{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:1/1.08 !important;
    object-fit:cover !important;
    object-position:center !important;
    border-radius:28px !important;
  }

  .hero h1,
  h1{
    font-size:46px !important;
  }

  .hero-text,
  .heroText{
    padding:0 6px !important;
  }

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

  .dash-card{
    min-height:190px;
    padding:28px;
  }

  .rental-shell,
  .rentalShell{
    grid-template-columns:1fr !important;
    border-radius:34px !important;
    padding:22px !important;
  }

  .rental-image img,
  .bike img{
    width:100% !important;
    height:auto !important;
    object-fit:cover !important;
  }

  .price-panel,
  .price{
    width:100%;
  }

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

  .thumb img,
  .thumbs img{
    height:auto !important;
    aspect-ratio:16/10 !important;
    object-fit:cover !important;
  }

  .cards,
  .gallery-grid,
  .gallery{
    grid-template-columns:1fr !important;
  }

  .gallery-img,
  .gallery img{
    height:auto !important;
    aspect-ratio:16/10 !important;
    object-fit:cover !important;
  }

  .contact-card,
  .contactPanel{
    grid-template-columns:1fr !important;
    padding:24px !important;
  }

  iframe{
    height:320px !important;
  }
}


/* V4 final requested layout + premium contact */
h1 span{color:#ff8a00!important;background:none!important;-webkit-text-fill-color:#ff8a00}
.nav nav{
  background:rgba(10,9,8,.22);
  border:1px solid rgba(255,138,0,.18);
  border-radius:999px;
  padding:12px 20px;
}
.review-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.review-card{
  padding:30px;
  border-radius:28px;
  background:linear-gradient(145deg,rgba(38,31,25,.75),rgba(12,11,10,.72));
  border:1px solid rgba(255,138,0,.28);
  box-shadow:0 28px 70px rgba(0,0,0,.28);
  text-align:center;
  transition:.3s ease;
}
.review-card:hover{transform:translateY(-8px);box-shadow:0 0 36px rgba(255,138,0,.24)}
.stars{color:#ffbd55;font-size:24px;letter-spacing:4px;margin-bottom:18px}
.review-card strong{display:block;color:#ffbd55;margin-top:18px}
.contact-premium{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  border-radius:34px;
  overflow:hidden;
  border:1px solid rgba(255,138,0,.35);
  background:linear-gradient(145deg,rgba(34,28,22,.8),rgba(10,9,8,.82));
  box-shadow:0 30px 90px rgba(0,0,0,.38), inset 0 1px rgba(255,255,255,.06);
}
.contact-info-panel{
  padding:34px;
  border-right:1px solid rgba(255,138,0,.24);
}
.contact-row{
  display:flex;
  gap:16px;
  padding:16px 0;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.contact-row:last-child{border-bottom:0}
.contact-row span{
  width:42px;height:42px;
  display:flex;align-items:center;justify-content:center;
  border-radius:14px;
  color:#ff8a00;
  border:1px solid rgba(255,138,0,.28);
  background:rgba(255,138,0,.06);
}
.contact-row b{color:#ffbd55;text-transform:uppercase;font-size:13px;letter-spacing:.12em}
.contact-row p{font-size:16px;margin-top:5px}
.map-panel{position:relative;min-height:440px}
.map-panel iframe{
  width:100%;height:100%!important;min-height:440px;border-radius:0!important;
}
.map-overlay{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  margin:0!important;
  z-index:2;
}
.map-overlay:hover{transform:translate(-50%,-55%)!important}
@media(max-width:900px){
  .nav nav{
    border-radius:24px!important;
    padding:18px!important;
    background:rgba(16,14,12,.96)!important;
  }
  .review-grid{grid-template-columns:1fr!important}
  .contact-premium{grid-template-columns:1fr!important}
  .contact-info-panel{border-right:0;border-bottom:1px solid rgba(255,138,0,.24);padding:24px}
  .map-panel,.map-panel iframe{min-height:330px!important}
  .contact-row{align-items:flex-start}
}

.contact-form{padding:24px;background:rgba(10,9,8,.45);border-top:1px solid rgba(255,138,0,.22)}
.contact-form input,.contact-form textarea{width:100%;padding:14px;margin-bottom:12px;border-radius:14px;border:1px solid rgba(255,138,0,.3);background:rgba(255,255,255,.05);color:#fff}
.contact-form textarea{min-height:120px}


/* V6 FIXED: stable icons + full motion */
.lux-icon{width:52px!important;height:52px!important;min-width:52px!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:radial-gradient(circle at 30% 20%,rgba(255,189,85,.28),transparent 35%),linear-gradient(145deg,rgba(255,138,0,.14),rgba(255,255,255,.03))!important;border:1px solid rgba(255,138,0,.38)!important;box-shadow:inset 0 1px rgba(255,255,255,.10),0 0 22px rgba(255,138,0,.12);color:#ffbd55!important}
.lux-icon svg{width:27px;height:27px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(255,138,0,.35))}
.contact-row span.lux-icon{font-size:0!important}
.feature,.dash-card,.info-card,.review-card,.contact-row,.thumb,.gallery-img,.btn,.call-button,.map-button{position:relative;overflow:hidden}
.feature:before,.dash-card:before,.info-card:before,.review-card:before,.contact-row:before,.thumb:before{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,transparent,rgba(255,189,85,.22),transparent);transform:translateX(-125%);transition:.75s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.feature:hover:before,.dash-card:hover:before,.info-card:hover:before,.review-card:hover:before,.contact-row:hover:before,.thumb:hover:before{transform:translateX(125%)}
.feature,.dash-card,.info-card,.review-card,.contact-row{transition:transform .32s ease, box-shadow .32s ease, border-color .32s ease, background .32s ease}
.feature:hover,.dash-card:hover,.info-card:hover,.review-card:hover,.contact-row:hover{transform:translateY(-6px) scale(1.012);border-color:rgba(255,138,0,.56)!important;box-shadow:0 0 0 1px rgba(255,189,85,.08) inset,0 0 38px rgba(255,138,0,.20),0 30px 90px rgba(0,0,0,.36)!important}
.feature.active,.dash-card.active,.info-card.active,.contact-row.active{background:radial-gradient(circle at 20% 10%,rgba(255,189,85,.18),transparent 35%),linear-gradient(135deg,rgba(70,45,24,.8),rgba(13,11,10,.84))!important;box-shadow:0 0 42px rgba(255,138,0,.32)!important}
.feature.active:after,.dash-card.active:after,.info-card.active:after,.contact-row.active:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--x,50%) var(--y,50%),rgba(255,255,255,.26),transparent 18%),radial-gradient(circle at 70% 20%,rgba(255,138,0,.22),transparent 22%);animation:clickSpark .65s ease forwards;pointer-events:none}
@keyframes clickSpark{to{opacity:0;transform:scale(1.08)}}
.btn:after,.call-button:after,.map-button:after,.nav-cta:after{content:"";position:absolute;top:-80%;left:-35%;width:38%;height:260%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transform:rotate(22deg) translateX(-220%);transition:.7s ease}
.btn:hover:after,.call-button:hover:after,.map-button:hover:after,.nav-cta:hover:after{transform:rotate(22deg) translateX(520%)}
.nav:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,189,85,.12),transparent 70%);transform:translateX(-120%);animation:navSheen 5.5s infinite;pointer-events:none}
@keyframes navSheen{45%,100%{transform:translateX(120%)}}
@media(max-width:900px){.nav:after{content:"";position:absolute;left:28%;right:18%;top:22px;height:52px;border-radius:999px;background:radial-gradient(circle at 50% 50%,rgba(255,138,0,.12),transparent 60%),rgba(255,255,255,.025);border:1px solid rgba(255,138,0,.14);pointer-events:none}.lux-icon{width:48px!important;height:48px!important;min-width:48px!important}}


/* V7 MOBILE FIX — no zoom-out, full width, bigger animated logo */
html,body{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  touch-action:pan-y!important;
  -webkit-text-size-adjust:100%!important;
}
*{max-width:100%}
img,video,iframe{max-width:100%;height:auto}
body{min-width:0!important}

.nav{
  isolation:isolate;
}
.brand img{
  animation:logoBreath 3.8s ease-in-out infinite, logoGlowSweep 5.8s linear infinite;
  transform-origin:center;
}
@keyframes logoBreath{
  0%,100%{filter:drop-shadow(0 0 10px rgba(255,138,0,.22));transform:scale(1)}
  50%{filter:drop-shadow(0 0 26px rgba(255,138,0,.55));transform:scale(1.035)}
}
@keyframes logoGlowSweep{
  0%,100%{box-shadow:0 0 0 rgba(255,138,0,0)}
  45%{box-shadow:0 0 24px rgba(255,138,0,.22)}
}

@media(max-width:900px){
  body{
    overflow-x:hidden!important;
  }

  .nav{
    position:sticky!important;
    top:10px!important;
    left:auto!important;
    right:auto!important;
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    margin:10px auto 0!important;
    min-height:104px!important;
    padding:16px 18px!important;
    border-radius:30px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
  }

  .brand{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    z-index:4!important;
  }

  .brand img{
    height:78px!important;
    width:78px!important;
    object-fit:cover!important;
    border-radius:18px!important;
  }

  .menu-btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:58px!important;
    height:58px!important;
    font-size:34px!important;
    line-height:1!important;
    z-index:5!important;
  }

  .nav:after{
    left:120px!important;
    right:86px!important;
    top:27px!important;
    height:50px!important;
    opacity:.8!important;
  }

  #navMenu,
  .nav nav{
    position:absolute!important;
    top:calc(100% - 10px)!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:100%!important;
    padding:22px 34px!important;
    border-radius:0 0 28px 28px!important;
    background:rgba(8,7,6,.94)!important;
    backdrop-filter:blur(18px)!important;
    border:1px solid rgba(255,138,0,.26)!important;
    box-shadow:0 28px 80px rgba(0,0,0,.42)!important;
    z-index:3!important;
  }

  #navMenu:not(.open){
    display:none!important;
  }

  #navMenu.open{
    display:flex!important;
    flex-direction:column!important;
    gap:22px!important;
  }

  #navMenu a{
    font-size:18px!important;
    letter-spacing:.12em!important;
    white-space:nowrap!important;
  }

  .hero,.section,.home-dashboard,.rental,.services,.gallery,.reviews,.contact{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  .hero{
    display:flex!important;
    flex-direction:column-reverse!important;
    gap:28px!important;
    padding-top:42px!important;
  }

  .hero-card,
  .heroVisual{
    width:100%!important;
    max-width:100%!important;
    padding:14px!important;
    border-radius:30px!important;
  }

  .hero-card img,
  .heroVisual img{
    width:100%!important;
    height:auto!important;
    max-height:460px!important;
    aspect-ratio:1/1.08!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:22px!important;
  }

  .hero-text,.heroText{
    width:100%!important;
  }

  h1{
    font-size:clamp(42px,12vw,62px)!important;
    line-height:1.02!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }

  h2,.centerTitle{
    font-size:clamp(34px,10vw,50px)!important;
    line-height:1.05!important;
  }

  p,.lead{
    font-size:18px!important;
    line-height:1.65!important;
  }

  .actions{
    width:100%!important;
  }

  .btn{
    min-width:0!important;
  }

  .dashboard-grid,
  .cards,
  .review-grid,
  .gallery-grid,
  .gallery,
  .thumbs,
  .feature-grid{
    grid-template-columns:1fr!important;
    width:100%!important;
  }

  .dash-card,.info-card,.review-card,.contact-premium,.rental-shell,.rentalShell{
    width:100%!important;
    max-width:100%!important;
    border-radius:28px!important;
  }

  .rental-shell,.rentalShell{
    display:grid!important;
    grid-template-columns:1fr!important;
    padding:22px!important;
  }

  .price-panel,.price{
    width:100%!important;
  }

  .contact-premium,.contact-card,.contactPanel{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
  }

  .contact-info-panel{
    padding:22px!important;
  }

  .contact-row{
    display:grid!important;
    grid-template-columns:56px 1fr!important;
    gap:14px!important;
    align-items:start!important;
    width:100%!important;
  }

  .contact-row p,.contact-row a{
    word-break:break-word!important;
    overflow-wrap:anywhere!important;
  }

  .map-panel,.map-panel iframe,iframe{
    width:100%!important;
    min-height:320px!important;
  }

  footer{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
  }
}


/* V8 PRO MOTION: full mobile fix, custom icons, premium texture, 6s motorcycle loader */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700;800;900&display=swap');

html, body{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  -webkit-text-size-adjust:100%!important;
  touch-action:pan-y!important;
  font-family:'Montserrat', Arial, sans-serif!important;
}
body{
  background:
    radial-gradient(circle at 50% 0%,rgba(255,138,0,.18),transparent 28%),
    linear-gradient(180deg,#19130d 0%,#0b0a08 42%,#050505 100%)!important;
}
body:after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px, transparent 1px);
  background-size:54px 54px;
  mask-image:radial-gradient(circle at center,black,transparent 78%);
}
main, header, section, footer{position:relative;z-index:2}

/* loader */
.motopg-loader{
  position:fixed;
  inset:0;
  z-index:99999;
  background:
    radial-gradient(circle at 50% 55%,rgba(255,138,0,.20),transparent 32%),
    radial-gradient(circle at 20% 20%,rgba(255,189,85,.10),transparent 28%),
    #050403;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  animation:loaderExit 6s ease forwards;
}
@keyframes loaderExit{
  0%,86%{opacity:1;visibility:visible}
  100%{opacity:0;visibility:hidden}
}
.loader-road{
  position:relative;
  width:min(860px,92vw);
  height:230px;
  border-bottom:1px solid rgba(255,138,0,.45);
}
.loader-road:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-2px;height:3px;
  background:linear-gradient(90deg,transparent,#ff8a00,#ffbd55,transparent);
  filter:blur(.5px);
  animation:roadPulse 1s infinite alternate;
}
@keyframes roadPulse{to{opacity:.35}}
.loader-bike{
  position:absolute;
  bottom:8px;
  left:-230px;
  width:220px;
  height:145px;
  object-fit:cover;
  border-radius:24px;
  filter:drop-shadow(0 0 26px rgba(255,138,0,.7)) saturate(1.18);
  animation:bikeRide 5.2s cubic-bezier(.15,.72,.12,1) forwards;
}
@keyframes bikeRide{
  0%{transform:translateX(0) scale(.86)}
  72%{transform:translateX(calc(min(860px,92vw) - 100px)) scale(1)}
  100%{transform:translateX(calc(min(860px,92vw) + 260px)) scale(1)}
}
.flame-trail{
  position:absolute;
  bottom:52px;
  left:-260px;
  width:420px;
  height:54px;
  background:linear-gradient(90deg,transparent,rgba(255,78,0,.08),rgba(255,138,0,.75),rgba(255,218,120,.9),transparent);
  filter:blur(10px);
  border-radius:999px;
  animation:flameMove 5.2s cubic-bezier(.15,.72,.12,1) forwards;
}
@keyframes flameMove{
  0%{transform:translateX(-120px) scaleX(.3);opacity:0}
  16%{opacity:1}
  72%{transform:translateX(calc(min(860px,92vw) - 330px)) scaleX(1.35);opacity:1}
  100%{transform:translateX(calc(min(860px,92vw) + 80px)) scaleX(.35);opacity:0}
}
.spark{position:absolute;width:7px;height:7px;background:#ffbd55;border-radius:50%;filter:drop-shadow(0 0 10px #ff8a00);opacity:0}
.s1{bottom:92px;animation:spark1 4.8s .8s infinite}.s2{bottom:58px;animation:spark1 4.3s 1.2s infinite}.s3{bottom:120px;animation:spark1 5s 1.6s infinite}
@keyframes spark1{0%{left:10%;opacity:0;transform:translateY(0)}20%{opacity:1}100%{left:80%;opacity:0;transform:translateY(-55px)}}
.loader-logo-wrap img{width:150px;border-radius:24px;filter:drop-shadow(0 0 36px rgba(255,138,0,.7));animation:loaderLogo 2s infinite alternate}
@keyframes loaderLogo{to{transform:scale(1.06);filter:drop-shadow(0 0 60px rgba(255,138,0,.95))}}
.loader-text{margin-top:26px;font-size:clamp(28px,6vw,62px);font-weight:900;letter-spacing:.28em;background:linear-gradient(180deg,#fff,#ffbd55 48%,#ff8a00);-webkit-background-clip:text;color:transparent;text-align:center}
.loader-sub{margin-top:14px;color:#d8c2a5;letter-spacing:.18em;text-transform:uppercase;font-weight:700;text-align:center}

/* pro text */
.eyebrow{font-weight:900!important;color:#ffbd55!important;text-shadow:0 0 18px rgba(255,138,0,.35);letter-spacing:.28em!important}
h1,h2,h3{font-family:'Montserrat',Arial,sans-serif!important;font-weight:900!important}
p{font-weight:500!important}

/* custom icon system */
.lux-icon{width:58px!important;height:58px!important;min-width:58px!important;border-radius:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:radial-gradient(circle at 30% 20%,rgba(255,189,85,.32),transparent 38%),linear-gradient(145deg,rgba(255,138,0,.18),rgba(255,255,255,.035))!important;border:1px solid rgba(255,138,0,.44)!important;box-shadow:inset 0 1px rgba(255,255,255,.12),0 0 28px rgba(255,138,0,.16)!important;color:#ffbd55!important;font-size:0!important}
.lux-icon svg{width:30px!important;height:30px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;filter:drop-shadow(0 0 10px rgba(255,138,0,.45))}

/* click / hover textures */
.feature,.dash-card,.info-card,.review-card,.contact-row,.thumb,.gallery-img,.btn,.call-button,.map-button{
  position:relative!important;
  overflow:hidden!important;
}
.feature:before,.dash-card:before,.info-card:before,.review-card:before,.contact-row:before,.thumb:before{
  content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,transparent,rgba(255,189,85,.24),rgba(255,255,255,.08),transparent);transform:translateX(-125%);transition:.75s cubic-bezier(.2,.8,.2,1);pointer-events:none
}
.feature:hover:before,.dash-card:hover:before,.info-card:hover:before,.review-card:hover:before,.contact-row:hover:before,.thumb:hover:before{transform:translateX(125%)}
.feature:hover,.dash-card:hover,.info-card:hover,.review-card:hover,.contact-row:hover{
  transform:translateY(-6px) scale(1.012)!important;
  border-color:rgba(255,138,0,.65)!important;
  box-shadow:0 0 0 1px rgba(255,189,85,.1) inset,0 0 48px rgba(255,138,0,.26),0 30px 90px rgba(0,0,0,.42)!important;
}
.feature.active:after,.dash-card.active:after,.info-card.active:after,.contact-row.active:after{
  content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--x,50%) var(--y,50%),rgba(255,255,255,.30),transparent 16%),radial-gradient(circle at 70% 20%,rgba(255,138,0,.28),transparent 24%);animation:clickSpark .7s ease forwards;pointer-events:none
}
@keyframes clickSpark{to{opacity:0;transform:scale(1.08)}}
.btn:after,.call-button:after,.map-button:after,.nav-cta:after{
  content:"";position:absolute;top:-80%;left:-35%;width:38%;height:260%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.46),transparent);transform:rotate(22deg) translateX(-220%);transition:.7s ease
}
.btn:hover:after,.call-button:hover:after,.map-button:hover:after,.nav-cta:hover:after{transform:rotate(22deg) translateX(520%)}

/* mobile true width */
@media(max-width:900px){
  *{box-sizing:border-box!important}
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  .nav,.hero,.section,.home-dashboard,.rental,.services,.gallery,.reviews,.contact,footer{
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .nav{
    min-height:102px!important;
    padding:15px 18px!important;
    border-radius:30px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
  }
  .brand img{width:82px!important;height:82px!important;border-radius:20px!important;object-fit:cover!important}
  .menu-btn{width:58px!important;height:58px!important;font-size:34px!important;z-index:6!important}
  .nav:after{left:122px!important;right:86px!important;top:28px!important;height:48px!important}
  #navMenu{position:absolute!important;left:0!important;right:0!important;top:calc(100% - 8px)!important;width:100%!important;max-width:100%!important}
  .hero{display:flex!important;flex-direction:column-reverse!important;gap:28px!important;padding-top:42px!important}
  .hero-card,.heroVisual,.rental-shell,.rentalShell,.contact-premium,.contact-card,.contactPanel,.dash-card,.info-card,.review-card{
    width:100%!important;max-width:100%!important;
  }
  .dashboard-grid,.cards,.review-grid,.gallery-grid,.gallery,.thumbs,.feature-grid{grid-template-columns:1fr!important;width:100%!important}
  h1{font-size:clamp(42px,12vw,62px)!important;line-height:1.02!important}
  h2,.centerTitle{font-size:clamp(34px,10vw,50px)!important}
  .contact-row{display:grid!important;grid-template-columns:64px 1fr!important;gap:14px!important;width:100%!important}
  .contact-row p,.contact-row a{overflow-wrap:anywhere!important;word-break:break-word!important}
}


/* V9 Text Motion + About + desktop nav in capsule */
.nav-pill-text{
  color:#ffbd55;
  font-size:13px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  padding:13px 26px;
  border-radius:999px;
  border:1px solid rgba(255,138,0,.22);
  background:radial-gradient(circle at 50% 50%,rgba(255,138,0,.15),transparent 65%),rgba(255,255,255,.025);
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 0 24px rgba(255,138,0,.09);
  animation:pillPulse 3.2s ease-in-out infinite;
}
@keyframes pillPulse{50%{box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 34px rgba(255,138,0,.22)}}

@media(min-width:901px){
  .nav{
    gap:18px;
  }
  .nav-pill-text{display:none}
  .nav nav,#navMenu{
    display:flex!important;
    position:static!important;
    width:auto!important;
    padding:12px 18px!important;
    border-radius:999px!important;
    background:rgba(10,9,8,.34)!important;
    border:1px solid rgba(255,138,0,.22)!important;
    gap:20px!important;
  }
}

.clickable-text{
  position:relative;
  display:block;
  padding:2px 0;
  cursor:pointer;
  transition:color .28s ease, text-shadow .28s ease, transform .28s ease;
}
.clickable-text:before{
  content:"";
  position:absolute;
  left:-8px;
  right:-8px;
  top:-4px;
  bottom:-4px;
  border-radius:14px;
  background:
    radial-gradient(circle at var(--x,50%) var(--y,50%),rgba(255,138,0,.16),transparent 28%),
    linear-gradient(110deg,transparent,rgba(255,189,85,.08),transparent);
  opacity:0;
  transform:scale(.98);
  transition:.28s ease;
  pointer-events:none;
}
.clickable-text:hover{
  color:#fff4df!important;
  text-shadow:0 0 18px rgba(255,138,0,.28);
  transform:translateX(3px);
}
.clickable-text:hover:before,
.clickable-text.active:before{
  opacity:1;
  transform:scale(1);
}
.clickable-text.active{
  color:#ffdfad!important;
  text-shadow:0 0 24px rgba(255,138,0,.42);
}

.about-panel{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:28px;
  padding:34px;
  border-radius:36px;
  border:1px solid rgba(255,138,0,.34);
  background:
    radial-gradient(circle at 80% 10%,rgba(255,138,0,.13),transparent 32%),
    linear-gradient(145deg,rgba(34,27,21,.82),rgba(9,8,7,.76));
  box-shadow:0 30px 90px rgba(0,0,0,.38), inset 0 1px rgba(255,255,255,.06);
  overflow:hidden;
}
.about-logo-card{
  min-height:360px;
  border-radius:30px;
  border:1px solid rgba(255,138,0,.26);
  background:
    radial-gradient(circle at 50% 25%,rgba(255,138,0,.19),transparent 38%),
    rgba(255,255,255,.035);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:18px;
  position:relative;
  overflow:hidden;
}
.about-logo-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.12),transparent);
  transform:translateX(-120%);
  animation:aboutSheen 4.6s infinite;
}
@keyframes aboutSheen{55%,100%{transform:translateX(120%)}}
.about-logo-card img{
  width:180px;
  height:180px;
  object-fit:cover;
  border-radius:34px;
  filter:drop-shadow(0 0 34px rgba(255,138,0,.45));
  animation:logoBreath 3.8s ease-in-out infinite;
}
.about-logo-card strong{
  color:#fff4df;
  font-size:28px;
  font-weight:900;
}
.about-logo-card span{
  color:#ffbd55;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:800;
}

@media(max-width:900px){
  .nav-pill-text{
    display:block!important;
    position:absolute;
    left:116px;
    right:82px;
    top:28px;
    text-align:center;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    padding:13px 10px;
    font-size:10px;
    z-index:2;
  }
  .nav:after{display:none!important}
  .about-panel{
    grid-template-columns:1fr!important;
    padding:24px!important;
    width:100%!important;
  }
  .about-logo-card{
    min-height:260px;
  }
  .about-logo-card img{
    width:140px;
    height:140px;
  }
}


/* V9 MAX LOADER — uploaded Moto PG line bike with smoke, burning wheels, right ride */
.motopg-loader{
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
  background:
    radial-gradient(circle at 50% 65%,rgba(255,138,0,.18),transparent 30%),
    radial-gradient(circle at 20% 25%,rgba(255,189,85,.10),transparent 28%),
    linear-gradient(180deg,#030303,#080604 55%,#020202)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  animation:loaderExit 6.2s ease forwards!important;
}
@keyframes loaderExit{0%,86%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
.loader-stage{
  position:relative;
  width:min(980px,96vw);
  height:360px;
  overflow:hidden;
}
.loader-bike-line{
  position:absolute;
  left:-520px;
  top:60px;
  width:min(620px,80vw);
  height:auto;
  object-fit:contain;
  filter:
    drop-shadow(0 0 18px rgba(255,189,85,.45))
    drop-shadow(0 0 42px rgba(255,138,0,.28));
  animation:lineBikeRide 5.35s cubic-bezier(.12,.78,.14,1) forwards, engineShake .12s linear infinite;
  transform-origin:center;
  z-index:5;
}
@keyframes lineBikeRide{
  0%{left:-560px;transform:translateY(4px) scale(.82)}
  15%{transform:translateY(0) scale(.9)}
  66%{left:calc(100% - 430px);transform:translateY(-2px) scale(1)}
  100%{left:calc(100% + 180px);transform:translateY(0) scale(1.02)}
}
@keyframes engineShake{
  0%,100%{margin-top:0}
  50%{margin-top:1.5px}
}
.road-glow{
  position:absolute;
  left:0;right:0;bottom:84px;height:2px;
  background:linear-gradient(90deg,transparent,rgba(255,138,0,.75),rgba(255,220,140,.9),transparent);
  box-shadow:0 0 22px rgba(255,138,0,.65);
  animation:roadPulse .7s infinite alternate;
}
@keyframes roadPulse{to{opacity:.35;filter:blur(2px)}}
.flame-trail{
  position:absolute;
  left:-440px;
  top:202px;
  width:520px;
  height:46px;
  border-radius:999px;
  background:
    linear-gradient(90deg,transparent,rgba(255,55,0,.12),rgba(255,102,0,.75),rgba(255,225,128,.95),transparent);
  filter:blur(11px);
  opacity:0;
  animation:maxFlameTrail 5.35s cubic-bezier(.12,.78,.14,1) forwards;
  z-index:3;
}
@keyframes maxFlameTrail{
  0%{left:-520px;opacity:0;transform:scaleX(.2)}
  13%{opacity:1}
  66%{left:calc(100% - 680px);opacity:1;transform:scaleX(1.4)}
  100%{left:calc(100% + 50px);opacity:0;transform:scaleX(.25)}
}
.smoke-trail{
  position:absolute;
  left:-520px;
  top:92px;
  width:620px;
  height:190px;
  border-radius:50%;
  background:
    radial-gradient(circle at 20% 55%,rgba(255,255,255,.14),transparent 24%),
    radial-gradient(circle at 38% 45%,rgba(255,138,0,.13),transparent 28%),
    radial-gradient(circle at 60% 60%,rgba(255,255,255,.09),transparent 34%),
    radial-gradient(circle at 80% 50%,rgba(255,138,0,.08),transparent 31%);
  filter:blur(18px);
  opacity:0;
  animation:maxSmokeTrail 5.35s cubic-bezier(.12,.78,.14,1) forwards;
  z-index:2;
}
@keyframes maxSmokeTrail{
  0%{left:-660px;opacity:0;transform:scale(.6)}
  20%{opacity:.85}
  66%{left:calc(100% - 780px);opacity:.8;transform:scale(1.15)}
  100%{left:calc(100% - 110px);opacity:0;transform:scale(1.35)}
}
.smoke{
  position:absolute;
  width:240px;height:160px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.09),transparent 62%);
  filter:blur(20px);
  opacity:.0;
  animation:ambientSmoke 4.8s ease-in-out infinite;
}
.smoke-a{left:8%;top:28%;animation-delay:.2s}
.smoke-b{left:46%;top:20%;animation-delay:.9s}
.smoke-c{right:2%;top:38%;animation-delay:1.4s}
@keyframes ambientSmoke{0%,100%{opacity:.05;transform:translateY(20px) scale(.85)}50%{opacity:.38;transform:translateY(-10px) scale(1.15)}}
.wheel-spark{
  position:absolute;
  width:9px;height:9px;border-radius:50%;
  background:#ffbd55;
  box-shadow:0 0 18px #ff8a00,0 0 34px rgba(255,138,0,.7);
  opacity:0;
  z-index:4;
  animation:sparkFly 1.2s linear infinite;
}
.ws1{bottom:98px;animation-delay:.8s}
.ws2{bottom:112px;animation-delay:1.1s}
.ws3{bottom:92px;animation-delay:1.5s}
.ws4{bottom:118px;animation-delay:1.9s}
@keyframes sparkFly{
  0%{left:18%;opacity:0;transform:translate(0,0) scale(.5)}
  15%{opacity:1}
  100%{left:76%;opacity:0;transform:translate(-130px,-58px) scale(1.2)}
}
.loader-text{
  margin-top:0!important;
  font-size:clamp(30px,6vw,68px)!important;
  font-weight:900!important;
  letter-spacing:.30em!important;
  background:linear-gradient(180deg,#fff,#ffddaa 45%,#ff8a00)!important;
  -webkit-background-clip:text!important;
  color:transparent!important;
  text-align:center!important;
  filter:drop-shadow(0 0 22px rgba(255,138,0,.35));
}
.loader-sub{
  margin-top:14px!important;
  color:#d9c0a0!important;
  letter-spacing:.20em!important;
  text-transform:uppercase!important;
  font-weight:800!important;
  text-align:center!important;
}
@media(max-width:900px){
  .loader-stage{height:290px;width:100vw}
  .loader-bike-line{width:470px;top:82px}
  @keyframes lineBikeRide{
    0%{left:-500px;transform:translateY(4px) scale(.78)}
    65%{left:calc(100% - 330px);transform:translateY(-2px) scale(.92)}
    100%{left:calc(100% + 160px);transform:translateY(0) scale(.95)}
  }
  .flame-trail{top:195px;width:410px}
  .smoke-trail{top:108px;width:520px}
}


/* V10 logo/menu/admin polish */
.brand img,
.about-logo-card img,
.loader-bike-line{
  background:transparent!important;
  mix-blend-mode:screen;
}
.brand img{
  object-fit:contain!important;
  padding:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.about-logo-card img{
  object-fit:contain!important;
  border-radius:0!important;
  width:260px!important;
  height:auto!important;
}
.loader-bike-line{
  object-fit:contain!important;
}

/* mobile menu reliable opening */
#navMenu{
  pointer-events:auto!important;
}
.menu-btn{
  cursor:pointer!important;
  pointer-events:auto!important;
  position:relative!important;
}
@media(max-width:900px){
  .brand img{
    width:118px!important;
    height:70px!important;
  }
  .nav{
    overflow:visible!important;
    z-index:9999!important;
  }
  #navMenu{
    display:none!important;
    opacity:0;
    transform:translateY(-8px);
    transition:.25s ease;
  }
  #navMenu.open{
    display:flex!important;
    opacity:1!important;
    transform:translateY(0)!important;
    flex-direction:column!important;
    gap:18px!important;
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    background:linear-gradient(180deg,rgba(8,7,6,.98),rgba(14,10,7,.96))!important;
    border:1px solid rgba(255,138,0,.38)!important;
    box-shadow:0 32px 90px rgba(0,0,0,.65),0 0 40px rgba(255,138,0,.15)!important;
    border-radius:28px!important;
    padding:24px 30px!important;
    z-index:10000!important;
  }
  #navMenu.open a{
    display:block!important;
    padding:8px 0!important;
  }
}

/* admin panel premium if admin.css misses */
body.admin-premium{background:#090806}

/* Make big top accidental logo blocks blend better */
.loader-logo-wrap,
.about-logo-card{
  background:radial-gradient(circle at center,rgba(255,138,0,.12),transparent 58%)!important;
}


/* V11: use black logo only inside About card, separate it from page color */
.about-logo-card{
  background:
    radial-gradient(circle at 50% 38%, rgba(255,138,0,.18), transparent 48%),
    linear-gradient(145deg, rgba(8,7,6,.98), rgba(18,13,9,.94)) !important;
  border:1px solid rgba(255,138,0,.44)!important;
  box-shadow:
    0 0 0 1px rgba(255,189,85,.06) inset,
    0 28px 90px rgba(0,0,0,.48),
    0 0 42px rgba(255,138,0,.12)!important;
  padding:28px!important;
}
.about-logo-card img{
  width:min(420px,88%)!important;
  max-height:260px!important;
  height:auto!important;
  object-fit:contain!important;
  border-radius:0!important;
  background:transparent!important;
  mix-blend-mode:normal!important;
  filter:
    drop-shadow(0 0 18px rgba(255,138,0,.35))
    drop-shadow(0 0 44px rgba(255,189,85,.18))!important;
  animation:aboutLogoFloat 4s ease-in-out infinite!important;
}
@keyframes aboutLogoFloat{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-5px) scale(1.025)}
}
.about-logo-card strong{
  margin-top:6px!important;
  text-shadow:0 0 22px rgba(255,138,0,.25)!important;
}
@media(max-width:900px){
  .about-logo-card img{
    width:92%!important;
    max-height:210px!important;
  }
}


/* V12 final circle logo integration */
.brand{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.brand::before{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:999px;
  background:radial-gradient(circle at 50% 50%,rgba(255,138,0,.20),transparent 68%);
  filter:blur(8px);
  animation:logoAura 3.8s ease-in-out infinite;
  pointer-events:none;
}
.brand img{
  width:88px!important;
  height:88px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  background:#000!important;
  mix-blend-mode:normal!important;
  box-shadow:
    0 0 0 1px rgba(255,189,85,.22),
    0 0 22px rgba(255,138,0,.32),
    inset 0 0 18px rgba(255,138,0,.12)!important;
  animation:circleLogoPulse 4s ease-in-out infinite!important;
}
@keyframes circleLogoPulse{
  0%,100%{transform:scale(1);filter:drop-shadow(0 0 12px rgba(255,138,0,.25))}
  50%{transform:scale(1.045);filter:drop-shadow(0 0 30px rgba(255,138,0,.58))}
}
@keyframes logoAura{
  0%,100%{opacity:.38;transform:scale(.96)}
  50%{opacity:.92;transform:scale(1.08)}
}
.about-logo-card img{
  width:min(330px,82%)!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  border-radius:50%!important;
  object-fit:cover!important;
  background:#000!important;
  mix-blend-mode:normal!important;
  box-shadow:
    0 0 0 1px rgba(255,189,85,.28),
    0 0 42px rgba(255,138,0,.30),
    0 26px 80px rgba(0,0,0,.42)!important;
  animation:circleLogoPulse 4.2s ease-in-out infinite!important;
}
@media(max-width:900px){
  .brand img{
    width:86px!important;
    height:86px!important;
  }
  .nav{
    min-height:112px!important;
  }
  .nav-pill-text{
    left:128px!important;
  }
}


/* V13 header order fix:
   1) mobile menu/nav is first
   2) big title text goes under menu, above big image
   3) remove top-left loose circle logo
   4) nav logo uses original square logo */
@media(max-width:900px){
  body{
    display:flex!important;
    flex-direction:column!important;
  }

  .nav{
    order:0!important;
    margin-top:12px!important;
    position:relative!important;
  }

  /* remove any extra loose top logo/brand outside nav */
  body > .brand,
  body > img[src*="motopg-circle-logo"],
  body > img[src*="motopg-logo-transparent"],
  .top-logo,
  .floating-logo,
  .hero-logo{
    display:none!important;
  }

  .brand img{
    content:url("assets/logo.png")!important;
    width:96px!important;
    height:96px!important;
    border-radius:22px!important;
    object-fit:cover!important;
    background:#000!important;
    mix-blend-mode:normal!important;
    box-shadow:0 0 0 1px rgba(255,138,0,.24),0 0 28px rgba(255,138,0,.22)!important;
    animation:logoBreath 3.8s ease-in-out infinite!important;
  }

  .brand::before{
    border-radius:24px!important;
  }

  .hero{
    order:1!important;
    display:flex!important;
    flex-direction:column!important;
    padding-top:22px!important;
  }

  /* text under menu, image below text */
  .hero-text,
  .heroText{
    order:1!important;
  }

  .hero-card,
  .heroVisual{
    order:2!important;
  }

  .hero h1{
    margin-top:10px!important;
  }

  .hero .eyebrow{
    margin-top:8px!important;
  }

  /* hide duplicated large logo/title block if it exists above nav */
  .intro-logo,
  .site-logo-large,
  .brand-showcase{
    display:none!important;
  }
}

@media(min-width:901px){
  .brand img{
    content:url("assets/logo.png")!important;
    width:96px!important;
    height:96px!important;
    border-radius:22px!important;
    object-fit:cover!important;
    background:#000!important;
    mix-blend-mode:normal!important;
  }
}


/* V14: About card uses the full Moto PG logo instead of circle logo */
.about-logo-card img{
  width:min(440px,92%)!important;
  height:auto!important;
  max-height:260px!important;
  aspect-ratio:auto!important;
  border-radius:22px!important;
  object-fit:contain!important;
  background:#050403!important;
  mix-blend-mode:normal!important;
  padding:10px!important;
  box-shadow:
    0 0 0 1px rgba(255,189,85,.22),
    0 0 38px rgba(255,138,0,.22),
    0 24px 70px rgba(0,0,0,.42)!important;
  animation:aboutLogoFloat 4s ease-in-out infinite!important;
}
@media(max-width:900px){
  .about-logo-card img{
    width:94%!important;
    max-height:220px!important;
  }
}


/* V15 Robo PG AI Chatbot */
.robo-chat-widget{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:99998;
  font-family:inherit;
}
.robo-chat-toggle{
  position:relative;
  width:92px;
  height:92px;
  border-radius:50%;
  border:1px solid rgba(255,138,0,.45);
  background:radial-gradient(circle at 50% 45%,rgba(255,138,0,.18),rgba(0,0,0,.94) 70%);
  padding:7px;
  cursor:pointer;
  box-shadow:0 0 34px rgba(255,138,0,.34),0 18px 55px rgba(0,0,0,.45);
  animation:roboFloat 3.6s ease-in-out infinite;
}
.robo-chat-toggle img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:50%;
  mix-blend-mode:normal;
}
.robo-pulse{
  position:absolute;
  inset:-8px;
  border-radius:50%;
  border:1px solid rgba(255,138,0,.35);
  animation:roboPulse 2s infinite;
}
@keyframes roboPulse{
  0%{opacity:.9;transform:scale(.92)}
  100%{opacity:0;transform:scale(1.22)}
}
@keyframes roboFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-7px)}
}
.robo-chat-panel{
  position:absolute;
  right:0;
  bottom:112px;
  width:min(390px,calc(100vw - 28px));
  border-radius:26px;
  overflow:hidden;
  border:1px solid rgba(255,138,0,.36);
  background:linear-gradient(145deg,rgba(18,13,9,.96),rgba(4,4,4,.98));
  box-shadow:0 28px 90px rgba(0,0,0,.62),0 0 40px rgba(255,138,0,.15);
  display:none;
}
.robo-chat-panel.open{display:block;animation:roboOpen .25s ease}
@keyframes roboOpen{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
.robo-chat-head{
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px;
  background:radial-gradient(circle at 20% 0%,rgba(255,138,0,.18),transparent 45%),rgba(255,255,255,.035);
  border-bottom:1px solid rgba(255,138,0,.24);
}
.robo-chat-head img{
  width:62px;
  height:62px;
  border-radius:16px;
  object-fit:cover;
  border:1px solid rgba(255,138,0,.32);
}
.robo-chat-head strong{
  display:block;
  color:#fff4df;
  font-weight:900;
  font-size:20px;
}
.robo-chat-head span{
  color:#ffbd55;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
#roboChatClose{
  margin-left:auto;
  width:36px;
  height:36px;
  border-radius:50%;
  border:1px solid rgba(255,138,0,.25);
  background:rgba(255,255,255,.04);
  color:#fff;
  font-size:24px;
}
.robo-chat-body{
  padding:16px;
}
.robo-msg{
  color:#ead8c2;
  line-height:1.55;
  margin:0 0 12px;
}
.robo-chat-body button{
  width:100%;
  text-align:left;
  margin:7px 0;
  padding:13px 14px;
  border-radius:14px;
  border:1px solid rgba(255,138,0,.25);
  background:rgba(255,255,255,.045);
  color:#fff4df;
  font-weight:800;
}
.robo-chat-body button:hover{
  border-color:rgba(255,138,0,.7);
  box-shadow:0 0 22px rgba(255,138,0,.16);
}
.robo-chat-form{
  display:flex;
  gap:8px;
  padding:14px;
  border-top:1px solid rgba(255,138,0,.22);
}
.robo-chat-form input{
  flex:1;
  min-width:0;
  border-radius:14px;
  border:1px solid rgba(255,138,0,.25);
  background:rgba(255,255,255,.05);
  color:white;
  padding:12px;
}
.robo-chat-form button{
  border:0;
  border-radius:14px;
  background:linear-gradient(135deg,#ff8a00,#ffbd55);
  color:#120a03;
  font-weight:900;
  padding:0 14px;
}
@media(max-width:900px){
  .robo-chat-widget{
    right:16px;
    bottom:88px;
  }
  .robo-chat-toggle{
    width:78px;
    height:78px;
  }
}

.robo-msg.user{background:rgba(255,138,0,.12);border:1px solid rgba(255,138,0,.22);border-radius:14px;padding:10px}
.robo-chat-body{max-height:360px;overflow:auto}


/* V17 — chatbot responsive + hide duplicated mobile top logo showcase */
@media(max-width:900px){
  /* Hide the big top logo/title showcase on phones; nav stays first */
  body > .brand-showcase,
  body > .site-logo-large,
  body > .intro-logo,
  .hero-before,
  .top-showcase,
  .masthead,
  .mobile-top-brand{
    display:none!important;
  }

  /* If a first section contains only logo + Moto PG Szeged title, hide it on mobile */
  body > section:first-of-type:not(.hero):not(.section){
    display:none!important;
  }

  .robo-chat-widget{
    right:12px!important;
    bottom:82px!important;
    z-index:999999!important;
  }

  .robo-chat-toggle{
    width:68px!important;
    height:68px!important;
    padding:5px!important;
  }

  .robo-chat-panel{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:162px!important;
    width:auto!important;
    max-width:none!important;
    max-height:calc(100dvh - 190px)!important;
    border-radius:22px!important;
    display:none;
  }

  .robo-chat-panel.open{
    display:flex!important;
    flex-direction:column!important;
  }

  .robo-chat-head{
    padding:12px!important;
    flex:0 0 auto!important;
  }

  .robo-chat-head img{
    width:54px!important;
    height:54px!important;
  }

  .robo-chat-body{
    flex:1 1 auto!important;
    max-height:calc(100dvh - 350px)!important;
    overflow-y:auto!important;
    padding:12px!important;
  }

  .robo-msg{
    font-size:15px!important;
    line-height:1.45!important;
    word-break:break-word!important;
    overflow-wrap:anywhere!important;
  }

  .robo-chat-body button{
    font-size:14px!important;
    padding:11px 12px!important;
  }

  .robo-chat-form{
    flex:0 0 auto!important;
    padding:10px!important;
    gap:8px!important;
  }

  .robo-chat-form input{
    min-width:0!important;
    font-size:16px!important;
    height:46px!important;
  }

  .robo-chat-form button{
    height:46px!important;
    min-width:78px!important;
    padding:0 12px!important;
  }
}

@media(min-width:901px) and (max-width:1200px){
  .robo-chat-panel{
    width:min(420px,42vw)!important;
    max-height:78vh!important;
  }
  .robo-chat-body{
    max-height:48vh!important;
    overflow:auto!important;
  }
}

@media(min-width:1201px){
  .robo-chat-panel{
    width:420px!important;
    max-height:78vh!important;
  }
  .robo-chat-body{
    max-height:48vh!important;
    overflow:auto!important;
  }
}


/* V19 — 6s loader with separate motorcycle only for loading screen */
.motopg-loader{position:fixed!important;inset:0!important;z-index:999999!important;background:radial-gradient(circle at 50% 68%,rgba(255,138,0,.24),transparent 30%),radial-gradient(circle at 18% 40%,rgba(255,189,85,.10),transparent 28%),linear-gradient(180deg,#030303,#080604 55%,#020202)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;animation:loaderExitV19 6s ease forwards!important}
@keyframes loaderExitV19{0%,86%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
.loader-stage-v19{position:relative!important;width:min(1100px,100vw)!important;height:430px!important;overflow:hidden!important}
.loader-bike-v19{position:absolute!important;left:-760px!important;top:70px!important;width:min(760px,92vw)!important;height:auto!important;object-fit:contain!important;z-index:8!important;filter:drop-shadow(0 0 24px rgba(255,138,0,.42)) drop-shadow(0 22px 34px rgba(0,0,0,.7));animation:bikeRideV19 5.65s cubic-bezier(.12,.76,.16,1) forwards,bikeVibrationV19 .11s linear infinite!important}
@keyframes bikeRideV19{0%{left:-780px;transform:translateY(8px) scale(.84)}16%{transform:translateY(0) scale(.91)}68%{left:calc(100% - 610px);transform:translateY(-2px) scale(1)}100%{left:calc(100% + 210px);transform:translateY(0) scale(1.03)}}
@keyframes bikeVibrationV19{50%{margin-top:1.4px}}
.loader-fire-road{position:absolute!important;left:0!important;right:0!important;bottom:106px!important;height:4px!important;background:linear-gradient(90deg,transparent,rgba(255,70,0,.5),#ff8a00,#ffdf8a,rgba(255,70,0,.5),transparent)!important;box-shadow:0 0 28px rgba(255,138,0,.85),0 0 70px rgba(255,70,0,.30)!important;animation:roadFireV19 .55s infinite alternate!important}
@keyframes roadFireV19{to{opacity:.45;filter:blur(2px)}}
.loader-flame-burst{position:absolute!important;left:-760px!important;top:250px!important;width:680px!important;height:72px!important;border-radius:999px!important;background:radial-gradient(circle at 82% 50%,rgba(255,240,150,.95),transparent 18%),linear-gradient(90deg,transparent,rgba(255,40,0,.16),rgba(255,80,0,.72),rgba(255,138,0,.95),rgba(255,225,120,.95),transparent)!important;filter:blur(12px)!important;opacity:0!important;z-index:4!important;animation:flameBurstV19 5.65s cubic-bezier(.12,.76,.16,1) forwards!important}
@keyframes flameBurstV19{0%{left:-760px;opacity:0;transform:scaleX(.2)}12%{opacity:1}66%{left:calc(100% - 820px);opacity:1;transform:scaleX(1.45)}100%{left:calc(100% + 80px);opacity:0;transform:scaleX(.25)}}
.loader-exhaust-smoke{position:absolute!important;left:-790px!important;top:145px!important;width:720px!important;height:190px!important;border-radius:50%!important;background:radial-gradient(circle at 18% 62%,rgba(255,255,255,.18),transparent 24%),radial-gradient(circle at 38% 45%,rgba(180,180,180,.13),transparent 28%),radial-gradient(circle at 62% 55%,rgba(255,138,0,.10),transparent 34%),radial-gradient(circle at 82% 50%,rgba(255,255,255,.08),transparent 32%)!important;filter:blur(20px)!important;opacity:0!important;z-index:3!important;animation:exhaustSmokeV19 5.65s cubic-bezier(.12,.76,.16,1) forwards!important}
@keyframes exhaustSmokeV19{0%{left:-820px;opacity:0;transform:scale(.45)}18%{opacity:.88}68%{left:calc(100% - 900px);opacity:.75;transform:scale(1.12)}100%{left:calc(100% - 60px);opacity:0;transform:scale(1.45)}}
.loader-smoke-layer{position:absolute!important;width:360px!important;height:220px!important;border-radius:50%!important;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 62%)!important;filter:blur(28px)!important;opacity:.22!important;z-index:1!important;animation:ambientSmokeV19 4s ease-in-out infinite!important}
.smoke-left{left:8%;top:28%}.smoke-mid{right:14%;top:20%;animation-delay:1s!important}
@keyframes ambientSmokeV19{0%,100%{transform:translateY(20px) scale(.85);opacity:.06}50%{transform:translateY(-12px) scale(1.15);opacity:.32}}
.loader-wheel-glow{position:absolute!important;width:146px!important;height:146px!important;border-radius:50%!important;background:radial-gradient(circle,rgba(255,198,76,.92),rgba(255,106,0,.34) 38%,transparent 68%)!important;filter:blur(10px)!important;opacity:0!important;z-index:5!important;animation:wheelGlowMoveV19 5.65s cubic-bezier(.12,.76,.16,1) forwards,wheelPulseV19 .32s linear infinite!important}
.loader-wheel-rear{left:-600px!important;top:257px!important}.loader-wheel-front{left:-145px!important;top:256px!important}
@keyframes wheelPulseV19{50%{filter:blur(14px);transform:scale(1.08)}}
@keyframes wheelGlowMoveV19{0%{opacity:0;transform:scale(.65)}10%{opacity:.85}68%{opacity:.95;transform:translateX(calc(100vw + 150px)) scale(1)}100%{opacity:0;transform:translateX(calc(100vw + 800px)) scale(.8)}}
.loader-wheel-ring{position:absolute!important;width:118px!important;height:118px!important;border-radius:50%!important;border:3px dashed rgba(255,176,54,.9)!important;box-shadow:0 0 20px rgba(255,138,0,.7)!important;opacity:0!important;z-index:9!important;animation:wheelRingMoveV19 5.65s cubic-bezier(.12,.76,.16,1) forwards,wheelSpinV19 .22s linear infinite!important}
.loader-ring-rear{left:-586px!important;top:272px!important}.loader-ring-front{left:-130px!important;top:270px!important}
@keyframes wheelSpinV19{to{rotate:360deg}}
@keyframes wheelRingMoveV19{0%{opacity:0}10%{opacity:.9}68%{opacity:.9;transform:translateX(calc(100vw + 150px))}100%{opacity:0;transform:translateX(calc(100vw + 800px))}}
@media(max-width:900px){.loader-stage-v19{height:330px!important;width:100vw!important}.loader-bike-v19{width:560px!important;top:82px!important;left:-590px!important}@keyframes bikeRideV19{0%{left:-600px;transform:translateY(8px) scale(.78)}68%{left:calc(100% - 430px);transform:translateY(-2px) scale(.9)}100%{left:calc(100% + 160px);transform:translateY(0) scale(.94)}}.loader-fire-road{bottom:70px!important}.loader-flame-burst{top:222px!important;width:480px!important}.loader-exhaust-smoke{top:130px!important;width:540px!important}.loader-wheel-glow{width:104px!important;height:104px!important}.loader-wheel-rear{top:230px!important;left:-460px!important}.loader-wheel-front{top:228px!important;left:-118px!important}.loader-wheel-ring{width:82px!important;height:82px!important}.loader-ring-rear{top:242px!important;left:-448px!important}.loader-ring-front{top:240px!important;left:-106px!important}.loader-text{font-size:clamp(26px,8vw,44px)!important}}


/* V20 — hide Robo PG chatbot during loading screen */
body.loading-active .robo-chat-widget{
  display:none!important;
  opacity:0!important;
  pointer-events:none!important;
}

.motopg-loader ~ .robo-chat-widget{
  display:none!important;
}

body.loader-done .robo-chat-widget{
  display:block!important;
  opacity:1!important;
  pointer-events:auto!important;
}


/* V21 FINAL — absolute mobile cleanup */
@media(max-width:900px){
  html,body{overflow-x:hidden!important;width:100%!important;max-width:100%!important}
  /* remove every duplicated top showcase before/around nav */
  .masthead,.brand-showcase,.top-showcase,.mobile-brand-showcase,.site-header-visual,.logo-title-block,.top-brand,.top-title,.hero-before,.intro-logo,.site-logo-large{
    display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;visibility:hidden!important;
  }
  body > section:first-of-type:not(.hero),
  body > div:first-of-type:not(.motopg-loader):not(.nav):not(.robo-chat-widget){
    display:none!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;
  }
  .nav{
    display:flex!important;
    order:0!important;
    margin-top:12px!important;
    margin-bottom:22px!important;
    position:relative!important;
    z-index:9999!important;
  }
  .hero{padding-top:0!important;margin-top:0!important}
}

/* V21 loader motor must be visible and above effects */
.loader-stage-v19{overflow:visible!important}
.loader-bike-v19{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:20!important;
  mix-blend-mode:normal!important;
}
.loader-wheel-ring,.loader-wheel-glow,.loader-flame-burst,.loader-exhaust-smoke{pointer-events:none!important}

/* hide chat during loader, show after */
body.loading-active .robo-chat-widget{display:none!important;opacity:0!important;pointer-events:none!important}
body.loader-done .robo-chat-widget{display:block!important;opacity:1!important;pointer-events:auto!important}

/* V22 FORCE LOADER FIX */
.force-loader{
  display:flex!important;position:fixed!important;inset:0!important;z-index:2147483647!important;
  background:radial-gradient(circle at 50% 68%,rgba(255,138,0,.25),transparent 30%),linear-gradient(180deg,#020202,#080604 55%,#020202)!important;
  align-items:center!important;justify-content:center!important;flex-direction:column!important;overflow:hidden!important;
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;animation:v22LoaderOut 6.25s ease forwards!important
}
@keyframes v22LoaderOut{0%,88%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden;pointer-events:none}}
.loader-stage-v22{position:relative;width:100vw;max-width:1100px;height:430px;overflow:visible}
.loader-bike-v22{position:absolute;left:-760px;top:75px;width:min(760px,92vw);z-index:10;display:block!important;opacity:1!important;visibility:visible!important;animation:v22Bike 5.8s cubic-bezier(.12,.76,.16,1) forwards,v22Shake .1s linear infinite;filter:drop-shadow(0 0 28px rgba(255,138,0,.48))}
@keyframes v22Bike{0%{left:-780px;transform:scale(.82) translateY(8px)}65%{left:calc(100% - 620px);transform:scale(1) translateY(-2px)}100%{left:calc(100% + 220px);transform:scale(1.03) translateY(0)}}
@keyframes v22Shake{50%{margin-top:1.5px}}
.loader-fire-line{position:absolute;left:0;right:0;bottom:105px;height:4px;background:linear-gradient(90deg,transparent,#ff4b00,#ffbd55,#fff0aa,#ff4b00,transparent);box-shadow:0 0 34px rgba(255,138,0,.9);animation:v22Pulse .45s infinite alternate}
@keyframes v22Pulse{to{opacity:.45;filter:blur(2px)}}
.loader-flame-v22{position:absolute;left:-760px;top:250px;width:680px;height:75px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,30,0,.25),#ff4b00,#ffbd55,#fff0aa,transparent);filter:blur(13px);z-index:4;animation:v22Flame 5.8s cubic-bezier(.12,.76,.16,1) forwards}
@keyframes v22Flame{0%{left:-760px;opacity:0;transform:scaleX(.2)}12%{opacity:1}65%{left:calc(100% - 830px);opacity:1;transform:scaleX(1.45)}100%{left:calc(100% + 80px);opacity:0;transform:scaleX(.25)}}
.loader-smoke-v22{position:absolute;left:-790px;top:145px;width:720px;height:190px;border-radius:50%;background:radial-gradient(circle at 18% 62%,rgba(255,255,255,.18),transparent 24%),radial-gradient(circle at 45% 50%,rgba(255,138,0,.11),transparent 36%);filter:blur(22px);z-index:3;animation:v22Smoke 5.8s cubic-bezier(.12,.76,.16,1) forwards}
@keyframes v22Smoke{0%{left:-820px;opacity:0;transform:scale(.45)}18%{opacity:.85}65%{left:calc(100% - 900px);opacity:.75;transform:scale(1.12)}100%{left:calc(100% - 60px);opacity:0;transform:scale(1.45)}}
.loader-wheel-v22{position:absolute;width:120px;height:120px;border-radius:50%;border:4px dashed rgba(255,176,54,.95);box-shadow:0 0 22px #ff8a00, inset 0 0 24px rgba(255,138,0,.45);z-index:11;opacity:0;animation:v22WheelMove 5.8s cubic-bezier(.12,.76,.16,1) forwards,v22WheelSpin .18s linear infinite}
.loader-wheel-v22.rear{left:-590px;top:276px}.loader-wheel-v22.front{left:-132px;top:274px}
@keyframes v22WheelSpin{to{rotate:360deg}}
@keyframes v22WheelMove{0%{opacity:0}12%{opacity:.9}65%{opacity:.95;transform:translateX(calc(100vw + 150px))}100%{opacity:0;transform:translateX(calc(100vw + 850px))}}
body.loading-active .robo-chat-widget,.force-loader ~ .robo-chat-widget{display:none!important}
@media(max-width:900px){
 .loader-stage-v22{height:330px}
 .loader-bike-v22{width:560px;top:82px}
 @keyframes v22Bike{0%{left:-600px;transform:scale(.78) translateY(8px)}65%{left:calc(100% - 430px);transform:scale(.9) translateY(-2px)}100%{left:calc(100% + 160px);transform:scale(.94) translateY(0)}}
 .loader-fire-line{bottom:70px}.loader-flame-v22{top:222px;width:480px}.loader-smoke-v22{top:130px;width:540px}
 .loader-wheel-v22{width:82px;height:82px}.loader-wheel-v22.rear{top:242px;left:-448px}.loader-wheel-v22.front{top:240px;left:-106px}
}


/* V23 clean loader: transparent motor only + smoke, light, flame */
.force-loader{
  display:flex!important;position:fixed!important;inset:0!important;z-index:2147483647!important;
  background:radial-gradient(circle at 50% 68%,rgba(255,138,0,.22),transparent 30%),linear-gradient(180deg,#020202,#080604 55%,#020202)!important;
  align-items:center!important;justify-content:center!important;flex-direction:column!important;overflow:hidden!important;
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;animation:v23LoaderOut 6.15s ease forwards!important;
}
@keyframes v23LoaderOut{0%,88%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden;pointer-events:none}}
.loader-stage-v23{position:relative;width:100vw;max-width:1120px;height:410px;overflow:hidden}
.loader-bike-v23{
  position:absolute;left:-760px;top:78px;width:min(760px,92vw);height:auto;z-index:10;
  display:block!important;opacity:1!important;visibility:visible!important;object-fit:contain!important;
  filter:drop-shadow(0 0 26px rgba(255,138,0,.38)) drop-shadow(0 22px 35px rgba(0,0,0,.72));
  animation:v23BikeRide 5.75s cubic-bezier(.12,.76,.16,1) forwards, v23BikeShake .13s linear infinite;
}
@keyframes v23BikeRide{0%{left:-780px;transform:translateY(8px) scale(.86)}65%{left:calc(100% - 630px);transform:translateY(-2px) scale(1)}100%{left:calc(100% + 220px);transform:translateY(0) scale(1.02)}}
@keyframes v23BikeShake{50%{margin-top:1px}}
.loader-light-line-v23{
  position:absolute;left:0;right:0;bottom:106px;height:3px;z-index:2;
  background:linear-gradient(90deg,transparent,rgba(255,138,0,.35),#ffbd55,#fff3c4,#ff8a00,transparent);
  box-shadow:0 0 26px rgba(255,138,0,.75),0 0 65px rgba(255,138,0,.22);
  animation:v23LightPulse .7s ease-in-out infinite alternate;
}
@keyframes v23LightPulse{to{opacity:.55;filter:blur(1.5px)}}
.loader-smoke-trail-v23{
  position:absolute;left:-790px;top:150px;width:700px;height:180px;border-radius:50%;z-index:3;
  background:radial-gradient(circle at 18% 62%,rgba(255,255,255,.18),transparent 24%),radial-gradient(circle at 40% 50%,rgba(190,190,190,.13),transparent 32%),radial-gradient(circle at 70% 55%,rgba(255,138,0,.08),transparent 34%);
  filter:blur(22px);opacity:0;animation:v23Smoke 5.75s cubic-bezier(.12,.76,.16,1) forwards;
}
@keyframes v23Smoke{0%{left:-820px;opacity:0;transform:scale(.45)}18%{opacity:.82}65%{left:calc(100% - 900px);opacity:.72;transform:scale(1.1)}100%{left:calc(100% - 60px);opacity:0;transform:scale(1.45)}}
.loader-fire-trail-v23{
  position:absolute;left:-760px;top:252px;width:650px;height:70px;border-radius:999px;z-index:4;
  background:linear-gradient(90deg,transparent,rgba(255,50,0,.18),rgba(255,95,0,.68),#ffbd55,rgba(255,240,170,.9),transparent);
  filter:blur(12px);opacity:0;animation:v23Flame 5.75s cubic-bezier(.12,.76,.16,1) forwards;
}
@keyframes v23Flame{0%{left:-760px;opacity:0;transform:scaleX(.2)}12%{opacity:1}65%{left:calc(100% - 820px);opacity:1;transform:scaleX(1.38)}100%{left:calc(100% + 80px);opacity:0;transform:scaleX(.25)}}
body.loading-active .robo-chat-widget,.force-loader ~ .robo-chat-widget{display:none!important}
@media(max-width:900px){
  .loader-stage-v23{height:320px}
  .loader-bike-v23{width:560px;top:86px}
  @keyframes v23BikeRide{0%{left:-600px;transform:translateY(8px) scale(.78)}65%{left:calc(100% - 430px);transform:translateY(-2px) scale(.9)}100%{left:calc(100% + 160px);transform:translateY(0) scale(.94)}}
  .loader-light-line-v23{bottom:70px}
  .loader-smoke-trail-v23{top:138px;width:520px}
  .loader-fire-trail-v23{top:225px;width:460px}
  .loader-text{font-size:clamp(26px,8vw,44px)!important}
}

/* V24 cinematic layered loader */
.force-loader{display:flex!important;position:fixed!important;inset:0!important;z-index:2147483647!important;background:radial-gradient(circle at 50% 62%,rgba(255,138,0,.30),transparent 34%),linear-gradient(180deg,#020202,#070503 58%,#000)!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;overflow:hidden!important;animation:v24LoaderOut 6.2s ease forwards!important}
@keyframes v24LoaderOut{0%,88%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden;pointer-events:none}}
.loader-stage-v24{position:relative;width:100vw;max-width:1120px;height:420px;overflow:hidden}
.loader-bike-v24{position:absolute;left:-780px;top:78px;width:min(760px,92vw);z-index:15;filter:drop-shadow(0 0 30px rgba(255,138,0,.55)) drop-shadow(0 24px 40px rgba(0,0,0,.8));animation:v24Ride 5.8s cubic-bezier(.12,.76,.16,1) forwards,v24MotorLife .18s linear infinite}
@keyframes v24Ride{0%{left:-790px;transform:translateY(8px) rotate(-.4deg) scale(.86)}64%{left:calc(100% - 635px);transform:translateY(-3px) rotate(.15deg) scale(1)}100%{left:calc(100% + 220px);transform:translateY(0) rotate(.25deg) scale(1.02)}}
@keyframes v24MotorLife{50%{margin-top:1.5px;filter:drop-shadow(0 0 38px rgba(255,138,0,.70)) drop-shadow(0 24px 40px rgba(0,0,0,.8))}}
.loader-wheel-v24{position:absolute;width:128px;height:128px;z-index:18;opacity:0;mix-blend-mode:screen;animation:v24WheelMove 5.8s cubic-bezier(.12,.76,.16,1) forwards,v24WheelSpin .16s linear infinite}
.wheel-rear-v24{left:-598px;top:272px}.wheel-front-v24{left:-132px;top:270px}
@keyframes v24WheelSpin{to{transform:rotate(360deg)}}
@keyframes v24WheelMove{0%{opacity:0}10%{opacity:.95}64%{opacity:.95;translate:calc(100vw + 150px) 0}100%{opacity:0;translate:calc(100vw + 850px) 0}}
.loader-layer{position:absolute;pointer-events:none}
.loader-smoke-v24{left:-860px;top:135px;width:760px;z-index:5;opacity:0;animation:v24Trail 5.8s cubic-bezier(.12,.76,.16,1) forwards}
.loader-flame-v24{left:-790px;top:240px;width:720px;z-index:6;opacity:0;mix-blend-mode:screen;animation:v24Trail 5.8s cubic-bezier(.12,.76,.16,1) forwards,v24FlamePulse .45s infinite alternate}
.loader-sparks-v24{left:-790px;top:210px;width:720px;z-index:7;opacity:0;mix-blend-mode:screen;animation:v24Trail 5.8s cubic-bezier(.12,.76,.16,1) forwards,v24SparkPulse .26s infinite alternate}
@keyframes v24Trail{0%{left:-860px;opacity:0;transform:scale(.5)}14%{opacity:1}64%{left:calc(100% - 900px);opacity:1;transform:scale(1.05)}100%{left:calc(100% - 40px);opacity:0;transform:scale(1.38)}}
@keyframes v24FlamePulse{to{filter:brightness(1.5) blur(1px)}}
@keyframes v24SparkPulse{to{opacity:.45;filter:brightness(1.9)}}
.loader-light-line-v24{position:absolute;left:0;right:0;bottom:108px;height:4px;z-index:2;background:linear-gradient(90deg,transparent,#ff5b00,#ffbd55,#fff4bc,#ff8a00,transparent);box-shadow:0 0 32px rgba(255,138,0,.9),0 0 85px rgba(255,85,0,.35);animation:v24Line .55s infinite alternate}
@keyframes v24Line{to{opacity:.55;filter:blur(2px)}}
.loader-shine-v24{position:absolute;left:-350px;top:70px;width:210px;height:230px;z-index:20;background:linear-gradient(105deg,transparent,rgba(255,255,255,.28),transparent);filter:blur(10px);animation:v24Shine 5.8s ease forwards}
@keyframes v24Shine{0%{left:-350px;opacity:0}25%{opacity:.8}62%{left:calc(100% - 250px);opacity:.55}100%{left:100%;opacity:0}}
body.loading-active .robo-chat-widget,.force-loader ~ .robo-chat-widget{display:none!important}
@media(max-width:900px){.loader-stage-v24{height:330px}.loader-bike-v24{width:570px;top:88px}@keyframes v24Ride{0%{left:-610px;transform:translateY(8px) scale(.78)}64%{left:calc(100% - 445px);transform:translateY(-2px) scale(.9)}100%{left:calc(100% + 170px);transform:translateY(0) scale(.94)}}.loader-wheel-v24{width:86px;height:86px}.wheel-rear-v24{left:-452px;top:244px}.wheel-front-v24{left:-106px;top:242px}.loader-smoke-v24{top:138px;width:540px}.loader-flame-v24{top:226px;width:500px}.loader-sparks-v24{top:210px;width:500px}.loader-light-line-v24{bottom:70px}}


/* V25 wheel alignment fix: wheel effects are locked to the real wheel positions */
.loader-stage-v24{
  --bike-w: min(760px,92vw);
  --rear-x: calc(var(--bike-w) * 0.135);
  --front-x: calc(var(--bike-w) * 0.845);
  --wheel-y: calc(var(--bike-w) * 0.542);
  --wheel-size: calc(var(--bike-w) * 0.172);
}
.loader-wheel-v24{
  width:var(--wheel-size)!important;
  height:var(--wheel-size)!important;
  left:calc(-780px + var(--rear-x))!important;
  top:calc(78px + var(--wheel-y))!important;
  transform-origin:center center!important;
  z-index:19!important;
  opacity:0!important;
  mix-blend-mode:screen!important;
  animation:
    v25WheelMove 5.8s cubic-bezier(.12,.76,.16,1) forwards,
    v25WheelSpin .14s linear infinite!important;
}
.wheel-front-v24{
  left:calc(-780px + var(--front-x))!important;
}
.wheel-rear-v24{
  left:calc(-780px + var(--rear-x))!important;
}
@keyframes v25WheelSpin{
  to{rotate:360deg}
}
@keyframes v25WheelMove{
  0%{opacity:0;translate:0 0;scale:.78}
  10%{opacity:.82}
  64%{opacity:.9;translate:calc(100vw + 160px) -2px;scale:1}
  100%{opacity:0;translate:calc(100vw + 1010px) 0;scale:1.02}
}

/* keep smoke/flame behind bike, not over the wheel */
.loader-smoke-v24{z-index:4!important}
.loader-flame-v24{z-index:5!important}
.loader-sparks-v24{z-index:6!important}
.loader-bike-v24{z-index:15!important}

/* stronger realistic wheel glow, exactly on wheels */
.loader-wheel-v24::after{content:none!important}

@media(max-width:900px){
  .loader-stage-v24{
    --bike-w: 570px;
    --rear-x: calc(var(--bike-w) * 0.135);
    --front-x: calc(var(--bike-w) * 0.845);
    --wheel-y: calc(var(--bike-w) * 0.542);
    --wheel-size: calc(var(--bike-w) * 0.155);
  }
  .loader-wheel-v24{
    left:calc(-610px + var(--rear-x))!important;
    top:calc(88px + var(--wheel-y))!important;
  }
  .wheel-front-v24{
    left:calc(-610px + var(--front-x))!important;
  }
  .wheel-rear-v24{
    left:calc(-610px + var(--rear-x))!important;
  }
  @keyframes v25WheelMove{
    0%{opacity:0;translate:0 0;scale:.78}
    10%{opacity:.82}
    64%{opacity:.9;translate:calc(100vw + 165px) -2px;scale:.9}
    100%{opacity:0;translate:calc(100vw + 780px) 0;scale:.94}
  }
}

/* V26 video loader */
.video-loader{position:fixed!important;inset:0!important;z-index:2147483647!important;background:#000!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;animation:v26LoaderOut 6.2s ease forwards!important}
.motopg-loader-video{width:100vw!important;height:100vh!important;object-fit:cover!important;display:block!important}
@keyframes v26LoaderOut{0%,88%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden;pointer-events:none}}
body.loading-active .robo-chat-widget,.video-loader ~ .robo-chat-widget{display:none!important}

/* V27 mobile video loader autoplay fix */
.video-loader{
  position:fixed!important;inset:0!important;z-index:2147483647!important;background:#000!important;
  display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;
  opacity:1!important;visibility:visible!important;pointer-events:none!important;
  animation:v27LoaderOut 6.25s ease forwards!important;
}
.motopg-loader-video{
  width:100vw!important;height:100svh!important;max-width:none!important;max-height:none!important;
  object-fit:contain!important;display:block!important;background:#000!important;
  pointer-events:none!important;
}
.motopg-loader-video::-webkit-media-controls,
.motopg-loader-video::-webkit-media-controls-start-playback-button,
.motopg-loader-video::-webkit-media-controls-panel,
.motopg-loader-video::-webkit-media-controls-play-button{
  display:none!important;
  -webkit-appearance:none!important;
  opacity:0!important;
}
@keyframes v27LoaderOut{0%,88%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden;pointer-events:none}}
body.loading-active .robo-chat-widget,.video-loader ~ .robo-chat-widget{display:none!important}
@media(max-width:900px){
  .motopg-loader-video{object-fit:contain!important;width:100vw!important;height:100svh!important}
}

/* V28 force video autoplay look, no visible play button */
.video-loader{
  position:fixed!important;inset:0!important;z-index:2147483647!important;background:#000!important;
  display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  animation:v28LoaderOut 6.25s ease forwards!important;
}
.motopg-loader-video{
  width:100vw!important;height:100svh!important;object-fit:contain!important;background:#000!important;
  display:block!important;pointer-events:none!important;
}
.loader-click-shield{
  position:absolute!important;inset:0!important;z-index:5!important;background:transparent!important;
  pointer-events:auto!important;
}
.motopg-loader-video::-webkit-media-controls,
.motopg-loader-video::-webkit-media-controls-enclosure,
.motopg-loader-video::-webkit-media-controls-panel,
.motopg-loader-video::-webkit-media-controls-play-button,
.motopg-loader-video::-webkit-media-controls-start-playback-button,
video::-webkit-media-controls-start-playback-button{
  display:none!important;
  -webkit-appearance:none!important;
  opacity:0!important;
}
@keyframes v28LoaderOut{0%,88%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden;pointer-events:none}}
body.loading-active .robo-chat-widget,.video-loader ~ .robo-chat-widget{display:none!important}

/* V29 GIF loader: looks like animation, no video element, no play button possible */
.gif-loader{
  position:fixed!important;
  inset:0!important;
  z-index:2147483647!important;
  background:#000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
  animation:v29LoaderOut 6.25s ease forwards!important;
}
.motopg-loader-gif{
  width:100vw!important;
  height:100svh!important;
  object-fit:contain!important;
  display:block!important;
  background:#000!important;
}
@keyframes v29LoaderOut{
  0%,88%{opacity:1;visibility:visible}
  100%{opacity:0;visibility:hidden;pointer-events:none}
}
body.loading-active .robo-chat-widget,
.gif-loader ~ .robo-chat-widget{
  display:none!important;
}