/*
Jogi nyilatkozat
Jelen rendszer működése során harmadik fél által biztosított analitikai és hirdetéskövetési szolgáltatások kerülnek alkalmazásra.
A rendszer használata a látogató részéről a technikai működés elfogadását jelenti.
A fájl szerzői jogvédelem alatt áll.
Készítette: DruBor Design
Dátum: 2026. 06. 04.
*/

/* ===== Változók ===== */
:root{
    --bordo:#6b1d1d;
    --bordo-dark:#4d1313;
    --barna:#3a2618;
    --barna-vilagos:#7a5538;
    --arany:#c89b3c;
    --arany-vilagos:#e6c66e;
    --krem:#fbf6ec;
    --krem-melyebb:#f3e9d6;
    --szoveg:#2c2018;
    --szoveg-halvany:#6a5a4c;
    --feher:#ffffff;
    --arnyek:0 10px 30px rgba(58,38,24,.15);
    --arnyek-eros:0 18px 45px rgba(58,38,24,.28);
    --radius:14px;
    --max:1200px;
    --fejlec-szin:#fff;
}

*{box-sizing:border-box;margin:0;padding:0;}
html {
    scroll-behavior: smooth;
    scroll-padding-top: 120px;
    overflow-x: hidden;
    width: 100%;
}
body{
    font-family:'Source Sans 3',system-ui,Arial,sans-serif;
    color:var(--szoveg);
    background:var(--krem);
    line-height:1.65;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4{font-family:'Playfair Display',Georgia,serif;line-height:1.15;color:var(--barna);}
.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 20px;}

/* ===== Gombok ===== */
.btn{
    display:inline-flex;align-items:center;gap:.5rem;
    font-weight:700;font-size:1.02rem;
    padding:.9rem 1.8rem;border:none;border-radius:50px;cursor:pointer;
    transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
    text-align:center;line-height:1.2;
}
.btn--gold{background:linear-gradient(135deg,var(--arany),var(--arany-vilagos));color:#3a2400;box-shadow:0 8px 20px rgba(200,155,60,.4);}
.btn--gold:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(200,155,60,.55);}
.btn--bordo{background:var(--bordo);color:#fff;box-shadow:0 8px 20px rgba(107,29,29,.35);}
.btn--bordo:hover{background:var(--bordo-dark);transform:translateY(-2px);}
.btn--ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.7);}
.btn--ghost:hover{background:rgba(255,255,255,.15);border-color:#fff;}
.btn--lg{font-size:1.15rem;padding:1.05rem 2.3rem;}

/* ===== Topbar ===== */
.topbar{background:var(--barna);color:#f1e4d3;font-size:.9rem;}
.topbar__inner{display:flex;gap:1.4rem;flex-wrap:wrap;align-items:center;justify-content:center;padding:.5rem 20px;}
.topbar a{color:#f3e3cc;transition:color .15s;}
.topbar a:hover{color:var(--arany-vilagos);}

/* ===== Fejléc ===== */
/* Fontos: a fejlécen NINCS backdrop-filter/filter/transform, mert az "containing block"-ot
   hozna létre, és a fixed pozíciójú mobilmenü + sötétítő overlay a fejléchez igazodna a
   képernyő helyett (emiatt nem lehetett a menün kívülre koppintva bezárni). */
.site-header{position:sticky;top:0;z-index:60;background:rgba(251,246,236,.98);box-shadow:0 4px 18px rgba(58,38,24,.12);}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 20px;}
.brand{display:flex;align-items:center;gap:.7rem;}
.brand__logo{height:58px;width:auto;border-radius:8px;}
.brand__text{display:flex;flex-direction:column;}
.brand__text strong{font-family:'Playfair Display',serif;font-size:1.35rem;color:var(--bordo);}
.brand__text small{color:var(--szoveg-halvany);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;}

.main-nav {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.main-nav a {
    font-weight: 600;
    color: var(--barna);
    position: relative;
    font-size: .97rem;
    transition: color .15s;
    white-space: nowrap;
}
.main-nav a:not(.nav-cta):after{content:"";position:absolute;left:0;bottom:-6px;height:2px;width:0;background:var(--arany);transition:width .2s;}
.main-nav a:not(.nav-cta):hover{color:var(--bordo);}
.main-nav a:not(.nav-cta):hover:after{width:100%;}
.nav-cta{background:var(--bordo);color:#fff !important;padding:.55rem 1.1rem;border-radius:50px;box-shadow:0 6px 16px rgba(107,29,29,.3);}
.nav-cta:hover{background:var(--bordo-dark);}

.nav-toggle{display:none;}
.nav-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;position:relative;z-index:120;}
.nav-burger span{width:26px;height:3px;background:var(--bordo);border-radius:3px;transition:.25s;}

/* ===== Lenyíló menü (Dropdown) ===== */
.nav-dropdown {
    position: relative;
    display: inline-block;
}
.nav-dropdown__toggle {
    cursor: pointer;
}
.nav-dropdown__menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: var(--feher);
    box-shadow: var(--arnyek-eros);
    min-width: 180px;
    border-radius: 8px;
    padding: 0.5rem 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    z-index: 100;
    border: 1px solid #efe2cc;
}
.nav-dropdown:hover .nav-dropdown__menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.nav-dropdown__menu a {
    display: block !important;
    padding: 0.6rem 1.2rem !important;
    font-size: 0.95rem !important;
    color: var(--barna) !important;
    border-bottom: 1px solid #f9f5ec !important;
}
.nav-dropdown__menu a:last-child {
    border-bottom: none !important;
}
.nav-dropdown__menu a:after {
    display: none !important;
}
.nav-dropdown__menu a:hover {
    background: rgba(200, 155, 60, 0.1);
    color: var(--bordo) !important;
}

/* ===== Hero ===== */
.hero{
    position:relative;min-height:88vh;display:flex;align-items:center;
    background:linear-gradient(rgba(45,20,20,.62),rgba(45,20,20,.72)),url('assets/img/kivulrol/1000055837.jpg') center/cover no-repeat;
    color:#fff;text-align:center;
}
.hero__inner{max-width:920px;margin:0 auto;padding:5rem 20px;}
.hero__badge{display:inline-block;background:var(--arany);color:#3a2400;font-weight:800;letter-spacing:.12em;
    padding:.5rem 1.3rem;border-radius:50px;text-transform:uppercase;font-size:.85rem;margin-bottom:1.4rem;box-shadow:var(--arnyek);}
.hero h1{font-size:clamp(2.2rem,5.5vw,4rem);color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.5);margin-bottom:1.1rem;}
.hero p.lead{font-size:clamp(1.05rem,2.2vw,1.4rem);color:#f3e6d4;max-width:760px;margin:0 auto 2.2rem;}
.hero__cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}
.hero__phone{margin-top:1.6rem;font-size:1.05rem;color:#f7ecd9;}
.hero__phone a{color:var(--arany-vilagos);font-weight:800;font-size:1.3rem;}

/* ===== Szekciók ===== */
.section{padding:5rem 0;}
.section--alt{background:var(--krem-melyebb);}
.section--dark{background:linear-gradient(135deg,var(--barna),var(--bordo-dark));color:#f3e6d4;}
.section--dark h2,.section--dark h3{color:#fff;}
.section-head{text-align:center;max-width:760px;margin:0 auto 3rem;}
.section-head .kicker{display:inline-block;color:var(--arany);font-weight:700;letter-spacing:.18em;text-transform:uppercase;font-size:.85rem;margin-bottom:.6rem;}
.section-head h2{font-size:clamp(1.9rem,4vw,2.8rem);margin-bottom:.8rem;}
.section-head p{color:var(--szoveg-halvany);font-size:1.08rem;}
.section--dark .section-head p{color:#e7d6c2;}
.divider{width:80px;height:4px;background:var(--arany);border-radius:4px;margin:1rem auto 0;}

/* ===== Előnyök (Miért szeretnek minket) ===== */
.benefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.4rem; }
.benefit{background:var(--feher);border-radius:var(--radius);padding:2rem 1.4rem;text-align:center;box-shadow:var(--arnyek);border:1px solid #efe2cc;transition:transform .2s,box-shadow .2s;}
.benefit:hover{transform:translateY(-6px);box-shadow:var(--arnyek-eros);}
.benefit__num{font-family:'Playfair Display',serif;font-size:2.6rem;font-weight:800;color:var(--bordo);line-height:1;}
.benefit__icon{font-size:2.4rem;}
.benefit h3{font-size:1.1rem;margin:.6rem 0 .3rem;}
.benefit p{color:var(--szoveg-halvany);font-size:.95rem;}

/* ===== ALL YOU CAN EAT ===== */
.ayce{display:grid;grid-template-columns:1.1fr .9fr;gap:2.6rem;align-items:center;}
.ayce__img{border-radius:var(--radius);overflow:hidden;box-shadow:var(--arnyek-eros);height:100%;}
.ayce__img img{width:100%;height:100%;min-height:340px;object-fit:cover;}
.ayce__list{list-style:none;margin-top:1.4rem;display:grid;gap:.9rem;}
.ayce__list li{display:flex;gap:.8rem;align-items:flex-start;background:rgba(255,255,255,.06);padding:.9rem 1.1rem;border-radius:10px;border-left:4px solid var(--arany);}
.ayce__list li b{color:var(--arany-vilagos);}
.ayce .pill{display:inline-block;background:var(--arany);color:#3a2400;font-weight:800;padding:.4rem 1rem;border-radius:50px;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem;}

/* ===== Svédasztalos kínálat ===== */
.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.3rem;}
.menu-card{background:var(--feher);border-radius:var(--radius);padding:1.6rem 1.4rem;box-shadow:var(--arnyek);border:1px solid #efe2cc;transition:transform .2s;}
.menu-card:hover{transform:translateY(-5px);}
.menu-card__icon{font-size:2rem;margin-bottom:.5rem;}
.menu-card h3{color:var(--bordo);font-size:1.2rem;margin-bottom:.5rem;}
.menu-card p{color:var(--szoveg-halvany);font-size:.96rem;}
.menu-note{margin-top:2.2rem;text-align:center;background:var(--feher);border-radius:var(--radius);padding:1.6rem;box-shadow:var(--arnyek);border:1px dashed var(--arany);}
.menu-note strong{color:var(--bordo);}

/* ===== Szolgáltatás csempék ===== */
.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.3rem;}
.service{background:linear-gradient(160deg,#fff,#fbf2e1);border-radius:var(--radius);padding:1.8rem 1.5rem;box-shadow:var(--arnyek);border:1px solid #efe2cc;}
.service__icon{font-size:2.3rem;}
.service h3{color:var(--bordo);font-size:1.22rem;margin:.5rem 0;}
.service p{color:var(--szoveg-halvany);}

/* ===== Rendezvények ===== */
.events{display:grid;grid-template-columns:repeat(4, 1fr);gap:1rem;margin-bottom:2.4rem;}
.event-tag{background:rgba(255,255,255,.08);border:1px solid rgba(230,198,110,.35);border-radius:12px;padding:1.3rem 1rem;text-align:center;font-weight:600;color:#f6ead7;transition:background .2s,transform .2s;}
.event-tag:hover{background:rgba(230,198,110,.18);transform:translateY(-4px);}
.event-tag span{display:block;font-size:1.9rem;margin-bottom:.4rem;}

/* ===== Helyiségek ===== */
.rooms{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.3rem;}
.room{background:var(--feher);border-radius:var(--radius);overflow:hidden;box-shadow:var(--arnyek);border:1px solid #efe2cc;text-align:center;}
.room__top{background:linear-gradient(135deg,var(--bordo),var(--bordo-dark));color:#fff;padding:1.6rem 1rem;}
.room__cap{font-family:'Playfair Display',serif;font-size:2.6rem;font-weight:800;color:var(--arany-vilagos);line-height:1;}
.room__cap small{display:block;font-family:'Source Sans 3',sans-serif;font-size:.9rem;color:#f0e0cc;font-weight:600;margin-top:.2rem;}
.room__body{padding:1.2rem 1rem;}
.room__body h3{color:var(--bordo);font-size:1.2rem;}
.room__body p{color:var(--szoveg-halvany);font-size:.93rem;margin-top:.3rem;}
.rooms-total{text-align:center;margin-top:2rem;font-size:1.15rem;color:var(--barna);}
.rooms-total strong{color:var(--bordo);font-size:1.4rem;}

/* ===== Galéria ===== */
.gallery-filter{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-bottom:2.2rem;}
.filter-btn{background:var(--feher);border:1px solid #e3d3b9;color:var(--barna);font-weight:600;padding:.55rem 1.2rem;border-radius:50px;cursor:pointer;transition:.18s;font-size:.93rem;}
.filter-btn:hover{border-color:var(--arany);}
.filter-btn.active{background:var(--bordo);color:#fff;border-color:var(--bordo);}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.9rem;}
.gallery-item{position:relative;overflow:hidden;border-radius:12px;cursor:pointer;box-shadow:var(--arnyek);aspect-ratio:4/3;background:#eee;}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.gallery-item:hover img{transform:scale(1.08);}
.gallery-item__cat{position:absolute;left:10px;bottom:10px;background:rgba(107,29,29,.88);color:#fff;font-size:.74rem;font-weight:600;padding:.25rem .7rem;border-radius:50px;opacity:0;transition:opacity .2s;}
.gallery-item:hover .gallery-item__cat{opacity:1;}
.gallery-item.hide{display:none;}

/* ===== Lightbox ===== */
.lightbox{position:fixed;inset:0;background:rgba(20,10,6,.94);display:none;align-items:center;justify-content:center;z-index:200;}
.lightbox.open{display:flex;}
.lightbox img{max-width:90vw;max-height:82vh;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.6);}
.lightbox__close,.lightbox__nav{position:absolute;background:rgba(255,255,255,.12);color:#fff;border:none;cursor:pointer;border-radius:50%;width:54px;height:54px;font-size:1.6rem;transition:background .2s;}
.lightbox__close:hover,.lightbox__nav:hover{background:var(--arany);color:#3a2400;}
.lightbox__close{top:24px;right:24px;}
.lightbox__nav{top:50%;transform:translateY(-50%);}
.lightbox__nav--prev{left:24px;}
.lightbox__nav--next{right:24px;}
.lightbox__caption{position:absolute;bottom:24px;left:0;right:0;text-align:center;color:#f3e6d4;font-size:.95rem;}

/* ===== Vélemények ===== */
.reviews-top{display:flex;flex-wrap:wrap;gap:1.4rem;justify-content:center;margin-bottom:2.6rem;}
.review-stat{background:var(--feher);border-radius:var(--radius);padding:1.6rem 2.2rem;text-align:center;box-shadow:var(--arnyek);border-top:4px solid var(--arany);}
.review-stat b{display:block;font-family:'Playfair Display',serif;font-size:2.6rem;color:var(--bordo);line-height:1;}
.review-stat span{color:var(--szoveg-halvany);font-size:.95rem;}
.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.3rem;}
.review{background:var(--feher);border-radius:var(--radius);padding:1.6rem;box-shadow:var(--arnyek);border:1px solid #efe2cc;display:flex;flex-direction:column;}
.review__stars{color:var(--arany);font-size:1.05rem;letter-spacing:2px;margin-bottom:.6rem;}
.review__text{font-style:italic;color:var(--szoveg);flex:1;}
.review__author{margin-top:1rem;font-weight:700;color:var(--bordo);}
.review__date{color:var(--szoveg-halvany);font-size:.82rem;}

/* ===== Nyitvatartás ===== */
.hours-wrap{display:grid;grid-template-columns:1fr 1fr;gap:2.4rem;align-items:center;}
.hours-table{background:var(--feher);border-radius:var(--radius);overflow:hidden;box-shadow:var(--arnyek-eros);border:1px solid #efe2cc;}
.hours-table .row{display:flex;justify-content:space-between;padding:.95rem 1.4rem;border-bottom:1px solid #f0e6d4;font-size:1.05rem;}
.hours-table .row:last-child{border-bottom:none;}
.hours-table .row.today{background:linear-gradient(90deg,rgba(200,155,60,.18),transparent);font-weight:700;}
.hours-table .row .day{color:var(--barna);font-weight:600;}
.hours-table .row .time{color:var(--bordo);font-weight:700;}
.hours-img{border-radius:var(--radius);overflow:hidden;box-shadow:var(--arnyek-eros);}

/* ===== Info / házi szabály ===== */
.house-rule{background:var(--bordo);color:#fff;border-radius:var(--radius);padding:2.4rem;box-shadow:var(--arnyek-eros);margin-top:2.6rem;}
.house-rule h3{color:var(--arany-vilagos);margin-bottom:.8rem;font-size:1.5rem;}
.house-rule p{color:#f6e7d6;margin-bottom:.7rem;}

/* ===== Kapcsolat ===== */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.4rem;align-items:stretch;}
.contact-box{background:var(--feher);border-radius:var(--radius);padding:2.2rem;box-shadow:var(--arnyek);border:1px solid #efe2cc;}
.contact-line{display:flex;gap:1rem;align-items:flex-start;padding:1rem 0;border-bottom:1px solid #f0e6d4;}
.contact-line:last-child{border-bottom:none;}
.contact-line .ic{font-size:1.6rem;}
.contact-line .lbl {
    display: block;
    color: var(--szoveg-halvany);
    font-size: .85rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    margin-bottom: 0.3rem;
}
.contact-line .val{font-size:1.2rem;font-weight:700;color:var(--bordo);}
.contact-line .val a{color:var(--bordo);}
.contact-note{background:linear-gradient(135deg,var(--arany),var(--arany-vilagos));color:#3a2400;border-radius:var(--radius);padding:1.4rem 1.6rem;margin-top:1.4rem;font-weight:600;}
.map-embed{border-radius:var(--radius);overflow:hidden;box-shadow:var(--arnyek-eros);min-height:340px;border:0;width:100%;height:100%;}

/* ===== Lábléc ===== */
.site-footer{background:var(--barna);color:#e6d6c2;padding-top:3.5rem;}
.site-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:2rem;padding-bottom:2.6rem;}
.footer-logo{height:60px;border-radius:8px;background:#fff;padding:4px;margin-bottom:1rem;}
.footer-col h3{color:var(--arany-vilagos);font-size:1.15rem;margin-bottom:1rem;}
.footer-col ul{list-style:none;display:grid;gap:.5rem;}
.footer-col a:hover{color:var(--arany-vilagos);}
.footer-social{display:flex;gap:.8rem;margin-top:1rem;}
.footer-social a{background:rgba(255,255,255,.1);padding:.5rem 1rem;border-radius:50px;font-weight:600;transition:.2s;}
.footer-social a:hover{background:var(--arany);color:#3a2400;}
.footer-contact{margin-bottom:.7rem;}
.footer-contact span{display:block;font-size:.82rem;color:var(--barna-vilagos);}
.footer-contact a{color:var(--arany-vilagos);}
.footer-call{margin-top:1rem;}
.footer-bottom{background:var(--bordo-dark);padding:1.1rem 0;text-align:center;font-size:.9rem;color:#e8d8c4;}
.footer-bottom strong{color:var(--arany-vilagos);}

/* ===== Mobil hívás gomb (kompakt lebegő gomb a jobb alsó sarokban) ===== */
.mobile-call{position:fixed;right:20px;bottom:24px;z-index:90;display:none;align-items:center;justify-content:center;gap:.5rem;
    background:linear-gradient(135deg,var(--bordo),var(--bordo-dark));color:#fff;font-weight:800;font-size:1rem;
    padding:.8rem 1.3rem;border-radius:50px;box-shadow:0 10px 24px rgba(107,29,29,.45);}
.mobile-call:hover{background:var(--bordo-dark);}
.mobile-call__icon{font-size:1.2rem;}

/* ===== Vissza a tetejére ===== */
.back-to-top{position:fixed;right:20px;bottom:24px;z-index:80;width:50px;height:50px;border-radius:50%;border:none;
    background:var(--bordo);color:#fff;font-size:1.1rem;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;box-shadow:var(--arnyek);}
.back-to-top.show{opacity:1;pointer-events:auto;}
.back-to-top:hover{background:var(--bordo-dark);transform:translateY(-3px);}

/* ===== Cookie sáv ===== */
.cookie-bar{position:fixed;left:20px;right:20px;bottom:20px;z-index:150;background:var(--barna);color:#f3e6d4;
    border-radius:var(--radius);padding:1.1rem 1.4rem;display:none;gap:1rem;align-items:center;justify-content:space-between;
    flex-wrap:wrap;box-shadow:var(--arnyek-eros);max-width:760px;margin:0 auto;}
.cookie-bar.show{display:flex;}
.cookie-bar p{font-size:.92rem;flex:1;min-width:220px;}
.cookie-bar a{color:var(--arany-vilagos);text-decoration:underline;}

/* ===== Belső oldalak (köszönöm, adatkezelés) ===== */
.page-hero{background:linear-gradient(135deg,var(--bordo),var(--barna));color:#fff;text-align:center;padding:4rem 20px;}
.page-hero h1{color:#fff;font-size:clamp(2rem,5vw,3rem);}
.page-hero p{color:#f3e6d4;margin-top:.6rem;}
.legal{max-width:880px;margin:0 auto;padding:3.5rem 20px;}
.legal h2{color:var(--bordo);margin:2rem 0 .8rem;font-size:1.5rem;}
.legal h3{color:var(--barna);margin:1.4rem 0 .5rem;}
.legal p,.legal li{color:var(--szoveg);margin-bottom:.7rem;}
.legal ul{padding-left:1.4rem;}
.thanks{max-width:680px;margin:0 auto;padding:4rem 20px;text-align:center;}
.thanks .big-ic{font-size:4rem;}
.thanks h1{color:var(--bordo);margin:.5rem 0;}
.thanks p{color:var(--szoveg-halvany);font-size:1.1rem;margin-bottom:1.6rem;}

/* ===== Svédasztal képsáv (átvezető) ===== */
.svedasztal-strip {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
}
.svedasztal-strip .strip-img {
    position: relative;
    aspect-ratio: 4/3;
    overflow: hidden;
    background: var(--krem-melyebb);
}
.svedasztal-strip .strip-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}
.svedasztal-strip .strip-img:hover img {
    transform: scale(1.08);
}

/* ===== ÉTLAP SZEKCIÓ (Pizzák, Tálak, Burgerek) ===== */
.etlap-block {
    margin-bottom: 4rem;
}
.etlap-block h3 {
    font-size: 2.2rem;
    color: var(--bordo);
    margin-bottom: 0.8rem;
    text-align: center;
}
.etlap-al-cim {
    font-size: 1.4rem;
    color: var(--arany);
    margin-bottom: 1rem;
    border-bottom: 2px solid var(--arany);
    display: inline-block;
}
.etlap-lead {
    text-align: center;
    font-size: 1.1rem;
    color: var(--szoveg-halvany);
    max-width: 800px;
    margin: 0 auto 2rem;
}
.etlap-elvalaszto {
    border: 0;
    height: 1px;
    background: radial-gradient(circle, rgba(200,155,60,0.5) 0%, rgba(200,155,60,0) 80%);
    margin: 4rem 0;
}

.menu-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1.5rem 3rem;
    margin-bottom: 2.5rem;
}
.menu-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    border-bottom: 1px dashed #dcb87d;
    padding-bottom: 0.5rem;
}
.menu-item b {
    font-size: 1.15rem;
    color: var(--barna);
    font-family: 'Playfair Display', serif;
}
.menu-item span {
    font-weight: 700;
    color: var(--bordo);
    font-size: 1.1rem;
}
.menu-item i {
    width: 100%;
    display: block;
    font-size: 0.9rem;
    color: var(--szoveg-halvany);
    margin-top: 0.2rem;
    font-style: italic;
}

.etlap-images {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}
.etlap-images--talak {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.etlap-images--burger {
    grid-template-columns: minmax(200px, 400px);
    justify-content: center;
}
.etlap-images img {
    border-radius: var(--radius);
    box-shadow: var(--arnyek);
    transition: transform 0.2s;
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 1/1.4;
}
.etlap-images img:hover {
    transform: scale(1.03);
}
.etlap-images figure {
    margin: 0;
    text-align: center;
}
.etlap-images figcaption {
    margin-top: 0.5rem;
    font-weight: 600;
    color: var(--barna);
}

.etlap-cta {
    text-align: center;
    background: var(--krem-melyebb);
    padding: 2rem;
    border-radius: var(--radius);
    box-shadow: inset 0 0 20px rgba(200,155,60,0.1);
    margin-top: 1rem;
}
.etlap-cta p {
    font-weight: 600;
    margin-bottom: 1rem;
    font-size: 1.1rem;
    color: var(--barna);
}

.etlap-images .gallery-item {
    aspect-ratio: 1/1.4;
    margin: 0;
    width: 100%;
}
.etlap-images--burger .gallery-item {
    aspect-ratio: auto;
}

.etlap-images .gallery-item::after {
    content: "🔍 Nagyítás";
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: rgba(107,29,29,0.95);
    color: #fff;
    padding: 6px 14px;
    border-radius: 50px;
    font-size: 0.85rem;
    font-weight: 600;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}
.etlap-images .gallery-item:hover::after {
    opacity: 1;
}

/* ===== RÓLUNK CIKK SZEKCIÓ ===== */
.article-grid {
    display: grid;
    grid-template-columns: 1.8fr 1fr;
    gap: 3.5rem;
    align-items: start;
    text-align: left;
}
.article-main h3 {
    font-size: 1.8rem;
    color: var(--arany-vilagos);
    margin-bottom: 0.4rem;
}
.article-main h4 {
    font-size: 1.3rem;
    color: #f3e6d4;
    margin-bottom: 1.8rem;
    font-weight: 600;
    font-family: 'Source Sans 3', sans-serif;
}
.article-main .article-lead {
    font-weight: 700;
    font-size: 1.05rem;
    color: #fff;
    margin-bottom: 2rem;
    letter-spacing: 0.03em;
}
.article-main p {
    margin-bottom: 1.2rem;
    color: #e7d6c2;
    font-size: 1.05rem;
    text-align: justify;
}

.article-sidebar {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}
.article-sidebar .gallery-item {
    aspect-ratio: auto;
    margin: 0;
    width: 100%;
}
.article-sidebar .gallery-item::after {
    content: "🔍 Cikk nagyítása";
    position: absolute;
    bottom: 15px;
    right: 15px;
    background: rgba(200,155,60,0.95);
    color: #3a2400;
    padding: 8px 16px;
    border-radius: 50px;
    font-size: 0.85rem;
    font-weight: 700;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}
.article-sidebar .gallery-item:hover::after {
    opacity: 1;
}

.article-box {
    background: rgba(255, 255, 255, 0.06);
    border-left: 4px solid var(--arany);
    padding: 1.8rem;
    border-radius: 0 var(--radius) var(--radius) 0;
}
.article-box h3 {
    color: var(--arany-vilagos);
    margin-bottom: 1.2rem;
    font-size: 1.5rem;
}
.article-box p {
    font-size: 0.98rem;
    color: #f3e6d4;
    margin-bottom: 1rem;
    text-align: justify;
}
.article-box p:last-child {
    margin-bottom: 0;
}

/* ===== Rólunk cikk alatti függőleges galéria ===== */
.article-gallery-vertical {
    display: flex;
    flex-direction: column;
    margin-top: 1.5rem;
}
.article-gallery-vertical .gallery-item {
    margin: 0 0 15px 0;
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.4); 
}
.article-gallery-vertical .gallery-item:last-child {
    margin-bottom: 0;
}
.article-gallery-vertical .gallery-item::after {
    content: "🔍";
    position: absolute;
    bottom: 15px;
    right: 15px;
    background: rgba(200,155,60,0.95);
    color: #3a2400;
    padding: 8px 14px;
    border-radius: 50px;
    font-size: 1rem;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}
.article-gallery-vertical .gallery-item:hover::after {
    opacity: 1;
}

/* ===== ÚJ KÖZÖSSÉGI FEED SZEKCIÓ ===== */
.social-feed-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 2rem;
    align-items: stretch;
}
.social-feed-box {
    background: var(--feher);
    padding: 2rem;
    border-radius: var(--radius);
    box-shadow: var(--arnyek);
    border: 1px solid #efe2cc;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.social-feed-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    font-family: 'Source Sans 3', sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 1.8rem;
}
.fb-title { color: #1877f2; }
.ig-title { color: #e1306c; }

.fb-iframe-container {
    display: flex;
    justify-content: center;
    flex: 1;
    width: 100%;
}
.fb-iframe-container iframe {
    max-width: 400px;
    width: 100%;
    border-radius: 8px;
}

.ig-box {
    justify-content: space-between;
}
.ig-photo-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-bottom: 1.8rem;
    flex: 1;
}
.ig-photo-grid a {
    display: block;
    aspect-ratio: 1/1;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.ig-photo-grid img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}
.ig-photo-grid a:hover img {
    transform: scale(1.08);
}

.btn--fb-solid {
    background: #1877f2;
    color: white !important;
    text-transform: none;
    letter-spacing: normal;
    justify-content: center;
    width: 100%;
    font-size: 1.05rem;
    margin-top: 1.8rem;
    box-shadow: 0 8px 20px rgba(24, 119, 242, 0.3);
}
.btn--fb-solid:hover {
    background: #0d5bbd;
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(24, 119, 242, 0.4);
}

.btn--ig-grad {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    color: white !important;
    text-transform: none;
    letter-spacing: normal;
    justify-content: center;
    width: 100%;
    font-size: 1.05rem;
    box-shadow: 0 8px 20px rgba(220, 39, 67, 0.3);
}
.btn--ig-grad:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(220, 39, 67, 0.4);
}

/* ===== MOBIL MENÜ BEZÁRÁS (SÖTÉTÍTŐ RÉTEG) ===== */
.nav-overlay { display: none; }

/* ===== Reszponzív (Tablet) ===== */
@media (max-width: 900px) {
    .ayce,.hours-wrap,.contact-grid{grid-template-columns:1fr;}
    .site-footer__grid{grid-template-columns:1fr 1fr;}
    .topbar__email{display:none;}
    .benefits { grid-template-columns: repeat(2, 1fr); } 
    .events { grid-template-columns: repeat(2, 1fr); }
    .svedasztal-strip { grid-template-columns: repeat(2, 1fr); }
    .article-grid { grid-template-columns: 1fr; gap: 3rem; }
}

/* ===== Reszponzív (Mobil) ===== */
@media (max-width: 760px) {
    .nav-burger{display:flex;}
    
    .nav-overlay {
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,0.5);
        z-index: 105;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        cursor: pointer;
    }
    .nav-toggle:checked ~ .nav-overlay {
        display: block;
        opacity: 1;
        visibility: visible;
    }

    .main-nav {
        position: fixed;
        top: 0;
        right: 0;
        transform: translateX(100%);
        visibility: hidden;
        pointer-events: none;
        height: 100vh;
        width: 78%;
        max-width: 320px;
        background: var(--krem);
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: .4rem;
        padding: 5rem 1.6rem;
        box-shadow: -10px 0 30px rgba(0,0,0,.2);
        transition: transform .3s ease, visibility .3s ease;
        z-index: 110;
        overflow-y: auto;
    }
    
    .nav-toggle:checked ~ .main-nav {
        transform: translateX(0);
        visibility: visible;
        pointer-events: auto;
    }
    .main-nav a{width:100%;padding:.7rem 0;border-bottom:1px solid #ece0cc;font-size:1.05rem;}
    .main-nav a:not(.nav-cta):after{display:none;}
    .nav-cta{margin-top:1rem;justify-content:center;}
    
    .nav-toggle:checked ~ .nav-burger span:nth-child(1){transform:translateY(8px) rotate(45deg);}
    .nav-toggle:checked ~ .nav-burger span:nth-child(2){opacity:0;}
    .nav-toggle:checked ~ .nav-burger span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}
    
    .mobile-call{display:flex;}
    .back-to-top{bottom:92px;}
    .cookie-bar{bottom:84px;}

    body:has(.nav-toggle:checked) .mobile-call,
    body:has(.nav-toggle:checked) .back-to-top,
    body:has(.nav-toggle:checked) .cookie-bar{
        display: none !important;
    }
    
    .site-footer__grid{grid-template-columns:1fr;}
    .section{padding:3.4rem 0;}
    .hero{min-height:80vh;}
    .benefits { grid-template-columns: 1fr; }
    
    .nav-dropdown { width: 100%; }
    .nav-dropdown__menu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        background: transparent;
        border: none;
        padding-left: 1.2rem;
        display: none;
    }
    .nav-dropdown:focus-within .nav-dropdown__menu,
    .nav-dropdown:hover .nav-dropdown__menu {
        display: block;
    }
    .nav-dropdown__menu a {
        border-bottom: 1px dashed #ece0cc !important;
        padding: 0.5rem 0 !important;
    }
}

/* ===== Reszponzív (Kismobil) ===== */
@media (max-width: 500px) {
    .events { grid-template-columns: 1fr; }
    .svedasztal-strip { grid-template-columns: 1fr; }
}

/* ===== HORIZONTÁLIS SZÉTCSÚSZÁS ÉS GOMB JAVÍTÁSA MOBILON ===== */
.menu-list, 
.social-feed-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)) !important;
}
.etlap-images--burger {
    grid-template-columns: minmax(min(100%, 200px), 400px) !important;
}
.fb-iframe-container {
    max-width: 100%;
    overflow: hidden;
}
.btn {
    max-width: 100%;
    white-space: normal;
    word-break: break-word;
}