/* LPITA V84 — mobile app polish, announcement marquee, favorites and mobile checkout. */
:root{--lp84-announcement-h:32px;--lp84-mobile-nav-h:76px;--lp84-safe:16px;}

/* Announcement must move on every live page, independent from older CSS. */
html body.live-body .live-announcement{
  display:block!important;position:relative!important;height:var(--lp84-announcement-h)!important;min-height:var(--lp84-announcement-h)!important;overflow:hidden!important;background:#080808!important;color:#fff!important;white-space:nowrap!important;line-height:var(--lp84-announcement-h)!important;z-index:7000!important;padding:0!important;text-decoration:none!important;
}
html body.live-body .live-announcement .lp84-marquee-clip{position:absolute!important;inset:0!important;overflow:hidden!important;display:block!important;}
html body.live-body .live-announcement .lp84-marquee-run{display:inline-flex!important;align-items:center!important;gap:52px!important;white-space:nowrap!important;width:max-content!important;min-width:200vw!important;will-change:transform!important;animation:lp84Marquee 17s linear infinite!important;}
html body.live-body .live-announcement .lp84-marquee-run b{display:inline-block!important;font-size:11px!important;line-height:var(--lp84-announcement-h)!important;letter-spacing:.16em!important;font-weight:800!important;text-transform:uppercase!important;white-space:nowrap!important;}
@keyframes lp84Marquee{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-50%,0,0)}}
@media (prefers-reduced-motion:reduce){html body.live-body .live-announcement .lp84-marquee-run{animation-duration:35s!important;}}

/* Favorite button feedback. */
html body.live-body .quick-favorite-btn.is-favorite{font-weight:700!important;color:#111!important;}
html body.live-body .quick-favorite-btn.is-favorite::after{content:' ✓';}

/* Product mobile gallery carousel. */
.lp84-gallery-dots{display:none;}
@media(max-width:900px){
  html body.live-body{padding-bottom:calc(var(--lp84-mobile-nav-h) + env(safe-area-inset-bottom))!important;}
  /* Mobile header: logo + hamburger only; all customer actions live in bottom menu. */
  html body.live-body .quick-links.zara-actions,
  html body.live-body .top-icon-actions,
  html body.live-body .zara-header .quick-links{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}
  html body.live-body .department-links{display:none!important;}
  html body.live-body .zara-header{position:fixed!important;top:var(--lp84-announcement-h)!important;left:0!important;right:0!important;height:66px!important;min-height:66px!important;z-index:6600!important;display:grid!important;grid-template-columns:52px 1fr 52px!important;align-items:center!important;padding:0 var(--lp84-safe)!important;background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.28),rgba(255,255,255,0))!important;border:0!important;box-shadow:none!important;}
  html body.live-body .zara-header .header-left{display:contents!important;}
  html body.live-body .zara-header .hamburger{grid-column:1!important;justify-self:start!important;align-self:center!important;margin:0!important;width:36px!important;height:24px!important;gap:6px!important;}
  html body.live-body .zara-header .hamburger span{display:block!important;width:36px!important;height:1.5px!important;background:currentColor!important;}
  html body.live-body .zara-header .brand.zara-logo{grid-column:2!important;justify-self:center!important;align-self:center!important;width:92px!important;height:58px!important;max-width:92px!important;display:grid!important;place-items:center!important;margin:0!important;}
  html body.live-body .zara-header .brand.zara-logo .live-logo-img{display:block!important;width:auto!important;height:auto!important;max-width:76px!important;max-height:52px!important;background:transparent!important;border:0!important;box-shadow:none!important;filter:none!important;opacity:1!important;}
  html body.live-body.lp-nav-dark .zara-header .brand.zara-logo .live-logo-img{filter:none!important;}

  /* Mobile hero/block text is centered only on mobile. */
  html body.live-body .z-hero-caption,
  html body.live-body .z-editorial-copy,
  html body.live-body .z-text-block,
  html body.live-body .home-block-head{text-align:center!important;align-items:center!important;justify-items:center!important;margin-left:auto!important;margin-right:auto!important;}
  html body.live-body .z-hero-caption{left:18px!important;right:18px!important;max-width:calc(100vw - 36px)!important;display:flex!important;flex-direction:column!important;align-items:center!important;}
  html body.live-body .z-hero-caption strong,
  html body.live-body .z-hero-caption span,
  html body.live-body .z-editorial-copy h2,
  html body.live-body .z-editorial-copy p,
  html body.live-body .z-text-block h2,
  html body.live-body .z-text-block p,
  html body.live-body .home-block-head h2,
  html body.live-body .home-block-head p{margin-left:auto!important;margin-right:auto!important;text-align:center!important;}
  html body.live-body .z-hero-caption em,
  html body.live-body .z-editorial-copy .btn,
  html body.live-body .z-text-block .btn,
  html body.live-body .home-block-head a{margin-left:auto!important;margin-right:auto!important;align-self:center!important;justify-self:center!important;}

  /* Fixed app-style mobile bottom menu: four aligned items. */
  html body.live-body .mobile-live-bottom-nav.mobile-nav-v83{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:6900!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important;background:rgba(255,255,255,.985)!important;border-top:1px solid rgba(0,0,0,.10)!important;box-shadow:0 -10px 32px rgba(0,0,0,.08)!important;padding:6px 0 calc(6px + env(safe-area-inset-bottom))!important;height:auto!important;min-height:var(--lp84-mobile-nav-h)!important;}
  html body.live-body .mobile-live-bottom-nav.mobile-nav-v83 a{height:64px!important;min-height:64px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;color:#0a0a0a!important;text-decoration:none!important;text-transform:none!important;letter-spacing:0!important;font-size:11px!important;font-weight:500!important;line-height:1!important;padding:0!important;margin:0!important;}
  html body.live-body .mobile-live-bottom-nav.mobile-nav-v83 .mb-icon{width:25px!important;height:25px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;}
  html body.live-body .mobile-live-bottom-nav.mobile-nav-v83 svg{width:24px!important;height:24px!important;display:block!important;fill:currentColor!important;stroke:none!important;}
  html body.live-body .mobile-live-bottom-nav.mobile-nav-v83 em{display:block!important;font-style:normal!important;font-weight:500!important;font-size:11px!important;line-height:1!important;margin:0!important;}

  /* Mobile product-gallery carousel. */
  html body.live-body .z-product-page{display:block!important;padding-left:0!important;padding-right:0!important;}
  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;padding:0!important;margin:0!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;height:auto!important;aspect-ratio:3/4!important;object-fit:cover!important;scroll-snap-align:start!important;border-radius:0!important;}
  html body.live-body .lp84-gallery-dots{display:flex!important;justify-content:center!important;gap:8px!important;padding:12px 0 6px!important;}
  html body.live-body .lp84-gallery-dots button{width:7px!important;height:7px!important;min-height:0!important;padding:0!important;border:1px solid #111!important;border-radius:999px!important;background:transparent!important;font-size:0!important;}
  html body.live-body .lp84-gallery-dots button.is-active{background:#111!important;}

  /* Mobile checkout page as app-ready checkout. */
  html body.live-body .mobile-checkout-v84{padding:92px 16px calc(92px + env(safe-area-inset-bottom))!important;}
  html body.live-body .mobile-checkout-v84 h1{font-size:clamp(34px,12vw,58px)!important;line-height:.95!important;margin:0 0 24px!important;text-align:left!important;}
  html body.live-body .mobile-checkout-v84 .checkout-grid{display:flex!important;flex-direction:column!important;gap:24px!important;}
  html body.live-body .mobile-checkout-v84 .z-form-panel,
  html body.live-body .mobile-checkout-v84 .summary{border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;}
  html body.live-body .mobile-checkout-v84 .form-grid{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;}
  html body.live-body .mobile-checkout-v84 .field label{font-weight:700!important;font-size:11px!important;letter-spacing:.08em!important;}
  html body.live-body .mobile-checkout-v84 button{width:100%!important;min-height:48px!important;}
  html body.live-body .mobile-checkout-v84 .checkout-summary-line{border-bottom:1px solid #e5e2dc!important;padding:14px 0!important;}
}