/* =========================================================
   LHS SIGNATURE PRODUCT HERO RESTORE — July 19, 2026
   Restores the dedicated Apple-style editorial hero treatment
   for the 14 men's product-detail pages. These pages are
   intentionally excluded from the generic unified-banner logic.
   ========================================================= */

.lhs-signature-experience-page .lhs-signature-hero{
  position:relative!important;
  height:auto!important;
  min-height:clamp(660px,88vh,900px)!important;
  max-height:none!important;
  overflow:hidden!important;
  background:#ece8e1!important;
  color:#fff!important;
}

.lhs-signature-experience-page .lhs-signature-hero-media,
.lhs-signature-experience-page .lhs-signature-hero-overlay{
  position:absolute!important;
  inset:0!important;
}

.lhs-signature-experience-page .lhs-signature-hero-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:var(--lhs-signature-focus-x,68%) var(--lhs-signature-focus-y,58%)!important;
  background:transparent!important;
  transform:scale(1.035)!important;
  transform-origin:center center!important;
}

.lhs-signature-experience-page .lhs-signature-hero-overlay{
  background:
    linear-gradient(90deg,rgba(8,8,8,.84) 0%,rgba(8,8,8,.58) 34%,rgba(8,8,8,.12) 69%,rgba(8,8,8,0) 100%),
    linear-gradient(0deg,rgba(8,8,8,.16),rgba(8,8,8,0) 36%)!important;
}

.lhs-signature-experience-page .lhs-signature-hero-content{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-height:inherit!important;
  height:auto!important;
  max-height:none!important;
  width:min(700px,calc(100% - 48px))!important;
  max-width:700px!important;
  margin-left:clamp(24px,8vw,150px)!important;
  margin-right:0!important;
  padding:145px 0 88px!important;
}

.lhs-signature-experience-page .lhs-signature-hero-content h1{
  max-width:780px!important;
  font-size:clamp(52px,6.2vw,94px)!important;
  line-height:.99!important;
  letter-spacing:-.052em!important;
}

.lhs-signature-experience-page .lhs-signature-hero-content>p:not(.lhs-signature-eyebrow){
  max-width:590px!important;
  margin-top:30px!important;
  font-size:clamp(18px,1.55vw,22px)!important;
  line-height:1.62!important;
}

.lhs-signature-experience-page .lhs-signature-primary-cta{
  margin-top:38px!important;
  padding:16px 27px!important;
  font-size:15px!important;
}

/* RTL changes reading direction and focal placement, never mirrors artwork. */
html[dir="rtl"] .lhs-signature-experience-page .lhs-signature-hero-media img{
  object-position:calc(100% - var(--lhs-signature-focus-x,68%)) var(--lhs-signature-focus-y,58%)!important;
}

html[dir="rtl"] .lhs-signature-experience-page .lhs-signature-hero-overlay{
  background:
    linear-gradient(270deg,rgba(8,8,8,.84) 0%,rgba(8,8,8,.58) 34%,rgba(8,8,8,.12) 69%,rgba(8,8,8,0) 100%),
    linear-gradient(0deg,rgba(8,8,8,.16),rgba(8,8,8,0) 36%)!important;
}

html[dir="rtl"] .lhs-signature-experience-page .lhs-signature-hero-content{
  direction:rtl!important;
  text-align:right!important;
  margin-left:0!important;
  margin-right:clamp(24px,8vw,150px)!important;
  align-items:flex-start!important;
}

html[dir="rtl"] .lhs-signature-experience-page .lhs-signature-hero-content h1{
  letter-spacing:0!important;
  line-height:1.16!important;
}

html[dir="rtl"] .lhs-signature-experience-page .lhs-signature-hero-content>p:not(.lhs-signature-eyebrow){
  line-height:1.8!important;
}

html[dir="rtl"] .lhs-signature-experience-page .lhs-signature-primary-cta{
  align-self:flex-start!important;
}

@media(max-width:900px){
  .lhs-signature-experience-page .lhs-signature-hero{
    height:auto!important;
    min-height:720px!important;
    max-height:none!important;
  }
  .lhs-signature-experience-page .lhs-signature-hero-media img,
  html[dir="rtl"] .lhs-signature-experience-page .lhs-signature-hero-media img{
    object-position:var(--lhs-signature-focus-x,62%) center!important;
    transform:scale(1.02)!important;
  }
  .lhs-signature-experience-page .lhs-signature-hero-overlay,
  html[dir="rtl"] .lhs-signature-experience-page .lhs-signature-hero-overlay{
    background:linear-gradient(0deg,rgba(8,8,8,.88) 0%,rgba(8,8,8,.42) 58%,rgba(8,8,8,.08) 100%)!important;
  }
  .lhs-signature-experience-page .lhs-signature-hero-content,
  html[dir="rtl"] .lhs-signature-experience-page .lhs-signature-hero-content{
    justify-content:flex-end!important;
    width:calc(100% - 48px)!important;
    max-width:680px!important;
    margin-left:24px!important;
    margin-right:24px!important;
    padding:120px 0 68px!important;
  }
  .lhs-signature-experience-page .lhs-signature-hero-content h1{
    font-size:clamp(46px,9.5vw,72px)!important;
  }
}

@media(max-width:560px){
  .lhs-signature-experience-page .lhs-signature-hero{
    min-height:665px!important;
  }
  .lhs-signature-experience-page .lhs-signature-hero-content,
  html[dir="rtl"] .lhs-signature-experience-page .lhs-signature-hero-content{
    width:calc(100% - 40px)!important;
    margin-left:20px!important;
    margin-right:20px!important;
    padding:100px 0 52px!important;
  }
  .lhs-signature-experience-page .lhs-signature-hero-content h1{
    font-size:clamp(43px,13vw,52px)!important;
    line-height:1!important;
  }
  html[dir="rtl"] .lhs-signature-experience-page .lhs-signature-hero-content h1{
    line-height:1.18!important;
  }
  .lhs-signature-experience-page .lhs-signature-hero-content>p:not(.lhs-signature-eyebrow){
    margin-top:22px!important;
    font-size:17px!important;
    line-height:1.58!important;
  }
  .lhs-signature-experience-page .lhs-signature-primary-cta{
    margin-top:28px!important;
    padding:15px 22px!important;
    font-size:14px!important;
  }
}

/* =========================================================
   MEN'S COLLECTION HERO RECOVERY
   Restores the original collection-specific art direction for
   Lace and Poly Skin after the generic hero layer.
   ========================================================= */

/* Lace collection keeps the editorial crop and slow zoom. */
.lhs-lace-page .lhs-lace-live-hero:not(.lhs-poly-live-hero){
  height:auto!important;
  min-height:470px!important;
  max-height:650px!important;
  aspect-ratio:2048 / 694!important;
  overflow:hidden!important;
}
.lhs-lace-page .lhs-lace-live-hero:not(.lhs-poly-live-hero)>.lhs-lace-live-bg{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:scale(1.015)!important;
  background:transparent!important;
}

/* Poly Skin keeps its dedicated 8:3 editorial frame. */
.lhs-poly-live-hero{
  height:500px!important;
  min-height:500px!important;
  max-height:500px!important;
  aspect-ratio:auto!important;
}
.lhs-poly-live-hero>.lhs-poly-live-final-image{
  object-fit:contain!important;
  object-position:right center!important;
  transform:translateY(6px)!important;
  background:transparent!important;
}

/* RTL repositions copy and artwork without mirroring product photography. */
html[dir="rtl"] .lhs-lace-page .lhs-lace-live-content{
  left:auto!important;
  right:clamp(34px,5vw,108px)!important;
  direction:rtl!important;
  text-align:right!important;
}
html[dir="rtl"] .lhs-lace-page .lhs-lace-live-eyebrow::after{
  margin-left:auto!important;
  margin-right:0!important;
  transform-origin:right!important;
}
html[dir="rtl"] .lhs-lace-page .lhs-lace-live-hero:not(.lhs-poly-live-hero)>.lhs-lace-live-bg{
  object-position:left center!important;
}
html[dir="rtl"] .lhs-lace-page .lhs-lace-live-shade{
  background:linear-gradient(270deg,rgba(35,20,11,.18) 0%,rgba(35,20,11,.08) 34%,rgba(35,20,11,0) 58%,rgba(8,6,4,.10) 100%)!important;
}
html[dir="rtl"] .lhs-poly-live-hero>.lhs-poly-live-final-image{
  object-position:left center!important;
}
html[dir="rtl"] .lhs-poly-live-overlay{
  background:linear-gradient(270deg,rgba(244,234,223,.96) 0%,rgba(244,234,223,.82) 24%,rgba(244,234,223,.30) 44%,rgba(244,234,223,0) 64%)!important;
}

@media(max-width:900px){
  .lhs-lace-page .lhs-lace-live-hero:not(.lhs-poly-live-hero){
    min-height:0!important;
    max-height:none!important;
  }
  .lhs-poly-live-hero{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  .lhs-poly-live-hero>.lhs-poly-live-final-image{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:8 / 3!important;
    object-fit:contain!important;
    transform:none!important;
  }
  html[dir="rtl"] .lhs-lace-page .lhs-lace-live-content{
    left:auto!important;
    right:auto!important;
    width:auto!important;
  }
}


/* LHS compact checkout availability note — July 19, 2026 */
.lhs-product-detail-body .lhs-checkout-payment-note {
  margin: 12px 2px 0;
  display: flex;
  align-items: center;
  gap: 9px;
  color: #756b60;
  font-size: 0.82rem;
  line-height: 1.5;
  letter-spacing: 0.01em;
}

.lhs-product-detail-body .lhs-checkout-payment-note::before {
  content: "";
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #b78946;
  box-shadow: 0 0 0 4px rgba(183, 137, 70, 0.11);
}

html[dir="rtl"] .lhs-product-detail-body .lhs-checkout-payment-note {
  direction: rtl;
  text-align: right;
  justify-content: flex-start;
}

@media (max-width: 640px) {
  .lhs-product-detail-body .lhs-checkout-payment-note {
    margin-top: 10px;
    font-size: 0.78rem;
  }
}