/* LPITA V74 — final header icon line + real JS marquee override */
:root{
  --lp-ann:32px!important;
  --lp-head:88px!important;
  --lp-header-mid:78px!important;
  --lp-logo-size:82px!important;
  --lp-icon-size:22px!important;
  --lp-icon-gap:18px!important;
}
body.live-body{padding-top:0!important;overflow-x:hidden!important;background:#fff!important;color:#111!important}

/* moving announcement: CSS fallback, JS controls final movement */
html body.live-body .live-announcement{
  position:fixed!important;top:0!important;left:0!important;right:0!important;height:var(--lp-ann)!important;min-height:var(--lp-ann)!important;
  display:block!important;overflow:hidden!important;background:#050505!important;color:#fff!important;z-index:2147483600!important;
  line-height:var(--lp-ann)!important;padding:0!important;margin:0!important;border:0!important;text-decoration:none!important;white-space:nowrap!important;
}
html body.live-body .live-announcement .announcement-track{
  display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:92px!important;width:max-content!important;min-width:max-content!important;
  height:var(--lp-ann)!important;line-height:var(--lp-ann)!important;white-space:nowrap!important;will-change:transform!important;
  animation:lpitaV74CssMarquee 18s linear infinite!important;transform:translate3d(0,0,0);
}
html body.live-body .live-announcement .announcement-track b{
  display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;height:var(--lp-ann)!important;line-height:var(--lp-ann)!important;
  font-family:Montserrat,Arial,sans-serif!important;font-size:11px!important;font-weight:900!important;letter-spacing:.19em!important;text-transform:uppercase!important;
  color:#fff!important;white-space:nowrap!important;opacity:1!important;
}
@keyframes lpitaV74CssMarquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-33.333%,0,0)}}
html body.live-body .live-announcement:hover .announcement-track{animation-play-state:running!important}

/* header line: hamburger, centered logo, top-right icons on exactly the same horizontal rhythm */
html body.live-body header.site-header.zara-header{
  position:fixed!important;top:var(--lp-ann)!important;left:0!important;right:0!important;height:var(--lp-head)!important;
  display:block!important;background:transparent!important;border:0!important;border-bottom:1px solid rgba(0,0,0,.08)!important;box-shadow:none!important;
  backdrop-filter:none!important;padding:0!important;margin:0!important;z-index:2147483200!important;pointer-events:none!important;color:#111!important;
}
html body.live-body header.site-header.zara-header:before,
html body.live-body header.site-header.zara-header:after{content:none!important;display:none!important}
html body.live-body .header-left{display:block!important;position:static!important;pointer-events:none!important}
html body.live-body .department-links{display:none!important}

/* hamburger exactly on the header line */
html body.live-body button.hamburger,
html body.live-body .site-header.zara-header button.hamburger{
  position:fixed!important;left:38px!important;top:calc(var(--lp-header-mid) - 12px)!important;width:58px!important;height:24px!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;gap:7px!important;margin:0!important;padding:0!important;
  color:#111!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;z-index:2147483300!important;
  pointer-events:auto!important;transform:none!important;opacity:1!important;visibility:visible!important;
}
html body.live-body button.hamburger span{display:block!important;width:58px!important;height:1px!important;margin:0!important;background:currentColor!important;border:0!important}

/* centered transparent logo — one logo only */
html body.live-body a.brand.zara-logo,
html body.live-body .site-header.zara-header a.brand.zara-logo{
  position:fixed!important;left:50%!important;top:calc(var(--lp-header-mid) - (var(--lp-logo-size) / 2))!important;transform:translateX(-50%)!important;
  width:var(--lp-logo-size)!important;height:var(--lp-logo-size)!important;display:grid!important;place-items:center!important;
  background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;margin:0!important;padding:0!important;line-height:0!important;
  z-index:2147483250!important;pointer-events:auto!important;overflow:visible!important;opacity:1!important;visibility:visible!important;color:#111!important;mix-blend-mode:normal!important;
}
html body.live-body .brand.zara-logo .live-logo-combo,
html body.live-body .brand.zara-logo .live-logo-stack{display:contents!important;background:transparent!important;border:0!important;box-shadow:none!important}
html body.live-body .brand.zara-logo .z-wordmark{display:none!important}
html body.live-body .brand.zara-logo .live-logo-img,
html body.live-body .brand.zara-logo .lpita-single-logo{
  width:var(--lp-logo-size)!important;height:var(--lp-logo-size)!important;max-width:var(--lp-logo-size)!important;max-height:var(--lp-logo-size)!important;
  object-fit:contain!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0!important;
  opacity:1!important;visibility:visible!important;filter:brightness(0) contrast(1.8)!important;
}
html body.live-body.lp-nav-dark .brand.zara-logo .live-logo-img,
html body.live-body.lp-nav-dark .brand.zara-logo .lpita-single-logo,
html body.live-body .brand.zara-logo.lp-on-dark .live-logo-img,
html body.live-body .brand.zara-logo.lp-on-dark .lpita-single-logo{filter:brightness(0) invert(1) contrast(1.25)!important}

/* top-right icons: locked to the requested top-right line, not down in the content */
html body.live-body nav.quick-links.zara-actions,
html body.live-body nav.quick-links.zara-actions.top-icon-actions,
html body.live-body header.site-header.zara-header nav.quick-links.zara-actions.top-icon-actions{
  position:fixed!important;right:38px!important;top:calc(var(--lp-header-mid) - (var(--lp-icon-size) / 2))!important;height:var(--lp-icon-size)!important;min-height:0!important;
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:var(--lp-icon-gap)!important;
  margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  z-index:2147483300!important;color:#111!important;opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important;pointer-events:auto!important;mix-blend-mode:normal!important;
}
html body.live-body nav.quick-links.zara-actions:before,
html body.live-body nav.quick-links.zara-actions:after,
html body.live-body .top-icon-actions a:before,
html body.live-body .top-icon-actions a:after,
html body.live-body .top-icon-actions summary:before,
html body.live-body .top-icon-actions summary:after{content:none!important;display:none!important;border:0!important;background:none!important}
html body.live-body .top-icon-actions a,
html body.live-body .top-icon-actions summary,
html body.live-body .top-icon-actions details{
  position:relative!important;width:var(--lp-icon-size)!important;height:var(--lp-icon-size)!important;min-width:var(--lp-icon-size)!important;min-height:var(--lp-icon-size)!important;
  display:grid!important;place-items:center!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;
  color:currentColor!important;line-height:1!important;font-size:0!important;cursor:pointer!important;opacity:1!important;visibility:visible!important;transform:none!important;
}
html body.live-body .top-icon-actions details{display:block!important;width:var(--lp-icon-size)!important;height:var(--lp-icon-size)!important}
html body.live-body .top-icon-actions details>summary{list-style:none!important}
html body.live-body .top-icon-actions details>summary::-webkit-details-marker{display:none!important}
html body.live-body .top-icon-actions .top-action-label{display:none!important}
html body.live-body .top-icon-actions svg,
html body.live-body .top-icon-actions .mnav-svg,
html body.live-body .top-icon-actions .top-action-icon{
  display:block!important;width:var(--lp-icon-size)!important;height:var(--lp-icon-size)!important;max-width:var(--lp-icon-size)!important;max-height:var(--lp-icon-size)!important;
  fill:currentColor!important;color:currentColor!important;line-height:0!important;
}
html body.live-body .top-icon-actions .ql-bag em{
  position:absolute!important;right:-7px!important;top:-9px!important;min-width:16px!important;height:16px!important;display:grid!important;place-items:center!important;
  background:#111!important;color:#fff!important;border:1px solid #fff!important;border-radius:999px!important;font:900 9px/1 Montserrat,Arial,sans-serif!important;
  padding:0 4px!important;margin:0!important;z-index:4!important;
}
html body.live-body.lp-nav-dark .hamburger,
html body.live-body.lp-nav-dark .top-icon-actions,
html body.live-body .hamburger.lp-on-dark,
html body.live-body .top-icon-actions.lp-on-dark{color:#fff!important}
html body.live-body.lp-nav-dark .top-icon-actions .ql-bag em,
html body.live-body .top-icon-actions.lp-on-dark .ql-bag em{background:#fff!important;color:#111!important;border-color:#111!important}
html body.live-body:not(.lp-nav-dark) .hamburger,
html body.live-body:not(.lp-nav-dark) .top-icon-actions,
html body.live-body .hamburger.lp-on-light,
html body.live-body .top-icon-actions.lp-on-light{color:#111!important}

/* locale popup should open below icon without pushing the icon line */
html body.live-body .top-locale-panel{
  position:absolute!important;right:0!important;top:calc(100% + 14px)!important;width:260px!important;display:grid!important;gap:10px!important;background:#fff!important;color:#111!important;
  border:1px solid #111!important;box-shadow:0 18px 45px rgba(0,0,0,.12)!important;padding:14px!important;z-index:2147483400!important;
}
html body.live-body .top-locale-switcher:not([open]) .top-locale-panel{display:none!important}
html body.live-body .top-locale-panel label{display:grid!important;gap:6px!important;font:800 10px/1 Montserrat,Arial,sans-serif!important;text-transform:uppercase!important;letter-spacing:.12em!important;color:#777!important}
html body.live-body .top-locale-panel select,
html body.live-body .top-locale-panel button{height:42px!important;border:1px solid #111!important;border-radius:0!important;background:#fff!important;color:#111!important;padding:0 10px!important;font:800 12px/1 Montserrat,Arial,sans-serif!important;text-transform:uppercase!important}
html body.live-body .top-locale-panel button{background:#111!important;color:#fff!important}

/* when drawer is open, hide page header icons/logo so the drawer logo is the only logo */
html body.live-body.live-menu-open header.site-header.zara-header .brand.zara-logo,
html body.live-body.live-menu-open header.site-header.zara-header .quick-links.zara-actions,
html body.live-body.live-menu-open header.site-header.zara-header .hamburger{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
html body.live-body.live-menu-open .drawer.zara-drawer .drawer-brand{display:grid!important;opacity:1!important;visibility:visible!important}

/* drawer logo and menu */
html body.live-body .drawer.zara-drawer .drawer-brand .live-logo-img,
html body.live-body .drawer.zara-drawer .drawer-brand .lpita-single-logo{filter:brightness(0) contrast(1.85)!important;background:transparent!important;border:0!important;box-shadow:none!important}

@media (max-width:760px){
  :root{--lp-ann:30px!important;--lp-head:62px!important;--lp-header-mid:62px!important;--lp-logo-size:54px!important;--lp-icon-size:18px!important;--lp-icon-gap:10px!important}
  html body.live-body button.hamburger{left:16px!important;top:calc(var(--lp-header-mid) - 10px)!important;width:36px!important;height:20px!important;gap:5px!important}
  html body.live-body button.hamburger span{width:36px!important}
  html body.live-body nav.quick-links.zara-actions.top-icon-actions{right:10px!important;top:calc(var(--lp-header-mid) - 9px)!important;gap:10px!important}
  html body.live-body .top-icon-actions .ql-help,
  html body.live-body .top-icon-actions .ql-contact{display:none!important}
  html body.live-body .live-announcement .announcement-track{gap:56px!important}
  html body.live-body .live-announcement .announcement-track b{font-size:9px!important;letter-spacing:.13em!important}
}