/* Divus - "Eticheta lui Bacchus" / coborarea in pivnita
   Obiectul-identitate: capul lui Bacchus gravat, auriu (logo-ul lor, firma rotunda de la intrare, eticheta Divus Winery).
   Hartie de eticheta cu textura (fond), cerneala de pivnita (cantar, pivnita, recenzii, final, subsol), auriu de folie.
   Forum (capitale romane, are chirilice pentru /ru) + Golos Text. Colturi: 12px poze, 18px panouri, pilula pe butoane;
   rama dubla aurie fina pe pozele mari, ca pe eticheta.
   Intro: turnarea - poza hero se descopera de sus in jos ca sosul turnat din ea; luciu de folie trece peste gravura;
   titlul se aseaza din litere rasfirate. Moment: cortina-dubla = usile pivnitei se deschid pe galeria de vinuri. */
:root {
  --cerneala: #17110d;
  --cerneala-2: #231a14;
  --cerneala-3: #2e231b;
  --aur: #b8853b;
  --aur-deschis: #dcb06a;
  --aur-inchis: #8a5d20;
  --hartie: #f1eadf;
  --hartie-alba: #f8f3ea;
  --c-fond: #f1eadf;
  --c-fond-2: #e7ddcd;
  --c-text: #1b1511;
  --c-text-2: #6a5c4e;
  --c-accent: #1b1511;
  --c-accent-text: #f8f3ea;
  --c-pret: #8a5d20;
  --c-stele: #c9963f;
  --c-linie: rgba(27, 21, 17, .12);
  --c-cortina: var(--cerneala);
  --f-titlu: "Forum", "Times New Roman", serif;
  --f-text: "Golos Text", system-ui, sans-serif;
  --raza: 18px;
  --raza-mare: 22px;
  --raza-foto: 12px;
  --raza-btn: 999px;
  --lat: 1200px;
  --bara-h: 72px;
  --sectiune: clamp(60px, 7.5vw, 104px);
  --banda-card: clamp(230px, 64vw, 330px);
  --banda-gap: 18px;
}
html { scrollbar-gutter: stable; }
body { font-size: 1.01rem; line-height: 1.62; color: var(--c-text); background: var(--hartie) url(/t/hartie.svg); }
h1, h2, h3 { font-family: var(--f-titlu); font-weight: 400; letter-spacing: -.012em; line-height: 1.02; }
h1 { font-size: clamp(2.9rem, 8.4vw, 5.9rem); }
h2 { font-size: clamp(2.2rem, 5vw, 3.6rem); }
h3 { font-size: clamp(1.4rem, 2.2vw, 1.75rem); line-height: 1.12; }
p { max-width: 60ch; }
.eticheta { font: 600 .72rem/1.2 var(--f-text); letter-spacing: .22em; text-transform: uppercase; color: var(--aur-inchis); margin: 0 0 1.1em; }
.sec { padding-block: var(--sectiune); }
.btn { font-weight: 500; letter-spacing: .01em; min-height: 48px; }
.btn--plin { background: var(--cerneala); color: var(--hartie-alba); }
.btn--plin:hover { background: #000; }
.btn--contur { border-color: rgba(27, 21, 17, .28); }
.link-sageata { color: var(--c-text); font-weight: 500; border-bottom-color: var(--aur); }
.cap h2 { max-width: 16ch; }

/* ---------- bara: Bacchus + DIVUS in capitale ---------- */
.bara { background: color-mix(in srgb, var(--hartie) 95%, transparent); border-bottom: 1px solid var(--c-linie); }
.marca { display: inline-flex; align-items: center; gap: 12px; color: var(--c-text); }
.bara__logo img.marca__cap, .marca__cap img, img.marca__cap { height: 46px; width: auto; }
.marca picture { display: block; }
.marca__nume { font: 400 1.55rem/1 var(--f-titlu); letter-spacing: .3em; margin-right: -.3em; }
.bara__nav { gap: 6px; }
.bara__nav a { padding: 10px 14px; border-radius: 999px; color: var(--c-text-2); font-weight: 500; }
.bara__nav a:hover, .bara__nav a[aria-current="page"] { color: var(--c-text); background: var(--c-fond-2); text-decoration: none; }
.bara .bara__cta { background: var(--cerneala); color: var(--hartie-alba); min-height: 44px; }
.bara__limbi a { text-transform: uppercase; font-size: .78rem; letter-spacing: .08em; }
.meniu a { letter-spacing: .01em; }
.cta-jos { background: var(--cerneala); color: var(--hartie-alba); }
.cta-jos .ico { color: var(--aur-deschis); }

/* ---------- rama de eticheta: doua linii aurii fine ---------- */
.rama { position: relative; border-radius: var(--raza-foto); overflow: hidden; background: var(--cerneala); }
.rama picture, .rama img { display: block; width: 100%; height: 100%; object-fit: cover; }
.rama::before, .rama::after { content: ""; position: absolute; pointer-events: none; z-index: 2; border: 1px solid rgba(220, 176, 106, .78); }
.rama::before { inset: 10px; border-radius: 6px; }
.rama::after { inset: 14px; border-radius: 4px; border-color: rgba(220, 176, 106, .4); }

/* ---------- gravura lui Bacchus cu luciu de folie ---------- */
.bacchus { position: relative; display: inline-block; line-height: 0; }
.bacchus img { width: 100%; height: auto; }
.bacchus::after { content: ""; position: absolute; inset: 0; -webkit-mask: url(/t/bacchus.png) center / contain no-repeat; mask: url(/t/bacchus.png) center / contain no-repeat; background: linear-gradient(105deg, transparent 38%, rgba(255, 244, 214, .95) 50%, transparent 62%) 120% 0 / 260% 100% no-repeat; opacity: 0; pointer-events: none; }
.bacchus:hover::after { animation: luciu 1.3s ease-out both; }
@keyframes luciu { 0% { opacity: 1; background-position: 120% 0; } 100% { opacity: 1; background-position: -60% 0; } }

/* ---------- hero ---------- */
.hero { padding: clamp(26px, 5vw, 64px) 0 clamp(36px, 5vw, 56px); }
.hero__grid { display: grid; gap: 34px; align-items: center; }
.hero__bacchus { width: 74px; margin-bottom: 14px; }
.hero__h1 { margin: 0 0 22px; line-height: .9; }
.hero__h1 .r { display: block; transform-origin: 0 50%; }
.hero__h1 .r--aur { color: var(--aur-inchis); }
.hero__sub { font-size: 1.1rem; color: var(--c-text-2); margin: 0 0 28px; max-width: 36ch; }
.hero .acciones { align-items: center; gap: 14px 26px; }
.hero__foto { margin: 0; position: relative; }
.hero__rama { height: min(118vw, calc(var(--vh) * 72)); width: 100%; box-shadow: 0 34px 70px -34px rgba(23, 17, 13, .6); }
.hero__rama img { object-position: 50% 62%; }
.hero__foto figcaption { position: absolute; z-index: 3; left: 26px; bottom: 26px; padding: 9px 16px; border-radius: 999px; background: rgba(23, 17, 13, .86); color: var(--hartie-alba); font: 500 .86rem/1.2 var(--f-text); letter-spacing: .02em; }
.hero__fapte { display: flex; flex-wrap: wrap; gap: 8px; margin-top: clamp(26px, 4vw, 44px); }
.hero__fapte > * { display: inline-flex; align-items: center; gap: 9px; padding: 10px 16px; border-radius: 999px; background: var(--hartie-alba); border: 1px solid var(--c-linie); font-size: .88rem; color: var(--c-text); text-decoration: none; }
.hero__fapte .ico { width: 18px; height: 18px; color: var(--aur-inchis); }
@media (min-width: 900px) {
  .hero__grid { grid-template-columns: 1.08fr .92fr; gap: 72px; }
  .hero__bacchus { width: 150px; }
  .hero__rama { height: min(720px, calc(var(--vh) * 76)); }
}

/* deschiderea: turnarea */
body.intro .hero__rama { animation: toarna 1.35s cubic-bezier(.7, 0, .25, 1) .15s both; }
body.intro .hero__rama img { animation: aseaza 1.9s cubic-bezier(.2, .7, .2, 1) .15s both; }
@keyframes toarna { from { clip-path: inset(0 0 100% 0 round 12px); } to { clip-path: inset(0 0 0 0 round 12px); } }
@keyframes aseaza { from { transform: scale(1.1) translateY(-3%); } to { transform: none; } }
body.intro .hero__bacchus { animation: apare .9s ease-out both; }
body.intro .hero__bacchus::after { animation: luciu 1.4s ease-out .7s both; }
body.intro .hero__h1 .r { animation: litere 1.1s cubic-bezier(.2, .7, .2, 1) both; }
body.intro .hero__h1 .r:nth-child(1) { animation-delay: .25s; }
body.intro .hero__h1 .r:nth-child(2) { animation-delay: .4s; }
body.intro .hero__h1 .r:nth-child(3) { animation-delay: .55s; }
@keyframes litere { from { opacity: 0; transform: scaleX(1.14); filter: blur(4px); } to { opacity: 1; transform: none; filter: none; } }
body.intro .hero__et, body.intro .hero__sub, body.intro .hero .acciones, body.intro .hero__fapte, body.intro .hero__foto figcaption { animation: apare .8s ease-out both; }
body.intro .hero__et { animation-delay: .15s; }
body.intro .hero__sub { animation-delay: .8s; }
body.intro .hero .acciones { animation-delay: .95s; }
body.intro .hero__fapte { animation-delay: 1.1s; }
body.intro .hero__foto figcaption { animation-delay: 1.4s; }
@keyframes apare { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  body.intro .hero__rama, body.intro .hero__rama img, body.intro .hero__h1 .r, body.intro .hero__bacchus, body.intro .hero__bacchus::after, body.intro .hero__et, body.intro .hero__sub, body.intro .hero .acciones, body.intro .hero__fapte, body.intro .hero__foto figcaption { animation: estompare .6s ease-out both; }
  @keyframes estompare { from { opacity: 0; } to { opacity: 1; } }
}

/* ---------- specialitati (bento) ---------- */
.tile { border-radius: var(--raza-foto); }
.tile h3 { font-family: var(--f-titlu); font-weight: 400; letter-spacing: 0; }
.tile__precio { background: var(--hartie-alba); color: var(--aur-inchis); }
.tile--mare h3 { font-size: clamp(1.8rem, 3vw, 2.5rem); }

/* ---------- cantarul ---------- */
.cantar { display: grid; gap: 0; background: var(--cerneala); color: var(--hartie-alba); border-radius: var(--raza-mare); overflow: hidden; }
.cantar__foto .rama { height: min(96vw, 440px); border-radius: 0; }
.cantar__panou { padding: clamp(28px, 5vw, 56px); }
.cantar .eticheta { color: var(--aur-deschis); }
.cantar h2 { color: var(--hartie-alba); margin: 0 0 26px; }
.cantar__taieturi { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 22px; }
.cantar__t { display: grid; gap: 2px; text-align: left; padding: 12px 16px; min-height: 60px; border-radius: 14px; border: 1px solid rgba(248, 243, 234, .16); background: var(--cerneala-2); color: var(--hartie-alba); font: inherit; cursor: pointer; transition: border-color .25s, background .25s; }
.cantar__t b { font: 400 1.18rem/1.1 var(--f-titlu); letter-spacing: .01em; }
.cantar__t span { font-size: .76rem; color: rgba(248, 243, 234, .62); }
.cantar__t:hover { border-color: rgba(220, 176, 106, .55); }
.cantar__t[aria-pressed="true"] { background: var(--cerneala-3); border-color: var(--aur-deschis); box-shadow: inset 0 0 0 1px var(--aur-deschis); }
.cantar__cadran { background: var(--cerneala-2); border-radius: 16px; padding: 20px 22px; }
.cantar__pret { margin: 0 0 14px; display: flex; align-items: baseline; gap: 10px; }
.cantar__pret b { font: 400 clamp(3rem, 7vw, 4.2rem)/1 var(--f-titlu); color: var(--aur-deschis); font-variant-numeric: tabular-nums; }
.cantar__pret span { color: rgba(248, 243, 234, .7); font-size: .95rem; }
.cantar__g { display: grid; gap: 10px; font-size: .88rem; color: rgba(248, 243, 234, .75); }
.cantar__g input { width: 100%; height: 44px; margin: 0; background: none; -webkit-appearance: none; appearance: none; cursor: pointer; }
.cantar__g input::-webkit-slider-runnable-track { height: 2px; background: linear-gradient(90deg, var(--aur-deschis) var(--umplut, 17%), rgba(248, 243, 234, .2) var(--umplut, 17%)); border-radius: 2px; }
.cantar__g input::-moz-range-track { height: 2px; background: rgba(248, 243, 234, .2); border-radius: 2px; }
.cantar__g input::-moz-range-progress { height: 2px; background: var(--aur-deschis); }
.cantar__g input::-webkit-slider-thumb { -webkit-appearance: none; width: 26px; height: 26px; margin-top: -12px; border-radius: 50%; background: var(--aur-deschis); border: 4px solid var(--cerneala-2); box-shadow: 0 0 0 1px var(--aur-deschis); }
.cantar__g input::-moz-range-thumb { width: 18px; height: 18px; border-radius: 50%; background: var(--aur-deschis); border: 4px solid var(--cerneala-2); box-shadow: 0 0 0 1px var(--aur-deschis); }
.cantar__g input:focus-visible { outline: 2px solid var(--aur-deschis); outline-offset: 2px; border-radius: 8px; }
.cantar__total { display: flex; justify-content: space-between; align-items: baseline; margin: 8px 0 0; padding-top: 14px; border-top: 1px solid rgba(248, 243, 234, .12); }
.cantar__total span { color: rgba(248, 243, 234, .7); font-variant-numeric: tabular-nums; }
.cantar__total b { font: 400 1.7rem/1 var(--f-titlu); color: var(--hartie-alba); font-variant-numeric: tabular-nums; }
.cantar__nota { margin: 18px 0 0; font-size: .82rem; color: rgba(248, 243, 234, .58); }
@media (min-width: 900px) {
  .cantar { grid-template-columns: .95fr 1.05fr; }
  .cantar__foto .rama { height: 100%; min-height: 560px; }
}

/* ---------- pivnita (usile se deschid) ---------- */
.pivnita { position: relative; min-height: min(150vw, calc(var(--vh) * 92)); display: grid; align-items: end; color: var(--hartie-alba); overflow: hidden; background: var(--cerneala); }
.pivnita .moment__media { position: absolute; inset: 0; }
.pivnita .moment__media picture, .pivnita .moment__media img { width: 100%; height: 100%; object-fit: cover; }
.pivnita .moment__media img { object-position: 50% 30%; }
.pivnita__umbra { position: absolute; inset: 0; z-index: 3; pointer-events: none; background: linear-gradient(to top, rgba(23, 17, 13, .94) 0%, rgba(23, 17, 13, .7) 34%, rgba(23, 17, 13, 0) 66%), linear-gradient(to right, rgba(23, 17, 13, .55), rgba(23, 17, 13, 0) 60%); }
[data-moment="cortina-dubla"].pivnita .moment__media::before, [data-moment="cortina-dubla"].pivnita .moment__media::after { background: var(--cerneala) url(/t/hartie.svg); }
[data-moment="cortina-dubla"].pivnita .moment__media::before { box-shadow: inset -12px 0 0 -11px var(--aur-deschis), inset -18px 0 0 -17px rgba(220, 176, 106, .5); }
[data-moment="cortina-dubla"].pivnita .moment__media::after { box-shadow: inset 12px 0 0 -11px var(--aur-deschis), inset 18px 0 0 -17px rgba(220, 176, 106, .5); }
.pivnita__txt { position: relative; z-index: 4; width: 100%; max-width: var(--lat); margin-inline: auto; padding: 0 var(--gut) clamp(40px, 7vw, 84px); }
.pivnita .eticheta { color: var(--aur-deschis); }
.pivnita h2 { color: var(--hartie-alba); font-size: clamp(2.6rem, 7vw, 5rem); margin: 0 0 18px; }
.pivnita p { color: rgba(248, 243, 234, .82); max-width: 44ch; }
.pivnita .btn--plin { background: var(--hartie-alba); color: var(--cerneala); }

/* ---------- raftul vinariei ---------- */
.raft { display: grid; gap: 22px; align-items: center; }
.raft__polita { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); row-gap: 26px; }
.raft__polita li { position: relative; display: flex; justify-content: center; align-items: end; padding: 0 2px 10px; }
.raft__polita li::after { content: ""; position: absolute; left: -1px; right: -1px; bottom: 0; height: 10px; background: linear-gradient(#6b4a2b, #3d2a1a); box-shadow: 0 8px 14px -8px rgba(23, 17, 13, .55); }
.raft__polita li:nth-child(4n+1)::after { border-radius: 5px 0 0 5px; left: 0; }
.raft__polita li:nth-child(4n)::after { border-radius: 0 5px 5px 0; right: 0; }
.sticla { display: block; width: 100%; max-width: 76px; padding: 0; border: 0; background: none; cursor: pointer; transition: transform .45s cubic-bezier(.2, .8, .2, 1), filter .3s; filter: drop-shadow(0 10px 8px rgba(23, 17, 13, .22)); }
.sticla img { display: block; width: 100%; height: auto; aspect-ratio: 330 / 1004; object-fit: contain; background: none; }
.sticla:hover { transform: translateY(-6px); }
.sticla[aria-pressed="true"] { transform: translateY(-16px) scale(1.06); filter: drop-shadow(0 22px 14px rgba(23, 17, 13, .3)); }
.sticla:focus-visible { outline: 2px solid var(--aur); outline-offset: 4px; border-radius: 8px; }
.raft__card { background: var(--cerneala); color: var(--hartie-alba); border-radius: var(--raza); padding: 26px 28px; position: relative; }
.raft__card::before { content: ""; position: absolute; inset: 8px; border: 1px solid rgba(220, 176, 106, .45); border-radius: 12px; pointer-events: none; }
.raft__marca { font: 600 .7rem/1 var(--f-text); letter-spacing: .24em; text-transform: uppercase; color: var(--aur-deschis); margin: 0 0 12px; }
.raft__card h3 { color: var(--hartie-alba); font-size: clamp(1.8rem, 3vw, 2.4rem); margin: 0 0 6px; }
.raft__soi { margin: 0 0 18px; color: rgba(248, 243, 234, .7); font-size: .92rem; }
.raft__pret { margin: 0; display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.raft__pret b { font: 400 2rem/1 var(--f-titlu); color: var(--aur-deschis); }
.raft__pret span { font-size: .82rem; color: rgba(248, 243, 234, .6); }
.raft__card.schimba h3, .raft__card.schimba .raft__soi, .raft__card.schimba .raft__pret { animation: apare .45s ease-out both; }
@media (max-width: 899px) {
  .raft__card { order: -1; position: sticky; top: calc(var(--bara-h) + 10px); z-index: 5; padding: 18px 22px; box-shadow: 0 18px 30px -18px rgba(23, 17, 13, .6); }
  .raft__card h3 { font-size: 1.7rem; }
  .raft__soi { margin-bottom: 10px; }
  .raft__pret b { font-size: 1.6rem; }
  .subsol__grila { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 900px) {
  .raft { grid-template-columns: 1fr 300px; gap: 48px; }
  .raft__polita { grid-template-columns: repeat(6, 1fr); }
  .raft__polita li:nth-child(4n+1)::after, .raft__polita li:nth-child(4n)::after { border-radius: 0; left: -1px; right: -1px; }
  .raft__polita li:nth-child(6n+1)::after { border-radius: 5px 0 0 5px; left: 0; }
  .raft__polita li:nth-child(6n)::after { border-radius: 0 5px 5px 0; right: 0; }
}

/* medaliile */
.medalii { list-style: none; margin: clamp(34px, 5vw, 56px) 0 0; padding: 0; display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.medalii li { display: flex; align-items: center; gap: 16px; padding: 14px 18px 14px 14px; border-radius: var(--raza); background: var(--hartie-alba); border: 1px solid var(--c-linie); }
.medalie { flex: none; width: 58px; height: 58px; border-radius: 50%; display: grid; place-content: center; font: 400 .92rem/1 var(--f-titlu); letter-spacing: .04em; color: #3a2610; background: radial-gradient(circle at 34% 30%, #f3d796, #c9963f 55%, #8a5d20); box-shadow: inset 0 0 0 3px rgba(255, 240, 200, .45), inset 0 0 0 4px rgba(90, 60, 20, .35); }
.medalii li div { display: grid; gap: 1px; line-height: 1.3; }
.medalii b { font: 400 1.15rem/1.15 var(--f-titlu); }
.medalii span { font-size: .82rem; color: var(--c-text-2); }
.medalii em { font-style: normal; font-size: .86rem; font-weight: 500; }

/* ---------- farfurii (carusel adanc) ---------- */
.farfurii .foto, .farfurii .banda__el img { border-radius: var(--raza-foto); }

/* ---------- bucatarul-sef ---------- */
.chef__grid { display: grid; gap: 30px; align-items: center; }
.chef__foto .rama { aspect-ratio: 9 / 13; max-width: 380px; }
.chef__foto img { object-position: 50% 30%; }
.chef__txt h2 { margin: 0 0 18px; }
.chef__txt p { color: var(--c-text-2); margin: 0 0 22px; }
@media (min-width: 900px) { .chef__grid { grid-template-columns: 380px 1fr; gap: 80px; } }

/* ---------- recenzii: banda continua lipita, pe cerneala ---------- */
.voci { background: var(--cerneala); color: var(--hartie-alba); }
.voci .cap { margin-bottom: 30px; align-items: center; }
.voci .link-sageata { color: var(--hartie-alba); }
.voci .nota-mare__n { color: var(--aur-deschis); font-family: var(--f-titlu); }
.voci .nota-mare__d { color: rgba(248, 243, 234, .7); }
.voci .banda { --banda-card: clamp(270px, 78vw, 380px); --banda-gap: 0px; border-block: 1px solid rgba(220, 176, 106, .28); }
.voci .banda__el { border-right: 1px solid rgba(220, 176, 106, .22); }
.voci .recenzie { background: none; border-radius: 0; padding: 26px 28px; gap: 12px; color: var(--hartie-alba); }
.voci .recenzie blockquote { font-size: .98rem; line-height: 1.55; color: rgba(248, 243, 234, .9); }
.voci .recenzie footer { margin-top: 0; color: var(--aur-deschis); }

/* ---------- final ---------- */
.sec--final { padding-top: 0; }
.sec--cantar, .chef { padding-top: 0; }
.farfurii { padding-top: 0; }
.voci + .sec--final { background: var(--cerneala); padding-top: 0; }
.voci + .sec--final .final { background: var(--cerneala-2) url(/t/hartie.svg); }
.final { background: var(--cerneala) url(/t/hartie.svg); position: relative; }
.final::before { content: ""; position: absolute; inset: 12px; border: 1px solid rgba(220, 176, 106, .4); border-radius: calc(var(--raza-mare) - 8px); pointer-events: none; }
.final__bacchus { width: 74px; margin: 0 auto 16px; display: block; }
.final h2 { color: var(--hartie-alba); }
.final p { color: rgba(248, 243, 234, .72); opacity: 1; }
.final .btn--plin { background: var(--aur-deschis); color: var(--cerneala); }
.final .btn--contur { color: var(--hartie-alba); border-color: rgba(248, 243, 234, .3); }
.final .acciones { position: relative; z-index: 1; }

/* ---------- antet pagini ---------- */
.antet { padding-bottom: clamp(28px, 4vw, 48px); }
.antet__grid { display: grid; gap: 30px; align-items: end; }
.antet h1 { margin: 0 0 18px; font-size: clamp(2.7rem, 7vw, 5rem); }
.antet__sub { color: var(--c-text-2); font-size: 1.06rem; margin: 0; }
.antet__foto .rama { height: min(80vw, 380px); }
@media (min-width: 900px) { .antet__grid { grid-template-columns: 1.15fr .85fr; gap: 64px; } }

/* sumarul categoriilor (meniu) */
.sumar { position: sticky; top: var(--bara-h); z-index: 20; background: color-mix(in srgb, var(--hartie) 96%, transparent); border-block: 1px solid var(--c-linie); }
.sumar__lista { display: flex; flex-wrap: wrap; gap: 6px; padding-block: 10px; }
.sumar__lista a { padding: 7px 12px; border-radius: 999px; background: var(--hartie-alba); border: 1px solid var(--c-linie); font-size: .84rem; color: var(--c-text); text-decoration: none; white-space: nowrap; }
.sumar__lista a:hover { border-color: var(--aur); }
@media (max-width: 899px) { .sumar { position: static; } }

/* cartea (meniu, bar, vinuri) */
.carte__grid { display: grid; gap: 18px; }
.carte__cat { background: var(--c-fond-2); border-radius: var(--raza); padding: clamp(20px, 3vw, 30px); scroll-margin-top: calc(var(--bara-h) + 70px); }
.carte__cat h2 { font-size: clamp(1.9rem, 3.4vw, 2.5rem); margin: 0 0 6px; }
.carte__nota { font-size: .86rem; color: var(--c-text-2); margin: 0 0 14px; }
.carte__cat .preturi { background: var(--hartie-alba); margin-top: 14px; }
.carte__cat .carte__nota + .preturi { margin-top: 0; }
.preturi .n { font-weight: 500; }
.preturi .p { font-weight: 600; font-variant-numeric: tabular-nums; }
.carte__foto { margin: 0; border-radius: var(--raza); overflow: hidden; min-height: 260px; }
.carte__foto picture, .carte__foto img { width: 100%; height: 100%; object-fit: cover; display: block; }
.carte__fuss { margin-top: 26px; font-size: .88rem; color: var(--c-text-2); }
.carte--vin .carte__grid, .carte--bar .carte__grid { margin-top: 0; }
@media (min-width: 900px) {
  .carte__grid { grid-template-columns: 1fr 1fr; align-items: start; }
  .carte__foto { align-self: stretch; }
}
.divus-carte { margin-top: 18px; }
.divus-carte h3 { margin: 0 0 14px; }
.divus-carte .preturi { background: var(--hartie-alba); }
@media (min-width: 900px) { .divus-carte .preturi { columns: 2; column-gap: 0; } .divus-carte .preturi li { break-inside: avoid; } }

/* despre */
.trei__grid { display: grid; gap: 34px; }
.trei__foto { border-radius: var(--raza-foto); overflow: hidden; aspect-ratio: 4 / 5; margin-bottom: 20px; }
.trei__foto img { width: 100%; height: 100%; object-fit: cover; }
.trei__el h2 { font-size: clamp(1.9rem, 3vw, 2.3rem); margin: 0 0 10px; }
.trei__el p { color: var(--c-text-2); margin: 0; }
@media (min-width: 900px) { .trei__grid { grid-template-columns: repeat(3, 1fr); gap: 28px; } .trei__el:nth-child(2) { margin-top: 64px; } }
.ocazii__grid { display: grid; gap: 34px; align-items: center; }
.ocazii__foto .rama { aspect-ratio: 4 / 5; max-height: 560px; }
.ocazii__txt h2 { margin: 0 0 16px; }
.ocazii__txt p { color: var(--c-text-2); }
.fapte { list-style: none; margin: 26px 0 30px; padding: 0; display: grid; gap: 10px; grid-template-columns: 1fr 1fr; }
.fapte li { background: var(--c-fond-2); border-radius: var(--raza); padding: 18px; display: grid; gap: 6px; }
.fapte b { font: 400 2.4rem/1 var(--f-titlu); color: var(--aur-inchis); }
.fapte b .ico { width: 34px; height: 34px; }
.fapte span { font-size: .88rem; color: var(--c-text-2); }
@media (min-width: 900px) { .ocazii__grid { grid-template-columns: .9fr 1.1fr; gap: 80px; } }
.intrare__grid { display: grid; gap: 30px; align-items: center; background: var(--c-fond-2); border-radius: var(--raza-mare); padding: clamp(22px, 4vw, 44px); }
.intrare__foto { border-radius: var(--raza-foto); overflow: hidden; max-width: 300px; aspect-ratio: 4 / 5; }
.intrare__foto img { width: 100%; height: 100%; object-fit: cover; }
.intrare h2 { margin: 0 0 14px; }
.intrare p { color: var(--c-text-2); }
@media (min-width: 900px) { .intrare__grid { grid-template-columns: 300px 1fr; gap: 64px; } }

/* contact */
.contact__grid { display: grid; gap: 18px; align-items: start; }
.contact__cai { display: grid; gap: 8px; }
.cale { display: flex; align-items: center; gap: 16px; padding: 12px; border-radius: 14px; background: var(--hartie-alba); color: var(--c-text); text-decoration: none; }
.cale:hover { box-shadow: inset 0 0 0 1px var(--aur); }
.cale b { display: block; font-weight: 600; font-size: .92rem; }
.cale span:last-child { font-size: .92rem; color: var(--c-text-2); }
.cale__i { flex: none; width: 46px; height: 46px; border-radius: 50%; display: grid; place-content: center; background: var(--cerneala); color: var(--aur-deschis); }
.cale__i .ico { width: 22px; height: 22px; }
.contact__orar { margin-top: 14px; padding: 6px 4px 0; }
.contact__orar h2, .contact__form h2 { font-size: 1.9rem; margin: 0 0 10px; }
.contact__form .btn { justify-self: start; }
.form__rand { display: grid; gap: 14px; grid-template-columns: 1fr 1fr; }
.form__rand label:first-child { grid-column: 1 / -1; }
.form input, .form textarea { background: var(--hartie-alba); border-radius: 12px; }
.contact__foto .rama { height: min(70vw, 520px); }
@media (min-width: 900px) {
  .contact__grid { grid-template-columns: 1fr 1fr; gap: 24px; }
  .form__rand { grid-template-columns: 1.3fr 1fr .8fr; }
  .form__rand label:first-child { grid-column: auto; }
}

/* subsol */
.subsol { background: var(--cerneala); color: rgba(248, 243, 234, .76); }
.subsol a { color: rgba(248, 243, 234, .9); }
.subsol__marca { display: inline-flex; align-items: center; gap: 12px; }
.subsol__marca img { height: 58px; width: auto; }
.subsol__marca b { font: 400 1.7rem/1 var(--f-titlu); letter-spacing: .3em; color: var(--hartie-alba); }
.subsol__grila h4 { color: var(--aur-deschis); opacity: 1; }

@media (max-width: 899px) {
  .medalii { grid-template-columns: 1fr 1fr; gap: 8px; }
  .medalii li { flex-direction: column; align-items: flex-start; gap: 10px; padding: 14px; text-align: left; }
  .medalie { width: 46px; height: 46px; font-size: .78rem; }
}