.home-page{--orange:#9a5b42;--cream:#f7f1e8;--ink:#6b2f1b;--yellow:#e7d0ad}.home-page .hero{color:#6b2f1b;background:linear-gradient(125deg,#f8f1e8 0%,#ead9c7 100%)}.home-page .hero h1 em{color:#9a5b42}.home-page .hero-visual{background:radial-gradient(circle at 55% 42%,#fffaf2 0 29%,transparent 29.4%)}.home-page .hero .button-light{color:#fff!important;background:#8a4b35}.home-page .button-outline{color:#6b2f1b;border-color:transparent;background:rgba(255,255,255,.55)}.home-page .stamp,.home-page .float-note{border-color:rgba(107,47,27,.18);background:rgba(255,255,255,.34)}.home-page .ticker{color:#6b2f1b;background:#e7d0ad}.home-page .quick span,.home-page .button-orange{background:#8a4b35}.home-page .product-card.orange{background:#d9bda5}.home-page .menu-section,.home-page .visit{background:#fff}.home-page .drop{background:#6b2f1b}.home-page .drop-copy h2{color:#f1d2b8}.home-page .poster{background:#e8c5b3;box-shadow:18px 18px 0 #b8896f}.home-page .poster i{background:#c49a7d}.home-page footer{background:#6b2f1b}.home-page .header-order{background:#8a4b35!important}.home-page .filters button.active,.home-page .product-copy button{background:#8a4b35}.home-page .inner-header.site-nav nav a,.home-page .inner-header.site-nav nav a:hover,.home-page .inner-header.site-nav nav a.active{color:#f05a18;background:transparent!important}

/* Accueil photographique plein écran */
.home-page .hero {
  min-height: 100vh;
  min-height: 100svh;
  min-height: 100dvh;
  display: flex;
  align-items: flex-end;
  isolation: isolate;
  color: #fff;
  background: url("assets/gazelle/gazelle-hero-retouched.png") center 48% / cover no-repeat;
}
.home-page .hero-slides { position: absolute; z-index: 0; inset: 0; overflow: hidden; }
.home-page .hero-slides span { position: absolute; inset: 0; background-position: center; background-size: cover; background-repeat: no-repeat; opacity: 0; animation: bakryHeroSlide 24s infinite ease-in-out; }
.home-page .hero-slides .slide-viennoiserie { background-image: url("assets/gazelle/gazelle-hero-retouched.png"); background-position: center 52%; animation-delay: 0s; }
.home-page .hero-slides .slide-patisserie { background-image: url("assets/patisserie-flan-hero.jpeg"); background-position: 72% 42%; animation-delay: 6s; }
.home-page .hero-slides .slide-sandwich { background-image: url("assets/sandwich-hero.png"); background-position: center 54%; animation-delay: 12s; }
.home-page .hero-slides .slide-boissons { background-image: url("assets/bakry/heroes/matcha-studio-integrated-v3.png"); background-position: center; animation-delay: 18s; }
.home-page .hero::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(0deg, rgba(74,31,17,.60) 0%, rgba(74,31,17,.10) 58%, rgba(74,31,17,.12) 100%);
}
.home-page .hero-copy {
  position: relative;
  z-index: 2;
  width: min(900px, 92%);
  padding: 0 max(0px, env(safe-area-inset-right)) calc(8vh + env(safe-area-inset-bottom)) max(5vw, env(safe-area-inset-left));
}
.home-page .hero h1,
.home-page .hero h1 em { color: #fff; text-shadow: 0 8px 34px rgba(61,25,13,.35); }
.home-page .hero h1 { font-size: clamp(62px, 7.7vw, 122px); line-height: .84; letter-spacing: -.13em; text-transform: uppercase; }
.home-page .hero-visual,
.home-page .hero .ticker { display: none; }

/* Accueil : les boutons de nav ne réagissent pas au survol (identique aux autres pages) */
.home-page .inner-header.site-nav nav a,
.home-page .inner-header.site-nav nav a:hover,
.home-page .inner-header.site-nav nav a:focus,
.home-page .inner-header.site-nav nav a:focus-visible,
.home-page .inner-header.site-nav nav a:active,
.home-page .inner-header.site-nav nav a.active,
.home-page .inner-header.site-nav nav a::before,
.home-page .inner-header.site-nav nav a:hover::before {
  transform: none !important;
  scale: 1 !important;
  transition: none !important;
  animation: none !important;
  will-change: auto !important;
}

@keyframes bakryHeroSlide {
  0% { opacity: 0; }
  4% { opacity: 1; }
  24% { opacity: 1; }
  29% { opacity: 0; }
  100% { opacity: 0; }
}

@media (max-width: 900px) {
  .home-page .hero { min-height: 100vh; min-height: 100svh; min-height: 100dvh; background-position: 52% center; }
  .home-page .hero-copy { padding: 0 max(22px, env(safe-area-inset-right)) calc(8vh + env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left)); }
}
@media (prefers-reduced-motion: reduce) {
  .home-page .hero-slides span { animation: none; }
  .home-page .hero-slides .slide-viennoiserie { opacity: 1; }
}

/* Prolonge la photo d'accueil sous la barre inférieure de Safari iOS. */
@media (max-width: 700px) {
  @supports (-webkit-touch-callout: none) {
    .home-page .hero {
      min-height: calc(100dvh + 96px);
    }
    .home-page .hero-copy {
      padding-bottom: calc(8vh + 96px + env(safe-area-inset-bottom));
    }
  }
}
