/* =========================================================
   FACCIO FOUR v3.4.0 — full editorial image system
   Loaded after all legacy theme styles so these rules are final.
   ========================================================= */

/* ---------- Homepage hero slider ---------- */
.faccio-home-slider{
  --faccio-hero-copy-bg:rgba(10,10,10,.42);
  position:relative;
  background:#111;
  overflow:hidden;
}
.faccio-home-slider__viewport{
  height:clamp(560px,calc(100svh - 150px),820px)!important;
  min-height:560px!important;
}
.faccio-home-slider__slide,
.faccio-home-slider__slide.is-active{
  inset:0!important;
  min-height:100%!important;
  background:#111!important;
}
.faccio-home-slider__backdrop{display:none!important;}
.faccio-home-slider__media,
.faccio-home-slider__slide--photo .faccio-home-slider__media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background:#111!important;
  overflow:hidden!important;
}
.faccio-home-slider__media::before{display:none!important;}
.faccio-home-slider__media::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.16))!important;
}
.faccio-home-slider__media img,
.faccio-home-slider__slide--photo .faccio-home-slider__media img,
.faccio-home-slider__slide--1 .faccio-home-slider__media img,
.faccio-home-slider__slide--2 .faccio-home-slider__media img,
.faccio-home-slider__slide--3 .faccio-home-slider__media img,
.faccio-home-slider__slide--4 .faccio-home-slider__media img,
.faccio-home-slider__slide--5 .faccio-home-slider__media img,
.faccio-home-slider__slide--6 .faccio-home-slider__media img,
.faccio-home-slider__slide--7 .faccio-home-slider__media img,
.faccio-home-slider__slide--8 .faccio-home-slider__media img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
  padding:0!important;
  margin:0!important;
  transform:none!important;
}
.faccio-home-slider__panel,
.faccio-home-slider__slide--panel-left .faccio-home-slider__panel,
.faccio-home-slider__slide--panel-right .faccio-home-slider__panel{
  position:absolute!important;
  top:50%!important;
  bottom:auto!important;
  z-index:5!important;
  width:min(400px,31vw)!important;
  max-width:400px!important;
  min-height:0!important;
  height:auto!important;
  padding:clamp(24px,2.2vw,34px)!important;
  transform:translateY(-50%)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  border-radius:20px!important;
  background:var(--faccio-hero-copy-bg)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.18)!important;
  -webkit-backdrop-filter:blur(10px) saturate(120%)!important;
  backdrop-filter:blur(10px) saturate(120%)!important;
  color:#fff!important;
  text-align:left!important;
  align-items:flex-start!important;
  justify-content:center!important;
}
.faccio-home-slider__slide--panel-left .faccio-home-slider__panel{left:clamp(28px,4vw,70px)!important;right:auto!important;}
.faccio-home-slider__slide--panel-right .faccio-home-slider__panel{right:clamp(28px,4vw,70px)!important;left:auto!important;}
.faccio-home-slider__copy{
  width:100%!important;
  max-width:none!important;
  text-align:left!important;
  color:#fff!important;
}
.faccio-home-slider .faccio-eyebrow{
  color:rgba(255,255,255,.88)!important;
  text-shadow:none!important;
}
.faccio-home-slider h1{
  max-width:10ch!important;
  margin:7px 0 0!important;
  color:#fff!important;
  font-size:clamp(43px,4vw,68px)!important;
  line-height:.96!important;
  text-wrap:balance;
  text-shadow:0 2px 24px rgba(0,0,0,.28)!important;
}
.faccio-home-slider__actions{justify-content:flex-start!important;margin-top:24px!important;gap:10px!important;flex-wrap:wrap!important;}
.faccio-home-slider__actions .faccio-btn{min-width:128px!important;}
.faccio-home-slider__actions .faccio-btn--dark{background:#fff!important;color:#111!important;border-color:#fff!important;}
.faccio-home-slider__actions .faccio-six-btn-outline{background:rgba(0,0,0,.12)!important;color:#fff!important;border-color:rgba(255,255,255,.68)!important;}
.faccio-home-slider__controls{z-index:8!important;}

/* Subtle side shade only where the copy sits. */
@media (min-width:1025px){
  .faccio-home-slider__slide--panel-left .faccio-home-slider__media::after{
    background:linear-gradient(90deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,.09) 34%,rgba(0,0,0,0) 57%)!important;
  }
  .faccio-home-slider__slide--panel-right .faccio-home-slider__media::after{
    background:linear-gradient(270deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,.09) 34%,rgba(0,0,0,0) 57%)!important;
  }
  /* Keep focal subjects away from copy zones. */
  .faccio-home-slider__slide--1 .faccio-home-slider__media img{object-position:44% center!important;}
  .faccio-home-slider__slide--2 .faccio-home-slider__media img{object-position:43% center!important;}
  .faccio-home-slider__slide--3 .faccio-home-slider__media img{object-position:58% center!important;}
  .faccio-home-slider__slide--4 .faccio-home-slider__media img{object-position:58% center!important;}
  .faccio-home-slider__slide--5 .faccio-home-slider__media img{object-position:58% center!important;}
  .faccio-home-slider__slide--6 .faccio-home-slider__media img{object-position:60% center!important;}
  .faccio-home-slider__slide--7 .faccio-home-slider__media img{object-position:60% center!important;}
  .faccio-home-slider__slide--8 .faccio-home-slider__media img{object-position:44% center!important;}
}

/* Tablet + phone: never place copy over the model/product. */
@media (max-width:1024px){
  .faccio-home-slider{background:#f3eee7!important;}
  .faccio-home-slider__viewport{
    height:auto!important;
    min-height:0!important;
  }
  .faccio-home-slider__slide,
  .faccio-home-slider__slide.is-active{
    position:relative!important;
    inset:auto!important;
    min-height:0!important;
    display:none!important;
    grid-template-rows:auto auto!important;
    opacity:1!important;
    visibility:visible!important;
    background:#f3eee7!important;
  }
  .faccio-home-slider__slide.is-active{display:grid!important;}
  .faccio-home-slider__media,
  .faccio-home-slider__slide--photo .faccio-home-slider__media{
    position:relative!important;
    inset:auto!important;
    grid-row:1!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:16/10!important;
    background:#151515!important;
    overflow:hidden!important;
  }
  .faccio-home-slider__backdrop{
    display:block!important;
    position:absolute!important;
    inset:-22px!important;
    z-index:0!important;
    background-size:cover!important;
    background-position:center!important;
    filter:blur(20px) brightness(.72) saturate(.94)!important;
    transform:scale(1.08)!important;
    opacity:1!important;
  }
  .faccio-home-slider__media img,
  .faccio-home-slider__slide--photo .faccio-home-slider__media img,
  .faccio-home-slider__slide--1 .faccio-home-slider__media img,
  .faccio-home-slider__slide--2 .faccio-home-slider__media img,
  .faccio-home-slider__slide--3 .faccio-home-slider__media img,
  .faccio-home-slider__slide--4 .faccio-home-slider__media img,
  .faccio-home-slider__slide--5 .faccio-home-slider__media img,
  .faccio-home-slider__slide--6 .faccio-home-slider__media img,
  .faccio-home-slider__slide--7 .faccio-home-slider__media img,
  .faccio-home-slider__slide--8 .faccio-home-slider__media img{
    position:relative!important;
    z-index:1!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  .faccio-home-slider__media::after{background:linear-gradient(180deg,rgba(0,0,0,.01),rgba(0,0,0,.12))!important;}
  .faccio-home-slider__panel,
  .faccio-home-slider__slide--panel-left .faccio-home-slider__panel,
  .faccio-home-slider__slide--panel-right .faccio-home-slider__panel{
    position:relative!important;
    inset:auto!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    min-height:250px!important;
    padding:28px 24px 82px!important;
    transform:none!important;
    border:0!important;
    border-radius:0!important;
    background:#f3eee7!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    color:#111!important;
    text-align:center!important;
    align-items:center!important;
  }
  .faccio-home-slider__copy{text-align:center!important;color:#111!important;}
  .faccio-home-slider .faccio-eyebrow{color:#8b1f28!important;}
  .faccio-home-slider h1{max-width:14ch!important;margin-inline:auto!important;color:#111!important;font-size:clamp(34px,6vw,50px)!important;text-shadow:none!important;}
  .faccio-home-slider__actions{justify-content:center!important;}
  .faccio-home-slider__actions .faccio-btn--dark{background:#111!important;color:#fff!important;border-color:#111!important;}
  .faccio-home-slider__actions .faccio-six-btn-outline{background:transparent!important;color:#111!important;border-color:#111!important;}
  .faccio-home-slider__controls{bottom:18px!important;}
}
@media (max-width:640px){
  .faccio-home-slider__media,
  .faccio-home-slider__slide--photo .faccio-home-slider__media{aspect-ratio:4/5!important;}
  .faccio-home-slider__panel,
  .faccio-home-slider__slide--panel-left .faccio-home-slider__panel,
  .faccio-home-slider__slide--panel-right .faccio-home-slider__panel{min-height:275px!important;padding:24px 18px 78px!important;}
  .faccio-home-slider h1{font-size:clamp(31px,9vw,43px)!important;}
  .faccio-home-slider__actions .faccio-btn{min-width:0!important;flex:1 1 130px!important;}
}

/* ---------- Homepage marketing imagery ---------- */
.faccio-six-audience-card,
.faccio-fragrance-showcase__card,
.faccio-accessories-house__card,
.faccio-six-department-card{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#e8ded2!important;
}
.faccio-six-audience-card img,
.faccio-fragrance-showcase__card>img,
.faccio-accessories-house__media img,
.faccio-six-department-card>img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
.faccio-six-audience-card{aspect-ratio:16/10!important;height:auto!important;min-height:0!important;}
.faccio-fragrance-showcase__card{aspect-ratio:16/9!important;min-height:0!important;}
.faccio-accessories-house__card{min-height:0!important;aspect-ratio:4/5!important;}
.faccio-accessories-house__media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;}
.faccio-accessories-house__card::after,
.faccio-fragrance-showcase__card::after,
.faccio-six-audience-card::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(180deg,rgba(0,0,0,.02) 28%,rgba(0,0,0,.60) 100%)!important;
  pointer-events:none!important;
}
.faccio-six-audience-card__copy,
.faccio-fragrance-showcase__copy,
.faccio-accessories-house__copy{z-index:2!important;}
.faccio-accessories-house__copy{position:absolute!important;left:24px!important;right:24px!important;bottom:24px!important;}

/* Homepage departments now use actual campaign imagery. */
.faccio-six-department-card{aspect-ratio:4/5!important;min-height:0!important;border-radius:22px!important;}
.faccio-six-department-card>img{position:absolute!important;inset:0!important;z-index:0!important;}
.faccio-six-department-card::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.03) 28%,rgba(0,0,0,.63) 100%);pointer-events:none;}
.faccio-six-department-card__copy{position:absolute!important;left:22px!important;right:22px!important;bottom:22px!important;z-index:2!important;color:#fff!important;}
.faccio-six-department-card__copy h3,
.faccio-six-department-card__copy small,
.faccio-six-department-card__copy a{color:#fff!important;}

/* ---------- Shared editorial page heroes ---------- */
.faccio-campaign-hero{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  min-height:clamp(360px,32vw,500px)!important;
  background:#f3eee7!important;
}
.faccio-campaign-hero::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0 0 0 48%;
  background-image:var(--faccio-campaign-image);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:var(--faccio-campaign-position,center);
}
.faccio-campaign-hero::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  background:linear-gradient(90deg,#f3eee7 0%,#f3eee7 39%,rgba(243,238,231,.90) 47%,rgba(243,238,231,.20) 64%,rgba(243,238,231,0) 78%);
  pointer-events:none;
}
.faccio-campaign-hero>.faccio-shell,
.faccio-campaign-hero .faccio-help-hero__inner,
.faccio-campaign-hero .faccio-legal-hero__inner,
.faccio-campaign-hero .faccio-account-hero__inner,
.faccio-campaign-hero .faccio-cart-hero__inner{
  position:relative!important;
  z-index:2!important;
  min-height:inherit!important;
}
.faccio-page-head.faccio-campaign-hero>.faccio-shell,
.faccio-shop-hero.faccio-campaign-hero>.faccio-shell{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  padding-right:54%!important;
}
.faccio-help-hero.faccio-campaign-hero .faccio-help-hero__inner,
.faccio-legal-hero.faccio-campaign-hero .faccio-legal-hero__inner,
.faccio-account-hero.faccio-campaign-hero .faccio-account-hero__inner,
.faccio-cart-hero.faccio-campaign-hero .faccio-cart-hero__inner{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:18px!important;
  padding-right:54%!important;
}
.faccio-campaign-hero .faccio-account-hero__mark,
.faccio-campaign-hero .faccio-cart-hero__mark{display:none!important;}
.faccio-campaign-hero .faccio-legal-date{margin-top:10px!important;align-self:flex-start!important;}
.faccio-campaign-hero h1{max-width:12ch;text-wrap:balance;}
.faccio-campaign-hero p{max-width:58ch;}

@media (max-width:900px){
  .faccio-campaign-hero{
    min-height:0!important;
    padding-top:min(62vw,420px)!important;
    background:#f3eee7!important;
  }
  .faccio-campaign-hero::before{
    inset:0 0 auto 0!important;
    height:min(62vw,420px)!important;
    background-position:var(--faccio-campaign-position,center)!important;
  }
  .faccio-campaign-hero::after{
    background:linear-gradient(180deg,rgba(243,238,231,0) 0%,rgba(243,238,231,.02) 46%,#f3eee7 100%)!important;
    height:min(62vw,420px)!important;
    bottom:auto!important;
  }
  .faccio-page-head.faccio-campaign-hero>.faccio-shell,
  .faccio-shop-hero.faccio-campaign-hero>.faccio-shell,
  .faccio-help-hero.faccio-campaign-hero .faccio-help-hero__inner,
  .faccio-legal-hero.faccio-campaign-hero .faccio-legal-hero__inner,
  .faccio-account-hero.faccio-campaign-hero .faccio-account-hero__inner,
  .faccio-cart-hero.faccio-campaign-hero .faccio-cart-hero__inner{
    min-height:0!important;
    padding-right:0!important;
    padding-top:30px!important;
    padding-bottom:38px!important;
  }
}

/* ---------- About page ---------- */
.faccio-story-hero__image,
.faccio-story-end__image{background-size:cover!important;background-position:center!important;}
.faccio-story-editorial__photo{overflow:hidden!important;background:#e7ddd2!important;}
.faccio-story-editorial__photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;}

/* ---------- Collections page ---------- */
.faccio-collections-page .faccio-six-department-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important;}
.faccio-collections-card{aspect-ratio:16/10!important;min-height:360px!important;}
.faccio-collections-card__image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;z-index:0!important;}
.faccio-collections-card::after{background:linear-gradient(180deg,rgba(0,0,0,.03) 34%,rgba(0,0,0,.66) 100%)!important;}
.faccio-collections-card .faccio-six-department-card__copy{left:28px!important;right:28px!important;bottom:28px!important;}
@media(max-width:760px){.faccio-collections-page .faccio-six-department-grid{grid-template-columns:1fr!important;}.faccio-collections-card{aspect-ratio:4/5!important;min-height:0!important;}}

/* ---------- Newsletter ---------- */
.faccio-newsletter-page__visual{overflow:hidden!important;background:#e9dfd5!important;}
.faccio-newsletter-page__visual>img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;}

/* ---------- Category / department archive heroes ---------- */
.faccio-six-archive-hero__campaign{
  width:100%!important;
  height:100%!important;
  min-height:360px!important;
  border-radius:24px!important;
  background:#eee5dc!important;
}
.faccio-six-archive-hero__campaign--photo{object-fit:cover!important;object-position:center!important;padding:0!important;}
.faccio-six-archive-hero__campaign--product,
.faccio-six-archive-hero__campaign--transparent{object-fit:contain!important;object-position:center!important;padding:clamp(18px,3vw,38px)!important;}
.faccio-six-archive-hero__inner{align-items:stretch!important;}
@media(max-width:820px){
  .faccio-six-archive-hero__campaign{min-height:0!important;aspect-ratio:4/3!important;margin-top:20px!important;}
}

/* ---------- General image-fit safeguards ---------- */
.faccio-product-visual,
.faccio-innerwear-card__media img,
.faccio-quick-view__media img,
.faccio-innerwear-single-gallery__frame img{
  max-width:100%!important;
}
.faccio-innerwear-card__media,
.faccio-six-product-card__image{overflow:hidden!important;}

/* Tablet card rhythm */
@media (min-width:641px) and (max-width:1024px){
  .faccio-accessories-house__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .faccio-six-department-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .faccio-six-audience-grid{gap:18px!important;}
}
@media(max-width:640px){
  .faccio-six-audience-grid,
  .faccio-fragrance-showcase__grid,
  .faccio-accessories-house__grid,
  .faccio-six-department-grid{grid-template-columns:1fr!important;}
  .faccio-six-audience-card,
  .faccio-fragrance-showcase__card{aspect-ratio:4/5!important;}
  .faccio-accessories-house__card,
  .faccio-six-department-card{aspect-ratio:4/5!important;}
}

/* Generic content and 404 heroes use the same safe split layout. */
.faccio-404.faccio-campaign-hero>.faccio-shell{
  position:relative!important;z-index:2!important;min-height:inherit!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;
  padding-right:54%!important;
}
@media(max-width:900px){
  .faccio-404.faccio-campaign-hero>.faccio-shell{min-height:0!important;padding-right:0!important;padding-top:30px!important;padding-bottom:38px!important;}
}
