/* ============ RESET & BASE ============ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:70px}
body{
  font-family:'Lato',sans-serif;
  font-weight:300;
  font-size:16px;
  line-height:1.7;
  color:#1a2733;
  background:#fdf6ec;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{cursor:pointer;border:none;background:none;font-family:inherit}

:root{
  --cream:#fdf6ec;
  --cream-2:#f5ead6;
  --navy:#1a2733;
  --navy-2:#243443;
  --gold:#c8923a;
  --gold-dark:#a87521;
  --text-light:#e6dcc6;
}

.container{max-width:1180px;margin:0 auto;padding:0 24px}

h1,h2,h3,h4{font-family:'Playfair Display',serif;font-weight:600;line-height:1.2;color:var(--navy)}
h2{font-size:clamp(2rem,4vw,2.8rem);margin-bottom:1.2rem}
h3{font-size:1.5rem}
h4{font-size:1.1rem;margin-bottom:.25rem}

p{margin-bottom:1rem}
p:last-child{margin-bottom:0}

.eyebrow{
  font-family:'Caveat',cursive;
  font-size:1.6rem;
  color:var(--gold);
  margin-bottom:.5rem;
  letter-spacing:.5px;
}
.eyebrow--light{color:var(--gold)}

.btn{
  display:inline-block;
  padding:14px 36px;
  font-family:'Lato',sans-serif;
  font-weight:700;
  font-size:.9rem;
  letter-spacing:2px;
  text-transform:uppercase;
  border-radius:2px;
  transition:.3s ease;
  cursor:pointer;
}
.btn--gold{
  background:var(--gold);
  color:#fff;
  border:2px solid var(--gold);
}
.btn--gold:hover{
  background:transparent;
  color:var(--gold);
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(200,146,58,.25);
}

/* ============ NAV ============ */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  padding:18px 0;
  background:transparent;
  transition:.35s ease;
}
.nav.is-scrolled{
  background:rgba(26,39,51,.96);
  padding:12px 0;
  box-shadow:0 4px 20px rgba(0,0,0,.15);
  backdrop-filter:blur(8px);
}
.nav__inner{
  max-width:1180px;margin:0 auto;padding:0 24px;
  display:flex;align-items:center;justify-content:space-between;
}
.nav__logo{
  font-family:'Caveat',cursive;
  font-size:2rem;
  font-weight:700;
  color:#fff;
  letter-spacing:1px;
}
.nav__links{display:flex;gap:34px}
.nav__links a{
  color:#fff;
  font-size:.92rem;
  font-weight:400;
  letter-spacing:1.5px;
  text-transform:uppercase;
  position:relative;
  padding:6px 0;
  transition:.3s;
}
.nav__links a::after{
  content:"";position:absolute;left:0;bottom:0;
  width:0;height:2px;background:var(--gold);
  transition:.3s;
}
.nav__links a:hover{color:var(--gold)}
.nav__links a:hover::after{width:100%}

.nav__burger{display:none;flex-direction:column;gap:5px;padding:8px}
.nav__burger span{
  display:block;width:26px;height:2px;background:#fff;
  transition:.3s;
}
.nav__burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav__burger.is-open span:nth-child(2){opacity:0}
.nav__burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ============ HERO ============ */
.hero{
  position:relative;
  min-height:100vh;
  display:flex;align-items:center;justify-content:center;
  text-align:center;
  color:#fff;
  overflow:hidden;
}
.hero__bg{
  position:absolute;inset:0;
  background:url('https://images.unsplash.com/photo-1501339847302-ac426a4a7cbb?auto=format&fit=crop&w=1920&q=80') center/cover no-repeat;
  animation:slowZoom 20s ease-in-out infinite alternate;
}
@keyframes slowZoom{from{transform:scale(1)}to{transform:scale(1.08)}}
.hero__overlay{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(26,39,51,.55) 0%,rgba(26,39,51,.75) 100%);
}
.hero__content{position:relative;z-index:2;padding:0 24px;max-width:800px}
.hero__since{
  font-family:'Caveat',cursive;
  font-size:1.8rem;
  color:var(--gold);
  margin-bottom:.5rem;
}
.hero__title{
  font-family:'Caveat',cursive;
  font-size:clamp(4rem,11vw,8.5rem);
  color:#fff;
  font-weight:700;
  line-height:1;
  margin-bottom:1rem;
  text-shadow:0 4px 30px rgba(0,0,0,.4);
}
.hero__subtitle{
  font-size:clamp(1rem,1.5vw,1.2rem);
  letter-spacing:4px;
  text-transform:uppercase;
  margin-bottom:2.5rem;
  color:var(--text-light);
}

/* Rotating word tagline (vanilla port of framer-motion spring) */
.hero__rotate{
  display:flex;
  align-items:baseline;
  justify-content:center;
  flex-wrap:nowrap;
  gap:.4em;
  font-family:'Playfair Display',serif;
  font-style:italic;
  font-weight:400;
  font-size:clamp(1.4rem,3vw,2.2rem);
  color:#fff;
  line-height:1.2;
  margin:.4rem 0 1.2rem;
}
.hero__rotate-prefix{color:var(--text-light);opacity:.95}
.rotate{
  position:relative;
  display:inline-block;
  min-width:clamp(160px,22vw,300px);
  height:1em;
  overflow:hidden;
  /* Baseline-align with the "O cafea" prefix in the flex row */
  vertical-align:baseline;
}
.rotate__word{
  position:absolute;
  left:0;
  right:0;
  /* Sit on the baseline of the .rotate container rather than centered in the box */
  bottom:0;
  text-align:center;
  font-family:'Caveat',cursive;
  font-style:normal;
  font-weight:700;
  font-size:1.25em;
  line-height:0.85; /* tighten so glyph baseline matches the prefix baseline */
  color:var(--gold);
  opacity:0;
  transform:translateY(150%);
  will-change:transform,opacity;
  /* spring-ish settle (approximates framer-motion type:spring, stiffness:50) */
  transition:
    transform 1s cubic-bezier(0.34, 1.56, 0.64, 1),
    opacity .6s ease;
}
@media (prefers-reduced-motion: reduce){
  .rotate__word{transition:opacity .3s ease}
}
.hero__scroll{
  position:absolute;bottom:30px;left:50%;
  transform:translateX(-50%);
  color:#fff;font-size:1.3rem;
  animation:bounce 2s infinite;
  z-index:2;
}
@keyframes bounce{
  0%,100%{transform:translate(-50%,0)}
  50%{transform:translate(-50%,10px)}
}

/* ============ DESPRE ============ */
.despre{padding:110px 0;background:var(--cream)}
.despre__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:center;
}
.despre__text h2{margin-bottom:1.5rem}
.despre__text p{font-size:1.02rem;color:#3d4a55}
.quote{
  font-family:'Caveat',cursive;
  font-size:2rem;
  color:var(--gold);
  margin-top:1.5rem;
  font-weight:700;
}
.despre__photo{position:relative}
.despre__photo img{
  width:100%;
  height:520px;
  object-fit:cover;
  border-radius:4px;
  box-shadow:0 25px 60px rgba(26,39,51,.18);
}
.despre__badge{
  position:absolute;
  bottom:-25px;right:-25px;
  background:var(--gold);
  color:#fff;
  width:130px;height:130px;
  border-radius:50%;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  box-shadow:0 12px 30px rgba(200,146,58,.4);
}
.despre__badge .num{font-family:'Playfair Display',serif;font-size:2.4rem;font-weight:700;line-height:1}
.despre__badge .lbl{font-size:.75rem;text-transform:uppercase;letter-spacing:1.5px;margin-top:4px;text-align:center;padding:0 8px}

/* ============ MENIU (chalkboard) ============ */
.meniu{
  padding:110px 0;
  background:
    radial-gradient(ellipse at center,rgba(255,255,255,.04) 0%,transparent 70%),
    var(--navy);
  color:var(--text-light);
  position:relative;
}
.meniu::before,.meniu::after{
  content:"";position:absolute;left:0;right:0;height:14px;
  background:linear-gradient(180deg,#8b5a2b 0%,#5c3a1c 100%);
  box-shadow:inset 0 -2px 4px rgba(0,0,0,.4);
}
.meniu::before{top:0}
.meniu::after{bottom:0}
.meniu__head{text-align:center;margin-bottom:50px}
.meniu__head h2{color:#fff}
.meniu__sub{font-family:'Caveat',cursive;font-size:1.4rem;color:var(--text-light);opacity:.85}

.tabs{
  display:flex;flex-wrap:wrap;gap:10px;justify-content:center;
  margin-bottom:50px;
}
.tab{
  padding:11px 24px;
  font-size:.85rem;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--text-light);
  border:1px solid rgba(230,220,198,.25);
  border-radius:2px;
  transition:.3s;
  font-weight:700;
}
.tab:hover{border-color:var(--gold);color:var(--gold)}
.tab.is-active{
  background:var(--gold);
  color:#fff;
  border-color:var(--gold);
}

.panel{display:none;animation:fade .4s ease}
.panel.is-active{display:block}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.panel__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px 60px;
  max-width:1000px;
  margin:0 auto;
}
.item{padding:14px 0;border-bottom:1px dashed rgba(230,220,198,.18)}
.item__head{display:flex;align-items:baseline;gap:8px}
.item__name{
  font-family:'Playfair Display',serif;
  font-size:1.1rem;
  color:#fff;
  white-space:nowrap;
}
.item__dots{
  flex:1;
  border-bottom:2px dotted rgba(230,220,198,.3);
  transform:translateY(-4px);
  min-width:20px;
}
.item__price{
  font-family:'Playfair Display',serif;
  font-size:1.05rem;
  color:var(--gold);
  font-weight:600;
  white-space:nowrap;
}
.item__meta{
  display:block;
  font-family:'Caveat',cursive;
  font-size:1.05rem;
  color:var(--text-light);
  opacity:.7;
  margin-top:2px;
}

.panel__note{
  max-width:1000px;margin:30px auto 0;
  padding:16px 22px;
  background:rgba(200,146,58,.1);
  border-left:3px solid var(--gold);
  font-size:.92rem;
  color:var(--text-light);
}
.panel__note i{color:var(--gold);margin-right:6px}

.panel__sub{
  text-align:center;
  color:#fff;
  font-family:'Caveat',cursive;
  font-size:2rem;
  margin:50px 0 24px;
  font-weight:700;
}

.extract__grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  max-width:1000px;
  margin:0 auto;
}
.extract{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(200,146,58,.3);
  padding:24px 16px;
  text-align:center;
  border-radius:3px;
  transition:.3s;
}
.extract:hover{
  border-color:var(--gold);
  background:rgba(200,146,58,.08);
  transform:translateY(-3px);
}
.extract__price{
  display:block;
  font-family:'Playfair Display',serif;
  font-size:1.6rem;
  color:var(--gold);
  font-weight:700;
  margin-bottom:6px;
}
.extract__label{
  display:block;
  font-size:.82rem;
  color:var(--text-light);
  line-height:1.4;
}

/* ============ GALERIE ============ */
.galerie{padding:110px 0;background:var(--cream-2);text-align:center}
.galerie .eyebrow{display:inline-block}
.galerie h2{margin-bottom:50px}
.galerie__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.galerie__item{
  display:block;
  overflow:hidden;
  border-radius:3px;
  box-shadow:0 12px 30px rgba(26,39,51,.12);
  aspect-ratio:1/1;
}
.galerie__item img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .6s ease, filter .6s ease;
}
.galerie__item:hover img{
  transform:scale(1.08);
  filter:brightness(1.05);
}

/* ============ VIZITEAZA ============ */
.viziteaza{padding:110px 0;background:var(--cream)}
.viziteaza__grid{
  display:grid;
  grid-template-columns:1fr 1.1fr;
  gap:60px;
  align-items:stretch;
}
.viziteaza__info h2{margin-bottom:2.5rem}
.info__block{
  display:flex;
  gap:20px;
  margin-bottom:30px;
}
.info__block > i{
  flex-shrink:0;
  width:48px;height:48px;
  background:var(--gold);
  color:#fff;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:1.1rem;
}
.info__block h4{color:var(--navy);font-size:1.15rem}
.info__block p{color:#3d4a55;margin:0}

.social{display:flex;gap:12px;margin-top:8px}
.social a{
  width:42px;height:42px;
  border-radius:50%;
  background:var(--navy);
  color:#fff;
  display:flex;align-items:center;justify-content:center;
  transition:.3s;
}
.social a:hover{
  background:var(--gold);
  transform:translateY(-3px);
}

.viziteaza__map{
  border-radius:4px;
  overflow:hidden;
  min-height:480px;
  box-shadow:0 20px 50px rgba(26,39,51,.15);
}
.viziteaza__map iframe{display:block;width:100%;height:100%;min-height:480px}

/* ============ FOOTER ============ */
.footer{background:var(--navy);color:var(--text-light);padding:50px 0 30px;text-align:center}
.footer__logo{
  font-family:'Caveat',cursive;
  font-size:2.4rem;
  color:#fff;
  margin-bottom:.3rem;
}
.footer__tag{
  font-family:'Caveat',cursive;
  font-size:1.2rem;
  color:var(--gold);
  margin-bottom:1.5rem;
}
.footer__copy{
  font-size:.82rem;
  letter-spacing:1px;
  opacity:.6;
  margin:0;
}

/* ============ RESPONSIVE ============ */
@media (max-width:900px){
  .nav__burger{display:flex}
  .nav__links{
    position:fixed;top:0;right:-100%;
    width:80%;max-width:320px;height:100vh;
    background:var(--navy);
    flex-direction:column;
    padding:90px 30px 30px;
    gap:24px;
    transition:right .35s ease;
    box-shadow:-10px 0 40px rgba(0,0,0,.25);
  }
  .nav__links.is-open{right:0}
  .nav__links a{font-size:1rem}

  .despre__grid,
  .viziteaza__grid{grid-template-columns:1fr;gap:50px}
  .despre__photo img{height:380px}
  .despre__badge{width:100px;height:100px;bottom:-15px;right:-15px}
  .despre__badge .num{font-size:1.8rem}

  .panel__grid{grid-template-columns:1fr;gap:0 0}
  .extract__grid{grid-template-columns:repeat(2,1fr)}

  .galerie__grid{grid-template-columns:repeat(2,1fr)}

  .viziteaza__map{min-height:340px}
}
@media (max-width:520px){
  .despre,.meniu,.galerie,.viziteaza{padding:80px 0}
  .galerie__grid{grid-template-columns:1fr}
  .tabs{gap:6px}
  .tab{padding:9px 14px;font-size:.75rem;letter-spacing:1px}
  .hero__subtitle{letter-spacing:2px}
}