/* EL home hero 2026-10-06 (encore-home-hero-20261006)
   Encore Luxe homepage only: loaded by EncoreLuxe_Catalog::home/hero-head.phtml when encore.home exists (Denisa removes it).
   Top banner (triptych photo + "Luxury deserves an encore.") -> search bar -> centred serif "New Arrivals" with a caret.
   Everything is scoped to .elh (the .lx-home wrapper on the Encore home). Banner image files: pub/media/encore/home-hero/.
   Rollback: /data/web/magento2/var/clbak/encore-home-hero-20261006/rollback.sh */
.elh{--elh-ink:#101820;--elh-green:#1F5C3F;--elh-muted:#5b6570;--elh-line:#d9dbdd;--elh-serif:"Source Serif 4","Iowan Old Style",Georgia,"Times New Roman",serif;--elh-sans:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;--elh-gutter:16px}
@media (min-width:768px){.elh{--elh-gutter:clamp(24px,3vw,40px)}}

/* ---------- top banner ---------- */
/* edge to edge: break out of any page container (no side margins, padding, radius or max-width) */
html body#html-body .elh .elh-hero{position:relative;display:block;box-sizing:border-box;width:100vw!important;max-width:100vw!important;margin:0 0 0 calc(50% - 50vw)!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent;overflow:hidden}
@supports (width:100dvw){html body#html-body .elh .elh-hero{width:100dvw!important;max-width:100dvw!important;margin-left:calc(50% - 50dvw)!important}}
html body#html-body .elh .elh-hero__media{display:block;margin:0;width:100%;line-height:0}
html body#html-body .elh .elh-hero__img{display:block;width:100%;height:auto;max-width:none;margin:0;border:0;border-radius:0;object-fit:cover;object-position:50% 50%;background:#efece7}
html body#html-body .elh .elh-hero__scrim{display:none}
/* phones/tablets (wide image, no phone crop): headline set below the photo on white */
html body#html-body .elh .elh-hero__content{position:static;padding:22px var(--elh-gutter) 6px;text-align:left;color:var(--elh-ink)}
html body#html-body .elh .elh-hero__title{margin:0!important;padding:0;font-family:var(--elh-serif)!important;font-style:italic!important;font-weight:400!important;font-size:clamp(2rem,8.6vw,2.6rem)!important;line-height:1.06!important;letter-spacing:-.012em!important;text-transform:none!important;color:var(--elh-ink)!important;max-width:16ch;text-wrap:balance}
html body#html-body .elh .elh-hero__sub{margin:12px 0 0!important;font:600 11px/1.4 var(--elh-sans)!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:var(--elh-muted)!important}
html body#html-body .elh .elh-hero__btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:18px;padding:0 26px;border:1px solid var(--elh-ink);border-radius:0;background:transparent;color:var(--elh-ink)!important;font:600 11px/1 var(--elh-sans)!important;letter-spacing:.2em!important;text-transform:uppercase!important;text-decoration:none!important;transition:background-color .2s ease,color .2s ease}
html body#html-body .elh .elh-hero__btn:hover{background:var(--elh-ink);color:#fff!important}
html body#html-body .elh .elh-hero__btn:focus-visible{outline:2px solid var(--elh-green);outline-offset:3px}

/* overlay layout: desktop always; phones too when a dedicated phone crop exists (.elh-hero--m-crop) */
@media (min-width:768px){
  html body#html-body .elh .elh-hero__scrim{display:block;position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(16,24,32,.6) 0%,rgba(16,24,32,.32) 34%,rgba(16,24,32,0) 64%),linear-gradient(90deg,rgba(16,24,32,.34) 0%,rgba(16,24,32,.12) 26%,rgba(16,24,32,0) 40%)}
  html body#html-body .elh .elh-hero__content{position:absolute;left:0;bottom:0;padding:0 var(--elh-gutter) clamp(28px,3.4vw,52px);color:#fff}
  html body#html-body .elh .elh-hero__title{color:#fff!important;font-size:clamp(2rem,4vw,4rem)!important;line-height:1.02!important;max-width:none;white-space:nowrap;text-shadow:0 1px 18px rgba(16,24,32,.35)}
  html body#html-body .elh .elh-hero__sub{color:rgba(255,255,255,.92)!important;margin-top:14px!important;text-shadow:0 1px 8px rgba(16,24,32,.4)}
  html body#html-body .elh .elh-hero__btn{border-color:#fff;color:#fff!important;margin-top:20px;min-height:46px;padding:0 30px}
  html body#html-body .elh .elh-hero__btn:hover{background:#fff;color:var(--elh-ink)!important}
  html body#html-body .elh .elh-hero__btn:focus-visible{outline-color:#fff}
}
@media (max-width:767px){
  html body#html-body .elh .elh-hero--m-crop .elh-hero__scrim{display:block;position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(16,24,32,.74) 0%,rgba(16,24,32,.5) 30%,rgba(16,24,32,.12) 56%,rgba(16,24,32,0) 70%)}
  html body#html-body .elh .elh-hero--m-crop .elh-hero__content{position:absolute;left:0;right:0;bottom:0;padding:0 var(--elh-gutter) 22px;color:#fff}
  html body#html-body .elh .elh-hero--m-crop .elh-hero__title{color:#fff!important;font-size:clamp(2rem,9vw,2.6rem)!important;text-shadow:0 1px 16px rgba(16,24,32,.45)}
  html body#html-body .elh .elh-hero--m-crop .elh-hero__sub{color:rgba(255,255,255,.94)!important;margin-top:10px!important;text-shadow:0 1px 8px rgba(16,24,32,.5)}
  html body#html-body .elh .elh-hero--m-crop .elh-hero__btn{border-color:#fff;color:#fff!important;margin-top:16px}
  html body#html-body .elh .elh-hero--m-crop .elh-hero__btn:hover{background:#fff;color:var(--elh-ink)!important}
  html body#html-body .elh .elh-hero--m-crop .elh-hero__btn:focus-visible{outline-color:#fff}
}

/* ---------- search bar (existing Magento quick search: catalogsearch/result?q=) ---------- */
html body#html-body .elh .elh-search{position:relative;display:block;margin:20px var(--elh-gutter) 0;max-width:none}
@media (min-width:1024px){html body#html-body .elh .elh-search{max-width:720px;margin:32px auto 0}}
html body#html-body .elh .elh-search__input{display:block;width:100%;height:48px;margin:0;padding:0 52px 0 16px;border:1px solid #9aa0a6!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;color:var(--elh-ink)!important;font:400 16px/1.2 var(--elh-sans)!important;letter-spacing:0;-webkit-appearance:none;appearance:none}
html body#html-body .elh .elh-search__input::placeholder{color:#7a828a;opacity:1}
html body#html-body .elh .elh-search__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
html body#html-body .elh .elh-search__input:focus{outline:none;border-color:var(--elh-ink)!important;box-shadow:0 0 0 1px var(--elh-ink)!important}
html body#html-body .elh .elh-search__btn{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0;padding:0;border:0;background:transparent;color:var(--elh-ink);cursor:pointer}
html body#html-body .elh .elh-search__btn:focus-visible{outline:2px solid var(--elh-green);outline-offset:-4px}

/* ---------- New Arrivals: centred serif title + small caret, 2 columns on phones ---------- */
html body#html-body .elh .lx-arrivals.elh-arrivals{padding-top:clamp(28px,4vw,48px)!important}
html body#html-body .elh .elh-arrivals .elh-arrivals__head{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin:0 0 clamp(20px,3vw,32px)!important;padding:0!important;border:0!important;text-align:center!important}
html body#html-body .elh .lx-arrivals .elh-arrivals__title{margin:0!important;font-family:var(--elh-serif)!important;font-style:italic!important;font-weight:400!important;font-size:clamp(1.75rem,6.4vw,2.4rem)!important;line-height:1.1!important;letter-spacing:-.005em!important;text-transform:none!important;color:var(--elh-ink)!important;text-align:center!important}
html body#html-body .elh .elh-arrivals__caret{display:block;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:8px solid var(--elh-green)}
html body#html-body .elh .elh-arrivals .lx-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media (min-width:768px){html body#html-body .elh .elh-arrivals .lx-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (min-width:1200px){html body#html-body .elh .elh-arrivals .lx-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
html body#html-body .elh .elh-arrivals__more{margin:clamp(24px,4vw,40px) 0 0!important;text-align:center}
html body#html-body .elh .elh-arrivals__all{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 28px;border:1px solid var(--elh-ink);color:var(--elh-ink)!important;font:600 11px/1 var(--elh-sans)!important;letter-spacing:.2em!important;text-transform:uppercase!important;text-decoration:none!important;transition:background-color .2s ease,color .2s ease}
html body#html-body .elh .elh-arrivals__all:hover{background:var(--elh-ink);color:#fff!important}
@media (prefers-reduced-motion:reduce){html body#html-body .elh .elh-hero__btn,html body#html-body .elh .elh-arrivals__all{transition:none}}