/* LPITA V178 — mobile header position lock.
   Scope: mobile live site only. Prevents hamburger/logo jumping when Safari/Chrome bars or scroll tone scripts change state. */
@media (max-width: 900px){
  html body.live-body{
    --lp-v178-ann-h: var(--lp-announcement-h, 0px);
    --lp-v178-header-h: 94px;
    overflow-x:hidden!important;
  }

  html body.live-body .site-header.zara-header{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:var(--lp-v178-ann-h,0px)!important;
    height:var(--lp-v178-header-h,94px)!important;
    min-height:var(--lp-v178-header-h,94px)!important;
    max-height:var(--lp-v178-header-h,94px)!important;
    width:100vw!important;
    padding:0!important;
    margin:0!important;
    display:block!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    transform:none!important;
    translate:none!important;
    transition:none!important;
    animation:none!important;
    contain:layout style!important;
    z-index:9990!important;
    pointer-events:none!important;
  }
  html body.live-body .site-header.zara-header:before,
  html body.live-body .site-header.zara-header:after{
    display:none!important;
    content:none!important;
  }
  html body.live-body .site-header.zara-header .header-left{
    display:block!important;
    position:static!important;
    width:100%!important;
    height:100%!important;
    transform:none!important;
  }
  html body.live-body .site-header.zara-header .department-links,
  html body.live-body .site-header.zara-header .quick-links,
  html body.live-body .site-header.zara-header .top-icon-actions,
  html body.live-body .site-header.zara-header .zara-actions{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  html body.live-body .site-header.zara-header .hamburger,
  html body.live-body .hamburger[data-toggle="live-menu"]{
    position:fixed!important;
    top:calc(var(--lp-v178-ann-h,0px) + 39px)!important;
    left:28px!important;
    right:auto!important;
    bottom:auto!important;
    width:52px!important;
    height:28px!important;
    min-width:52px!important;
    min-height:28px!important;
    max-width:52px!important;
    max-height:28px!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:8px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    transform:none!important;
    translate:none!important;
    transition:none!important;
    animation:none!important;
    z-index:10002!important;
    pointer-events:auto!important;
    will-change:auto!important;
  }
  html body.live-body .site-header.zara-header .hamburger span,
  html body.live-body .hamburger[data-toggle="live-menu"] span{
    display:block!important;
    width:52px!important;
    height:1.5px!important;
    min-height:1.5px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:currentColor!important;
    transform:none!important;
    transition:none!important;
    box-shadow:none!important;
  }

  html body.live-body .site-header.zara-header .brand.zara-logo,
  html body.live-body .site-header.zara-header .zara-logo{
    position:fixed!important;
    top:calc(var(--lp-v178-ann-h,0px) + 22px)!important;
    left:auto!important;
    right:34px!important;
    bottom:auto!important;
    width:72px!important;
    height:72px!important;
    min-width:72px!important;
    min-height:72px!important;
    max-width:72px!important;
    max-height:72px!important;
    padding:0!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    transform:none!important;
    translate:none!important;
    transition:none!important;
    animation:none!important;
    z-index:10001!important;
    pointer-events:auto!important;
    overflow:visible!important;
    will-change:auto!important;
  }
  html body.live-body .site-header.zara-header .brand.zara-logo img,
  html body.live-body .site-header.zara-header .zara-logo img,
  html body.live-body .site-header.zara-header .live-logo-img{
    display:block!important;
    width:72px!important;
    height:72px!important;
    max-width:72px!important;
    max-height:72px!important;
    object-fit:contain!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    transform:none!important;
    translate:none!important;
    transition:none!important;
    opacity:1!important;
  }

  html body.live-menu-open .site-header.zara-header,
  html body.live-menu-open .site-header.zara-header .hamburger,
  html body.live-menu-open .site-header.zara-header .zara-logo{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  /* Product mobile pages: remove layout space caused by the header, while keeping the header over the gallery. */
  html body.live-body.route-product .site-main.zara-main,
  html body.live-body.route-product .zara-main,
  html body.live-body.route-product .z-product-page{
    padding-top:0!important;
    margin-top:0!important;
  }
  html body.live-body.route-product .z-product-gallery,
  html body.live-body.route-product [data-product-gallery],
  html body.live-body.route-product .lpita-v177-product-gallery{
    margin-top:0!important;
    padding-top:0!important;
  }
}