/* Qalamoun Market 3.1.7 — Mobile slider/header integration hotfix
   Scope: homepage on phones only.
   The hero is full-bleed with no frame, and tucks underneath the curved fixed header. */

@media (max-width:700px){
  body.home-v310 .home-modern-shell{
    padding-top:0!important;
    margin-top:0!important;
  }

  body.home-v310 .home-slider{
    /* Slide beneath the lower curved edge of the fixed header. */
    margin-top:-18px!important;

    /* Keep the hero visually full-height after the overlap. */
    min-height:224px!important;

    /* No card/frame treatment whatsoever. */
    border:0!important;
    outline:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;

    /* True edge-to-edge surface. */
    width:100vw!important;
    max-width:100vw!important;
    min-width:100vw!important;
    margin-inline:calc(50% - 50vw)!important;
    overflow:hidden!important;
    position:relative!important;
    z-index:1!important;
  }

  /* The header stays above the image so its rounded bottom corners are visible. */
  body.home-v310 .topbar.app-header{
    z-index:120!important;
    border-radius:0 0 26px 26px!important;
    overflow:hidden!important;
  }

  body.home-v310 .home-slider-track,
  body.home-v310 .home-slide,
  body.home-v310 .home-slide-media,
  body.home-v310 .home-slide-shade{
    border-radius:0!important;
  }
}

@media (max-width:390px){
  body.home-v310 .home-slider{
    margin-top:-16px!important;
    min-height:210px!important;
  }
}