/* LPITA V176 — mobile home hero/collections and product-gallery fixes only. */

/* Keep the mobile hero fully image-based, no grey split/panel area. */
@media (max-width:900px){
  body.live-body.route-home .lp172-hero-slider,
  body.live-body.route-home .lp173-hero-slider{
    height:100svh!important;
    min-height:680px!important;
    max-height:none!important;
    background:#0b0b0b!important;
  }
  body.live-body.route-home .lp172-hero-slide,
  body.live-body.route-home .lp173-hero-slide{background:#0b0b0b!important;}
  body.live-body.route-home .lp172-hero-slide img,
  body.live-body.route-home .lp173-hero-slide img{
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  body.live-body.route-home .lp172-hero-shade,
  body.live-body.route-home .lp173-hero-shade{
    background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.06) 42%,rgba(0,0,0,.44) 100%)!important;
  }
  body.live-body.route-home .lp172-hero-copy,
  body.live-body.route-home .lp173-hero-copy{
    top:auto!important;
    bottom:calc(72px + env(safe-area-inset-bottom))!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:calc(100vw - 34px)!important;
    max-width:calc(100vw - 34px)!important;
    padding:0!important;
    background:transparent!important;
  }
  body.live-body.route-home .lp172-hero-copy h1,
  body.live-body.route-home .lp173-hero-copy h1{
    font-size:clamp(44px,13vw,68px)!important;
    line-height:.92!important;
    text-align:center!important;
  }
  body.live-body.route-home .lp172-hero-copy span,
  body.live-body.route-home .lp173-hero-copy span{
    font-size:15px!important;
    line-height:1.45!important;
    max-width:330px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
  }

  /* Mobile header logo requested to sit to the right; no background, no centering collision. */
  body.live-body .site-header.zara-header .brand.zara-logo,
  body.live-body .site-header.zara-header .brand{
    left:auto!important;
    right:20px!important;
    top:calc(var(--lp-announcement-h,30px) + 14px)!important;
    transform:none!important;
    margin:0!important;
    position:fixed!important;
  }
  body.live-body .site-header.zara-header .live-logo-img,
  body.live-body .site-header.zara-header .brand img{
    width:64px!important;
    max-width:64px!important;
    height:auto!important;
    max-height:none!important;
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
  }
}

/* Collection wall: remove grey/black overlay lines; only center card is clickable. */
body.live-body.route-home .lp172-collection-card,
body.live-body.route-home .lp173-collection-card{pointer-events:none!important;}
body.live-body.route-home .lp172-collection-card.is-selected,
body.live-body.route-home .lp173-collection-card.is-selected{pointer-events:auto!important;}
body.live-body.route-home .lp172-collection-card figure:after,
body.live-body.route-home .lp173-collection-card figure:after,
body.live-body.route-home .lp172-collection-card:before,
body.live-body.route-home .lp173-collection-card:before,
body.live-body.route-home .lp172-collection-card:after,
body.live-body.route-home .lp173-collection-card:after{
  display:none!important;
  content:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
body.live-body.route-home .lp172-collection-card figure,
body.live-body.route-home .lp173-collection-card figure{
  border:0!important;
  box-shadow:none!important;
}
body.live-body.route-home .lp172-collection-card div,
body.live-body.route-home .lp173-collection-info{
  top:auto!important;
  height:auto!important;
  min-height:34%!important;
  border:0!important;
  box-shadow:none!important;
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.34) 50%,rgba(0,0,0,.78) 100%)!important;
}
body.live-body.route-home .lp172-collection-card span,
body.live-body.route-home .lp173-collection-info span,
body.live-body.route-home .lp172-collection-card span:after,
body.live-body.route-home .lp173-collection-info span:after{
  display:none!important;
  content:none!important;
}
body.live-body.route-home .lp173-selected-collection{border:0!important;box-shadow:none!important;}
body.live-body.route-home .lp173-selected-collection:before,
body.live-body.route-home .lp173-selected-collection:after{display:none!important;content:none!important;}
body.live-body.route-home .lp172-collection-rail,
body.live-body.route-home .lp173-collection-rail{scroll-behavior:smooth!important;}
@media (max-width:900px){
  body.live-body.route-home .lp172-section-head h2,
  body.live-body.route-home .lp173-section-head h2{
    font-size:clamp(42px,12vw,62px)!important;
    line-height:.92!important;
  }
  body.live-body.route-home .lp172-collection-card,
  body.live-body.route-home .lp173-collection-card{
    flex-basis:80vw!important;
    margin-right:-7vw!important;
    opacity:.44!important;
    transform:scale(.88)!important;
  }
  body.live-body.route-home .lp172-collection-card.is-selected,
  body.live-body.route-home .lp173-collection-card.is-selected{
    opacity:1!important;
    transform:scale(1.02)!important;
  }
}

/* Mobile product view: remove excessive white space and make gallery light/smooth. */
@media (max-width:900px){
  body.live-body .z-product-page,
  body.live-body .product-page.z-product-page{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    padding:calc(var(--lp-announcement-h,30px) + 74px) 0 calc(94px + env(safe-area-inset-bottom))!important;
    margin:0!important;
    overflow-x:hidden!important;
    background:#fff!important;
  }
  body.live-body .z-product-gallery[data-product-gallery]{
    position:relative!important;
    display:block!important;
    width:100vw!important;
    max-width:100vw!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#f4f3ef!important;
    touch-action:pan-y pinch-zoom!important;
  }
  body.live-body .z-product-gallery[data-product-gallery][data-lp176-gallery="1"] .lp176-gallery-track{
    display:flex!important;
    width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-behavior:smooth!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    will-change:scroll-position!important;
  }
  body.live-body .z-product-gallery[data-product-gallery][data-lp176-gallery="1"] .lp176-gallery-track::-webkit-scrollbar{display:none!important;}
  body.live-body .z-product-gallery[data-product-gallery][data-lp176-gallery="1"] img[data-gallery-img],
  body.live-body .z-product-gallery[data-product-gallery][data-lp176-gallery="1"] .lp176-gallery-track > img{
    flex:0 0 100vw!important;
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    height:auto!important;
    aspect-ratio:4/5.35!important;
    max-height:calc(100svh - 168px)!important;
    object-fit:contain!important;
    object-position:center!important;
    background:#f4f3ef!important;
    scroll-snap-align:center!important;
    scroll-snap-stop:always!important;
    transform:none!important;
    filter:none!important;
  }
  body.live-body .lpita-gallery-nav-v104,
  body.live-body .lpita-gallery-thumbs-v104,
  body.live-body .lp98-gallery-controls,
  body.live-body .mobile-gallery-dots-v93{display:none!important;}
  body.live-body .lp176-gallery-nav{
    display:grid!important;
    grid-template-columns:42px 1fr 42px!important;
    align-items:center!important;
    width:100vw!important;
    height:38px!important;
    border-top:1px solid rgba(0,0,0,.10)!important;
    border-bottom:1px solid rgba(0,0,0,.10)!important;
    background:#fff!important;
  }
  body.live-body .lp176-gallery-nav button{
    width:42px!important;height:38px!important;min-height:38px!important;padding:0!important;
    border:0!important;background:transparent!important;color:#111!important;font-size:24px!important;font-weight:300!important;
    box-shadow:none!important;border-radius:0!important;
  }
  body.live-body .lp176-gallery-count{font:400 13px/1 Montserrat,Arial,sans-serif!important;letter-spacing:.18em!important;text-align:center!important;color:#777!important;}
  body.live-body .lp176-gallery-thumbs{
    display:flex!important;gap:8px!important;overflow-x:auto!important;padding:10px 14px 0!important;scrollbar-width:none!important;background:#fff!important;
  }
  body.live-body .lp176-gallery-thumbs::-webkit-scrollbar{display:none!important;}
  body.live-body .lp176-thumb{flex:0 0 44px!important;width:44px!important;height:56px!important;border:1px solid transparent!important;background:#f3f2ef!important;padding:0!important;border-radius:0!important;box-shadow:none!important;}
  body.live-body .lp176-thumb.is-active{border-color:#111!important;}
  body.live-body .lp176-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
  body.live-body .z-product-info{padding:22px 18px 0!important;margin:0!important;position:static!important;max-width:none!important;background:#fff!important;}
}