/* ===== Gastronomie — pagină 3D cu scroll ===== */

html.lenis, html.lenis body { height: auto; }
html.lenis { scroll-behavior: auto !important; }
.lenis.lenis-stopped { overflow: hidden; }

#gastro { overflow-x: clip; }

/* ---------- Hero ---------- */
.g-hero {
  position: relative;
  height: 100svh;
  min-height: 560px;
  overflow: hidden;
  background:
    radial-gradient(ellipse 70% 55% at 50% 78%, rgba(160, 118, 54, 0.26), transparent 70%),
    radial-gradient(ellipse 60% 50% at 50% 0%, rgba(178, 85, 56, 0.12), transparent 70%),
    #18130d;
}
.g-hero__text {
  position: absolute;
  inset: 0 0 auto 0;
  z-index: 10;
  padding: clamp(7rem, 16svh, 9.5rem) 1.25rem 0;
  text-align: center;
  text-shadow: 0 2px 24px rgba(0, 0, 0, 0.55);
}
.g-hero__hint {
  position: absolute;
  bottom: 1.6rem;
  left: 50%;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.6rem;
  transform: translateX(-50%);
  font-size: 0.68rem;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: rgba(247, 242, 233, 0.6);
}
.g-hero__hint i {
  display: block;
  width: 1px;
  height: 38px;
  background: linear-gradient(to bottom, rgba(160, 118, 54, 0), #A07636);
  animation: g-hint 1.8s ease-in-out infinite;
}
@keyframes g-hint { 0%,100% { transform: scaleY(0.4); transform-origin: top; } 50% { transform: scaleY(1); transform-origin: top; } }

.g-bokeh span {
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--s);
  height: var(--s);
  border-radius: 50%;
  background: radial-gradient(circle, var(--c), transparent 70%);
  filter: blur(6px);
  will-change: transform;
}

/* ---------- Platouri 3D ---------- */
.g-stage {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 1300px;
  perspective-origin: 50% 35%;
  pointer-events: none;
}
.g-plate {
  position: absolute;
  aspect-ratio: 1;
  transform-style: preserve-3d;
  will-change: transform;
}
.g-plate--main  { width: min(66vmin, 620px); }
.g-plate--left  { width: min(30vmin, 290px); }
.g-plate--right { width: min(34vmin, 330px); }
.g-plate--menu  { position: relative; width: min(80vw, 460px); margin-inline: auto; }

.g-plate__spin,
.g-plate__float {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
}
.g-plate__float { animation: g-float 7s ease-in-out infinite; }
.g-plate--left  .g-plate__float { animation-duration: 8s; animation-delay: -2s; }
.g-plate--right .g-plate__float { animation-duration: 9s; animation-delay: -4s; }
@keyframes g-float {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50%      { transform: translate3d(0, 0, 22px); }
}

.g-plate__face {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  transform: translateZ(2px);
  box-shadow: inset 0 0 0 7px rgba(255, 255, 255, 0.6), 0 0 0 1px rgba(0, 0, 0, 0.06);
  backface-visibility: hidden;
}
/* marginea farfuriei — straturi care dau grosime când e înclinată */
.g-plate__edge { position: absolute; inset: 0; border-radius: 50%; background: #ece7dd; }
.g-plate__edge:nth-of-type(2) { transform: translateZ(0); }
.g-plate__edge:nth-of-type(3) { transform: translateZ(-3px); background: #ddd6c8; }
.g-plate__edge:nth-of-type(4) { transform: translateZ(-6px); background: #cdc5b5; }
.g-plate__edge:nth-of-type(5) { transform: translateZ(-9px); background: #bdb3a1; }
.g-plate__shadow {
  position: absolute;
  inset: 8%;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.55);
  filter: blur(30px);
  transform: translateZ(-60px);
}
.g-menu .g-plate__shadow { background: rgba(34, 28, 20, 0.35); }

/* ---------- Intro: text care se umple ---------- */
.g-intro { background: #221C14; padding: clamp(6rem, 18vh, 11rem) 0; color: #F7F2E9; }
.g-scrub { color: #F7F2E9; }
.g-scrub .g-w { opacity: 0.16; }

/* ---------- Mic dejun: cover-flow ---------- */
:root { --cw: min(32vw, 400px, 44svh); --tw: min(38vw, 440px, 52svh); }
@media (max-width: 767px) { :root { --cw: 70vw; --tw: 76vw; } }

.g-flow { position: relative; height: 100svh; min-height: 560px; overflow: hidden; background: #221C14; color: #F7F2E9; }
.g-flow__head { position: absolute; top: clamp(5.5rem, 13svh, 8rem); left: 0; right: 0; z-index: 5; padding: 0 1.25rem; text-align: center; }
.g-flow__head .eyebrow { justify-content: center; }
.g-flow__viewport {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  padding-top: clamp(8rem, 20svh, 11rem);
  perspective: 1400px;
}
.g-flow__track {
  display: flex;
  gap: clamp(18px, 3vw, 44px);
  padding: 0 calc(50vw - var(--cw) / 2);
  transform-style: preserve-3d;
  will-change: transform;
}
.g-card { flex: 0 0 var(--cw); margin: 0; transform-style: preserve-3d; will-change: transform, opacity; }
.g-card img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  border-radius: 22px;
  box-shadow: 0 40px 80px -30px rgba(0, 0, 0, 0.85);
}
.g-card figcaption,
.g-tcard figcaption {
  margin-top: 1rem;
  text-align: center;
  font-family: "Cormorant Garamond", serif;
  font-size: 1.25rem;
  font-style: italic;
  color: rgba(247, 242, 233, 0.85);
}

/* ---------- La masă, împreună: tunel 3D ---------- */
.g-tunnel {
  position: relative;
  height: 100svh;
  min-height: 560px;
  overflow: hidden;
  color: #F7F2E9;
  background: radial-gradient(ellipse at 50% 50%, #2e251a 0%, #15110c 72%);
}
.g-tunnel__head { position: absolute; top: clamp(5.5rem, 13svh, 8rem); left: 0; right: 0; z-index: 5; padding: 0 1.25rem; text-align: center; }
.g-tunnel__head .eyebrow { justify-content: center; }
.g-tunnel__scene { position: absolute; inset: 0; perspective: 1000px; transform-style: preserve-3d; }
.g-tcard { position: absolute; left: 50%; top: 54%; width: 0; height: 0; margin: 0; transform-style: preserve-3d; will-change: transform, opacity; }
.g-tcard__inner { position: absolute; width: var(--tw); transform: translate(-50%, -50%); }
.g-tcard img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border-radius: 20px;
  box-shadow: 0 50px 100px -35px rgba(0, 0, 0, 0.9);
}
.g-tunnel__progress { position: absolute; left: 50%; bottom: 2rem; width: min(220px, 40vw); height: 2px; transform: translateX(-50%); background: rgba(247, 242, 233, 0.15); }
.g-tunnel__bar { display: block; height: 100%; background: #A07636; transform: scaleX(0); transform-origin: left; }

/* ---------- Meniu ---------- */
.g-menu__plate { perspective: 1100px; padding: 2rem 0; }
.g-menu__list { margin-top: 1rem; list-style: disc; padding-left: 1.2rem; font-size: 15px; line-height: 1.85; color: #5A5043; }
.g-menu__list li::marker { color: #A07636; }

/* ---------- Final ---------- */
.g-cta { position: relative; display: flex; align-items: center; min-height: 80svh; overflow: hidden; padding: 6rem 0; }
.g-cta__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.g-cta__overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(24, 19, 13, 0.92), rgba(24, 19, 13, 0.6)); }

/* ---------- Fără animație (prefers-reduced-motion / scripturi indisponibile) ---------- */
.g-static .g-plate__float { animation: none; }
.g-static .g-plate--main  { transform: translateY(20svh) rotateX(42deg); }
.g-static .g-plate--left  { transform: translate(-36vw, 14svh) rotateX(50deg); }
.g-static .g-plate--right { transform: translate(36vw, -6svh) rotateX(46deg); }
.g-static .g-flow { height: auto; padding: 8rem 0 4rem; }
.g-static .g-flow__head { position: static; }
.g-static .g-flow__viewport { position: static; display: block; padding-top: 2.5rem; perspective: none; }
.g-static .g-flow__track { overflow-x: auto; padding: 0 1.25rem 1rem; scroll-snap-type: x mandatory; }
.g-static .g-card { scroll-snap-align: center; }
.g-static .g-tunnel { height: auto; padding: 8rem 1.25rem 5rem; }
.g-static .g-tunnel__head { position: static; margin-bottom: 3rem; }
.g-static .g-tunnel__scene { position: static; display: grid; gap: 2.5rem; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); max-width: 1100px; margin: 0 auto; perspective: none; }
.g-static .g-tcard { position: static; width: auto; height: auto; }
.g-static .g-tcard__inner { position: static; width: auto; transform: none; }
.g-static .g-tunnel__progress { display: none; }