:root{
  --ink:#1c1a17; --paper:#fbf9f5; --gold:#b3903f; --gold-l:#d8bd7c;
  --dark:#14120f; --muted:#6d675e; --line:#e4ded2;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:'Jost',-apple-system,Segoe UI,Roboto,sans-serif;font-weight:300;font-size:17px;line-height:1.65}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,.logo,.serif{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;letter-spacing:.02em}
h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;margin:0 0 .4em}
h2{font-size:clamp(1.7rem,3.4vw,2.7rem);line-height:1.15;margin:0 0 .5em}
h3{font-size:1.4rem;margin:0 0 .4em}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.eyebrow{font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin:0 0 1.1em}
.muted{color:var(--muted)}
.small{font-size:.85rem}

/* header */
.site-header{position:sticky;top:0;z-index:40;background:rgba(20,18,15,.94);backdrop-filter:blur(6px);color:#f3efe7}
.site-header .bar{max-width:1240px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:22px}
.logo{font-size:1.15rem;letter-spacing:.24em;line-height:1.05;display:flex;align-items:center;gap:12px}
.logo-mark{height:38px;width:38px;object-fit:contain;mix-blend-mode:screen;flex:0 0 auto}
.logo-txt{display:block}
.logo-svg{height:40px;width:auto;display:block}
#suti{position:fixed;left:0;right:0;bottom:0;z-index:90;background:rgba(20,18,15,.97);color:#cfc8bb;
  padding:16px 24px;display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:.86rem}
#suti p{margin:0;max-width:640px}
.suti-gombok{display:flex;gap:10px}
#suti button{background:var(--gold);border:0;color:#fff;padding:9px 18px;font-size:.72rem;letter-spacing:.16em;
  text-transform:uppercase;cursor:pointer;font-family:inherit}
#suti button.masodlagos{background:none;border:1px solid #4a443a;color:#cfc8bb}
@media print{#suti{display:none}}
.bizalom{background:var(--dark);color:#cfc8bb;border-top:1px solid #2a251e}
.bizalom ul{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;list-style:none;margin:0;padding:22px 0}
.bizalom li{display:flex;flex-direction:column;gap:2px;font-size:.9rem;border-left:1px solid #2f2a22;padding-left:18px}
.bizalom li:first-child{border-left:0;padding-left:0}
.bizalom strong{color:#efe9df;font-weight:500}
.bizalom span{color:#8d867a;font-size:.82rem}
.dijak{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:30px}
.dijak .pont{font-family:'Cormorant Garamond',Georgia,serif;font-size:2.1rem;color:var(--gold);margin:0 0 6px}
@media(max-width:900px){.bizalom ul,.dijak{grid-template-columns:repeat(2,1fr)}
  .bizalom li:nth-child(3){border-left:0;padding-left:0}}
@media(max-width:520px){.bizalom ul,.dijak{grid-template-columns:1fr}.bizalom li{border-left:0;padding-left:0}}
.bottle .bar{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.15rem;color:var(--gold);margin:6px 0 0}
.bottle .bvasarlas{margin:6px 0 0}
.bottle .bvasarlas a{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:2px}
.bottle .bvasarlas a:hover{color:var(--gold);border-color:var(--gold)}
.vasarlas{margin-top:26px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.vasarlas .btn{margin-top:0}
.gyik-lista{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:34px}
.gyik{border-top:1px solid var(--line);padding-top:18px}
.gyik h3{font-size:1.15rem;margin-bottom:6px}
@media(max-width:780px){.gyik-lista{grid-template-columns:1fr}}
.hirlevel{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:start}
.hl-form{display:flex;flex-direction:column;gap:14px;background:rgba(255,255,255,.05);padding:28px;border:1px solid rgba(255,255,255,.12)}
.section.tight .hl-form{background:#fff;border:1px solid var(--line)}
.hl-form label{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;display:flex;flex-direction:column;gap:7px}
.hl-form input[type=text],.hl-form input[type=email]{font-family:inherit;font-size:1rem;letter-spacing:0;text-transform:none;
  padding:11px 13px;border:1px solid var(--line);background:#fff;color:var(--ink)}
.hl-form .hl-check{flex-direction:row;align-items:flex-start;gap:10px;text-transform:none;letter-spacing:0;font-size:.82rem;line-height:1.5}
.hl-form .btn{margin-top:4px;align-self:flex-start}
@media(max-width:860px){.hirlevel{grid-template-columns:1fr;gap:28px}}
@media print{.hirlevel-blokk{display:none}}
.parositas-tabla{width:100%;border-collapse:collapse;margin-top:30px;font-size:.93rem}
.parositas-tabla th,.parositas-tabla td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.parositas-tabla th{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:500}
.parositas-tabla td.ar{white-space:nowrap;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.05rem;color:var(--gold)}
@media(max-width:760px){.parositas-tabla thead{display:none}
  .parositas-tabla tr{display:block;border-bottom:1px solid var(--line);padding:10px 0}
  .parositas-tabla td{display:block;border:0;padding:3px 0}}
.ajandek-sav{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:34px}
.ajandek-kartya{border:1px solid var(--line);background:#fff;padding:26px}
.ajandek-kartya h3{font-size:1.28rem;margin:8px 0 10px}
.ajandek-kartya ul{list-style:none;padding:0;margin:14px 0 0;font-size:.92rem}
.ajandek-kartya li{padding:9px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:14px}
.ajandek-kartya li a{border-bottom:1px solid var(--line)}
.ajandek-kartya li a:hover{color:var(--gold);border-color:var(--gold)}
.ajandek-kartya li span{white-space:nowrap;color:var(--gold);font-family:'Cormorant Garamond',Georgia,serif;font-size:1.05rem}
@media(max-width:900px){.ajandek-sav{grid-template-columns:1fr}}
.alkalmak{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:32px}
.alkalmak div{border-top:2px solid var(--gold);padding-top:16px}
.alkalmak h3{font-size:1.1rem;margin-bottom:6px}
@media(max-width:900px){.alkalmak{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.alkalmak{grid-template-columns:1fr}}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--gold);color:#fff;padding:10px 18px;z-index:200}
.skip-link:focus{left:8px;top:8px}
.site-footer .logo-svg{height:56px}
@media(max-width:600px){.logo-svg{height:32px}}
.logo span{display:block;font-size:.72rem;letter-spacing:.42em;color:var(--gold-l)}
.site-header nav{margin-left:auto}
.site-header ul{display:flex;gap:10px;list-style:none;margin:0;padding:0;flex-wrap:wrap;justify-content:flex-end}
@media(min-width:901px){.site-header .logo-svg{height:34px}}
@media(max-width:1240px){.site-header a{font-size:.63rem;letter-spacing:.02em}.site-header ul{gap:9px}}
.site-header a{font-size:.66rem;letter-spacing:.03em;white-space:nowrap;text-transform:uppercase;color:#ded8cc;padding-bottom:3px;border-bottom:1px solid transparent}
.site-header a:hover,.site-header a.active{color:#fff;border-color:var(--gold)}
.burger{display:none;margin-left:auto;background:none;border:0;color:#f3efe7;font-size:1.5rem;cursor:pointer}

/* hero */
.hero{position:relative;min-height:78vh;display:flex;align-items:flex-end;color:#fff;
  background:#241f19 center/cover no-repeat}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.72))}
.hero .wrap{position:relative;z-index:2;padding-bottom:70px;padding-top:120px}
.page-hero{position:relative;min-height:48vh;display:flex;align-items:flex-end;color:#fff;
  background:#241f19 center/cover no-repeat}
.page-hero:after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.30),rgba(0,0,0,.78))}
.page-hero .wrap{position:relative;z-index:2;padding-top:96px;padding-bottom:58px}
.page-hero h1{color:#fff;margin-bottom:14px}
.page-hero .eyebrow{color:var(--gold-l)}
.page-hero p.lead{max-width:680px;color:#efe9de}
.page-hero .btn{color:#f3efe7;border-color:rgba(255,255,255,.45)}
.page-hero .btn-primary{color:#fff;border-color:var(--gold)}
@media(max-width:700px){.page-hero{min-height:40vh}.page-hero .wrap{padding-top:64px;padding-bottom:40px}}
.hero p.lead{max-width:640px;font-size:1.05rem;color:#efe9de}

.section{padding:86px 0}
.section.tight{padding:56px 0}
.section.dark{background:var(--dark);color:#efe9df}
.section.dark .muted{color:#a79f92}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.grid2.img-right{direction:ltr}
.lead{font-size:1.08rem}
.btn{display:inline-block;margin-top:22px;padding:13px 30px;border:1px solid var(--gold);
  color:var(--gold);font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;transition:.2s}
.btn:hover{background:var(--gold);color:#fff}
.section.dark .btn{color:var(--gold-l);border-color:var(--gold-l)}
.section.dark .btn:hover{background:var(--gold-l);color:#14120f}

/* bottles */
.bottles{display:grid;grid-template-columns:repeat(5,1fr);gap:26px;margin-top:40px}
.bottle{text-align:center;padding:26px 10px;border:1px solid transparent;transition:.25s}
.bottle:hover{border-color:var(--line);background:#fff}
.bottle img{height:250px;width:auto;margin:0 auto 18px;object-fit:contain}
.bottle .nm{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.25rem}
.bottle .kt{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}

/* cuvée page */
.cuvee-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center;padding:70px 0}
.cuvee-head img{height:520px;width:auto;margin:0 auto;object-fit:contain}
.factbox{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--line);margin-top:30px}
.factbox div{padding:12px 4px;border-bottom:1px solid var(--line);font-size:.92rem}
.factbox div span{color:var(--muted);display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}
.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:34px}
.notes h3{font-size:1rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-family:'Jost',sans-serif;font-weight:400}
.chips{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.chips li{border:1px solid var(--line);padding:7px 14px;font-size:.85rem}
.section.dark .chips li{border-color:#3a352c}
.backlink{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}

/* cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}
.card{background:#fff;border:1px solid var(--line);color:var(--ink)}
.card .txt{padding:26px}
/* sotet szekcioban is fekete maradjon a fehér kártya szövege */
.section.dark .card,.section.dark .card h3,.section.dark .card p{color:var(--ink)}
.section.dark .card .muted{color:var(--muted)}
.section.dark .card .eyebrow{color:var(--gold)}
.card img{height:230px;object-fit:cover;width:100%}
.figure img{width:100%;height:100%;max-height:560px;object-fit:cover}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:44px;text-align:center}
.stats .n{font-family:'Cormorant Garamond',Georgia,serif;font-size:3rem;color:var(--gold);line-height:1}
.bullets{list-style:none;padding:0;margin:22px 0 0}
.bullets li{padding:12px 0 12px 26px;border-bottom:1px solid var(--line);position:relative}
.bullets li:before{content:"";position:absolute;left:0;top:22px;width:12px;height:1px;background:var(--gold)}
.section.dark .bullets li{border-color:#332f27}

/* csomag-kartya lista + kostolojegyzet */
ol.pack{margin:8px 0 0;padding-left:20px;font-size:.95rem;color:var(--ink)}
ol.pack li{margin-bottom:4px}
.jegyzet-tetel{display:grid;grid-template-columns:160px 1fr;gap:34px;align-items:start;
  padding:34px 0;border-top:1px solid var(--line)}
.jt-kep img{height:230px;width:auto;margin:0 auto;object-fit:contain}
.jegyzet-tetel h4{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);
  margin:0 0 6px;font-family:'Jost',sans-serif;font-weight:400}
.jegyzet-fej .btn{margin-top:10px}
.csomagar{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.5rem;color:var(--gold);margin:14px 0 0}
.csomagar.nagy{font-size:2rem;margin-top:20px}
.pk-sor{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:34px}
.pk-tetel{text-align:center;border-top:1px solid var(--line);padding-top:22px}
.pk-tetel img{height:190px;width:auto;margin:0 auto 16px;object-fit:contain}
.pk-tetel .kt{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0 0 4px}
.pk-tetel .nm{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.2rem;margin:0 0 8px}
@media(max-width:900px){.pk-sor{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.pk-sor{grid-template-columns:1fr}}
.btn-primary{background:var(--gold);color:#fff;border-color:var(--gold)}
.btn-primary:hover{background:#9a7a31;border-color:#9a7a31;color:#fff}
@media(max-width:700px){.jegyzet-tetel{grid-template-columns:1fr}.jt-kep img{height:170px}}

/* nyomtatas */
@media print{
  .site-header,.site-footer,#agegate,.no-print{display:none!important}
  body{background:#fff;color:#000;font-size:10.5pt}
  .section,.section.tight{padding:0 0 8pt;background:#fff!important}
  .wrap{max-width:none;padding:0}
  h1{font-size:21pt}h2{font-size:14pt}h3{font-size:12.5pt}
  .lead{font-size:11pt}
  .jegyzet-tetel{break-inside:avoid;page-break-inside:avoid;padding:10pt 0}
  .jt-kep img{height:105pt}
  .notes{grid-template-columns:repeat(3,1fr)!important;gap:14pt!important}
  .bullets li{padding:5pt 0 5pt 14pt}
  a{color:#000}
}

/* footer */
.site-footer{background:var(--dark);color:#cfc8bb;padding-top:60px;margin-top:0}
.foot-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-bottom:44px}
.foot-nav{list-style:none;padding:0;margin:0;columns:2;font-size:.9rem}
.foot-nav li{margin-bottom:9px}
.foot-nav a:hover{color:#fff}
.legal{border-top:1px solid #2a251e;padding:22px 0 34px;font-size:.8rem;color:#8d867a}

/* age gate */
#agegate{position:fixed;inset:0;z-index:100;background:rgba(12,10,8,.97);display:flex;align-items:center;justify-content:center;padding:24px}
.ag-box{max-width:460px;text-align:center;color:#eee6d8}
.ag-brand{font-family:'Cormorant Garamond',Georgia,serif;letter-spacing:.35em;font-size:1.1rem;margin-bottom:26px}
.ag-txt{font-size:1rem;line-height:1.6}
.ag-box button{margin-top:22px;background:none;border:1px solid var(--gold-l);color:var(--gold-l);
  padding:13px 34px;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;font-family:inherit}
.ag-box button:hover{background:var(--gold-l);color:#14120f}
.ag-small{font-size:.76rem;color:#8d867a;margin-top:20px}

@media(max-width:980px){
  .bottles{grid-template-columns:repeat(3,1fr)}
  .cards{grid-template-columns:1fr}
  .grid2,.cuvee-head{grid-template-columns:1fr;gap:34px}
  .cuvee-head img{height:360px}
  .notes{grid-template-columns:1fr}
  .site-header nav{display:none;width:100%}
  .site-header.open nav{display:block}
  .site-header.open ul{flex-direction:column;gap:14px;padding:18px 0 6px}
  .site-header .bar{flex-wrap:wrap}
  .burger{display:block}
  .foot-grid{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr}
}
@media(max-width:560px){ .bottles{grid-template-columns:repeat(2,1fr)} .bottle img{height:190px} }