.beverage-intro p.nowrap-line{max-width:none;white-space:nowrap;font-size:clamp(11px,1.25vw,18px)}
@media(max-width:700px){.beverage-intro p.nowrap-line{white-space:normal}}
.coffee-craft{padding:90px 5vw;background:#f7f1e8}
.coffee-craft-heading{margin:0 0 45px}
.coffee-craft-heading .eyebrow{margin:0 0 14px;color:var(--orange);font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.coffee-craft-heading h2{max-width:none;margin:0;font-size:clamp(20px,3.4vw,58px);line-height:1;letter-spacing:-.04em;color:#6b2f1b;white-space:nowrap}
.coffee-craft-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.coffee-craft-card{overflow:hidden;border-radius:26px;background:#fff}
.coffee-craft-photo{display:grid;place-items:center;aspect-ratio:4/3;border:2px dashed #6b2f1b3d;border-radius:26px 26px 0 0;background:#eadfce}
.coffee-craft-photo span{padding:9px 16px;border-radius:99px;background:#fff;color:#6b2f1b;font-size:11px;font-weight:800;letter-spacing:.02em}
.coffee-craft-photo.has-photo{border:0}
.coffee-craft-photo.has-photo img{width:100%;height:100%;min-width:0;min-height:0;object-fit:cover}
.coffee-craft-copy{padding:26px 28px 30px}
.coffee-craft-copy h3{margin:0 0 10px;font-size:22px;letter-spacing:-.03em;color:#6b2f1b}
.coffee-craft-copy p{margin:0;max-width:480px;font-size:14px;line-height:1.6;color:#6b2f1bcc}
@media(max-width:800px){
  .coffee-craft{padding:70px 22px}
  .coffee-craft-grid{grid-template-columns:1fr;gap:20px}
}
.drinks-section{padding:90px 0 110px;background:#eadfce}
.drink-top{display:flex;align-items:end;justify-content:space-between;margin-bottom:45px}
.drink-top h2{margin:0;font-size:clamp(50px,6vw,90px);letter-spacing:-.07em}
.drink-top>p{max-width:410px;margin:0;font-size:14px;line-height:1.55}
.drink-selector{width:min(1450px,calc(100% - 3vw));margin:auto;overflow:hidden;border-radius:30px;background:radial-gradient(circle at 50% 52%,#fff 0,#f7efe4 47%,#ead9c4 100%);box-shadow:0 30px 65px #6b2f1b18}
.drink-tabs{display:none}
.drink-tabs button{flex:none;padding:10px 15px;border:1px solid #6b2f1b22;border-radius:99px;color:#6b2f1b;background:#ffffff80;font-size:10px;font-weight:800;cursor:pointer}
.drink-tabs button.active{color:#fff;border-color:#f05a18;background:#f05a18}
.drink-canvas{position:relative;height:690px;overflow:hidden}
.drink-backdrop{position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);color:#f05a18;font-size:clamp(86px,13vw,200px);font-weight:1000;letter-spacing:-.09em;white-space:nowrap;transition:.45s}
.drink-cup{position:absolute;z-index:8;bottom:-27%;left:50%;width:min(370px,34vw);transform:translateX(-50%);filter:drop-shadow(0 35px 22px #6b2f1b28);transition:.5s cubic-bezier(.22,1,.36,1)}
.drink-cup img{display:block;width:100%}
.steam{position:absolute;z-index:-1;top:5%;left:42%;width:40px;height:110px;border-left:8px solid #fff9;border-radius:50%;filter:blur(5px);animation:steam 3s ease-in-out infinite}
.steam-two{left:58%;animation-delay:-1.5s}
.milk-wave{position:absolute;z-index:3;top:17%;left:7%;right:7%}
.milk-wave svg{width:100%;overflow:visible}
.milk-wave path{fill:none;stroke:#fffaf1;stroke-width:68;stroke-linecap:round;stroke-dasharray:1300;filter:drop-shadow(0 12px 10px #6b2f1b18);animation:pour 1.7s cubic-bezier(.22,1,.36,1) both}
.drink-bean{position:absolute;z-index:9;width:64px;height:46px;border-radius:55% 45%;background:radial-gradient(circle at 30% 20%,#9d6240,#6b321f 72%);box-shadow:inset -7px -8px 12px #6b2f1b44,0 15px 20px #6b2f1b30;animation:float 4s ease-in-out infinite;transition:.35s}
.drink-bean i{position:absolute;left:50%;top:7%;width:5px;height:86%;border-radius:50%;background:#c08a65;rotate:16deg}
.db-one{left:17%;top:38%;rotate:-25deg}
.db-two{right:18%;top:31%;rotate:34deg;scale:.75;animation-delay:-1.3s}
.db-three{right:20%;bottom:14%;rotate:-42deg;scale:1.1;animation-delay:-2.2s}
.foam-cloud{position:absolute;z-index:7;animation:float 4.6s ease-in-out infinite;transition:.35s}
.foam-cloud i{position:absolute;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#eadfce 75%);box-shadow:0 12px 22px #6b2f1b20}
.foam-cloud i:nth-child(2){left:51px;top:15px;scale:.72}
.foam-cloud i:nth-child(3){left:22px;top:47px;scale:.58}
.fc-one{left:12%;top:50%}
.fc-two{right:14%;top:45%;scale:.7;animation-delay:-2s}
.drink-info{position:absolute;z-index:12;left:4%;bottom:35px;width:300px;padding:21px;border:1px solid #fff9;border-radius:20px;background:#ffffff90;backdrop-filter:blur(15px);box-shadow:0 20px 38px #6b2f1b18}
.drink-count{color:#f05a18;font-size:9px;font-weight:900;letter-spacing:.18em}
.drink-info h3{margin:9px 0 5px;font-size:25px}
.drink-info p{margin:0 0 14px;font-size:12px;line-height:1.45}
.drink-tags{display:flex;gap:5px}
.drink-tags span{padding:6px 8px;border:1px solid #6b2f1b22;border-radius:99px;font-size:9px;font-weight:800}
.drink-controls{position:absolute;z-index:12;right:4%;bottom:35px;display:flex;gap:7px}
.drink-controls button{width:52px;height:52px;border:0;border-radius:50%;color:#6b2f1b;background:#fff;box-shadow:0 10px 25px #6b2f1b19;cursor:pointer}
.drink-controls button:last-child{color:#fff;background:#f05a18}
.drink-canvas.changing .drink-cup{opacity:0;transform:translate(-50%,45px) scale(.92)}
.drink-canvas.changing .drink-bean,.drink-canvas.changing .foam-cloud{opacity:0;scale:.2}
@keyframes float{50%{translate:0 -17px}
}
@keyframes steam{0%{opacity:0;translate:0 18px;scale:.7}
45%{opacity:.75}
100%{opacity:0;translate:10px -42px;scale:1.15}
}
@keyframes pour{from{stroke-dashoffset:1300}
to{stroke-dashoffset:0}
}
@media(max-width:800px){.drink-top{display:block}
.drink-top>p{margin-top:18px}
.drink-canvas{height:620px}
.drink-backdrop{top:25%;font-size:20vw}
.milk-wave{top:25%;left:-20%;right:-20%}
.drink-cup{bottom:-2%;width:66vw}
.drink-bean{scale:.6}
.foam-cloud{scale:.55}
.drink-info{left:14px;right:84px;bottom:14px;width:auto;padding:0;border:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
.drink-info h3{margin:0;font-size:9vw;font-family:"Arial Black",Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-.06em;text-transform:uppercase;color:#fff;text-shadow:0 8px 24px rgba(60,30,15,.45)}
.drink-count,.drink-info p,.drink-tags{display:none}
.drink-controls{right:14px;bottom:14px;flex-direction:column}
.drink-controls button{width:43px;height:43px}
}

/* L'animation devient le premier écran de la page Boissons */
.boissons-page main {
  display: flex;
  flex-direction: column;
}
.boissons-page .drinks-section.standalone {
  order: -1;
  min-height: 100svh;
  min-height: 100dvh;
  padding: 0;
}
.boissons-page .drinks-section .drink-top { display: none; }
.boissons-page .drink-selector {
  width: 100%;
  min-height: 100svh;
  min-height: 100dvh;
  border-radius: 0;
}
.boissons-page .drink-canvas {
  height: 100svh;
  height: 100dvh;
  min-height: 650px;
  perspective: 1100px;
  perspective-origin: 50% 48%;
}
.boissons-page .drink-cup {
  z-index: 10;
  width: min(620px, 50vw, calc((100svh - 210px) * .6667));
  bottom: 1%;
  transform-style: preserve-3d;
  transform-origin: center center;
  backface-visibility: visible;
}
.boissons-page .drink-cup.cup-incoming { z-index: 9; }
.boissons-page .drink-backdrop { z-index: 2; }
.boissons-page .gazelle-heading { order: 2; }
.boissons-page .boissons-grid { order: 2; }
.boissons-page .beverage-menu-section { order: 3; }
.boissons-page .beverage-intro { order: 4; }
.boissons-page .coffee-craft { order: 5; }

@media(max-width:800px) {
  .boissons-page .drinks-section.standalone { padding-top: 0; }
  .boissons-page .drink-selector { min-height: 100svh; min-height: 100dvh; }
  .boissons-page .drink-canvas {
    height: 100svh;
    height: 100dvh;
    min-height: 610px;
  }
  .boissons-page .drink-cup {
    width: min(76vw, calc((100svh - 170px) * .6667));
    bottom: 1%;
  }
}

/* Univers Matcha : poudre, feuilles et lait, sans grains de café */
.boissons-page .drink-selector:has(.matcha-theme) {
  background: radial-gradient(circle at 50% 48%, #fffdf4 0 22%, #e8edcf 50%, #b7c77a 100%);
}
.matcha-theme .drink-backdrop { color: #718642 !important; }
.matcha-theme .milk-wave path {
  stroke: #f7f4df;
  filter: drop-shadow(0 14px 13px rgba(74,95,36,.18));
}
.matcha-theme::before {
  content: "";
  position: absolute;
  z-index: 6;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 115px 32px at 10% 73%, rgba(70,91,29,.74) 0 22%, rgba(108,133,48,.64) 34%, rgba(145,165,72,.24) 57%, transparent 70%),
    radial-gradient(ellipse 155px 40px at 89% 67%, rgba(75,96,31,.78) 0 18%, rgba(111,137,48,.65) 36%, rgba(151,170,78,.22) 60%, transparent 72%),
    radial-gradient(circle at 17% 48%, rgba(88,112,36,.75) 0 2px, transparent 3px),
    radial-gradient(circle at 22% 58%, rgba(121,145,54,.72) 0 1.5px, transparent 2.5px),
    radial-gradient(circle at 79% 45%, rgba(77,101,31,.7) 0 2px, transparent 3px),
    radial-gradient(circle at 84% 54%, rgba(136,157,62,.72) 0 1.5px, transparent 2.5px);
  background-size: auto,auto,37px 31px,29px 35px,41px 33px,31px 39px;
  filter: saturate(1.12) contrast(1.05);
  opacity: .92;
}
.matcha-theme .drink-bean {
  width: 66px;
  height: 42px;
  border-radius: 90% 8% 90% 8%;
  background: linear-gradient(145deg,#a9bd5c,#607b35);
  box-shadow: inset -8px -8px 12px rgba(42,69,25,.25),0 16px 24px rgba(74,95,36,.22);
}
.matcha-theme .drink-bean i {
  top: 47%;
  left: 8%;
  width: 84%;
  height: 3px;
  border-radius: 99px;
  background: #dce8a0;
  rotate: -8deg;
}
.matcha-theme .foam-cloud i {
  width: 104px;
  height: 48px;
  border-radius: 58% 42% 48% 52% / 72% 66% 34% 28%;
  background:
    radial-gradient(circle at 22% 28%,rgba(211,221,135,.75) 0 1px,transparent 2px),
    radial-gradient(circle at 68% 42%,rgba(64,84,27,.55) 0 1.2px,transparent 2px),
    radial-gradient(circle at 47% 22%,rgba(173,192,91,.8) 0 1.5px,transparent 2.5px),
    radial-gradient(ellipse at 46% 76%,#526d29 0,#78933d 43%,#a9bc62 76%,#d3dda0 100%);
  background-size: 13px 11px,17px 15px,19px 13px,auto;
  box-shadow: 12px 7px 0 -5px #8da64c,27px 3px 0 -9px #607c31,-17px 9px 0 -8px #afc36b,0 17px 25px rgba(52,74,27,.3);
  filter: saturate(1.18) contrast(1.08);
}
.matcha-theme .foam-cloud::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #718a3d;
  box-shadow: 12px -25px 0 -1px #9caf52,28px -18px 0 #728c3e,42px -31px 0 -2px #b2c76b,55px 12px 0 #657d35,70px -8px 0 -1px #91aa50,-16px 32px 0 #b5c76b,-28px 8px 0 -2px #718a3d,38px 43px 0 #7e9742,82px 31px 0 -2px #a5bb60;
  animation: matcha-dust 3.2s ease-in-out infinite;
}
.matcha-theme .drink-info {
  border-color: rgba(255,255,255,.72);
  background: rgba(249,252,233,.78);
}
.matcha-theme .drink-count { color: #718642; }
.matcha-theme .steam { border-left-color: rgba(230,239,190,.8); }
.drink-cup::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 19%;
  left: 19%;
  width: 62%;
  height: 6.5%;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%,#fff 0 4%,transparent 5%),radial-gradient(circle at 54% 48%,#fff 0 3%,transparent 4%),radial-gradient(ellipse at 46% 42%,#fffdf8 0 28%,#f5ecdc 72%,#dfd1bc 100%);
  box-shadow: inset 0 -4px 8px rgba(132,105,72,.14),0 2px 4px rgba(70,45,27,.10);
  pointer-events: none;
}
.matcha-theme .drink-cup::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 21%;
  left: 37%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #718642;
  box-shadow: 15px -2px 0 -1px #82994b,28px 3px 0 -1px #60783a,39px -1px 0 -2px #a4b968,8px 7px 0 -2px #718642,23px 9px 0 -2px #91a85a,34px 7px 0 -2px #657b3d;
  opacity: .78;
  pointer-events: none;
}


/* Hero Matcha premium : impact, profondeur et mouvement photographique */
.boissons-page .drink-selector:has(.matcha-theme) {
  background-color: #7f9134;
  background-image:
    radial-gradient(circle at 43% 28%,rgba(255,255,214,.28),transparent 28%),
    linear-gradient(90deg,rgba(24,39,7,.22),transparent 22%,transparent 76%,rgba(24,39,7,.27)),
    url("assets/matcha-powder-impact-bg.png");
  background-position: center,center,center;
  background-size: cover,cover,cover;
  background-repeat: no-repeat;
}
.matcha-theme::before {
  content: "";
  position: absolute;
  z-index: 11;
  top: 43%;
  left: 50%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #71843c;
  box-shadow:
    -210px 42px 0 -1px rgba(112,132,58,.7),
    -165px 116px 0 -2px rgba(185,199,106,.75),
    -118px 78px 0 -1px rgba(86,106,40,.72),
    -76px 168px 0 -2px rgba(157,175,77,.75),
    82px 142px 0 -1px rgba(92,111,42,.72),
    132px 72px 0 -2px rgba(185,198,101,.76),
    178px 124px 0 -1px rgba(100,119,47,.7),
    224px 54px 0 -2px rgba(161,178,82,.75);
  opacity: .72;
  pointer-events: none;
  animation: matcha-particles-premium 7.5s ease-in-out infinite alternate;
}
.matcha-theme::after {
  content: "";
  position: absolute;
  z-index: 11;
  inset: 0;
  pointer-events: none;
  background: url("assets/matcha-powder-impact-bg.png") center / cover no-repeat;
  -webkit-mask-image: radial-gradient(ellipse 25% 20% at 50% 99%,#000 0 48%,rgba(0,0,0,.9) 58%,transparent 76%);
  mask-image: radial-gradient(ellipse 25% 20% at 50% 99%,#000 0 48%,rgba(0,0,0,.9) 58%,transparent 76%);
}
.boissons-page .drink-cup.matcha-cup {
  transform: translateX(-50%) rotate(9deg);
  transform-origin: 50% 88%;
  filter: drop-shadow(-18px 28px 24px rgba(29,47,8,.34)) drop-shadow(0 4px 7px rgba(255,255,220,.12));
  animation: matcha-cup-premium 7s ease-in-out infinite;
}
.matcha-cup .cup-crater-shadow {
  position: absolute;
  z-index: 2;
  left: 16%;
  right: 16%;
  bottom: -1.5%;
  height: 8%;
  border-radius: 50%;
  background: rgba(31,49,10,.5);
  filter: blur(15px);
  transform: rotate(-9deg) scaleX(1.12);
  pointer-events: none;
}
.matcha-cup .cup-dust {
  position: absolute;
  z-index: 4;
  left: 15%;
  bottom: 7%;
  width: 70%;
  height: 24%;
  pointer-events: none;
  opacity: .68;
  background:
    radial-gradient(circle at 18% 72%,#71843b 0 1.5px,transparent 2.5px),
    radial-gradient(circle at 68% 38%,#a8b968 0 1px,transparent 2px),
    radial-gradient(circle at 42% 64%,#52692c 0 1.2px,transparent 2.3px),
    linear-gradient(to top,rgba(86,107,42,.48),rgba(133,153,68,.17) 55%,transparent 82%);
  background-size: 17px 15px,13px 19px,21px 16px,auto;
  -webkit-mask-image: linear-gradient(to top,#000,rgba(0,0,0,.85) 48%,transparent 100%);
  mask-image: linear-gradient(to top,#000,rgba(0,0,0,.85) 48%,transparent 100%);
  mix-blend-mode: multiply;
}
@keyframes matcha-cup-premium {
  0%,100% { transform: translateX(-50%) translateY(0) rotate(9deg); }
  50% { transform: translateX(-50%) translateY(-3px) rotate(10deg); }
}
@keyframes matcha-particles-premium {
  from { transform: translate(-50%,2px) rotate(-1deg); opacity: .58; }
  to { transform: translate(-50%,-5px) rotate(1deg); opacity: .78; }
}
@media (prefers-reduced-motion: reduce) {
  .boissons-page .drink-cup.matcha-cup,
  .matcha-theme::before { animation: none; }
}

/* Visuel Matcha final fourni par Bakry, affiché sans modification */
.boissons-page .drink-selector:has(.matcha-theme) {
  background: #80942e url("assets/matcha-hero-final.png") center / cover no-repeat;
}

/* Prolonge le premier écran Boissons sous la barre de Safari iOS. */
@media (max-width: 700px) {
  @supports (-webkit-touch-callout: none) {
    .boissons-page .drinks-section.standalone,
    .boissons-page .drink-selector {
      min-height: calc(100dvh + 96px);
    }
    .boissons-page .drink-canvas {
      height: calc(100dvh + 96px);
    }
    .boissons-page .drink-info,
    .boissons-page .drink-controls {
      bottom: calc(110px + env(safe-area-inset-bottom));
    }
  }
}
.matcha-theme .drink-cup.matcha-cup,
.matcha-theme::before,
.matcha-theme::after {
  display: none !important;
  content: none !important;
}

/* Titres de boissons de bord à bord */
.boissons-page .drink-backdrop {
  top: clamp(140px, 17svh, 170px);
  left: -6%;
  width: 112%;
  padding: 0;
  text-align: center;
  font-size: clamp(42px, calc(95vw / var(--title-length, 10)), 120px);
  line-height: .78;
  letter-spacing: var(--title-spacing, .035em);
  transform: translate(0, -50%) scaleX(var(--title-stretch, 1.08));
  animation: none;
}
.boissons-page .drink-backdrop.title-incoming { pointer-events: none; }
.drink-hero-description {
  position: absolute;
  z-index: 12;
  top: clamp(215px, 25svh, 245px);
  left: 50%;
  width: min(620px, 82vw);
  margin: 0;
  transform: translateX(-50%);
  color: #6b2f1b;
  font-size: clamp(15px,1.45vw,24px);
  font-weight: 650;
  line-height: 1.25;
  text-align: center;
  text-wrap: balance;
}
.boissons-page .drink-cup.matcha-cup {
  transform: translateX(-50%) rotate(5deg);
  transform-origin: 50% 86%;
}
@media(min-width:801px) {
  .boissons-page .drink-cup.matcha-cup {
    width: min(620px,50vw,calc((100svh - 270px) * .6667));
  }
}
.boissons-page .drink-cup::before,
.boissons-page .drink-cup::after { display: none !important; }
.drink-cup img { position: relative; z-index: 3; }
@keyframes matcha-dust {
  50% { transform: translate(8px,-18px) scale(1.2); opacity: .55; }
}

/* Décor photographique : la cup semble plantée dans une pile de matcha */
.boissons-page .drink-selector:has(.matcha-theme) {
  background: #81913a;
}
.matcha-theme::before {
  content: none;
}
.matcha-theme::after {
  content: none;
}
.matcha-theme .milk-wave,
.matcha-theme .drink-bean,
.matcha-theme .foam-cloud,
.matcha-theme .steam {
  display: none;
}

/* Décor photographique Cappuccino : cacao et grains torréfiés */
.boissons-page .drink-selector:has(.cappuccino-theme) {
  background: #a75d2f url("assets/cappuccino-cocoa-impact-bg.png") center / cover no-repeat;
}
.cappuccino-theme .milk-wave,
.cappuccino-theme .drink-bean,
.cappuccino-theme .foam-cloud,
.cappuccino-theme .steam {
  display: none;
}

/* La nouvelle cup Matcha contient déjà le liquide et la mousse */
.matcha-theme .drink-cup::before { display: none; }
.matcha-theme .drink-cup::after {
  content: "";
  position: absolute;
  z-index: 5;
  top: 47%;
  left: 50%;
  width: 47%;
  height: 12%;
  border-radius: 0;
  background: transparent url("assets/logo-bakry-cropped.png") center / contain no-repeat;
  box-shadow: none;
  opacity: 1;
  transform: translate(-50%,-50%);
  pointer-events: none;
}