/* V20 — Mobile-only home hero. Desktop and inner pages unchanged. */
@media (max-width: 767px) {
  body.home-page .hero-fullscreen { position: relative !important; isolation: isolate !important; }
  body.home-page .hero-fullscreen picture,
  body.home-page .hero-fullscreen picture .hero-bg { width:100% !important; height:100% !important; }
  /* Move photographic composition toward the right within the mobile viewport. */
  body.home-page .hero-fullscreen picture .hero-bg { object-fit:cover !important; object-position:50% center !important; }
  /* No opaque or translucent plaque behind the slogan. */
  body.home-page .hero-copy-zone,
  body.home-page .hero-copy-zone::before,
  body.home-page .hero-luxe-copy,
  body.home-page .hero-luxe-copy::before,
  body.home-page .hero-luxe-copy::after { background:transparent !important; background-image:none !important; box-shadow:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
  body.home-page .hero-copy-zone::before,
  body.home-page .hero-luxe-copy::before,
  body.home-page .hero-luxe-copy::after { content:none !important; display:none !important; }
  /* Keep the entire slogan in the upper photographic negative space, away from the falafels. */
  body.home-page .hero-copy-zone { position:absolute !important; inset:0 !important; width:100% !important; min-height:0 !important; height:100% !important; padding:clamp(130px,19svh,205px) 6vw 0 !important; align-items:flex-start !important; justify-content:center !important; text-align:center !important; pointer-events:none; }
  body.home-page .hero-luxe-copy h1 { width:100% !important; max-width:100% !important; margin:0 auto !important; font-size:clamp(23px,5.2vw,34px) !important; line-height:1.13 !important; }
  body.home-page .hero-tasting-link { color:#492C16 !important; -webkit-text-fill-color:#492C16 !important; }
  body.home-page .hero-luxe-copy h1, body.home-page .hero-luxe-copy h1 *, body.home-page .hero-tasting-link * { color:#492C16 !important; -webkit-text-fill-color:#492C16 !important; }
  /* All header content, active language indicator and hamburger lines are dark brown on slide one. */
  body.home-page .site-header:not(.scrolled),
  body.home-page .site-header:not(.scrolled) .main-nav a,
  body.home-page .site-header:not(.scrolled) .header-cta,
  body.home-page .site-header:not(.scrolled) .hf-lang-switch,
  body.home-page .site-header:not(.scrolled) .hf-lang-switch a,
  body.home-page .site-header:not(.scrolled) .hf-lang-switch a span,
  body.home-page .site-header:not(.scrolled) .menu-toggle { color:#492C16 !important; -webkit-text-fill-color:#492C16 !important; }
  body.home-page .site-header:not(.scrolled) .menu-toggle span { background-color:#492C16 !important; }
  body.home-page .site-header:not(.scrolled) .hf-lang-switch a.active,
  body.home-page .site-header:not(.scrolled) .hf-lang-switch a.active span { text-decoration-color:#492C16 !important; border-color:#492C16 !important; }
  body.home-page .site-header:not(.scrolled) .hf-lang-switch a.active::after,
  body.home-page .site-header:not(.scrolled) .main-nav a.active::after { background:#492C16 !important; }
  body.home-page .site-header:not(.scrolled) .brand .brand-logo { filter:none !important; }
}
@media (max-width: 767px) and (max-height: 690px) {
  body.home-page .hero-copy-zone { padding-top:clamp(110px,17svh,150px) !important; }
  body.home-page .hero-luxe-copy h1 { font-size:clamp(22px,5vw,31px) !important; }
}

/* V21: force both hamburger strokes dark brown on mobile home hero. */
@media (max-width:767px) {
 html body.home-page .site-header:not(.scrolled) button.menu-toggle > span,
 html body.home-page .site-header:not(.scrolled) button.menu-toggle > span:first-child,
 html body.home-page .site-header:not(.scrolled) button.menu-toggle > span:last-child {background:#492C16 !important;background-color:#492C16 !important;opacity:1 !important;}
}

/* V23: smaller, understated slogan and slightly lower header logo, mobile only. */
@media (max-width: 767px) {
  body.home-page .site-header .brand .brand-logo { transform: translateY(-5px) !important; }
  body.home-page .hero-luxe-copy h1 { font-size: clamp(18px, 4.15vw, 25px) !important; line-height: 1.24 !important; letter-spacing: .02em !important; }
}
@media (max-width: 767px) and (max-height: 690px) {
  body.home-page .hero-luxe-copy h1 { font-size: clamp(17px, 4vw, 23px) !important; }
}

/* V25: clean, sharp mobile tasting link, dark brown underline. */
@media (max-width: 767px) {
  html body.home-page a.hero-tasting-link,
  html body.home-page a.hero-tasting-link:link,
  html body.home-page a.hero-tasting-link:visited,
  html body.home-page a.hero-tasting-link *,
  html body.home-page a.hero-tasting-link::before,
  html body.home-page a.hero-tasting-link::after {
    color: #492C16 !important;
    -webkit-text-fill-color: #492C16 !important;
    text-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  html body.home-page a.hero-tasting-link {
    border-bottom: 1px solid #492C16 !important;
    border-bottom-color: #492C16 !important;
    opacity: 1 !important;
  }
}

/* V26 — mobile only: slightly wider photo framing, left-aligned and raised slogan. */
@media (max-width: 767px) {
  body.home-page .hero-fullscreen picture { position:absolute !important; inset:0 !important; overflow:hidden !important; background:#F7F3E9 !important; }
  /* Soft edge fill permits a genuine slight zoom-out without hard empty borders. */
  body.home-page .hero-fullscreen picture::before { content:""; position:absolute; inset:-12px; background:url('../assets/accueil-falafel-mobile.png') center center / cover no-repeat; filter:blur(22px); opacity:.85; }
  body.home-page .hero-fullscreen picture .hero-bg { position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; object-fit:cover !important; object-position:center center !important; transform:scale(.91) !important; transform-origin:center center !important; }
  body.home-page .hero-copy-zone { padding:clamp(110px,16svh,165px) 7vw 0 !important; align-items:flex-start !important; justify-content:flex-start !important; text-align:left !important; }
  body.home-page .hero-luxe-copy h1 { width:100% !important; max-width:100% !important; margin:0 !important; text-align:left !important; }
}
@media (max-width:767px) and (max-height:690px) {
  body.home-page .hero-copy-zone { padding-top:clamp(98px,14svh,125px) !important; }
}

/* V27: restore full-bleed mobile photograph, no scaled edges or blurred fill. */
@media (max-width:767px) {
  body.home-page .hero-fullscreen picture::before { content:none !important; display:none !important; }
  body.home-page .hero-fullscreen picture .hero-bg { transform:none !important; object-fit:cover !important; object-position:50% 54% !important; }
}

/* V28: iPhone 16 portrait framing; no CSS zoom or exposed edges. */
@media (max-width:767px) {
 body.home-page .hero-fullscreen picture .hero-bg {object-position:center center !important;transform:none !important;}
}