/* V68 emergency hotfix: isolated mobile drawer + single-image new-colors carousel */
@media(max-width:900px){
  /* fully retire the legacy mobile menu so old scripts/CSS cannot leak Compare Models text */
  #mobileMenu,.mobile-menu{display:none!important;visibility:hidden!important;pointer-events:none!important;opacity:0!important}
  body.mojo-mobile-menu-open{overflow:auto!important;touch-action:auto!important}

  #v68MenuToggle{display:flex!important;position:relative;z-index:2147483600!important}
  .v68-mobile-menu-backdrop{
    position:fixed;inset:0;z-index:2147483000;background:rgba(0,0,0,.58);
    opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease;
  }
  .v68-mobile-menu-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}
  .v68-mobile-drawer{
    position:fixed;left:0;right:0;top:var(--v68-nav-height,100px);bottom:0;z-index:2147483500;
    background:#090a0e;color:#fff;transform:translate3d(0,-10px,0);opacity:0;visibility:hidden;pointer-events:none;
    transition:transform .18s ease,opacity .18s ease,visibility .18s ease;
    overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 22px calc(30px + env(safe-area-inset-bottom));
  }
  .v68-mobile-drawer.open{transform:translate3d(0,0,0);opacity:1;visibility:visible;pointer-events:auto}
  .v68-mobile-drawer-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;min-height:62px;background:#090a0e;border-bottom:1px solid rgba(255,255,255,.10);font-weight:950;font-size:18px}
  .v68-mobile-drawer-head button{width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:#17181d;color:#fff;font-size:26px;line-height:1;display:grid;place-items:center}
  .v68-mobile-drawer-links{display:block;padding-top:4px}
  .v68-mobile-drawer-links a,.v68-mobile-drawer-links .v68-drawer-link{
    width:100%;min-height:56px;padding:15px 2px;display:flex;align-items:center;justify-content:space-between;gap:12px;
    border:0;border-bottom:1px solid rgba(255,255,255,.10);background:transparent;color:#f5f5f7!important;text-decoration:none!important;
    font:800 15px/1.25 inherit;text-align:left;letter-spacing:0;white-space:normal;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.08)
  }
  .v68-mobile-drawer-links a:active,.v68-mobile-drawer-links .v68-drawer-link:active{background:rgba(255,255,255,.07)}
  .v68-mobile-drawer-links span:last-child{opacity:.62}
  .v68-review-star{color:#ffb000!important;opacity:1!important;margin-left:auto;margin-right:8px}
  body.v68-menu-open{overflow:hidden!important}
  body.v68-menu-open .nav{transform:none!important;opacity:1!important;visibility:visible!important}

  /* single large visual instead of 3 tiny cards */
  .stage-new-colors-teaser-grid{grid-template-columns:1fr!important;gap:24px!important}
  .stage-new-colors-strip.v68-color-carousel{display:block!important;width:100%!important;max-width:620px!important;margin:0 auto!important}
  .v68-color-stage{position:relative;width:100%;overflow:hidden;border-radius:28px;background:#fff;box-shadow:0 26px 70px rgba(0,0,0,.28)}
  .v68-carousel-track{display:block;position:relative;width:100%;aspect-ratio:3/4;background:#fff;touch-action:pan-y}
  .v68-color-slide{position:absolute;inset:0;margin:0;display:flex;align-items:center;justify-content:center;background:#fff;opacity:0;transform:translate3d(12px,0,0);pointer-events:none;transition:opacity .20s ease,transform .20s ease}
  .v68-color-slide.active{opacity:1;transform:translate3d(0,0,0);pointer-events:auto}
  .v68-color-slide img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;background:#fff!important;padding:0!important;border-radius:0!important;box-shadow:none!important}
  .v68-color-slide figcaption{position:absolute;left:16px;bottom:16px;padding:8px 12px;border-radius:999px;background:rgba(8,9,12,.78);color:#fff;font-size:12px;font-weight:900;backdrop-filter:blur(8px)}
  .v68-carousel-arrow{position:absolute;top:50%;z-index:3;transform:translateY(-50%);width:46px;height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.55);background:rgba(8,9,12,.72);color:#fff;font-size:32px;line-height:1;display:grid;place-items:center;box-shadow:0 10px 28px rgba(0,0,0,.26);touch-action:manipulation}
  .v68-carousel-arrow.prev{left:12px}.v68-carousel-arrow.next{right:12px}
  .v68-carousel-dots{display:flex;justify-content:center;gap:9px;padding:12px 0 0}
  .v68-carousel-dots button{width:10px;height:10px;border:0;border-radius:999px;background:rgba(255,255,255,.28);padding:0}
  .v68-carousel-dots button.active{width:28px;background:#ff7a12}
}
@media(min-width:901px){
  .v68-mobile-menu-backdrop,.v68-mobile-drawer{display:none!important}
  .stage-new-colors-strip.v68-color-carousel{display:block!important;max-width:520px!important;margin-left:auto!important}
  .v68-color-stage{position:relative;overflow:hidden;border-radius:30px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.28)}
  .v68-carousel-track{position:relative;display:block;aspect-ratio:3/4;background:#fff}
  .v68-color-slide{position:absolute;inset:0;margin:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease;background:#fff}
  .v68-color-slide.active{opacity:1;pointer-events:auto}
  .v68-color-slide img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;padding:0!important;background:#fff!important;border-radius:0!important;box-shadow:none!important}
  .v68-color-slide figcaption{position:absolute;left:18px;bottom:18px;padding:9px 14px;border-radius:999px;background:rgba(8,9,12,.78);color:#fff;font-size:13px;font-weight:900}
  .v68-carousel-arrow{position:absolute;top:50%;z-index:3;transform:translateY(-50%);width:48px;height:48px;border-radius:999px;border:1px solid rgba(255,255,255,.45);background:rgba(8,9,12,.68);color:#fff;font-size:34px;display:grid;place-items:center}
  .v68-carousel-arrow.prev{left:14px}.v68-carousel-arrow.next{right:14px}
  .v68-carousel-dots{display:flex;justify-content:center;gap:9px;padding-top:12px}.v68-carousel-dots button{width:10px;height:10px;border:0;border-radius:999px;background:rgba(255,255,255,.28);padding:0}.v68-carousel-dots button.active{width:28px;background:#ff7a12}
}