/* LPITA V177 — mobile product page no-gap header/gallery fix + collection card line cleanup.
   Scoped to live mobile product/home only. No checkout/admin/data changes. */

@media (max-width:900px){
  /* Product page: gallery starts immediately; header overlays consistently instead of reserving white space. */
  html body.live-body.route-product,
  html body.live-body.route-product .site-main.zara-main{
    background:#fff!important;
    padding-top:0!important;
    margin-top:0!important;
    overflow-x:hidden!important;
  }
  html body.live-body.route-product .z-product-page,
  html body.live-body.route-product .product-page.z-product-page{
    padding-top:0!important;
    margin-top:0!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    background:#fff!important;
  }

  /* Keep hamburger and right-logo positions stable on product pages while scrolling. */
  html body.live-body.route-product header.site-header.zara-header{
    position:fixed!important;
    top:var(--lp-announcement-h,32px)!important;
    left:0!important;
    right:0!important;
    height:88px!important;
    min-height:88px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    z-index:90!important;
    pointer-events:none!important;
  }
  html body.live-body.route-product header.site-header.zara-header .hamburger{
    position:fixed!important;
    left:24px!important;
    top:calc(var(--lp-announcement-h,32px) + 46px)!important;
    transform:translateY(-50%)!important;
    margin:0!important;
    z-index:92!important;
    pointer-events:auto!important;
  }
  html body.live-body.route-product header.site-header.zara-header .brand.zara-logo,
  html body.live-body.route-product header.site-header.zara-header .brand{
    position:fixed!important;
    left:auto!important;
    right:28px!important;
    top:calc(var(--lp-announcement-h,32px) + 46px)!important;
    transform:translateY(-50%)!important;
    margin:0!important;
    width:60px!important;
    height:60px!important;
    max-width:60px!important;
    max-height:60px!important;
    z-index:92!important;
    pointer-events:auto!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  html body.live-body.route-product header.site-header.zara-header .brand.zara-logo .live-logo-img,
  html body.live-body.route-product header.site-header.zara-header .brand.zara-logo img{
    width:58px!important;
    height:58px!important;
    max-width:58px!important;
    max-height:58px!important;
    object-fit:contain!important;
    display:block!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  html body.live-body.route-product header.site-header.zara-header .top-icon-actions,
  html body.live-body.route-product header.site-header.zara-header .quick-links,
  html body.live-body.route-product header.site-header.zara-header .department-links{display:none!important;}

  /* Product gallery: remove blank space before media and use a stable light native carousel. */
  html body.live-body.route-product .z-product-gallery[data-product-gallery],
  html body.live-body.route-product .z-product-gallery{
    position:relative!important;
    width:100vw!important;
    max-width:100vw!important;
    margin:0!important;
    padding:0!important;
    top:0!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    overflow:hidden!important;
    background:#f7f6f3!important;
    border:0!important;
    box-shadow:none!important;
    min-height:0!important;
  }
  html body.live-body.route-product .lp177-gallery-track{
    display:flex!important;
    width:100vw!important;
    max-width:100vw!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;
    touch-action:pan-x pan-y!important;
    will-change:scroll-position!important;
    overscroll-behavior-x:contain!important;
    background:#f7f6f3!important;
  }
  html body.live-body.route-product .lp177-gallery-track::-webkit-scrollbar{display:none!important;}
  html body.live-body.route-product .lp177-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.18!important;
    max-height:calc(100svh - 86px)!important;
    object-fit:cover!important;
    object-position:center!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:#f7f6f3!important;
    scroll-snap-align:center!important;
    scroll-snap-stop:always!important;
    transform:none!important;
    filter:none!important;
  }
  html body.live-body.route-product .lp176-gallery-track,
  html body.live-body.route-product .lpita-gallery-native-v176{display:none!important;}
  html body.live-body.route-product .lpita-gallery-nav-v104,
  html body.live-body.route-product .lpita-gallery-thumbs-v104,
  html body.live-body.route-product .lp98-gallery-controls,
  html body.live-body.route-product .mobile-gallery-dots-v93,
  html body.live-body.route-product .lp176-gallery-nav,
  html body.live-body.route-product .lp176-gallery-thumbs,
  html body.live-body.route-product .lpita-gallery-nav-v176,
  html body.live-body.route-product .lpita-gallery-thumbs-v176{display:none!important;}

  html body.live-body.route-product .lp177-gallery-nav{
    width:100vw!important;
    display:grid!important;
    grid-template-columns:46px 1fr 46px!important;
    align-items:center!important;
    height:42px!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
    border-top:1px solid rgba(0,0,0,.10)!important;
    border-bottom:1px solid rgba(0,0,0,.10)!important;
  }
  html body.live-body.route-product .lp177-gallery-nav button{
    width:46px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    color:#111!important;
    font:300 24px/1 Montserrat,Arial,sans-serif!important;
    box-shadow:none!important;
    border-radius:0!important;
  }
  html body.live-body.route-product .lp177-gallery-count{
    display:block!important;
    text-align:center!important;
    color:#777!important;
    font:400 12px/1 Montserrat,Arial,sans-serif!important;
    letter-spacing:.18em!important;
  }
  html body.live-body.route-product .lp177-gallery-thumbs{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:10px 12px 14px!important;
    background:#fff!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html body.live-body.route-product .lp177-gallery-thumbs::-webkit-scrollbar{display:none!important;}
  html body.live-body.route-product .lp177-gallery-thumb{
    flex:0 0 54px!important;
    width:54px!important;
    height:68px!important;
    min-width:54px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid transparent!important;
    background:#f4f3ef!important;
    border-radius:0!important;
    box-shadow:none!important;
    opacity:.58!important;
  }
  html body.live-body.route-product .lp177-gallery-thumb.is-active{opacity:1!important;border-color:#111!important;}
  html body.live-body.route-product .lp177-gallery-thumb img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;}
  html body.live-body.route-product .z-product-info{padding:22px 18px 0!important;margin:0!important;background:#fff!important;}
}

/* Home collection cards: remove any remaining horizontal guide/overlay line and hide button text. */
body.live-body.route-home .lp172-collection-card span,
body.live-body.route-home .lp173-collection-info span{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;}
body.live-body.route-home .lp172-collection-card span:before,
body.live-body.route-home .lp172-collection-card span:after,
body.live-body.route-home .lp173-collection-info span:before,
body.live-body.route-home .lp173-collection-info span:after{display:none!important;content:none!important;}
body.live-body.route-home .lp172-collection-card,
body.live-body.route-home .lp173-collection-card,
body.live-body.route-home .lp172-collection-card *,
body.live-body.route-home .lp173-collection-card *{border-top-color:transparent!important;border-bottom-color:transparent!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 .lp172-collection-card:after,
body.live-body.route-home .lp173-collection-card:before,
body.live-body.route-home .lp173-collection-card:after,
body.live-body.route-home .lp173-collection-progress{display:none!important;content:none!important;background:none!important;border:0!important;box-shadow:none!important;}
body.live-body.route-home .lp172-collection-card div,
body.live-body.route-home .lp173-collection-info{border:0!important;box-shadow:none!important;}