/* ============================================================
   LEVIAL v5.4.0 — UNIFIED VIEWPORT / NO-CROP ENGINE
   About remains the visual scale reference.
   ============================================================ */

@media (min-width:701px){

  html,body{
    margin:0!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    background:#030303!important;
  }

  /* Hosts reserve the exact VISUAL height after transform. */
  .lv-fit-host{
    width:100%!important;
    position:relative!important;
    overflow:visible!important;
    background:#030303!important;
  }

  /* One 1536px native design stage on every desktop page. */
  .lv-fit-stage{
    width:1536px!important;
    max-width:none!important;
    position:relative!important;
    transform-origin:top left!important;
    will-change:transform;
    margin:0!important;
    background:#030303!important;
  }

  /* Old page-specific transforms are now disabled.
     The stage is the ONLY element allowed to scale. */
  .ax-desktop,
  .rx-desktop,
  .fq-desktop,
  .ct-desktop,
  .cv-page,
  .rx-footer{
    transform:none!important;
    zoom:1!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  /* Correct native canvas dimensions — NEVER crop these. */
  .ax-desktop{
    width:1536px!important;
    height:1024px!important;
    max-width:none!important;
  }

  .rx-desktop,
  .fq-desktop,
  .ct-desktop{
    width:1536px!important;
    height:1311px!important;
    max-width:none!important;
  }

  /* Research footer travels with Research rather than floating
     below a scaled canvas. */
  .rx-footer{
    width:1536px!important;
    max-width:none!important;
  }

  /* Collection native segmented canvas. */
  .cv-page{
    width:1536px!important;
    height:auto!important;
    max-width:none!important;
    box-shadow:none!important;
  }
  .cv-section{
    width:1536px!important;
    max-width:none!important;
  }
  .cv-hero{height:682px!important}
  .cv-featured{height:525px!important}
  .cv-grid{height:747px!important}
  .cv-community{height:190px!important}
  .cv-footer{height:159px!important}
  .cv-art{background-size:1536px auto!important}

  /* Keep the original hit-area coordinate systems aligned with the
     native up-rendered artwork. These are overlays only — they do not
     scale the visible page itself. */
  .rx-search-live,
  .rx-cat1,.rx-cat2,.rx-cat3,.rx-cat4,.rx-cat5,
  .rx-card1,.rx-card2,.rx-card3,.rx-card4,.rx-browse{
    zoom:1.28!important;
  }

  .fq-search-live,
  .fq-cat-all,.fq-cat-orders,.fq-cat-products,.fq-cat-research,
  .fq-cat-quality,.fq-cat-payments,.fq-cat-returns,.fq-cat-account,
  .fq-support,.fq-rows,.fq-live-answer{
    zoom:1.28!important;
  }

  .ct-livechat,.ct-email,.ct-phone,.ct-map,.ct-form-live{
    zoom:1.28!important;
  }

  .cv-section > .cv-hot,
  .cv-section > .cv-product-hot,
  .cv-section > .cv-category-hotspots,
  .cv-section > .cv-newsletter{
    zoom:1.5!important;
  }

  /* Navigation targets use the About-master 1536 coordinates. */
  .rx-home,.fq-home,.ct-home{left:447px!important;top:61px!important;width:70px!important;height:40px!important;zoom:1!important}
  .rx-collection,.fq-collection,.ct-collection{left:552px!important;top:61px!important;width:110px!important;height:40px!important;zoom:1!important}
  .rx-about,.fq-about,.ct-about{left:700px!important;top:61px!important;width:75px!important;height:40px!important;zoom:1!important}
  .rx-research,.fq-research,.ct-research{left:819px!important;top:61px!important;width:110px!important;height:40px!important;zoom:1!important}
  .rx-faq,.fq-faq,.ct-faq{left:965px!important;top:61px!important;width:65px!important;height:40px!important;zoom:1!important}
  .rx-contact,.fq-contact,.ct-contact{left:1050px!important;top:61px!important;width:95px!important;height:40px!important;zoom:1!important}

  /* Remove incorrect historical fixed shell heights. JS owns visual height. */
  .ax-shell,.rx-shell,.fq-shell,.ct-shell{
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
}

/* Mobile versions remain the dedicated responsive HTML builds. */
@media (max-width:700px){
  .lv-fit-host,.lv-fit-stage{
    width:auto!important;
    height:auto!important;
    transform:none!important;
  }
}