/* Ziarama Wedding V4.15.3 — final mobile polish + fluid couple cards */
:root{
  --v4153-ivory:#fbf7f1;
  --v4153-paper:#fffdf9;
  --v4153-ink:#493421;
  --v4153-copper:#9b6d43;
}

/* ------------------------------------------------------------------
   HOME HERO — keep faces visible and move copy into the safe lower zone.
   ------------------------------------------------------------------ */
@media(max-width:700px){
  .home-hero-v4{
    min-height:620px!important;
    height:min(88svh,760px)!important;
  }
  .home-hero-v4 .home-carousel-slide img,
  .home-hero-v4 .home-carousel-slide .zi-image-shell>picture>img{
    object-position:center 28%!important;
  }
  .home-hero-v4 .home-hero-shade{
    background:
      linear-gradient(180deg,rgba(18,12,8,.10) 0%,rgba(18,12,8,.03) 35%,rgba(18,12,8,.24) 57%,rgba(18,12,8,.80) 100%)!important;
  }
  .home-hero-v4 .home-hero-content{
    position:absolute!important;
    z-index:4!important;
    left:0!important;
    right:0!important;
    top:auto!important;
    bottom:26px!important;
    width:100%!important;
    padding:0 18px!important;
    margin:0!important;
  }
  .home-hero-v4 .home-hero-content .eyebrow{
    margin-bottom:9px!important;
    font-size:7px!important;
    letter-spacing:.26em!important;
  }
  .home-hero-v4 .home-hero-content h1{
    width:min(100%,470px)!important;
    margin:0 0 9px!important;
    font-size:clamp(39px,11.4vw,54px)!important;
    line-height:.92!important;
    text-wrap:balance;
  }
  .home-hero-v4 .home-hero-content>p:not(.eyebrow){
    max-width:440px!important;
    margin:0 0 14px!important;
    font-size:11px!important;
    line-height:1.55!important;
  }
  .home-hero-v4 .home-hero-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    width:100%!important;
  }
  .home-hero-v4 .home-hero-actions .btn{
    width:100%!important;
    min-height:42px!important;
    padding:11px 10px!important;
    font-size:8px!important;
    letter-spacing:.04em!important;
    justify-content:center!important;
  }
}
@media(max-width:390px){
  .home-hero-v4 .home-hero-content{bottom:20px!important;padding-inline:14px!important}
  .home-hero-v4 .home-hero-content h1{font-size:39px!important}
  .home-hero-v4 .home-hero-actions{grid-template-columns:1fr!important}
  .home-hero-v4 .home-hero-actions .btn{min-height:38px!important}
}

/* ------------------------------------------------------------------
   COUPLE CARDS — the image fills the card, with no dead space.
   ------------------------------------------------------------------ */
.couple-photo-fluid-v415,
.couple-photo-fluid-v415>.zi-image-shell,
.couple-photo-fluid-v415>.zi-image-shell>picture,
.couple-photo-fluid-v415>.zi-image-shell>picture>img,
.couple-photo-fluid-v415>img{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.couple-photo-fluid-v415>.zi-image-shell,
.couple-photo-fluid-v415>.zi-image-shell>picture{
  display:block!important;
  height:auto!important;
  min-height:0!important;
}
.couple-photo-fluid-v415>.zi-image-shell>picture>img,
.couple-photo-fluid-v415>img{
  display:block!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:initial!important;
  object-position:center!important;
}
.home-couple-card.couple-photo-card-v415,
.signature-couple-card.couple-photo-card-v415{
  overflow:hidden!important;
  background:#e9dfd3!important;
}
.couple-photo-card-link-v415{width:100%!important}

@media(max-width:700px){
  .home-couples-section,.couples-showcase{overflow:hidden!important}
  .home-couples-grid,.couples-signature-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100vw!important;
    max-width:none!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding:0!important;
    gap:2px!important;
    transform:none!important;
  }
  .home-couple-card.couple-photo-card-v415,
  .signature-couple-card.couple-photo-card-v415{
    width:100vw!important;
    max-width:none!important;
    min-height:0!important;
    margin:0!important;
    border-radius:0!important;
    background:#1f1712!important;
  }
  .home-couple-photo.couple-photo-fluid-v415,
  .signature-couple-photo.couple-photo-fluid-v415{
    position:relative!important;
    width:100vw!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    border-radius:0!important;
    overflow:hidden!important;
  }
  .home-couple-photo.couple-photo-fluid-v415>.zi-image-shell,
  .signature-couple-photo.couple-photo-fluid-v415>.zi-image-shell{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
  }
  .home-couple-photo.couple-photo-fluid-v415>.zi-image-shell>picture>img,
  .signature-couple-photo.couple-photo-fluid-v415>.zi-image-shell>picture>img,
  .home-couple-photo.couple-photo-fluid-v415>img,
  .signature-couple-photo.couple-photo-fluid-v415>img{
    width:100vw!important;
    height:auto!important;
    max-height:none!important;
    object-fit:initial!important;
  }
  .home-couple-photo.couple-photo-fluid-v415:after,
  .signature-couple-photo.couple-photo-fluid-v415:after{display:none!important}
  .couple-photo-shade-v415{height:48%!important;background:linear-gradient(180deg,transparent,rgba(20,14,10,.78))!important}
  .couple-card-caption-v415{bottom:54px!important;left:17px!important;right:17px!important}
  .couple-card-caption-v415 strong{font-size:clamp(31px,9.4vw,43px)!important}
  .couple-card-stats-v415{left:8px!important;right:8px!important;bottom:7px!important;border-radius:14px!important}
}

/* ------------------------------------------------------------------
   COUPLES SEARCH — clean sticky glass bar on phones.
   ------------------------------------------------------------------ */
@media(max-width:700px){
  .couples-showcase{padding-top:105px!important}
  .couples-showcase .section-head-center{margin-bottom:25px!important}
  .couples-showcase .section-head-center h1{font-size:clamp(43px,12vw,58px)!important;line-height:.94!important}
  .couples-toolbar{
    position:sticky!important;
    top:7px!important;
    z-index:85!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    width:calc(100vw - 20px)!important;
    max-width:none!important;
    margin:0 auto 24px!important;
    transform:none!important;
    gap:5px!important;
    padding:6px!important;
    border-radius:20px!important;
    background:rgba(255,252,247,.91)!important;
    box-shadow:0 12px 34px rgba(66,46,29,.09)!important;
    backdrop-filter:blur(24px) saturate(1.12)!important;
    -webkit-backdrop-filter:blur(24px) saturate(1.12)!important;
  }
  .couples-search{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:50px!important;
    padding:0 12px!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.86)!important;
  }
  .couples-search>.zi-icon{margin-left:0!important;margin-right:8px!important;flex:0 0 17px!important}
  .couples-search input{
    width:100%!important;
    min-width:0!important;
    padding:0!important;
    font-size:12px!important;
    line-height:1.2!important;
    text-overflow:ellipsis;
  }
  .couple-filter-tabs{
    width:100%!important;
    display:flex!important;
    justify-content:flex-start!important;
    gap:4px!important;
    overflow-x:auto!important;
    padding:2px!important;
    scrollbar-width:none;
  }
  .couple-filter-tabs::-webkit-scrollbar{display:none}
  .couple-filter-tabs button{
    flex:1 0 auto!important;
    min-height:35px!important;
    padding:0 13px!important;
    border-radius:12px!important;
    font-size:9px!important;
    white-space:nowrap!important;
  }
}

/* ------------------------------------------------------------------
   Mobile navigation remains fully edge-to-edge.
   ------------------------------------------------------------------ */
@media(max-width:900px){
  .zi-bottom-nav{
    left:0!important;right:0!important;bottom:0!important;
    width:100vw!important;max-width:none!important;margin:0!important;
    border-radius:0!important;
  }
}