/* LPITA V87 — stable single announcement + mobile-only header cleanup + app bottom menu/cart polish. */
:root{--lp87-ann-h:32px;--lp87-head-h:86px;--lp87-mobile-bottom:76px;}

/* One independent announcement bar. It does NOT use the old .live-announcement class, so old scripts cannot duplicate or pause it. */
html body.live-body .lpita-announcement-v87{
  position:fixed!important;top:0!important;left:0!important;right:0!important;width:100vw!important;height:var(--lp87-ann-h)!important;min-height:var(--lp87-ann-h)!important;max-height:var(--lp87-ann-h)!important;z-index:2147483600!important;display:block!important;overflow:hidden!important;background:#050505!important;color:#fff!important;text-decoration:none!important;border:0!important;margin:0!important;padding:0!important;white-space:nowrap!important;line-height:var(--lp87-ann-h)!important;transform:none!important;contain:layout paint!important;
}
html body.live-body .lpita-announcement-v87 .lp87-ann-track{position:absolute!important;left:0!important;top:0!important;height:100%!important;width:max-content!important;display:flex!important;align-items:center!important;white-space:nowrap!important;will-change:transform!important;animation:lp87AnnouncementRun 28s linear infinite!important;animation-play-state:running!important;transform:translate3d(0,0,0);}
html body.live-body .lpita-announcement-v87 .lp87-ann-group{display:inline-flex!important;align-items:center!important;height:100%!important;white-space:nowrap!important;flex:0 0 auto!important;}
html body.live-body .lpita-announcement-v87 b{display:inline-flex!important;align-items:center!important;height:100%!important;padding:0 clamp(48px,6vw,110px)!important;font-family:Montserrat,Arial,sans-serif!important;font-size:12px!important;line-height:var(--lp87-ann-h)!important;font-weight:800!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:#fff!important;white-space:nowrap!important;text-shadow:none!important;}
html body.live-body .lpita-announcement-v87:hover .lp87-ann-track,html body.live-body .lpita-announcement-v87:focus .lp87-ann-track{animation-play-state:running!important;}
@keyframes lp87AnnouncementRun{from{transform:translate3d(0,0,0);}to{transform:translate3d(-50%,0,0);}}
html body.live-body .lpita-announcement-v87 .sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;}
/* If any older update leaves a legacy announcement in the DOM, hide it so only V87 is visible. */
html body.live-body .live-announcement:not(.lpita-announcement-v87){display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;overflow:hidden!important;}

/* Desktop header remains transparent and aligned under the announcement. */
html body.live-body .site-header.zara-header{top:var(--lp87-ann-h)!important;min-height:var(--lp87-head-h)!important;height:var(--lp87-head-h)!important;background:transparent!important;border:0!important;box-shadow:none!important;}
html body.live-body .zara-logo .live-logo-img{background:transparent!important;border:0!important;box-shadow:none!important;}

/* Mobile: remove top-right actions completely; bottom app menu is the only mobile action area. */
.mobile-live-bottom-nav{display:none!important;}
@media(max-width:900px){
  :root{--lp87-ann-h:30px;--lp87-head-h:70px;--lp87-mobile-bottom:76px;}
  html body.live-body .lpita-announcement-v87 b{font-size:10px!important;letter-spacing:.12em!important;padding:0 42px!important;}
  html body.live-body .site-header.zara-header{top:var(--lp87-ann-h)!important;height:var(--lp87-head-h)!important;min-height:var(--lp87-head-h)!important;display:grid!important;grid-template-columns:64px 1fr 64px!important;align-items:center!important;padding:0 18px!important;background:transparent!important;border:0!important;box-shadow:none!important;pointer-events:none!important;}
  html body.live-body .site-header.zara-header .header-left{display:contents!important;}
  html body.live-body .site-header.zara-header .hamburger{grid-column:1!important;justify-self:start!important;align-self:center!important;pointer-events:auto!important;margin:0!important;width:42px!important;height:28px!important;gap:8px!important;padding:0!important;border:0!important;background:transparent!important;color:currentColor!important;}
  html body.live-body .site-header.zara-header .hamburger span{display:block!important;width:42px!important;height:1px!important;background:currentColor!important;margin:0!important;}
  html body.live-body .site-header.zara-header .zara-logo{grid-column:2!important;justify-self:center!important;align-self:center!important;display:flex!important;align-items:center!important;justify-content:center!important;width:76px!important;height:66px!important;max-width:76px!important;pointer-events:auto!important;margin:0!important;}
  html body.live-body .site-header.zara-header .zara-logo .live-logo-img{width:54px!important;height:54px!important;max-width:54px!important;max-height:54px!important;object-fit:contain!important;display:block!important;background:transparent!important;border:0!important;box-shadow:none!important;}
  html body.live-body .site-header.zara-header .department-links{display:none!important;}
  html body.live-body .site-header.zara-header .quick-links,
  html body.live-body .site-header.zara-header .zara-actions,
  html body.live-body .site-header.zara-header .top-icon-actions,
  html body.live-body .quick-links.zara-actions,
  html body.live-body .top-icon-actions,
  html body.live-body .ql-search,
  html body.live-body .ql-bag,
  html body.live-body .ql-account,
  html body.live-body .ql-help,
  html body.live-body .ql-contact,
  html body.live-body .ql-locale{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;overflow:hidden!important;}
  html body.live-body{padding-bottom:calc(var(--lp87-mobile-bottom) + env(safe-area-inset-bottom,0px))!important;overflow-x:hidden!important;}
  html body.live-body .mobile-live-bottom-nav.mobile-nav-v87{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:2147482000!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;height:var(--lp87-mobile-bottom)!important;padding:6px 0 calc(6px + env(safe-area-inset-bottom,0px))!important;background:rgba(255,255,255,.985)!important;border-top:1px solid rgba(0,0,0,.12)!important;box-shadow:0 -10px 28px rgba(0,0,0,.08)!important;color:#050505!important;}
  html body.live-body .mobile-live-bottom-nav.mobile-nav-v87 a{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;height:100%!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;color:#050505!important;text-decoration:none!important;font-family:Montserrat,Arial,sans-serif!important;text-transform:none!important;letter-spacing:0!important;line-height:1!important;}
  html body.live-body .mobile-live-bottom-nav.mobile-nav-v87 a::before,html body.live-body .mobile-live-bottom-nav.mobile-nav-v87 a::after,html body.live-body .mobile-live-bottom-nav.mobile-nav-v87 span::before,html body.live-body .mobile-live-bottom-nav.mobile-nav-v87 span::after,html body.live-body .mobile-live-bottom-nav.mobile-nav-v87 em::before,html body.live-body .mobile-live-bottom-nav.mobile-nav-v87 em::after{content:none!important;display:none!important;}
  html body.live-body .mobile-live-bottom-nav.mobile-nav-v87 .mb-icon-wrap{width:30px!important;height:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;line-height:1!important;}
  html body.live-body .mobile-live-bottom-nav.mobile-nav-v87 .mb-icon{width:26px!important;height:26px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:inherit!important;line-height:1!important;margin:0!important;padding:0!important;}
  html body.live-body .mobile-live-bottom-nav.mobile-nav-v87 .mnav-svg{display:block!important;width:25px!important;height:25px!important;fill:currentColor!important;stroke:none!important;margin:0!important;}
  html body.live-body .mobile-live-bottom-nav.mobile-nav-v87 em{display:block!important;font-style:normal!important;font-size:12px!important;font-weight:500!important;line-height:1.1!important;color:inherit!important;margin:0!important;padding:0!important;white-space:nowrap!important;}

  /* Mobile-only centered hero/block text and buttons. Desktop remains unchanged. */
  html body.live-body .z-hero-caption,
  html body.live-body .z-text-block,
  html body.live-body .z-editorial-copy{text-align:center!important;align-items:center!important;left:22px!important;right:22px!important;margin-inline:auto!important;max-width:calc(100vw - 44px)!important;}
  html body.live-body .z-hero-caption em,
  html body.live-body .z-text-block .btn,
  html body.live-body .z-editorial-copy .btn{margin-left:auto!important;margin-right:auto!important;justify-content:center!important;text-align:center!important;max-width:100%!important;white-space:normal!important;}

  /* Product gallery: true swipe carousel on mobile. */
  html body.live-body .z-product-gallery{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;gap:0!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;}
  html body.live-body .z-product-gallery::-webkit-scrollbar{display:none!important;}
  html body.live-body .z-product-gallery img{flex:0 0 100vw!important;width:100vw!important;min-width:100vw!important;scroll-snap-align:center!important;border-radius:0!important;}

  /* Mobile shopping bag app layout. */
  html body.live-body .lpita-mobile-shoppingbag{padding:calc(var(--lp87-ann-h) + var(--lp87-head-h) + 34px) 18px calc(var(--lp87-mobile-bottom) + 36px)!important;}
  html body.live-body .lpita-mobile-shoppingbag h1{font-size:clamp(42px,13vw,76px)!important;line-height:.95!important;letter-spacing:-.06em!important;margin:0 0 28px!important;}
  html body.live-body .lpita-mobile-shoppingbag .cart-lines-v72{display:grid!important;gap:0!important;border-top:1px solid rgba(0,0,0,.08)!important;}
  html body.live-body .lpita-mobile-shoppingbag .cart-line-v72{display:grid!important;grid-template-columns:78px minmax(0,1fr) 48px 64px 34px!important;gap:10px!important;align-items:center!important;padding:14px 0!important;border-bottom:1px solid rgba(0,0,0,.08)!important;}
  html body.live-body .lpita-mobile-shoppingbag .cart-thumb-v72 img{width:78px!important;height:98px!important;object-fit:cover!important;border-radius:0!important;}
  html body.live-body .lpita-mobile-shoppingbag .cart-copy-v72 strong{display:block!important;font-size:13px!important;line-height:1.25!important;font-weight:700!important;}
  html body.live-body .lpita-mobile-shoppingbag .cart-copy-v72 .muted{display:block!important;font-size:11px!important;line-height:1.35!important;color:#666!important;}
  html body.live-body .lpita-mobile-shoppingbag .cart-qty-v72 input{width:42px!important;height:32px!important;text-align:center!important;border:0!important;border-bottom:1px solid #cfcfcf!important;background:transparent!important;padding:0!important;border-radius:0!important;}
  html body.live-body .lpita-mobile-shoppingbag .cart-price-v72{font-size:11px!important;white-space:nowrap!important;}
  html body.live-body .lpita-mobile-shoppingbag .cart-remove-btn-v72{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border:1px solid #111!important;background:#fff!important;color:#111!important;border-radius:0!important;padding:0!important;font-size:17px!important;line-height:1!important;}
  html body.live-body .lpita-mobile-shoppingbag .cart-summary-v72{position:static!important;margin-top:18px!important;border:0!important;border-top:1px solid #111!important;background:transparent!important;padding:18px 0!important;box-shadow:none!important;}
  html body.live-body .lpita-mobile-shoppingbag .cart-summary-v72 .actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
}
@media(max-width:430px){
  html body.live-body .lpita-mobile-shoppingbag .cart-line-v72{grid-template-columns:72px minmax(0,1fr) 38px 30px!important;}
  html body.live-body .lpita-mobile-shoppingbag .cart-price-v72{grid-column:2!important;margin-top:-8px!important;}
  html body.live-body .lpita-mobile-shoppingbag .cart-thumb-v72 img{width:72px!important;height:92px!important;}
}