/* V35: only the mobile main hero; desktop and module ordering untouched. */
@media (max-width: 767px) {
  .hgo-device-mobile .hgo-hero.hgo-hero-v3 .hgo-hero-main {
    position: relative !important; display: flex !important; flex-direction: column !important;
    width: 100% !important; min-width: 0 !important; height: auto !important;
    overflow: hidden !important; border-radius: 14px !important;
    background: #fff !important;
  }
  .hgo-device-mobile .hgo-hero.hgo-hero-v3 .hgo-hero-stage {
    display: block !important; position: relative !important; width: 100% !important;
    height: auto !important; aspect-ratio: 4 / 3 !important; min-height: 0 !important;
    max-height: none !important; overflow: hidden !important; flex: none !important;
    background: #142132 !important;
  }
  .hgo-device-mobile .hgo-hero.hgo-hero-v3 .hgo-hero-stage .hgo-hero-slide:not([hidden]) {
    display: block !important; position: absolute !important; inset: 0 !important;
    width: 100% !important; height: 100% !important;
  }
  .hgo-device-mobile .hgo-hero.hgo-hero-v3 .hgo-hero-stage .hgo-hero-slide[hidden] { display: none !important; }
  .hgo-device-mobile .hgo-hero.hgo-hero-v3 .hgo-hero-stage img,
  .hgo-device-mobile .hgo-hero.hgo-hero-v3 .hgo-hero-stage picture,
  .hgo-device-mobile .hgo-hero.hgo-hero-v3 .hgo-hero-stage picture img {
    display: block !important; width: 100% !important; height: 100% !important;
    object-fit: cover !important; object-position: center !important;
  }
  .hgo-device-mobile .hgo-hero.hgo-hero-v3 .hgo-hero-title-frame {
    display: block !important; position: absolute !important; left: 0 !important;
    right: 0 !important; bottom: 46px !important; top: auto !important;
    width: 100% !important; height: auto !important; min-height: 0 !important;
    max-height: none !important; padding: 48px 15px 14px !important;
    margin: 0 !important; flex: none !important; z-index: 5 !important;
    background: linear-gradient(0deg,rgba(3,12,26,.94) 0%,rgba(3,12,26,.74) 55%,transparent 100%) !important;
    color: #fff !important; overflow: hidden !important; pointer-events: none !important;
  }
  .hgo-device-mobile .hgo-hero.hgo-hero-v3 .hgo-hero-title-frame .hgo-hero-title:not([hidden]) {
    display: flex !important; flex-direction: column !important; align-items: flex-start !important;
    gap: 7px !important; height: auto !important; min-height: 0 !important;
    max-height: none !important; margin: 0 !important; padding: 0 !important;
    background: transparent !important; color: #fff !important;
  }
  .hgo-device-mobile .hgo-hero.hgo-hero-v3 .hgo-hero-title-frame .hgo-hero-title[hidden] {display: none !important;}
  .hgo-device-mobile .hgo-hero.hgo-hero-v3 .hgo-hero-title-frame .hgo-hero-kicker {
    display: inline-block !important; width: auto !important; background: #d40828 !important;
    color: #fff !important; border-radius: 4px !important; padding: 5px 8px !important;
    font: 700 10px/1.2 system-ui,sans-serif !important; text-transform: uppercase !important;
  }
  .hgo-device-mobile .hgo-hero.hgo-hero-v3 .hgo-hero-title-frame .hgo-hero-title a {
    display: -webkit-box !important; -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important; overflow: hidden !important;
    color: #fff !important; text-decoration: none !important;
    font: 800 clamp(17px,5vw,25px)/1.18 system-ui,sans-serif !important;
    text-shadow: 0 2px 5px rgba(0,0,0,.75) !important;
    max-width: 100% !important; pointer-events: auto !important;
  }
  .hgo-device-mobile .hgo-hero.hgo-hero-v3 .hgo-hero-controls {
    display: flex !important; position: relative !important; inset: auto !important;
    width: 100% !important; height: 46px !important; min-height: 46px !important;
    padding: 4px 8px !important; margin: 0 !important; z-index: 6 !important;
    background: #fff !important; align-items: center !important;
    overflow-x: auto !important; overflow-y: hidden !important;
  }
  .hgo-device-mobile .hgo-hero.hgo-hero-v3 .hgo-hero-dots {
    display: flex !important; flex: 1 0 auto !important; justify-content: space-around !important;
    align-items: center !important; gap: 2px !important;
  }
  .hgo-device-mobile .hgo-hero.hgo-hero-v3 .hgo-hero-controls button {
    flex-shrink: 0 !important;
  }
}
@media (max-width: 360px) {
  .hgo-device-mobile .hgo-hero.hgo-hero-v3 .hgo-hero-stage {aspect-ratio: 1 / 1 !important;}
  .hgo-device-mobile .hgo-hero.hgo-hero-v3 .hgo-hero-title-frame .hgo-hero-title a {font-size: 17px !important;}
}
