/* LPITA V73 — fixed moving announcement, aligned header, single transparent logo, drawer logo, cart remove */
:root{--lp-ann:32px!important;--lp-head:88px!important;--lp-header-center:calc(var(--lp-ann) + 46px)!important}
body.live-body{--lp-ink:#111;--lp-paper:#fff;--lp-line:#d9d6cf}

/* announcement must always move */
body.live-body .live-announcement{
  position:fixed!important;inset:0 0 auto 0!important;height:var(--lp-ann)!important;line-height:var(--lp-ann)!important;
  background:#050505!important;color:#fff!important;z-index:2147483000!important;overflow:hidden!important;display:block!important;
  text-decoration:none!important;border:0!important;padding:0!important;white-space:nowrap!important
}
body.live-body .live-announcement .announcement-track{
  display:inline-flex!important;align-items:center!important;gap:84px!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:lpitaV73Marquee 20s linear infinite!important;transform:translate3d(0,0,0)!important
}
body.live-body .live-announcement .announcement-track b{
  display:inline-flex!important;align-items:center!important;height:var(--lp-ann)!important;color:#fff!important;
  font:900 11px/var(--lp-ann) Montserrat,Arial,sans-serif!important;letter-spacing:.18em!important;text-transform:uppercase!important;
  white-space:nowrap!important;opacity:1!important
}
body.live-body .live-announcement:hover .announcement-track{animation-play-state:running!important}
@keyframes lpitaV73Marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

/* fixed transparent header grid */
body.live-body .site-header.zara-header{
  position:fixed!important;top:var(--lp-ann)!important;left:0!important;right:0!important;height:var(--lp-head)!important;
  z-index:2147482000!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;
  padding:0!important;margin:0!important;display:block!important;pointer-events:none!important;color:#111!important
}
body.live-body .site-header.zara-header:before,
body.live-body .site-header.zara-header:after{display:none!important;content:none!important}
body.live-body .header-left{display:block!important;position:static!important;pointer-events:none!important}
body.live-body .department-links{display:none!important}

/* hamburger, centered logo, and right icons share one line */
body.live-body .hamburger{
  position:fixed!important;left:38px!important;top:calc(var(--lp-header-center) - 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;box-shadow:none!important;border-radius:0!important;z-index:2147482100!important;
  pointer-events:auto!important;transform:none!important
}
body.live-body .hamburger span{display:block!important;width:58px!important;height:1px!important;background:currentColor!important;margin:0!important;border:0!important}
body.live-body .brand.zara-logo{
  position:fixed!important;left:50%!important;top:calc(var(--lp-header-center) - 36px)!important;transform:translateX(-50%)!important;
  width:72px!important;height:72px!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;overflow:visible!important;
  z-index:2147482050!important;pointer-events:auto!important;color:#111!important;opacity:1!important;mix-blend-mode:normal!important
}
body.live-body .brand.zara-logo .live-logo-stack{display:contents!important}
body.live-body .brand.zara-logo .logo-inverse{display:none!important;opacity:0!important;visibility:hidden!important}
body.live-body .brand.zara-logo .lpita-single-logo,
body.live-body .brand.zara-logo .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;padding:0!important;margin:0!important;
  opacity:1!important;visibility:visible!important;filter:brightness(0) contrast(1.55)!important
}
body.live-body.lp-nav-dark .brand.zara-logo .lpita-single-logo,
body.live-body.lp-nav-dark .brand.zara-logo .live-logo-img,
body.live-body .brand.zara-logo.lp-on-dark .lpita-single-logo,
body.live-body .brand.zara-logo.lp-on-dark .live-logo-img{filter:brightness(0) invert(1) contrast(1.25)!important}

/* top right actions are aligned with logo */
body.live-body .quick-links.zara-actions.top-icon-actions{
  position:fixed!important;right:38px!important;top:calc(var(--lp-header-center) - 13px)!important;height:26px!important;
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:18px!important;
  margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;z-index:2147482100!important;
  color:#111!important;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important;mix-blend-mode:normal!important
}
body.live-body .top-icon-actions .ql-locale{order:-10!important}
body.live-body .top-icon-actions .ql-search{order:-9!important}
body.live-body .top-icon-actions .ql-bag{order:-8!important}
body.live-body .top-icon-actions .ql-account{order:-7!important}
body.live-body .top-icon-actions .ql-help{order:-6!important}
body.live-body .top-icon-actions .ql-contact{order:-5!important}
body.live-body .top-icon-actions a,
body.live-body .top-icon-actions summary{
  width:24px!important;height:24px!important;display:grid!important;place-items:center!important;color:currentColor!important;background:transparent!important;
  border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0!important;line-height:1!important;cursor:pointer!important;position:relative!important
}
body.live-body .top-icon-actions .top-action-label{display:none!important}
body.live-body .top-icon-actions svg,
body.live-body .top-icon-actions .mnav-svg{display:block!important;width:20px!important;height:20px!important;fill:currentColor!important;color:currentColor!important}
body.live-body .top-icon-actions .ql-bag em{
  position:absolute!important;right:-8px!important;top:-11px!important;min-width:17px!important;height:17px!important;border-radius:999px!important;
  display:grid!important;place-items:center!important;background:currentColor!important;color:#fff!important;font:900 10px/1 Montserrat,Arial,sans-serif!important;border:0!important;
  padding:0 4px!important;z-index:3!important
}
body.live-body.lp-nav-dark .hamburger,
body.live-body.lp-nav-dark .top-icon-actions,
body.live-body .hamburger.lp-on-dark,
body.live-body .top-icon-actions.lp-on-dark{color:#fff!important}
body.live-body:not(.lp-nav-dark) .hamburger,
body.live-body:not(.lp-nav-dark) .top-icon-actions,
body.live-body .hamburger.lp-on-light,
body.live-body .top-icon-actions.lp-on-light{color:#111!important}

/* Drawer: logo visible when menu expands */
body.live-body .drawer.zara-drawer{
  position:fixed!important;inset:0!important;width:100vw!important;height:100svh!important;background:#fff!important;color:#111!important;
  z-index:2147482500!important;overflow:auto!important;padding:clamp(28px,5vw,72px)!important;box-shadow:none!important;transform:translateX(-105%)!important;
  transition:transform .28s ease!important
}
body.live-body .drawer.zara-drawer.open{transform:translateX(0)!important}
body.live-body .zara-drawer .drawer-close{
  position:fixed!important;left:32px!important;top:calc(var(--lp-ann) + 34px)!important;width:44px!important;height:44px!important;background:#fff!important;
  color:#111!important;border:1px solid #ddd!important;box-shadow:none!important;border-radius:0!important;display:grid!important;place-items:center!important;
  font-size:28px!important;line-height:1!important;z-index:2147482600!important
}
body.live-body .zara-drawer .drawer-brand,
body.live-body .drawer-brand.drawer-brand-subtle{
  display:grid!important;place-items:center!important;width:100%!important;margin:0 0 34px!important;padding:0!important;background:transparent!important;border:0!important;
  box-shadow:none!important;opacity:1!important;visibility:visible!important;height:auto!important
}
body.live-body .zara-drawer .drawer-brand .live-logo-img,
body.live-body .zara-drawer .drawer-brand .lpita-single-logo{
  width:96px!important;height:96px!important;max-width:96px!important;max-height:96px!important;filter:brightness(0) contrast(1.55)!important;
  background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;object-fit:contain!important
}
body.live-body .zara-drawer .drawer-search{
  width:min(860px,calc(100vw - 64px))!important;margin:0 auto 46px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 180px!important;
  gap:0!important;border:1px solid #ddd!important;background:#fff!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;position:relative!important
}
body.live-body .zara-drawer .drawer-search input{height:58px!important;border:0!important;background:#fff!important;padding:0 22px!important;letter-spacing:.08em!important;text-transform:none!important;color:#111!important}
body.live-body .zara-drawer .drawer-search button{height:58px!important;border:0!important;background:#111!important;color:#fff!important;border-radius:0!important;font-weight:900!important;letter-spacing:.14em!important}
body.live-body .zara-drawer .drawer-grid{width:min(1180px,calc(100vw - 64px))!important;margin:0 auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(26px,5vw,72px)!important}
body.live-body .zara-drawer .drawer-grid h3{font-size:18px!important;line-height:1.1!important;letter-spacing:.08em!important;text-transform:uppercase!important;font-weight:800!important;margin:8px 0 26px!important}
body.live-body .zara-drawer .drawer-grid a{display:block!important;padding:13px 0!important;border-bottom:1px solid #e5e2dc!important;font-size:14px!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#111!important}

/* cart remove button reliability/appearance */
body.live-body .cart-remove-btn-v72{
  width:34px!important;height:34px!important;display:grid!important;place-items:center!important;background:#fff!important;color:#111!important;border:1px solid #111!important;
  border-radius:0!important;box-shadow:none!important;padding:0!important;font-size:18px!important;font-weight:400!important;line-height:1!important;cursor:pointer!important;z-index:5!important
}
body.live-body .cart-remove-btn-v72:hover{background:#111!important;color:#fff!important}

/* Mobile header alignment */
@media (max-width:760px){
  :root{--lp-ann:30px!important;--lp-head:68px!important;--lp-header-center:calc(var(--lp-ann) + 36px)!important}
  body.live-body .hamburger{left:16px!important;top:calc(var(--lp-header-center) - 10px)!important;width:36px!important;height:20px!important;gap:5px!important}
  body.live-body .hamburger span{width:36px!important}
  body.live-body .brand.zara-logo{top:calc(var(--lp-header-center) - 24px)!important;width:48px!important;height:48px!important}
  body.live-body .brand.zara-logo .lpita-single-logo,
  body.live-body .brand.zara-logo .live-logo-img{width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important}
  body.live-body .quick-links.zara-actions.top-icon-actions{right:12px!important;top:calc(var(--lp-header-center) - 11px)!important;height:22px!important;gap:10px!important}
  body.live-body .top-icon-actions a,
  body.live-body .top-icon-actions summary{width:22px!important;height:22px!important}
  body.live-body .top-icon-actions svg,
  body.live-body .top-icon-actions .mnav-svg{width:18px!important;height:18px!important}
  body.live-body .top-icon-actions .ql-help,
  body.live-body .top-icon-actions .ql-contact{display:none!important}
  body.live-body .zara-drawer{padding:78px 18px 28px!important}
  body.live-body .zara-drawer .drawer-close{left:14px!important;top:calc(var(--lp-ann) + 18px)!important}
  body.live-body .zara-drawer .drawer-brand{margin-bottom:22px!important}
  body.live-body .zara-drawer .drawer-brand .live-logo-img,
  body.live-body .zara-drawer .drawer-brand .lpita-single-logo{width:72px!important;height:72px!important;max-width:72px!important;max-height:72px!important}
  body.live-body .zara-drawer .drawer-search{width:100%!important;grid-template-columns:1fr!important;margin-bottom:28px!important}
  body.live-body .zara-drawer .drawer-search button{width:100%!important}
  body.live-body .zara-drawer .drawer-grid{width:100%!important;grid-template-columns:1fr!important;gap:24px!important}
}