/** Shopify CDN: Minification failed

Line 1367:0 Expected "}" to go with "{"

**/
/* =========================================================
   FORAVI — PATCHES (SAFE BASE)
   Keep this file as the single source for custom CSS.
   Add new patches by APPENDING at bottom.
   ========================================================= */

/* =========================================================
   FORAVI — Home Page Hero: Symmetry-style staggered fade-in
   Scope: Home page only (template-index)
   Requires JS to add: .foravi-armed (pre), then .is-in (reveal)
   ========================================================= */

/* PRE state: only when armed AND not yet in */
body.template-index .foravi-hero-stagger.foravi-armed:not(.is-in) .foravi-stagger-item{
  opacity: 0 !important;
  transform: translate3d(0, 14px, 0) !important;
  transition: opacity 700ms ease, transform 700ms ease;
  transition-delay: var(--delay, 0ms);
  will-change: opacity, transform;
}

body.template-index .foravi-hero-stagger.foravi-armed:not(.is-in) .foravi-stagger-media{
  opacity: 0 !important;
  transform: scale(1.02) !important;
  transition: opacity 700ms ease, transform 900ms ease;
  transition-delay: var(--delay, 0ms);
  will-change: opacity, transform;
}

/* IN state */
body.template-index .foravi-hero-stagger.is-in .foravi-stagger-item,
body.template-index .foravi-hero-stagger.is-in .foravi-stagger-media{
  opacity: 1 !important;
  transform: none !important;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  body.template-index .foravi-hero-stagger .foravi-stagger-item,
  body.template-index .foravi-hero-stagger .foravi-stagger-media{
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* Prevent Dawn hero “double animation” inside our stagger wrapper (optional) */
body.template-index .foravi-hero-stagger .animate--slide-in,
body.template-index .foravi-hero-stagger .scroll-trigger{
  animation: none !important;
}

/* =========================================================
   FORAVI — Symmetry-style MOBILE hero layout (text under image)
   Applies to Dawn Slideshow on Home only
   ========================================================= */
@media screen and (max-width: 749px){

  /* Make slideshow slide stack vertically */
  body.template-index .slideshow .slideshow__slide{
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
  }

  /* Image first */
  body.template-index .slideshow .slideshow__media{
    order: 1 !important;
    position: relative !important;
    height: auto !important;
  }

  /* Text block second, BELOW image */
  body.template-index .slideshow .slideshow__text-wrapper{
    order: 2 !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    padding: 22px 18px 26px !important;
    background: transparent !important;
  }

  /* Centered typography like Symmetry */
  body.template-index .slideshow .slideshow__text{
    text-align: center !important;
    width: 100% !important;
    margin: 0 auto !important;
  }

  /* Ensure buttons center */
  body.template-index .slideshow .slideshow__buttons{
    justify-content: center !important;
  }
}

/* =========================================================
   FORAVI — Lookbook (Canonical) v2.0
   Full-bleed fashion lookbook
   - Text stays page-width
   - Images go edge-to-edge
   - Wide toggle works (is-wide)
   ========================================================= */

body.template-page-lookbook-dawn-draft main#MainContent{
  padding-top: 0 !important;
}

/* Section spacing */
.foravi-lookbook{
  padding-top: clamp(12px, 2.2vw, 34px);
  padding-bottom: clamp(28px, 4vw, 72px);
  overflow-x: hidden;
}

/* Text stays aligned to page width */
.foravi-lookbook__kicker,
.foravi-lookbook__heading,
.foravi-lookbook__subheading{
  max-width: var(--page-width);
  margin-left: auto;
  margin-right: auto;
}

.foravi-lookbook__kicker{ margin: 0 0 8px; }
.foravi-lookbook__heading{ margin: 0 0 8px; }
.foravi-lookbook__subheading{
  margin: 0 0 18px;
  max-width: 68ch;
  opacity: .78;
}

/* FULL-BLEED rail — change gap: 24px to gap: 0 */
.foravi-lookbook__grid{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;                          /* ← was 24px */
  align-items: start;
}

/* Desktop — change gap: 28px to gap: 0 */
@media (min-width: 990px){
  .foravi-lookbook__grid{
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0;                        /* ← was 28px */
  }
}

.foravi-lookbook__tile{
  display: block;
  width: 100%;
  border: 0;
  padding: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.foravi-lookbook__media{
  position: relative;
  overflow: hidden;
  border-radius: 0;
  background: transparent;
}

.foravi-lookbook__media img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Desktop layout: 12-column grid */
@media (min-width: 990px){
  .foravi-lookbook__grid{
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 28px;
  }

  .foravi-lookbook__tile{
    grid-column: span 6;
  }

  .foravi-lookbook__tile.is-wide{
    grid-column: 1 / -1;
  }
}

/* Subtle hover micro-motion */
@media (prefers-reduced-motion: no-preference){
  .foravi-lookbook__media img{
    transform: scale(1);
    transition: transform .6s cubic-bezier(.2,.8,.2,1);
    will-change: transform;
  }
  .foravi-lookbook__tile:hover .foravi-lookbook__media img{
    transform: scale(1.015);
  }
}

/* Caption (if used) */
.foravi-lookbook__caption{
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.35;
  opacity: .72;
}

/* =========================================================
   FORAVI — Sticky Header Insurance (safe)
   - Does NOT add body padding or change heights
   - Only ensures Dawn’s sticky header classes remain sticky
   ========================================================= */

#shopify-section-header.section-header{
  position: sticky !important;
  top: 0 !important;
  z-index: 50 !important;
}

#shopify-section-header .header-wrapper{
  position: sticky !important;
  top: 0 !important;
  z-index: 50 !important;
}

/* =========================================================
   FORAVI — HP Fade Hero text de-bunching patch (v1.0)
   Scope: Custom Liquid hero only (.foravi-fade-hero)
   Action: stack text phases + show only active phase
   ========================================================= */

.foravi-fade-hero { position: relative; }
.foravi-fade-hero .foravi-fade-hero__content{
  position:absolute;
  left:clamp(16px,4vw,56px);
  bottom:clamp(18px,5vw,64px);
  max-width:min(720px,92vw);
  z-index:3;
  pointer-events:none; /* only the active CTA can click */
  visibility:hidden;
}

/* Make CTA clickable only for active phase */
.foravi-fade-hero .foravi-fade-hero__content .foravi-fade-hero__cta{
  pointer-events:none;
}

/* Phase windows match the 24s timeline (each slide = 6s) */
@keyframes foraviPhaseShow {
  0%{visibility:hidden;opacity:0}
  8%{visibility:visible;opacity:1}
  85%{visibility:visible;opacity:1}
  100%{visibility:hidden;opacity:0}
}

.foravi-fade-hero .foravi-fade-hero__content[data-phase="1"]{ animation:foraviPhaseShow 24s infinite; animation-delay:0s; }
.foravi-fade-hero .foravi-fade-hero__content[data-phase="2"]{ animation:foraviPhaseShow 24s infinite; animation-delay:6s; }
.foravi-fade-hero .foravi-fade-hero__content[data-phase="3"]{ animation:foraviPhaseShow 24s infinite; animation-delay:12s; }
.foravi-fade-hero .foravi-fade-hero__content[data-phase="4"]{ animation:foraviPhaseShow 24s infinite; animation-delay:18s; }

/* When a phase is visible, enable CTA clicking */
.foravi-fade-hero .foravi-fade-hero__content[data-phase="1"],
.foravi-fade-hero .foravi-fade-hero__content[data-phase="2"],
.foravi-fade-hero .foravi-fade-hero__content[data-phase="3"],
.foravi-fade-hero .foravi-fade-hero__content[data-phase="4"]{
  pointer-events:auto;
}
.foravi-fade-hero .foravi-fade-hero__content[data-phase="1"] .foravi-fade-hero__cta,
.foravi-fade-hero .foravi-fade-hero__content[data-phase="2"] .foravi-fade-hero__cta,
.foravi-fade-hero .foravi-fade-hero__content[data-phase="3"] .foravi-fade-hero__cta,
.foravi-fade-hero .foravi-fade-hero__content[data-phase="4"] .foravi-fade-hero__cta{
  pointer-events:auto;
}

/* Reduced motion: keep first phase visible */
@media (prefers-reduced-motion: reduce){
  .foravi-fade-hero .foravi-fade-hero__content{ position:relative; visibility:visible; opacity:1; animation:none !important; }
}

/* ==========================================================
   FORAVI — Hero glass card (FINAL / subtle, no “credit card” outline)
   ========================================================== */

section.foravi-fade-hero :is(
  .foravi-fade-hero__content,
  .foravi-fade-hero__copy,
  .foravi-fade-hero__text,
  .foravi-fade-hero__caption,
  .foravi-fade-hero__inner,
  .foravi-fade-hero__overlay-content
){
  background: rgba(18, 18, 18, 0.08) !important;
  -webkit-backdrop-filter: blur(10px) saturate(115%) !important;
  backdrop-filter: blur(10px) saturate(115%) !important;

  border: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow:
    0 10px 28px rgba(0,0,0,0.18),
    inset 0 1px 0 rgba(255,255,255,0.05) !important;

  border-radius: 28px !important;
}

/* ==========================================================
   FORAVI — Hero copy stagger (wait for image-ready)
   ========================================================== */

section.foravi-fade-hero .foravi-fade-hero__caption,
section.foravi-fade-hero .foravi-fade-hero__heading,
section.foravi-fade-hero .foravi-fade-hero__text,
section.foravi-fade-hero .foravi-fade-hero__cta {
  opacity: 0;
  transform: translateY(10px);
  transition:
    opacity 520ms ease,
    transform 520ms ease;
  will-change: opacity, transform;
}

/* When ready, reveal */
section.foravi-fade-hero.foravi-ready .foravi-fade-hero__caption { transition-delay: 0ms;   opacity: 1; transform: translateY(0); }
section.foravi-fade-hero.foravi-ready .foravi-fade-hero__heading { transition-delay: 90ms;  opacity: 1; transform: translateY(0); }
section.foravi-fade-hero.foravi-ready .foravi-fade-hero__text    { transition-delay: 170ms; opacity: 1; transform: translateY(0); }
section.foravi-fade-hero.foravi-ready .foravi-fade-hero__cta     { transition-delay: 250ms; opacity: 1; transform: translateY(0); }

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  section.foravi-fade-hero .foravi-fade-hero__caption,
  section.foravi-fade-hero .foravi-fade-hero__heading,
  section.foravi-fade-hero .foravi-fade-hero__text,
  section.foravi-fade-hero .foravi-fade-hero__cta{
    transition: none;
    transform: none;
    opacity: 1;
  }
}

/* =========================================================
   FORAVI — Apple-grade polish (Collection template: new-in-curated)
   Scope: ONLY the "new-in-curated" collection template
   ========================================================= */

body.template-collection--new-in-curated .page-width{
  max-width: 1200px;
}

/* --- Micro-headline: "CURATED ARRIVALS" (left aligned) --- */
body.template-collection--new-in-curated .foravi-microhead-wrap{
  margin-top: 0;
  margin-bottom: 12px;
}

body.template-collection--new-in-curated .foravi-microhead{
  margin: 0;
  font-size: 12px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  opacity: 0.9;
  line-height: 1.2;
  position: relative;
  padding-bottom: 10px;
}

body.template-collection--new-in-curated .foravi-microhead::after{
  content:"";
  display:block;
  width: 72px;
  height: 1px;
  background: rgba(0,0,0,0.14);
  margin-top: 10px;
}

/* --- Filter / sort row: cleaner, less noisy --- */
body.template-collection--new-in-curated .facets-container{
  margin-top: 10px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(0,0,0,0.08);
}

/* Hide the literal "Filter:" heading if Dawn outputs it */
body.template-collection--new-in-curated .facets__heading{
  display: none;
}

/* Slightly calmer typography */
body.template-collection--new-in-curated .facets__label,
body.template-collection--new-in-curated .facets__summary span,
body.template-collection--new-in-curated .facet-filters__label{
  font-size: 13px;
  letter-spacing: 0.02em;
}

/* --- Grid rhythm --- */
body.template-collection--new-in-curated .grid.product-grid{
  gap: 28px 24px;
}

@media (max-width: 749px){
  body.template-collection--new-in-curated .grid.product-grid{
    gap: 20px 16px;
  }
}

/* --- Card: premium edges + subtle hover --- */
body.template-collection--new-in-curated .card-wrapper{
  border-radius: 14px;
  transition: transform 180ms ease, box-shadow 180ms ease;
}

body.template-collection--new-in-curated .card__media,
body.template-collection--new-in-curated .card__inner{
  border-radius: 14px;
  overflow: hidden;
  background: rgba(0,0,0,0.03);
}

@media (hover: hover){
  body.template-collection--new-in-curated .card-wrapper:hover{
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.10);
  }
}

/* --- Title + price: Apple-clean --- */
body.template-collection--new-in-curated .card__heading a{
  text-decoration: none !important;
  font-size: 14px;
  line-height: 1.25;
  letter-spacing: 0.01em;
  font-weight: 500;
}

@media (hover: hover){
  body.template-collection--new-in-curated .card__heading a:hover{
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
  }
}

body.template-collection--new-in-curated .price{
  font-size: 14px;
  letter-spacing: 0.01em;
  margin-top: 6px;
}

/* --- Focus states (premium accessibility) --- */
body.template-collection--new-in-curated .card__heading a:focus-visible{
  outline: 2px solid rgba(0,0,0,0.65);
  outline-offset: 3px;
  border-radius: 6px;
}
/* =========================================
   FORAVI — MOBILE: shrink the BIG footer/logo band
   (this targets the large FORAVI mark near "Join the movement")
   ========================================= */
@media (max-width: 749px) {

  /* Target common Dawn footer logo image wrappers */
  .footer .footer__content-top .footer-block--image img,
  .footer .footer__content-top .footer-block__image-wrapper img,
  .footer .footer__content-top .footer-block--brand_information img,
  .footer .footer__content-top .footer__blocks-wrapper img {
    max-width: 180px !important;  /* <- tune 140–220 */
    height: auto !important;
  }

  /* If the wrapper itself is forcing the oversized width */
  .footer .footer__content-top .footer-block--image,
  .footer .footer__content-top .footer-block__image-wrapper,
  .footer .footer__content-top .footer-block--brand_information {
    max-width: 180px !important;  /* match max-width above */
  }

  /* Optional: reduce extra vertical space in that footer band */
  .footer .footer__content-top {
    padding-top: 18px !important;   /* tune 12–24 */
    padding-bottom: 18px !important;
  }
}
/* =========================================
   FORAVI — MOBILE: shrink Newsletter/GF FORAVI logo
   (the large mark above "JOIN THE MOVEMENT")
   ========================================= */
@media (max-width: 749px) {

  /* Most Dawn newsletter/footer logo images */
  .footer img,
  .footer svg {
    max-width: 160px !important;   /* tune: 120–190 */
    height: auto !important;
  }

  /* If it is inside an image/brand block wrapper */
  .footer .footer-block--image,
  .footer .footer-block--brand_information,
  .footer .footer-block__image-wrapper {
    max-width: 160px !important;
  }

  /* Reduce the vertical footprint of the newsletter band */
  .footer .footer__content-top {
    padding-top: 16px !important;   /* tune: 10–22 */
    padding-bottom: 16px !important;
  }
}
/* =========================================================
   FORAVI — MOBILE: Shrink the BIG Newsletter/Footer logo ONLY
   (does NOT affect the Header logo)
   ========================================================= */
@media (max-width: 749px) {

  /* Dawn footer “image” block (most common when you drop a logo in the footer) */
  .footer .footer-block--image img,
  .footer .footer-block-image img,
  .footer .footer__blocks-wrapper .footer-block--image img {
    width: auto !important;
    height: auto !important;
    max-width: 220px !important;   /* tune: 180–240 */
    max-height: 64px !important;   /* tune: 48–80 */
    display: block !important;
  }

  /* If your logo was added inside the Newsletter block instead of an Image block */
  .footer .footer-block--newsletter img,
  .footer .footer__blocks-wrapper .footer-block--newsletter img {
    width: auto !important;
    height: auto !important;
    max-width: 220px !important;   /* tune: 180–240 */
    max-height: 64px !important;   /* tune: 48–80 */
    display: block !important;
  }

  /* Optional: give the footer a little breathing room so CW never collides visually */
  .footer .footer__content-top {
    padding-bottom: 24px !important;
  }
}
/* =========================================================
   FORAVI — MOBILE: Shrink the BIG Newsletter/Footer logo ONLY
   (does NOT affect the Header logo)
   ========================================================= */
@media (max-width: 749px) {

  /* Dawn footer “image” block (most common when you drop a logo in the footer) */
  .footer .footer-block--image img,
  .footer .footer-block-image img,
  .footer .footer__blocks-wrapper .footer-block--image img {
    width: auto !important;
    height: auto !important;
    max-width: 220px !important;   /* tune: 180–240 */
    max-height: 64px !important;   /* tune: 48–80 */
    display: block !important;
  }

  /* If your logo was added inside the Newsletter block instead of an Image block */
  .footer .footer-block--newsletter img,
  .footer .footer__blocks-wrapper .footer-block--newsletter img {
    width: auto !important;
    height: auto !important;
    max-width: 220px !important;   /* tune: 180–240 */
    max-height: 64px !important;   /* tune: 48–80 */
    display: block !important;
  }

  /* Optional: give the footer a little breathing room so CW never collides visually */
  .footer .footer__content-top {
    padding-bottom: 24px !important;
  }
}
/* =========================================================
   FORAVI — MOBILE: Newsletter/GF logo (make it quieter)
   Targets ONLY the Custom Liquid logo (.foravi-nl__logo)
   ========================================================= */
@media (max-width: 749px) {
  .foravi-nl__logo {
    display: block !important;
    width: auto !important;
    height: auto !important;

    /* ~45–55% of what you have now */
    max-width: 140px !important;   /* tune: 120–160 */
    max-height: 38px !important;   /* tune: 32–44 */

    margin: 0 auto 10px !important; /* keep it centered, less dominant */
    opacity: 0.92 !important;       /* subtle “quieter” feel */
  }

  /* If the logo sits in a tall band, tighten the band */
  .foravi-nl {
    padding-top: 10px !important;
    padding-bottom: 16px !important;
  }
}
/* FORAVI — Mobile: shrink Newsletter/GF big logo */
@media (max-width: 749px){
  img.foravi-nl__logo{
    width: auto !important;
    height: auto !important;
    max-width: 180px !important;  /* tune 140–200 */
    max-height: 56px !important;  /* tune 40–60 */
    display: block !important;
    margin: 0 auto !important;
  }
}/* FORAVI — Mobile Header (GH) logo: slight bump */
@media (max-width: 749px){
  .header__heading-logo,
  .header__heading-link img,
  .header__heading-link svg {
    max-width: 118px !important;  /* try 112–128 */
    max-height: 32px !important;  /* try 30–36 */
    height: auto !important;
    width: auto !important;
  }

  /* keep the header from getting taller when logo grows */
  .header__heading-link { padding: 6px 0 !important; }
  .header { padding-top: 8px !important; padding-bottom: 8px !important; }
}
/* =========================================
   FORAVI — GH (Header) Logo: Mobile bump up
   ========================================= */
@media (max-width: 749px) {
  /* Dawn header logo image/svg */
  header .header__heading-link img,
  header .header__heading-link svg,
  header .header__heading-logo {
    max-width: 150px !important;  /* try 140–165 */
    height: auto !important;
  }

  /* Optional: give it a touch more vertical room if it feels cramped */
  header .header__heading-link {
    padding: 6px 0 !important;    /* try 4–8 */
  }
}
/* =========================================
   FORAVI — GH Logo Mobile OVERRIDE (wins vs old clamps)
   Scope: HEADER ONLY (not newsletter / not footer)
   ========================================= */
@media (max-width: 749px) {

  /* Remove wrapper clamps that are currently locking the logo small */
  #shopify-section-header .header__heading-link,
  #shopify-section-header .header__heading-logo-wrapper {
    max-width: none !important;
    width: auto !important;
  }

  /* Force the logo to the target size (beats theme settings + old rules) */
  #shopify-section-header .header__heading-logo,
  #shopify-section-header .header__heading-link img,
  #shopify-section-header .header__heading-link svg {
    width: 140px !important;      /* TUNE: 130–160 */
    max-width: 140px !important;  /* keep consistent */
    height: auto !important;
    max-height: 36px !important;  /* TUNE: 30–40 */
    display: block !important;
  }
}
/* =========================================================
   FORAVI — GH (Header) Logo Mobile Size (single source of truth)
   ========================================================= */
@media (max-width: 749px){

  /* Force Home (template-index) to match internal pages */
  body.template-index #shopify-section-header .header__heading-link img,
  body.template-index #shopify-section-header .header__heading-link svg,
  body.template-index #shopify-section-header .header__heading-logo,
  #shopify-section-header .header__heading-link img,
  #shopify-section-header .header__heading-link svg,
  #shopify-section-header .header__heading-logo{
    width: auto !important;
    height: auto !important;
    max-width: 144px !important;   /* TUNE: 124–145 */
    max-height: 36px !important;   /* TUNE: 30–38 */
    display: block !important;
  }

  /* Prevent wrapper from constraining the image */
  body.template-index #shopify-section-header .header__heading-logo-wrapper,
  body.template-index #shopify-section-header .header__heading-link,
  #shopify-section-header .header__heading-logo-wrapper,
  #shopify-section-header .header__heading-link{
    max-width: 144px !important;
    line-height: 1 !important;
    padding: 6px 0 !important;
  }

  /* Keep header height stable */
  #shopify-section-header .header{
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
}
/* =========================================
   FORAVI — Desktop CW: keep top edge below GH
   (drops the chat window down by reducing height)
   ========================================= */
@media (min-width: 750px) {
  iframe.jit-ghl-chat-window {
    right: 16px !important;
    bottom: 16px !important;

    /* Key: reduce height so the top never tucks under the header */
    height: 480px !important; /* tune: 480–560 */
    max-height: calc(100vh - var(--jit-header-h, 96px) - 28px) !important;

    /* Optional safety: prevents weird overflow sizing */
    width: 380px !important;  /* tune: 360–420 */
    max-width: calc(100vw - 32px) !important;
  }
}
/* =========================================
   FORAVI — Desktop CW: force below GH
   If height changes don’t move it, CW is being positioned by TOP/INSET.
   This resets that and anchors it from the bottom.
   ========================================= */
@media (min-width: 750px) {
  iframe.jit-ghl-chat-window{
    /* kill any TOP/INSET anchoring */
    top: auto !important;
    left: auto !important;
    inset: auto !important;

    /* anchor from bottom-right */
    right: 16px !important;
    bottom: 16px !important;

    /* now height reduction WILL drop the top edge */
    height: 480px !important; /* tune: 440–560 */
    max-height: calc(100vh - var(--jit-header-h, 96px) - 32px) !important;
    width: 380px !important;  /* tune: 360–420 */
    max-width: calc(100vw - 32px) !important;
  }
}
/* DIAGNOSTIC — if you see a red outline around the chat iframe, CSS is loading + selector matches */
@media (min-width: 750px){
  iframe[src*="leadconnector"],
  iframe[src*="msgsndr"],
  iframe[src*="highlevel"],
  iframe[src*="gohighlevel"]{
    outline: 4px solid red !important;
  }
}
.foravi-footer { background:#0b0b0b; color:#fff; margin-top: 0; }
.foravi-footer__inner { display:grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 28px; padding: 48px 0; }
.foravi-footer__title { margin:0 0 14px; font-size: 14px; letter-spacing: .12em; text-transform: uppercase; }
.foravi-footer__menu { margin:0; padding:0; list-style:none; display:grid; gap:10px; }
.foravi-footer__menu a { color: rgba(255,255,255,.82); text-decoration:none; }
.foravi-footer__menu a:hover { color:#fff; text-decoration: underline; }
.foravi-footer__newsletter { display:flex; gap:10px; }
.foravi-footer__newsletter input { flex:1; padding: 12px 12px; border-radius: 10px; border: 1px solid rgba(255,255,255,.25); background: transparent; color:#fff; }
.foravi-footer__newsletter button { padding: 12px 16px; border-radius: 10px; border: 1px solid rgba(255,255,255,.25); background: #fff; color:#000; cursor:pointer; }
.foravi-footer__msg { margin-top:10px; color: rgba(255,255,255,.7); font-size: 12px; }

.foravi-footer__bar { border-top: 1px solid rgba(255,255,255,.12); }
.foravi-footer__bar-inner { padding: 16px 0; color: rgba(255,255,255,.7); font-size: 12px; }

@media (max-width: 749px){
  .foravi-footer__inner { grid-template-columns: 1fr; padding: 32px 0; }
  .foravi-footer__newsletter { flex-direction: column; }
}
/* FORAVI — Header: Title Case menu labels + right-side "Book" link styling */
.header__inline-menu .list-menu__item,
.header__menu-item,
.header__icon,
.header__active-menu-item {
  text-transform: none !important; /* respect Shopify-entered capitalization */
}

/* Optional: if your theme has any uppercase enforcement elsewhere */
.header * {
  text-transform: none;
}

/* Right-side Book link (we’ll wire it in header markup next) */
.foravi-book-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border-radius: 999px;
  background: #0b0b0b;
  color: #fff !important;
  font-weight: 700;
  line-height: 1;
  text-decoration: none !important;
  margin-right: 10px;
}
.foravi-book-cta:hover { opacity: .92; }
/* FORAVI — Hide the left-nav "Book" menu item (we use the right-side BOOK pill instead) */
@media screen and (min-width: 990px) {
  .header__inline-menu a[href="/pages/book-a-styling-session"],
  .header__inline-menu a[href="/pages/book-a-styling-session/"] {
    display: none !important;
  }
}
/* =========================================================
   FORAVI — Header BOOK pill (FINAL) — Desktop compact, Mobile hidden
   Source element: sections/header.liquid  a.foravi-book-cta
   ========================================================= */

/* Desktop / general: make it slimmer + less dominant */
.header .header__icons a.foravi-book-cta{
  height: 30px !important;
  padding: 0 12px !important;         /* slimmer than current */
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  border-radius: 999px !important;
  margin-right: 8px !important;
}

/* Keep hover subtle */
.header .header__icons a.foravi-book-cta:hover{
  opacity: .92 !important;
}

/* Mobile: do NOT show the BOOK pill in the header (prevents the huge centered “fat” pill) */
@media (max-width: 749px){
  .header .header__icons a.foravi-book-cta{
    display: none !important;
  }
}
/* =========================================================
   FORAVI — Hero Card Transparency + Mobile Footprint Reduce (v1)
   Goal: show more photography by making the hero text card lighter,
   and shrinking copy footprint on mobile.
   ========================================================= */

/* 1) Make the hero content card more “glass” by default (desktop/tablet) */
.banner__box {
  background: rgba(10, 10, 10, 0.22) !important; /* more transparent */
  backdrop-filter: blur(10px) saturate(120%);
  -webkit-backdrop-filter: blur(10px) saturate(120%);
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 12px 36px rgba(0,0,0,0.18);
}

/* 2) Mobile: reduce coverage further + tighten spacing */
@media screen and (max-width: 749px) {
  .banner__box {
    background: rgba(10, 10, 10, 0.14) !important; /* even more transparent */
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    padding: 14px 14px 12px !important; /* tighter padding */
    max-width: 92vw; /* prevent overly wide card */
  }

  /* Reduce headline size/leading so it occupies less vertical space */
  .banner__heading,
  .banner__heading * {
    font-size: clamp(22px, 6vw, 30px) !important;
    line-height: 1.12 !important;
    letter-spacing: 0.02em;
  }

  /* De-emphasize or shorten body copy footprint */
  .banner__text,
  .banner__text * {
    font-size: 14px !important;
    line-height: 1.35 !important;
    opacity: 0.92;
  }

  /* Optional: clamp body copy to 2 lines to protect imagery */
  .banner__text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* CTA: slightly smaller + less padding */
  .banner__buttons .button,
  .banner__buttons .button--primary,
  .banner__buttons .button--secondary {
    padding: 10px 14px !important;
    min-height: 40px !important;
    font-size: 13px !important;
  }

  /* Reduce spacing between text + CTA */
  .banner__buttons {
    margin-top: 10px !important;
  }
}

/* 3) Ultra-small screens: clamp even harder */
@media screen and (max-width: 389px) {
  .banner__text {
    -webkit-line-clamp: 1;
  }
}
/* =========================================================
   FORAVI — HP Hero Card: Compact / Bottom-Left / More Transparent (v2)
   Scope: Custom Liquid hero ONLY (.foravi-fade-hero)
   Goal: show more photography on mobile; keep desktop mostly intact
   ========================================================= */

/* --- Desktop/tablet: slightly lighter glass (minimal change) --- */
section.foravi-fade-hero .foravi-fade-hero__content,
section.foravi-fade-hero .foravi-fade-hero__inner,
section.foravi-fade-hero .foravi-fade-hero__overlay-content{
  max-width: min(560px, 92vw) !important;
  background: rgba(18, 18, 18, 0.07) !important; /* lighter */
  border-color: rgba(255,255,255,0.07) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,0.16), inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

/* =========================================================
   MOBILE: the real fix — smaller, bottom-left, more transparent
   ========================================================= */
@media (max-width: 749px){

  /* 1) Position + footprint */
  section.foravi-fade-hero .foravi-fade-hero__content{
    left: 14px !important;
    right: auto !important;
    bottom: 18px !important;

    max-width: min(320px, 74vw) !important; /* compact card */
    padding: 14px 14px 12px !important;

    text-align: left !important;
  }

  /* 3) Remove the “FORAVI NEW YORK” kicker */
  section.foravi-fade-hero .foravi-fade-hero__caption{
    display: none !important;
  }

  /* 4) Keep headline but tighten it (less coverage) */
  section.foravi-fade-hero .foravi-fade-hero__heading{
    font-size: clamp(22px, 6.2vw, 30px) !important;
    line-height: 1.08 !important;
    margin: 0 0 6px !important;
  }

  /* 5) Keep ONE short line only */
  section.foravi-fade-hero .foravi-fade-hero__text{
    font-size: 14px !important;
    line-height: 1.32 !important;
    opacity: 0.92 !important;
    margin: 0 0 10px !important;

    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;   /* <- 1 line on mobile */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  /* 6) CTA smaller + cleaner */
  section.foravi-fade-hero .foravi-fade-hero__cta .button,
  section.foravi-fade-hero .foravi-fade-hero__cta a.button{
    padding: 10px 14px !important;
    min-height: 40px !important;
    font-size: 12.5px !important;
    letter-spacing: 0.12em !important;
    border-radius: 999px !important;
  }
}

/* =========================================================
   FORAVI — HP Hero Card: Compact / Bottom-Left / More Transparent (v2)
   Scope: Custom Liquid hero ONLY (.foravi-fade-hero)
   Goal: show more photography on mobile; keep desktop mostly intact
   ========================================================= */

/* --- Desktop/tablet: slightly lighter glass (minimal change) --- */
section.foravi-fade-hero .foravi-fade-hero__content,
section.foravi-fade-hero .foravi-fade-hero__inner,
section.foravi-fade-hero .foravi-fade-hero__overlay-content{
  max-width: min(560px, 92vw) !important;
  background: rgba(18, 18, 18, 0.07) !important; /* lighter */
  border-color: rgba(255,255,255,0.07) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,0.16), inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

/* =========================================================
   MOBILE: the real fix — smaller, bottom-left, more transparent
   ========================================================= */
@media (max-width: 749px){

  /* 1) Position + footprint */
  section.foravi-fade-hero .foravi-fade-hero__content{
    left: 14px !important;
    right: auto !important;
    bottom: 18px !important;

    max-width: min(320px, 74vw) !important; /* compact card */
    padding: 14px 14px 12px !important;

    text-align: left !important;
  }

  /* 2) Glass treatment — more transparent */
  section.foravi-fade-hero .foravi-fade-hero__content,
  section.foravi-fade-hero .foravi-fade-hero__inner,
  section.foravi-fade-hero .foravi-fade-hero__overlay-content{
    background: rgba(18, 18, 18, 0.045) !important; /* very light */
    -webkit-backdrop-filter: blur(10px) saturate(120%) !important;
    backdrop-filter: blur(10px) saturate(120%) !important;

    border: 1px solid rgba(255,255,255,0.06) !important;
    border-radius: 22px !important;
    box-shadow: 0 10px 24px rgba(0,0,0,0.14), inset 0 1px 0 rgba(255,255,255,0.04) !important;
  }

  /* 3) Remove the “FORAVI NEW YORK” kicker */
  section.foravi-fade-hero .foravi-fade-hero__caption{
    display: none !important;
  }

  /* 4) Keep headline but tighten it (less coverage) */
  section.foravi-fade-hero .foravi-fade-hero__heading{
    font-size: clamp(22px, 6.2vw, 30px) !important;
    line-height: 1.08 !important;
    margin: 0 0 6px !important;
  }

  /* 5) Keep ONE short line only */
  section.foravi-fade-hero .foravi-fade-hero__text{
    font-size: 14px !important;
    line-height: 1.32 !important;
    opacity: 0.92 !important;
    margin: 0 0 10px !important;

    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;   /* <- 1 line on mobile */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  /* 6) CTA smaller + cleaner */
  section.foravi-fade-hero .foravi-fade-hero__cta .button,
  section.foravi-fade-hero .foravi-fade-hero__cta a.button{
    padding: 10px 14px !important;
    min-height: 40px !important;
    font-size: 12.5px !important;
    letter-spacing: 0.12em !important;
    border-radius: 999px !important;
  }
}

/* =========================================================
   FORAVI — HP Custom Liquid Hero Card Override (Devora v1)
   PURPOSE:
   - Override earlier :is(...) glass rule that targets __copy with !important
   - Make hero card smaller + bottom-left + more transparent on mobile
   SCOPE: Home page only
   ========================================================= */

/* Ensure hero is a positioning context */
body.template-index section.foravi-fade-hero{
  position: relative !important;
}

/* HARD OVERRIDE the earlier :is(...) rule for the HERO CARD ONLY */
body.template-index section.foravi-fade-hero div.foravi-fade-hero__copy{
  /* placement */
  position: absolute !important;
  top: clamp(16px, 2vw, 26px) !important;
  left: clamp(16px, 2vw, 26px) !important;
  bottom: auto !important;
  right: auto !important;

  /* size */
  max-width: min(360px, 78vw) !important;
  padding: 12px 12px 10px !important;

  /* lighter glass (show more image) */
  background: rgba(10,10,10,0.06) !important;
  -webkit-backdrop-filter: blur(10px) saturate(120%) !important;
  backdrop-filter: blur(10px) saturate(120%) !important;

  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 26px rgba(0,0,0,0.12) !important;
}

/* Remove the top micro-label (“FORAVI NEW YORK” equivalent) */
body.template-index section.foravi-fade-hero .foravi-fade-hero__kicker{
  display: none !important;
}

/* Headline tighter on mobile */
body.template-index section.foravi-fade-hero .foravi-fade-hero__headline{
  font-size: clamp(22px, 5.6vw, 30px) !important;
  line-height: 1.06 !important;
  margin: 0 0 6px !important;
}

/* Body copy: protect imagery (1 line on mobile) */
body.template-index section.foravi-fade-hero .foravi-fade-hero__text{
  font-size: 14px !important;
  line-height: 1.28 !important;
  margin: 0 0 10px !important;

  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* CTA smaller */
body.template-index section.foravi-fade-hero .foravi-fade-hero__cta{
  font-size: 12px !important;
  padding: 10px 14px !important;
  min-height: 38px !important;
}

/* Desktop: top-left glass card */
@media (min-width: 750px){
  body.template-index section.foravi-fade-hero div.foravi-fade-hero__copy{
    top: clamp(16px, 2vw, 26px) !important;
    left: clamp(16px, 2vw, 26px) !important;
    bottom: auto !important;
    max-width: min(460px, 36vw) !important;
    padding: 14px 14px 12px !important;
    background: rgba(18,18,18,0.16) !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    border-radius: 20px !important;
    box-shadow: 0 14px 34px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.10) !important;
  }
/* Mobile: strip card entirely — high specificity override */
@media (max-width: 749px){
  body.template-index section.foravi-fade-hero div.foravi-fade-hero__copy,
  body.template-index section.foravi-fade-hero div.foravi-fade-hero__copy[data-tone="dark"],
  body.template-index section.foravi-fade-hero div.foravi-fade-hero__copy[data-tone="light"]{
    top: 28px !important;
    left: 16px !important;
    bottom: auto !important;
    width: auto !important;
    max-width: 58vw !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    padding: 0 !important;
    filter: none !important;
  }
}
/* =========================================================
   FORAVI — HP Custom Liquid Hero: Compact Card (v2.0)
   Scope: section.foravi-fade-hero only
   Goal: smaller footprint + more image visible (especially mobile)
   APPEND AT BOTTOM of assets/foravi-patches.css
   ========================================================= */

/* Desktop/tablet: keep it elegant but not oversized */
section.foravi-fade-hero .foravi-fade-hero__copy{
  max-width: min(560px, 46vw) !important;
  padding: 18px 18px 16px !important;
}

/* Make the glass lighter (more photo visible) */
section.foravi-fade-hero :is(
  .foravi-fade-hero__copy,
  .foravi-fade-hero__content,
  .foravi-fade-hero__inner,
  .foravi-fade-hero__overlay-content
){
  background: rgba(10,10,10,0.14) !important;
  border-color: rgba(255,255,255,0.07) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,0.16), inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

/* Mobile: compact, bottom-left, clamp text */
@media (max-width: 749px){

  /* Anchor the card to lower-left and keep it narrow */
  section.foravi-fade-hero .foravi-fade-hero__content{
    left: 14px !important;
    right: auto !important;
    bottom: 14px !important;
    max-width: 78vw !important;      /* key: prevents “full width” card */
  }

  section.foravi-fade-hero .foravi-fade-hero__copy{
    padding: 14px 14px 12px !important;
    border-radius: 22px !important;
  }

  /* Optional: hide kicker on mobile to reduce height */
  section.foravi-fade-hero .foravi-fade-hero__kicker{
    display: none !important;
  }

  /* Headline: smaller + max 2 lines */
  section.foravi-fade-hero .foravi-fade-hero__headline{
    font-size: 26px !important;
    line-height: 1.08 !important;
    letter-spacing: 0.01em !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  /* Subtext: max 1 line */
  section.foravi-fade-hero .foravi-fade-hero__text{
    font-size: 14px !important;
    line-height: 1.3 !important;
    margin-top: 8px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    opacity: 0.92 !important;
  }

  /* CTA: smaller */
  section.foravi-fade-hero .foravi-fade-hero__cta{
    margin-top: 10px !important;
    padding: 10px 14px !important;
    min-height: 40px !important;
    font-size: 13px !important;
  }
}

/* ============================================================
   FORAVI — Mega Menu Premium Styling (Dawn) v3
   ============================================================ */
@media screen and (min-width: 990px) {

  /* Panel — frosted glass via isolation trick */
  .mega-menu__content {
    background: rgba(250,250,250,0.85) !important;
    backdrop-filter: blur(20px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(150%) !important;
    border-top: 1px solid rgba(0,0,0,0.07) !important;
    box-shadow: 0 12px 40px rgba(0,0,0,0.08) !important;
  }

  /* List padding */
  .mega-menu__list.page-width {
    padding-top: 28px !important;
    padding-bottom: 32px !important;
  }

  /* Top-level links */
  .mega-menu__list > li > .mega-menu__link {
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.13em !important;
    text-transform: uppercase !important;
    color: rgba(17,17,17,0.90) !important;
    text-decoration: none !important;
    transition: opacity 0.18s ease !important;
  }

  .mega-menu__list > li > .mega-menu__link:hover {
    opacity: 0.6 !important;
  }

  /* Sub-links (Bracelets, Earrings) */
  .mega-menu__list > li ul a {
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: 0.05em !important;
    text-transform: none !important;
    color: rgba(17,17,17,0.55) !important;
    text-decoration: none !important;
    display: block !important;
    padding-top: 5px !important;
  }

  .mega-menu__list > li ul a:hover {
    color: #000 !important;
  }

  /* New In — underline accent */
  .mega-menu__list > li:first-child > .mega-menu__link {
    border-bottom: 1.5px solid rgba(17,17,17,0.80) !important;
    padding-bottom: 2px !important;
  }
}/* Compact the mega menu grid — avoid sparse columns */
.mega-menu__list.page-width {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0 48px !important;
  justify-content: flex-start !important;
}
.mega-menu__content {
  min-height: unset !important;
}
/* Lookbook — fix media container height & tile alignment */
.foravi-lookbook__tile {
  align-self: stretch;
}

.foravi-lookbook__media {
  height: 100%;
}

.foravi-lookbook__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* Lookbook — force equal height columns */
.foravi-lookbook__grid {
  align-items: stretch !important;
}
/* Lookbook — prevent empty row height creating gaps */
.foravi-lookbook__grid {
  grid-auto-rows: min-content;
}
/* === LOOKBOOK FOCAL POINT CORRECTIONS === */
.foravi-lookbook__grid .foravi-lookbook__tile:nth-child(1) .foravi-lookbook__media img { object-position: center 20% !important; }
.foravi-lookbook__grid .foravi-lookbook__tile:nth-child(2) .foravi-lookbook__media img { object-position: center 20% !important; }
.foravi-lookbook__grid .foravi-lookbook__tile:nth-child(3) .foravi-lookbook__media img { object-position: center 20% !important; }
.foravi-lookbook__grid .foravi-lookbook__tile:nth-child(5) .foravi-lookbook__media img { object-position: center 15% !important; }
.foravi-lookbook__grid .foravi-lookbook__tile:nth-child(6) .foravi-lookbook__media img { object-position: center 10% !important; }
.foravi-lookbook__grid .foravi-lookbook__tile:nth-child(7) .foravi-lookbook__media img { object-position: center 25% !important; }
.foravi-lookbook__grid .foravi-lookbook__tile:nth-child(8) .foravi-lookbook__media img { object-position: center 25% !important; }
.foravi-lookbook__grid .foravi-lookbook__tile:nth-child(11) .foravi-lookbook__media img { object-position: center 15% !important; }
.foravi-lookbook__grid .foravi-lookbook__tile:nth-child(12) .foravi-lookbook__media img { object-position: center 15% !important; }
/* === END LOOKBOOK CORRECTIONS === */

/* === LOOKBOOK GAP FIX === */
.foravi-lookbook__grid { gap: 0 !important; }
/* =========================================================
   CP FIX — 05-04-26
   Hero sub clamp: 3→4 on desktop card (prevents cutoff)
   ========================================================= */
@media (min-width: 750px){
  .foravi-cp[data-foravi="cp-v32"] .cp-hero__sub{
    -webkit-line-clamp: 4 !important;
  }
}
/* =========================================================
   CP FIX — 05-05-26
   Hero sub clamp: 3→4 on desktop (prevents "as soon as" cutoff)
   ========================================================= */
@media (min-width: 750px){
  .foravi-cp[data-foravi="cp-v32"] .cp-hero__sub{
    -webkit-line-clamp: 4 !important;
  }
}
/* =========================================================
   CP FIX — 05-05-26
   Visit Us: force "Open in Google Maps" link visibility
   ========================================================= */
.foravi-cp .cp-visit__meta .cp-link--light{
  color: rgba(255,255,255,0.90) !important;
  text-decoration-color: rgba(255,255,255,0.40) !important;
}