.moto-thumb-row{margin-top:2px !important;}
.moto-thumb img{object-fit:cover !important;object-position:center center !important;}
.moto-modal-media{background:#0c0e12 !important;}
.moto-modal-media img{object-fit:contain !important;object-position:center center !important;padding:14px !important;}
.moto-gallery-content{padding-top:16px !important;}
@media (max-width:1280px){.moto-slides{min-height:520px !important;}}
@media (max-width:980px){.moto-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}.moto-slides{aspect-ratio:3/4 !important;min-height:500px !important;}}
@media (max-width:680px){.moto-gallery-grid{grid-template-columns:1fr !important;}.moto-slides{aspect-ratio:3/4 !important;min-height:480px !important;}.moto-stage{padding:12px !important;}}


/* v11: reduce preview image size so the whole bike fits inside the card */
.moto-slides{aspect-ratio:3/4 !important;min-height:520px !important;background:#0d1014 !important;}
.moto-slide{display:grid !important;place-items:center !important;overflow:hidden !important;}
.moto-slide img{
  width:auto !important;
  height:auto !important;
  max-width:88% !important;
  max-height:88% !important;
  object-fit:contain !important;
  object-position:center center !important;
  padding:0 !important;
  margin:auto !important;
  display:block !important;
}
.moto-slide-backdrop{
  background-size:cover !important;
  background-position:center center !important;
  filter:blur(22px) brightness(.38) !important;
  transform:scale(1.14) !important;
}
.moto-thumb img{object-fit:cover !important;object-position:center center !important;}
/* keep expanded modal large */
.moto-modal-media img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  padding:14px !important;
}
@media (max-width:1280px){.moto-slides{min-height:500px !important;}.moto-slide img{max-width:86% !important;max-height:86% !important;}}
@media (max-width:980px){.moto-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}.moto-slides{min-height:470px !important;}.moto-slide img{max-width:88% !important;max-height:88% !important;}}
@media (max-width:680px){.moto-gallery-grid{grid-template-columns:1fr !important;}.moto-slides{min-height:440px !important;}.moto-slide img{max-width:90% !important;max-height:90% !important;}}


/* v12: shrink preview further so the full bike fits inside the frame */
.moto-slides{aspect-ratio:3/4 !important;min-height:500px !important;display:block !important;}
.moto-slide{display:flex !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;position:absolute !important;inset:0 !important;}
.moto-slide img{
  width:auto !important;
  height:auto !important;
  max-width:76% !important;
  max-height:76% !important;
  object-fit:contain !important;
  object-position:center center !important;
  padding:0 !important;
  margin:auto !important;
  display:block !important;
  z-index:2 !important;
}
.moto-slide-backdrop{
  position:absolute !important;
  inset:0 !important;
  background-size:cover !important;
  background-position:center center !important;
  filter:blur(24px) brightness(.34) !important;
  transform:scale(1.16) !important;
}
.moto-thumb img{object-fit:cover !important;object-position:center center !important;}
.moto-modal-media img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
}
@media (max-width:1280px){.moto-slide img{max-width:72% !important;max-height:72% !important;}.moto-slides{min-height:470px !important;}}
@media (max-width:980px){.moto-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}.moto-slide img{max-width:78% !important;max-height:78% !important;}.moto-slides{min-height:450px !important;}}
@media (max-width:680px){.moto-gallery-grid{grid-template-columns:1fr !important;}.moto-slide img{max-width:82% !important;max-height:82% !important;}.moto-slides{min-height:420px !important;}}


/* v13: fill the main photo card while keeping the whole photo visible */
.moto-slides{
  aspect-ratio: 3 / 4 !important;
  min-height: 500px !important;
  background: #0c0e12 !important;
  overflow: hidden !important;
}
.moto-slide{
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}
.moto-slide-backdrop{
  position: absolute !important;
  inset: 0 !important;
  background-size: cover !important;
  background-position: center center !important;
  filter: blur(24px) brightness(.32) !important;
  transform: scale(1.18) !important;
}
.moto-slide img{
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  padding: 8px !important;
  margin: 0 !important;
  display: block !important;
  background: transparent !important;
}
.moto-thumb img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}
.moto-modal-media img{
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  padding: 14px !important;
}
@media (max-width: 1280px){
  .moto-slides{ min-height: 480px !important; }
}
@media (max-width: 980px){
  .moto-gallery-grid{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  .moto-slides{ min-height: 450px !important; }
}
@media (max-width: 680px){
  .moto-gallery-grid{ grid-template-columns: 1fr !important; }
  .moto-slides{ min-height: 420px !important; }
  .moto-slide img{ padding: 6px !important; }
}


/* v14: reduce preview zoom slightly while keeping the frame filled */
.moto-slides{
  overflow:hidden !important;
}
.moto-slide img{
  width:auto !important;
  height:auto !important;
  max-width:84% !important;
  max-height:84% !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:auto !important;
  padding:0 !important;
  display:block !important;
}
.moto-slide-backdrop{
  background-size:cover !important;
  background-position:center center !important;
}
@media (max-width:1280px){
  .moto-slide img{max-width:82% !important; max-height:82% !important;}
}
@media (max-width:980px){
  .moto-slide img{max-width:86% !important; max-height:86% !important;}
}
@media (max-width:680px){
  .moto-slide img{max-width:88% !important; max-height:88% !important;}
}


/* v15: final main-photo fix — full frame, full photo visible, no internal zoom/crop */
.moto-stage{padding:12px 12px 14px !important;}
.moto-slides{
  position:relative !important;
  aspect-ratio:3 / 4 !important;
  min-height:540px !important;
  width:100% !important;
  background:#0c0e12 !important;
  overflow:hidden !important;
  border-radius:20px !important;
}
.moto-slide{
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
.moto-slide-backdrop{
  position:absolute !important;
  inset:0 !important;
  background-size:cover !important;
  background-position:center center !important;
  filter:blur(24px) brightness(.34) !important;
  transform:scale(1.16) !important;
}
.moto-slide img{
  position:relative !important;
  z-index:2 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  min-width:0 !important;
  min-height:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  padding:0 !important;
  margin:0 !important;
  box-sizing:border-box !important;
  background:transparent !important;
}
.moto-thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}
.moto-modal-media img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  padding:14px !important;
}
@media (max-width:1280px){
  .moto-slides{min-height:520px !important;}
}
@media (max-width:980px){
  .moto-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .moto-slides{min-height:500px !important;}
}
@media (max-width:680px){
  .moto-gallery-grid{grid-template-columns:1fr !important;}
  .moto-slides{min-height:460px !important;}
}


/* official Junior Motos logo */
.brand img{width:54px !important;height:54px !important;border-radius:50% !important;object-fit:cover !important;border:1px solid rgba(212,173,82,.45) !important;box-shadow:0 0 0 3px rgba(212,173,82,.08) !important;}
.brand strong{letter-spacing:.075em !important;}
.brand small{color:#c7a353 !important;letter-spacing:.18em !important;}
.logo-badge{width:74px !important;height:74px !important;padding:0 !important;border-radius:50% !important;overflow:hidden !important;background:#000 !important;border:1px solid rgba(225,190,105,.65) !important;box-shadow:0 10px 30px rgba(0,0,0,.35) !important;}
.logo-badge img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;}
@media(max-width:680px){.brand img{width:48px !important;height:48px !important;}.logo-badge{width:64px !important;height:64px !important;}}



/* v17: official logo palette + XRE hero */
:root{--bg:#070707 !important;--surface:#101011 !important;--surface-2:#17171a !important;--text:#f7f1e3 !important;--muted:#c2b49a !important;--line:rgba(214,176,101,.18) !important;--accent:#d6b065 !important;--accent-2:#b9903d !important;--hero:#050505 !important;--hero-text:#fff7ea !important;--shadow:0 18px 50px rgba(0,0,0,.38) !important}
html[data-theme="dark"]{--bg:#070707 !important;--surface:#101011 !important;--surface-2:#17171a !important;--text:#f7f1e3 !important;--muted:#c2b49a !important;--line:rgba(214,176,101,.18) !important;--accent:#d6b065 !important;--accent-2:#b9903d !important;--hero:#050505 !important;--hero-text:#fff7ea !important}
body{background:radial-gradient(circle at top left,rgba(214,176,101,.08),transparent 22%),radial-gradient(circle at top right,rgba(214,176,101,.06),transparent 18%),var(--bg) !important;color:var(--text) !important}
.topbar{background:color-mix(in srgb,#090909 88%,transparent) !important;border-bottom:1px solid rgba(214,176,101,.14) !important}
.brand strong,.section-heading h2,.hero-copy h1 em,.eyebrow,.brand-name{color:var(--accent) !important}
.btn-primary{background:linear-gradient(135deg,#d6b065,#b9903d) !important;color:#111 !important;box-shadow:0 12px 26px rgba(214,176,101,.22) !important}
.btn-primary:hover{background:linear-gradient(135deg,#e2bf79,#c59c46) !important}
.btn-ghost{border-color:rgba(214,176,101,.35) !important;background:rgba(214,176,101,.08) !important;color:#f7f1e3 !important}
.hero-bg{background:radial-gradient(circle at 78% 42%,rgba(214,176,101,.17),transparent 28%),radial-gradient(circle at 15% 12%,rgba(255,255,255,.04),transparent 22%),linear-gradient(120deg,#040404,#101011 58%,#060606) !important}
.hero-photo-wrap{border:1px solid rgba(214,176,101,.22) !important;box-shadow:0 40px 90px rgba(0,0,0,.55),0 0 0 1px rgba(214,176,101,.08) inset !important;background:#0e0d0b !important}
.hero-photo{object-fit:cover !important;object-position:center center !important}
.hero-photo-wrap:after{background:linear-gradient(to top,rgba(0,0,0,.76),transparent 48%) !important}
.photo-badge{background:linear-gradient(135deg,#d6b065,#b9903d) !important;color:#111 !important;box-shadow:0 10px 22px rgba(214,176,101,.28) !important}
.hero-caption span{color:#e0cfac !important}
.hero-caption strong{color:#fff7ea !important}
.floating-card{background:rgba(14,12,10,.92) !important;border:1px solid rgba(214,176,101,.16) !important;box-shadow:0 18px 40px rgba(0,0,0,.35),0 0 0 1px rgba(214,176,101,.04) inset !important}
.floating-card>span{background:rgba(214,176,101,.14) !important;color:#e3bf72 !important}
.floating-card b{color:#f7f1e3 !important}.floating-card small{color:#b9aa8c !important}
.signature-strip,.signature-track span{color:#d4b06d !important}
.signature-strip{border-top:1px solid rgba(214,176,101,.12) !important;border-bottom:1px solid rgba(214,176,101,.12) !important;background:linear-gradient(90deg,rgba(214,176,101,.06),rgba(214,176,101,.02),rgba(214,176,101,.06)) !important}
.bike-card,.moto-gallery-card,.moto-modal-dialog,.faq-item,.contact-card,.finance-panel,.feature-card{border-color:rgba(214,176,101,.16) !important;box-shadow:0 18px 50px rgba(0,0,0,.25) !important}
.stage-pill,.chip.active,.tag{background:linear-gradient(135deg,#d6b065,#b9903d) !important;color:#111 !important;border-color:transparent !important}
.chip,.filter-row select{border-color:rgba(214,176,101,.18) !important;color:#e3d4b6 !important;background:#111114 !important}
.stage-open{background:linear-gradient(135deg,#d6b065,#b9903d) !important;color:#111 !important}
.stage-nav,.icon-btn{border-color:rgba(214,176,101,.18) !important;background:#161618 !important;color:#f1dfb6 !important}
.stage-progress span{background:linear-gradient(90deg,#d6b065,#f0d087) !important}
.footer,.contact-section{background:linear-gradient(180deg,#0a0a0b,#080808) !important}

/* v18: organize bike descriptions and fix XRE badge text */
.moto-gallery-card{display:flex !important;flex-direction:column !important;}
.moto-gallery-content.bike-content{display:flex !important;flex-direction:column !important;gap:14px !important;flex:1 1 auto !important;padding:24px 26px 26px !important;}
.moto-gallery-content h3{margin:0 !important;font-size:22px !important;line-height:1.02 !important;}
.moto-note{
  margin:0 !important;
  color:var(--muted) !important;
  font-size:13px !important;
  line-height:1.6 !important;
  min-height:78px !important;
}
.moto-gallery-card .bike-bottom{
  margin-top:auto !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:18px !important;
  flex-wrap:nowrap !important;
}
.moto-gallery-card .bike-bottom > div{display:grid !important;gap:4px !important;flex:1 1 auto !important;min-width:0 !important;}
.moto-gallery-card .bike-bottom strong{font-size:18px !important;line-height:1 !important;}
.moto-gallery-card .bike-bottom a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  white-space:nowrap !important;
  text-align:right !important;
  flex:0 0 auto !important;
  margin-left:auto !important;
  align-self:flex-end !important;
}
.photo-badge{
  left:auto !important;
  right:18px !important;
  top:18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:156px !important;
  max-width:calc(100% - 36px) !important;
  padding:12px 18px !important;
  border-radius:999px !important;
  font-size:12px !important;
  line-height:1 !important;
  letter-spacing:.08em !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-align:center !important;
}
@media (max-width: 900px){
  .moto-note{min-height:auto !important;}
  .moto-gallery-card .bike-bottom{flex-wrap:wrap !important;}
  .moto-gallery-card .bike-bottom a{width:100% !important;justify-content:flex-start !important;text-align:left !important;margin-left:0 !important;}
  .photo-badge{min-width:132px !important;padding:10px 14px !important;font-size:11px !important;}
}




/* Enquadramento v7: prioriza a moto no centro visual do quadro */
#estoque .moto-slides{
  aspect-ratio:5/4!important;
  background:#0b0d11!important;
}
#estoque .moto-slide{
  overflow:hidden!important;
  background:#0b0d11!important;
}
#estoque .moto-slide-backdrop{
  background-position:center 62%!important;
  filter:blur(24px) brightness(.40) saturate(.88)!important;
  opacity:.52!important;
  transform:scale(1.10)!important;
}
#estoque .moto-slide img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 62%!important;
  padding:0!important;
  transform:scale(1.002)!important;
  image-rendering:auto!important;
}