/* saját tárhelyről betöltött betűtípus (EB Garamond, változó súly 400–800) */
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400 800;font-display:swap;src:url('fonts/EBGaramond-latin.woff2') format('woff2')}
@font-face{font-family:'EB Garamond';font-style:italic;font-weight:400 800;font-display:swap;src:url('fonts/EBGaramond-Italic-latin.woff2') format('woff2')}
:root{
  --banner-h:620px;
  --ink:#33302c; --paper:#eeede9; --paper2:#e2e0da; --red:#7d6350; --gold:#d9c2a0; --white:#faf9f6; --copper:#b8704f; --copper-text:#8f5233; --red-text:#6d5444;
  --serif:'EB Garamond',Garamond,Georgia,serif; --sans:'EB Garamond',Garamond,Georgia,serif;
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{font:18px/1.5 var(--sans);color:var(--ink);background:var(--paper)}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
/* fejléc */
header{background:var(--ink);color:var(--paper);position:sticky;top:0;z-index:10}
header .wrap{max-width:1320px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;min-height:88px}
header nav{grid-column:2}
header .wrap>.btn{grid-column:3;justify-self:end}
nav ul{display:flex;flex-wrap:nowrap;list-style:none;padding:0}
nav a{white-space:nowrap;text-decoration:none;font-weight:600;font-variant:small-caps;letter-spacing:.06em;padding:6px 0;border-bottom:3px solid transparent}
nav a:hover{color:var(--gold);border-bottom-color:var(--gold)}
.btn{display:inline-block;background:var(--red);color:var(--white);padding:11px 24px;font-weight:700;text-decoration:none;border:2px solid var(--red);border-radius:999px}
.btn:hover{background:var(--ink);border-color:var(--ink)}
.btn .m{display:none}
@media(max-width:1280px){.btn .d{display:none}
.btn .m{display:inline}}
.btn.alt{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn.alt:hover{background:var(--ink);color:var(--paper)}
#menu-toggle{display:none;background:none;border:2px solid var(--paper);color:var(--paper);padding:6px 14px;font:600 1.2rem var(--sans);cursor:pointer}
@media(max-width:1000px){#menu-toggle{display:block}
nav{position:absolute;left:0;right:0;top:100%;background:var(--ink);display:none;padding:10px 20px 20px}
nav.open{display:block}
nav ul{flex-direction:column;gap:14px}
header .wrap{display:flex;min-height:64px;gap:12px}
header .wrap>.btn{order:2;margin-left:auto;padding:7px 16px}
#menu-toggle{order:1;padding:5px 12px}}
/* fejléckép */
.banner{position:relative;overflow:hidden;display:grid;place-items:center;padding:40px 20px;height:var(--banner-h);background:#33302c;color:var(--white)}
.banner-bg{z-index:0;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%}
.banner::before{content:"";z-index:1;position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 50% 50%,rgba(20,16,12,.42),rgba(20,16,12,0) 75%),linear-gradient(180deg,rgba(20,16,12,.58) 0%,rgba(20,16,12,.66) 55%,rgba(20,16,12,.82) 100%);opacity:var(--veil,1)}
.banner-in{position:relative;z-index:2;max-width:880px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}
.logo{width:min(420px,70vw);height:auto;filter:drop-shadow(0 2px 12px rgba(0,0,0,.5))}
.banner h1{font:500 clamp(1.7rem,3.6vw,2.6rem)/1.2 var(--serif);max-width:26ch;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.logo + h1{font:600 clamp(1.05rem,2.2vw,1.35rem)/1.3 var(--serif);width:min(420px,70vw);max-width:none;text-shadow:0 2px 14px rgba(0,0,0,.75),0 0 4px rgba(0,0,0,.5)}
.banner p{max-width:62ch;font-size:1.08rem;font-weight:500;line-height:1.45;text-shadow:0 1px 10px rgba(0,0,0,.75),0 0 3px rgba(0,0,0,.5)}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.banner .btn.alt{color:var(--white);border-color:var(--white)}
.banner .btn.alt:hover{background:var(--white);color:var(--ink)}
.banner .btn:not(.alt):hover{background:var(--white);color:var(--ink);border-color:var(--white)}
.open-now{text-align:center;display:inline-flex;align-items:center;gap:10px;margin-top:8px;border-radius:999px;
  background:rgba(28,24,20,.6);border:1px solid rgba(217,194,160,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
/* szekciók */
section{padding:72px 0}
h2{font:800 clamp(2rem,4vw,2.9rem)/1.15 var(--serif);margin-bottom:12px}
/* három ajánlat */
.offers{padding:72px 0}
.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:64px 32px}
.offer{text-align:center;display:flex;flex-direction:column;align-items:center}
.offer .ph{position:relative;width:100%;aspect-ratio:3/2;border-radius:10px;overflow:hidden;background:var(--ink);margin-bottom:26px}
.offer .ph img{width:100%;height:100%;object-fit:cover;transition:opacity .4s ease}
.offer .ph::after{content:"";position:absolute;inset:0;background:rgba(20,16,12,.38);pointer-events:none}
.offer .ph:hover img{opacity:.68}
.ph-t{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.offer h3{font:500 1.3rem/1.2 var(--serif);text-transform:uppercase;margin-bottom:8px}
.offer .sub{letter-spacing:.14em;text-transform:uppercase;font-size:.85rem;color:var(--gold)}
.offer p{margin-bottom:22px;max-width:46ch;font-size:.95rem;line-height:1.45}
.offer .btn{margin-top:auto}
@media(max-width:900px){.offer-grid{grid-template-columns:1fr;gap:48px}}
.services{padding:0;background:var(--white);border-top:1px solid rgba(0,0,0,.14);border-bottom:1px solid rgba(0,0,0,.14)}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.grid4 a{display:flex;flex-direction:column;align-items:center;gap:16px;padding:46px 12px;text-decoration:none;color:var(--copper);transition:color .25s}
.grid4 a span{font:500 1.6rem/1.1 var(--serif);text-transform:uppercase;color:var(--ink);letter-spacing:.01em}
.grid4 a:hover{color:var(--ink)}
.grid4 a:hover span{color:var(--copper-text)}
@media(max-width:700px){.grid4{grid-template-columns:repeat(2,1fr)}
.grid4 a{padding:30px 8px}
.grid4 a span{font-size:1.35rem}}
.eyebrow{display:block;text-align:center;letter-spacing:.2em;text-transform:uppercase;font-size:.95rem;color:var(--red-text);margin-bottom:8px}
.dishes-head{text-align:center}
/* felhozatal */
.dishes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dishes figure{position:relative;overflow:hidden;border-radius:16px;background:var(--ink);aspect-ratio:4/3}
.dishes img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.dishes figure:hover img{transform:scale(1.06)}
.dishes figcaption{position:absolute;left:0;right:0;bottom:0;padding:38px 18px 16px;color:#fff;font:600 1.05rem/1.25 var(--serif);background:linear-gradient(transparent,rgba(20,16,12,.8))}
.more{margin-top:34px;text-align:center}
@media(max-width:900px){.dishes{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.dishes{grid-template-columns:1fr}}
/* elérhetőség */
#elerhetoseg{background:var(--paper2);border-top:1px solid rgba(0,0,0,.12)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.contact-grid h3{font:700 1.1rem var(--serif);margin:22px 0 6px}
.contact-grid h3:first-child{margin-top:0}
.hours{list-style:none;padding:0}
.hours li{display:flex;justify-content:space-between}
.hours li.today{font-weight:700;color:var(--red)}
iframe{width:100%;height:100%;min-height:340px;border:3px solid var(--ink)}
@media(max-width:860px){.contact-grid{grid-template-columns:1fr}}
/* lábléc */
footer{background:var(--ink);color:var(--paper);padding:48px 0 28px;font-size:1rem}
.foot{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:28px;margin-bottom:32px}
footer h4{font:700 1rem var(--serif);color:var(--gold);margin-bottom:8px}
footer ul{list-style:none;padding:0}
footer li{padding:2px 0}
footer a{text-decoration:none}
footer a:hover{color:var(--gold)}
.copy{border-top:1px solid #3b4b5f;padding-top:18px;font-size:.85rem;opacity:.8}
/* esküvői boxok */
.wedding{padding:72px 0 88px}
.wgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.wcard{position:relative;display:block;aspect-ratio:4/3;border-radius:26px;overflow:hidden;isolation:isolate;color:#fff;text-decoration:none;
  background:linear-gradient(135deg,#4a4038,#2b2723);box-shadow:0 14px 34px rgba(51,48,44,.18)}
.wcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.wcard::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(20,16,12,.2),rgba(20,16,12,.52));transition:background .5s ease}
.wcard:hover::before,.wcard:focus-visible::before{background:linear-gradient(180deg,rgba(20,16,12,.5),rgba(20,16,12,.78))}
.wcard:hover img,.wcard:focus-visible img{transform:scale(1.06)}
.wcard-in{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}
.wcard h3{font:500 clamp(1.4rem,2.6vw,2.1rem)/1.2 var(--serif);text-transform:uppercase;letter-spacing:.14em;text-shadow:0 2px 16px rgba(0,0,0,.55)}
.wcard-more{font-variant:small-caps;text-transform:lowercase;letter-spacing:.16em;font-size:1.2rem;padding-bottom:3px;border-bottom:1px solid rgba(255,255,255,.7);
  opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .45s ease}
.wcard:hover .wcard-more,.wcard:focus-visible .wcard-more{opacity:1;transform:none}
@media(hover:none){.wcard-more{opacity:1;transform:none}}
.wedding-cta{margin-top:44px;text-align:center}
.wedding-cta .btn{padding:14px 40px}
@media(max-width:700px){.wgrid{grid-template-columns:1fr}
.wedding{padding:48px 0 64px}}
/* világosabb fejléc-fedés (pl. sötét fotónál) */
.banner.light{--veil:.5}
/* reszponzivitás */
html{-webkit-text-size-adjust:100%}
iframe,video{max-width:100%}
.contact-grid a,.offer p{overflow-wrap:anywhere}
@media(max-width:1000px){.offer-grid{grid-template-columns:repeat(2,1fr);gap:40px 24px}}
@media(max-width:900px){:root{--banner-h:660px}}
@media(max-width:640px){body{font-size:17px}
section,.offers{padding:48px 0}
.offer-grid{grid-template-columns:1fr;gap:36px}}
@media(max-width:560px){:root{--banner-h:740px}
.banner{padding:32px 16px}
.banner-in{gap:16px}
.banner p{font-size:.98rem;line-height:1.4}
.open-now{border-radius:22px;line-height:1.3}
.hero-cta .btn{padding:10px 20px}}
/* minden gomb: kisbetűs kiskapitális */
.btn,#menu-toggle,.wcard-more{text-transform:lowercase;font-variant:small-caps;letter-spacing:.08em}
.btn{font-size:1.3rem}
@media(max-width:1000px){header .wrap>.btn{font-size:1.2rem}
#menu-toggle{font-size:1.25rem}}
@media(max-width:560px){.hero-cta .btn{font-size:1.2rem}}
/* elérhetőség */
#elerhetoseg .eyebrow{margin-bottom:6px}
#elerhetoseg .c-title{text-align:center;margin-bottom:36px}
.contact-grid{align-items:stretch}
.cstack{display:flex;flex-direction:column;gap:16px}
.ccard{background:var(--white);border:1px solid rgba(0,0,0,.06);border-radius:22px;padding:22px 24px;box-shadow:0 10px 28px rgba(51,48,44,.08)}
.contact-grid .ccard h3{font:600 .95rem var(--serif);letter-spacing:.18em;text-transform:uppercase;color:var(--copper-text);margin:0 0 12px}
.ccard p{margin:0 0 .7em}
.ccard p:last-child{margin-bottom:0}
.addr{font-size:1.25rem;font-weight:600;margin-bottom:12px!important}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{display:flex;align-items:center;gap:12px;padding:11px 18px;border-radius:16px;text-decoration:none;color:var(--ink);
  background:rgba(184,112,79,.12);border:1px solid rgba(184,112,79,.35);transition:background .25s,color .25s,border-color .25s}
.chip svg{flex:none;color:var(--copper);transition:color .25s}
.chip span{display:flex;flex-direction:column;min-width:0}
.chip small{font-variant:small-caps;text-transform:lowercase;letter-spacing:.08em;font-size:1rem;color:var(--copper-text);transition:color .25s}
.chip strong{font-weight:600;font-size:1.08rem;overflow-wrap:anywhere}
.chip:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.chip:hover svg,.chip:hover small{color:var(--gold)}
.chips.mail .chip{flex:1 1 100%}
.hours li{border-bottom:1px dotted rgba(51,48,44,.4);padding:6px 4px}
.hours li.today{background:var(--ink);color:var(--paper);border-radius:10px;border-bottom-color:transparent;padding:6px 12px;font-weight:600}
.cmap{min-height:420px}
.cmap iframe{border:0;border-radius:22px;box-shadow:0 10px 28px rgba(51,48,44,.12);height:100%;min-height:420px}
@media(max-width:860px){.cmap,.cmap iframe{min-height:340px}}
/* navigáció: kisbetűs kiskapitális, egy mérettel nagyobb */
nav a{text-transform:lowercase;font-size:clamp(1.15rem,1.45vw,1.35rem)}
nav ul{gap:clamp(12px,1.3vw,22px)}
/* nyitvatartás-jelzés: nagybetűs, kisebb, jelölőpont nélkül */
.open-now{text-transform:uppercase;letter-spacing:.1em;font-size:1rem;padding:8px 20px;font-weight:600}
@media(max-width:560px){.open-now{font-size:.85rem;padding:7px 14px;letter-spacing:.07em}}
/* fejléc: finom beúszás */
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes settle{from{transform:scale(1.06)}to{transform:scale(1)}}
.banner-bg{animation:settle 1.8s cubic-bezier(.2,.7,.2,1) both}
.banner-in>*{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
.banner-in>:nth-child(1){animation-delay:.1s}
.banner-in>:nth-child(2){animation-delay:.28s}
.banner-in>:nth-child(3){animation-delay:.46s}
.banner-in>:nth-child(4){animation-delay:.64s}
.banner-in>:nth-child(5){animation-delay:.82s}
@media(prefers-reduced-motion:reduce){.banner-bg,.banner-in>*{animation:none}}
/* elérhetőség: két telefonszám egymás mellett, kisebb dobozokban */
.chips.phones{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.chips.phones .chip{padding:8px 11px;gap:8px;border-radius:12px;min-width:0}
.chips.phones .chip svg{width:17px;height:17px}
.chips.phones .chip small{font-size:.88rem;line-height:1.15}
.chips.phones .chip strong{font-size:.92rem;white-space:nowrap}
@media(max-width:420px){.chips.phones{grid-template-columns:1fr}}
/* kiszállítás: egymás alatti, kompakt ajánlatsorok (kép + sötét szövegdoboz) */
.clist{display:flex;flex-direction:column;gap:14px;max-width:720px;margin:0 auto}
.crow{display:grid;border-radius:18px;overflow:hidden;text-decoration:none;color:var(--paper);background:var(--ink);box-shadow:0 10px 26px rgba(51,48,44,.14)}
.crow-img{position:relative;display:block;background:linear-gradient(135deg,#4a4038,#2b2723)}
.crow-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.crow:hover .crow-img img,.crow:focus-visible .crow-img img{transform:scale(1.05)}
.crow-box{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:18px 26px}
.crow h3{font:500 clamp(1.25rem,2.4vw,1.6rem)/1.15 var(--serif);text-transform:uppercase;letter-spacing:.1em}
.crow-more{align-self:flex-start;font-variant:small-caps;text-transform:lowercase;letter-spacing:.1em;font-size:1.15rem;color:var(--gold);padding-bottom:2px;border-bottom:1px solid rgba(217,194,160,.55);transition:color .25s,border-color .25s}
.crow:hover .crow-more,.crow:focus-visible .crow-more{color:var(--white);border-bottom-color:var(--white)}
@media(max-width:480px){.crow-box{padding:12px 16px}
.crow h3{letter-spacing:.06em}
.crow-more{font-size:1.05rem}}
/* nagyobb ajánlatkérő gomb a fejlécképen */
.hero-cta .btn.big{padding:15px 44px;font-size:1.55rem}
@media(max-width:560px){.hero-cta .btn.big{padding:13px 36px;font-size:1.45rem}}
/* esküvő: miért érdemes minket választani */
.why{padding:56px 0 0}
.why-title{text-align:center;font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:30px}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.why-item{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:22px;align-items:start;text-align:left;color:var(--copper);background:var(--white);border:1px solid rgba(0,0,0,.06);border-radius:22px;padding:26px 28px;box-shadow:0 10px 28px rgba(51,48,44,.08)}
.why-item svg{grid-row:1 / span 2;margin-top:2px}
.why-item h3{grid-column:2;font:600 1.3rem/1.25 var(--serif);color:var(--ink);margin:0 0 8px}
.why-item p{grid-column:2;color:var(--ink);font-size:1rem;line-height:1.5}
.why + .wedding{padding-top:36px}
@media(max-width:760px){.why{padding-top:44px}
.why-grid{grid-template-columns:1fr}
.why-item{padding:22px 20px;column-gap:16px}
.why-item svg{width:44px;height:44px}}
/* fotófeliratok: kisbetűs kiskapitális */
.dishes figcaption{font-variant:small-caps;text-transform:lowercase;letter-spacing:.06em;font-size:1.2rem;font-weight:600}
/* fejléc ajánlatkérő gomb: számítógépen még nagyobb */
@media(min-width:861px){.hero-cta .btn.big{padding:17px 54px;font-size:1.75rem}}
/* étterem: Ponyva Nagyi a fejlécben */
.banner.nagyi-banner{height:auto;min-height:var(--banner-h);padding:56px 20px 64px}
.nagyi-banner .banner-in{max-width:1000px;gap:26px}
.nagyi-quote{display:flow-root;text-align:left;width:100%;margin-top:14px}
.nagyi-img{float:left;margin:4px 40px 14px 0;border-radius:50%;overflow:hidden;background:#2b2723;border:5px solid var(--gold);box-shadow:0 8px 26px rgba(0,0,0,.45);shape-outside:circle(50%)}
.nagyi-img img{width:100%;height:100%;object-fit:cover}
.nagyi-quote blockquote{margin:0}
.banner .nagyi-label{max-width:none;font:600 1.5rem/1.2 var(--serif);font-variant:small-caps;text-transform:lowercase;letter-spacing:.12em;color:var(--gold);margin-bottom:12px}
.banner .nagyi-quote blockquote p{max-width:none;font:italic 400 1.18rem/1.6 var(--serif);margin-bottom:.8em}
.banner .nagyi-quote blockquote p:last-child{margin-bottom:0}
/* étterem: teljes szélességű kép + szöveg sávok */
.estrip{padding:0;display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.estrip.rev{background:var(--paper2)}
.estrip-img{position:relative;background:#2b2723}
.estrip-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.estrip.rev .estrip-img{order:2}
.estrip-text{display:flex;align-items:center}
.estrip-text h2{font:600 clamp(1.5rem,2.4vw,1.95rem)/1.2 var(--serif);margin:0 0 8px}
.estrip-text h2:not(:first-child){margin-top:1.4em}
.estrip-text p{margin-bottom:1em}
.estrip-text p:last-child{margin-bottom:0}
@media(max-width:800px){.banner.nagyi-banner{padding:40px 16px 48px}
.nagyi-img{float:none;margin:0 auto 20px;shape-outside:none}
.banner .nagyi-label{text-align:center;font-size:1.3rem}
.estrip{grid-template-columns:1fr}
.estrip.rev .estrip-img{order:0}}
/* étlap / brunch olvasó */
.reader{position:fixed;inset:0;z-index:130;background:rgba(20,16,12,.97);color:var(--paper)}
.reader [hidden]{display:none!important}
.reader-stage{position:absolute;inset:68px 100px 52px;display:grid;place-items:center;overflow:hidden}
.reader-stage canvas{background:#fff;border-radius:4px;box-shadow:0 10px 40px rgba(0,0,0,.5)}
.reader-stage iframe{width:100%;height:100%;border:0;border-radius:8px;background:#fff}
.reader-msg{font-size:1.2rem}
.reader-x{position:absolute;top:14px;right:18px;z-index:2;background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.8);border-radius:999px;padding:7px 20px;cursor:pointer;font:600 1.25rem var(--sans);font-variant:small-caps;text-transform:lowercase;letter-spacing:.08em;transition:background .2s,color .2s}
.reader-x:hover{background:var(--white);color:var(--ink)}
.reader-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:68px;height:68px;border-radius:50%;border:2px solid rgba(255,255,255,.85);background:rgba(20,16,12,.6);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s,border-color .2s}
.reader-nav svg{width:34px;height:34px}
.reader-nav:hover{background:var(--copper);border-color:var(--copper)}
.reader-nav.prev{left:16px}
.reader-nav.next{right:16px}
.reader-count{position:absolute;left:0;right:0;bottom:14px;text-align:center;color:var(--gold);letter-spacing:.12em;font-size:1.15rem}
@media(max-width:700px){.reader-stage{inset:62px 8px 48px}
.reader-nav{width:52px;height:52px}
.reader-nav svg{width:28px;height:28px}
.reader-nav.prev{left:6px}
.reader-nav.next{right:6px}
.reader-x{top:10px;right:10px;padding:5px 16px}}
.reader-fallback{display:grid;gap:20px;justify-items:center;text-align:center;font-size:1.2rem;padding:0 16px}
/* étterem sávok: azonos magasság, középre igazított szövegdoboz, bő margó */
.estrip{min-height:clamp(520px,44vw,620px)}
.estrip-img{min-height:0}
.estrip-img img{object-position:center center}
.estrip-text{justify-content:center;padding:64px clamp(32px,7vw,120px)}
.estrip-in{width:100%;max-width:46ch;margin:0 auto}
@media(max-width:800px){.estrip{min-height:0}
.estrip-text{padding:36px 28px 44px}}
/* étterem: Ponyva Nagyi nagyobb, gombok egy sorban mobilon */
.nagyi-img{width:340px;height:340px}
@media(max-width:800px){.nagyi-img{width:240px;height:240px}
.estrip{align-items:start}
.estrip-img{height:180px;aspect-ratio:auto}}
@media(max-width:560px){.nagyi-banner .hero-cta{flex-wrap:nowrap;gap:10px}
.nagyi-banner .hero-cta .btn{flex:1 1 auto;min-width:0;padding:10px 12px;font-size:1.05rem;white-space:nowrap;text-align:center}}
/* kiszállítás: minden ajánlatsor egyforma méretű */
.crow{height:136px;min-height:0;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
@media(max-width:800px){.crow-more,.crow:hover .crow-more,.crow:focus-visible .crow-more{border-bottom:none}}
/* étterem (gép): Ponyva Nagyi képe mellett jobbra az egész szöveg */
@media(min-width:801px){.nagyi-banner .banner-in{max-width:1240px}
.nagyi-quote{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:56px;align-items:center}
.nagyi-img{float:none;grid-row:1 / span 2;align-self:center;margin:0;shape-outside:none;width:clamp(300px,36vw,520px);height:clamp(300px,36vw,520px)}
.nagyi-quote .nagyi-label{grid-column:2;align-self:end}
.nagyi-quote blockquote{grid-column:2;align-self:start}}
/* kiszállítás: a dobozok közvetlenül a fejléc alatt */
.wedding.boxes{padding-top:40px}
/* asztalfoglalás: felugró űrlap */
.bk{position:fixed;inset:0;z-index:110;background:rgba(20,16,12,.82);display:flex;justify-content:center;overflow-y:auto;padding:24px 16px}
.bk[hidden]{display:none}
.bk-card{background:var(--paper);color:var(--ink);border-radius:22px;width:100%;max-width:560px;margin:auto;box-shadow:0 20px 60px rgba(0,0,0,.5);overflow:hidden}
.bk-top{background:var(--ink);padding:14px 18px}
.bk-back{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.85);border-radius:999px;padding:8px 22px;cursor:pointer;font:600 1.3rem var(--sans);font-variant:small-caps;text-transform:lowercase;letter-spacing:.08em;transition:background .2s,color .2s}
.bk-back:hover{background:var(--white);color:var(--ink)}
.bk-body{padding:28px 28px 32px}
.bk h2{font:600 clamp(1.6rem,4vw,2rem)/1.2 var(--serif);margin-bottom:18px}
.bk label{display:block;margin-bottom:14px;font-variant:small-caps;text-transform:lowercase;letter-spacing:.08em;font-size:1.15rem;color:var(--copper-text);font-weight:600}
.bk input,.bk select,.bk textarea{display:block;width:100%;margin-top:4px;padding:11px 14px;font:400 1.05rem var(--sans);letter-spacing:0;text-transform:none;font-variant:normal;color:var(--ink);background:var(--white);border:1px solid rgba(51,48,44,.35);border-radius:12px}
.bk input:focus,.bk select:focus,.bk textarea:focus{border-color:var(--copper)}
.bk textarea{resize:vertical}
.bk-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));column-gap:12px}
.bk-honey{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.bk-err{color:#9b2c1f;font-weight:600;margin:4px 0 14px}
.bk-err[hidden],.bk-form[hidden],.bk-done[hidden]{display:none}
.bk .btn{cursor:pointer;font-family:inherit}
.bk-submit{width:100%;text-align:center;margin-top:6px}
.bk-submit:disabled{opacity:.6;cursor:default}
.bk-done{text-align:center;padding:12px 0 4px}
.bk-thanks{font-size:1.35rem;line-height:1.5;margin-bottom:26px}
@media(max-width:560px){.bk{padding:12px 10px}
.bk-body{padding:22px 18px 26px}}
/* foglalás: ülőhely választó */
.bk-seat{border:0;padding:0;margin:0 0 16px}
.bk-seat legend{font-variant:small-caps;text-transform:lowercase;letter-spacing:.08em;font-size:1.15rem;color:var(--copper-text);font-weight:600;margin-bottom:6px}
.bk .bk-opt{position:relative;display:block;margin:0 0 8px;cursor:pointer}
.bk .bk-opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0;padding:0}
.bk .bk-opt span{display:block;padding:11px 14px;border:1px solid rgba(51,48,44,.35);border-radius:12px;background:var(--white);color:var(--ink);font:400 1.05rem var(--sans);letter-spacing:0;text-transform:none;font-variant:normal;transition:background .2s,color .2s,border-color .2s}
.bk .bk-opt:hover span{border-color:var(--copper)}
.bk .bk-opt input:checked + span{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.bk .bk-opt input:focus-visible + span{outline:3px solid var(--red);outline-offset:2px}
/* ajánlat-olvasó (gép): a képernyő 75%-a, szélességre igazított, görgethető oldal */
@media(min-width:801px){.reader-stage{inset:68px 12.5% 52px;overflow-y:auto;place-items:start center}
.reader-stage iframe{height:100%}}
/* keskeny telefon: a fejléc "Asztalfoglalás" gombja kiférjen a Menü mellett */
@media(max-width:420px){header .wrap>.btn{padding:7px 12px;font-size:1.05rem;letter-spacing:.04em;white-space:nowrap}
#menu-toggle{padding:5px 10px}}
/* esküvői ajánlatkérés: több dátum, körbevezetés jelölőnégyzet */
.bk-dates{display:grid;gap:8px;margin-bottom:8px}
.bk-daterow{display:flex;gap:8px;align-items:center}
.bk-daterow input{margin-top:0}
.bk-x{flex:none;width:44px;height:44px;border-radius:12px;border:1px solid rgba(51,48,44,.35);background:var(--white);color:var(--ink);font:400 1.5rem/1 var(--sans);cursor:pointer}
.bk-x:hover{border-color:var(--copper);color:var(--copper-text)}
.bk-add{background:none;border:0;padding:4px 0;color:var(--copper-text);font:600 1.1rem var(--sans);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.bk-add:hover{color:var(--ink)}
.bk .bk-tour{margin:0 0 14px}
/* rendezvény fejléckép (telefon/tábla): a jobb oldali poharak látszódjanak */
@media(max-width:900px){.banner-bg.focus-right{object-position:88% 42%}}
.bk-basket[hidden]{display:none}
.bk label[hidden]{display:none}
/* fejlécek (telefon/tábla): a kép alja beleolvad a következő részbe */
@media(max-width:900px){.banner.fade{height:auto;min-height:0;padding-bottom:64px}
.banner.fade::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(238,237,233,0) calc(100% - 64px),rgba(238,237,233,.6) calc(100% - 30px),var(--paper) 100%)}
.banner.fade + .offers{padding-top:0}
.banner.fade + section:not(.estrip):not(.offers){padding-top:16px}}
/* galéria: albumok, soronként 3 kártya (az utolsó sor középre igazítva) */
.wgrid.three{display:flex;flex-wrap:wrap;justify-content:center;gap:22px}
.wgrid.three>.wcard{flex:0 0 calc((100% - 44px)/3)}
.wgrid.three h3{font-size:clamp(1.05rem,2vw,1.6rem);letter-spacing:.1em}
@media(max-width:700px){.wgrid.three>.wcard{flex-basis:100%}
.wgrid.three h3{font-size:1.4rem}}
/* galéria: album-ablak és nagy kép */
.ga{position:fixed;inset:0;z-index:110;background:#14100c;color:var(--paper);overflow-y:auto}
.ga[hidden],.lb[hidden]{display:none}
.ga-top{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:var(--ink);padding:14px 18px}
.ga-title{font:500 clamp(1.3rem,3vw,1.8rem)/1.2 var(--serif);text-transform:uppercase;letter-spacing:.12em}
.ga-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;padding:18px;max-width:1200px;margin:0 auto}
.ga-grid button{aspect-ratio:1;padding:0;border:0;border-radius:10px;overflow:hidden;background:#2b2723;cursor:pointer}
.ga-grid img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,opacity .3s}
.ga-grid button:hover img,.ga-grid button:focus-visible img{transform:scale(1.06);opacity:.85}
.ga-empty{text-align:center;color:var(--gold);font-size:1.3rem;padding:64px 20px}
.ga-more{text-align:center;padding:8px 20px 40px}
.lb{position:fixed;inset:0;z-index:120;background:#14100c;color:var(--paper)}
.lb-stage{position:absolute;inset:68px 100px 52px;display:grid;place-items:center}
.lb-stage img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 10px 40px rgba(0,0,0,.5)}
@media(max-width:700px){.ga-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;padding:10px}
.lb-stage{inset:62px 8px 48px}}
.lb [hidden]{display:none!important}
/* galéria: eredeti képarányú előnézetek (pl. elrendezések) */
.ga-grid.ga-orig{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.ga-orig button{aspect-ratio:auto;background:transparent;border-radius:8px}
.ga-orig img{display:block;width:auto;height:170px;max-width:100%;object-fit:contain}
@media(max-width:700px){.ga-orig img{height:120px}}
.ga-orig canvas{display:block;height:170px;width:auto;max-width:100%;background:#fff;border-radius:8px}
.ga-pdfbtn{border-radius:8px}
.ga-pdfbtn:hover canvas,.ga-pdfbtn:focus-visible canvas{opacity:.85}
.ga-pdf{display:grid;place-items:center;min-width:150px;height:170px;padding:12px;background:#2b2723;border-radius:8px;color:var(--gold);text-align:center;font-size:1.05rem}
@media(max-width:700px){.ga-orig canvas{height:120px}
.ga-pdf{height:120px;min-width:110px}}
/* galéria: teljes kép látszik, bármilyen képernyőn; nagyobb, vágatlan előnézetek */
.lb-stage{display:flex;align-items:center;justify-content:center;overflow:hidden}
.lb-stage img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.lb-stage canvas{display:block;flex:none}
.lb-stage .reader-msg{color:var(--gold)}
.ga-orig img,.ga-orig canvas{height:clamp(200px,30vh,320px);width:auto}
.ga-pdf{height:clamp(200px,30vh,320px);min-width:180px}
@media(max-width:700px){.ga-orig img,.ga-orig canvas,.ga-pdf{height:170px}
.ga-pdf{min-width:120px}}
/* galéria: karcsú fejléc, csak a logóval (max. 150 px) */
.banner.slim{height:150px;min-height:0;padding:12px 20px}
.banner.slim .banner-in{gap:0}
.banner.slim .logo{width:auto;height:110px;max-width:70vw;object-fit:contain}
/* galéria: képcím a fájlnévből (előnézet alatt és a nagy képnél) */
.ga-orig button{display:flex;flex-direction:column;align-items:center;gap:8px;font:inherit;color:var(--paper)}
.ga-cap{display:block;width:0;min-width:100%;font:500 1.05rem/1.25 var(--serif);text-align:center;color:var(--paper)}
.lb-cap{position:absolute;left:100px;right:100px;bottom:44px;text-align:center;font:500 1.4rem/1.25 var(--serif);color:var(--paper);text-shadow:0 2px 10px rgba(0,0,0,.6)}
.lb-cap:empty{display:none}
.lb.has-cap .lb-stage{bottom:108px}
@media(max-width:700px){.lb-cap{left:12px;right:12px;bottom:38px;font-size:1.15rem}
.lb.has-cap .lb-stage{bottom:92px}}
/* galéria: az album felugró ablakban nyílik (mint az ajánlatkérés, de nagyobb) */
.ga{background:rgba(20,16,12,.82);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:28px 20px}
.ga-card{display:flex;flex-direction:column;width:100%;max-width:1240px;max-height:100%;background:#14100c;border-radius:22px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.ga-card .ga-top{position:static;flex:none}
.ga-body{flex:1 1 auto;min-height:0;overflow-y:auto}
@media(max-width:700px){.ga{padding:10px}
.ga-card{border-radius:16px}}
/* galéria: PDF gépen nagyobban, szélességre igazítva, függőlegesen görgethető */
@media(min-width:801px){.lb.is-pdf .lb-stage{overflow-y:auto;align-items:flex-start;left:92px;right:92px}}
/* galéria: feliratok kisbetűs kiskapitálisok, két mérettel kisebbek */
.ga-cap,.lb-cap{font-variant:small-caps;text-transform:lowercase;letter-spacing:.06em}
.ga-cap{font-size:.9rem}
.lb-cap{font-size:1.15rem;bottom:42px}
.lb.has-cap .lb-stage{bottom:96px}
@media(max-width:700px){.lb-cap{font-size:.95rem;bottom:38px}
.lb.has-cap .lb-stage{bottom:84px}}
/* galéria: a képcím az előnézetnél csak egérrel ráállva jelenik meg, egy dobozban */
.ga-orig button{position:relative}
.ga-cap{position:absolute;left:8px;right:8px;bottom:8px;width:auto;min-width:0;padding:7px 12px;border-radius:10px;
  background:rgba(20,16,12,.88);border:1px solid rgba(217,194,160,.55);color:var(--paper);text-align:center;
  opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}
.ga-orig button:hover .ga-cap,.ga-orig button:focus-visible .ga-cap{opacity:1;transform:none}
@media(hover:none){.ga-cap{display:none}}
/* lábléc: jogi linkek */
.copy{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 28px}
.legal{display:flex;flex-wrap:wrap;gap:8px 22px}
.legal a{text-decoration:none}
.legal a:hover{color:var(--gold)}
.foot-off{opacity:.55;cursor:default}
/* impresszum ablak */
.imp{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0}
.imp dt{font-variant:small-caps;text-transform:lowercase;letter-spacing:.08em;font-size:1.1rem;color:var(--copper-text);font-weight:600;margin-top:12px}
.imp dt:first-child{margin-top:0}
.imp dd{margin:0;font-size:1.1rem;overflow-wrap:anywhere;padding-bottom:10px;border-bottom:1px dotted rgba(51,48,44,.35)}
.imp dd a{text-decoration:none;border-bottom:1px solid rgba(51,48,44,.4)}
.imp dd a:hover{color:var(--copper-text)}
@media(min-width:561px){.imp{grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:20px}
.imp dt{margin-top:0;padding:10px 0;border-bottom:1px dotted rgba(51,48,44,.35)}
.imp dd{padding:10px 0}}
/* ajándékkártya ablak */
.gift{text-align:center}
.gift-img{display:block;width:100%;height:auto;border-radius:14px;margin:0 0 20px}
.bk .gift h2{font-size:clamp(1.35rem,3.4vw,1.7rem);margin-bottom:12px}
.gift p{font-size:1.1rem;line-height:1.5;margin:0 0 24px}
.gift-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
/* főmenü (gép): egy mérettel kisebb betű, a menü sosem kerül az Asztalfoglalás gomb alá */
@media(min-width:1400px){header .wrap{grid-template-columns:minmax(auto,1fr) auto minmax(auto,1fr)}
nav a{font-size:clamp(1.05rem,1.25vw,1.2rem)}
nav ul{gap:clamp(12px,1.2vw,20px)}}
/* piknik oldal */
.kosarak{padding:48px 0 24px}
.kgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.kcard{display:flex;flex-direction:column;background:var(--white);border:1px solid rgba(0,0,0,.06);border-radius:22px;padding:26px 26px 24px;box-shadow:0 10px 28px rgba(51,48,44,.08)}
.kcard h3{font:600 1.3rem/1.2 var(--serif);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}
.kprice{font:600 1.5rem/1.2 var(--serif);color:var(--copper-text);margin-bottom:12px}
.kcard p{font-size:1.02rem;line-height:1.5;margin-bottom:22px}
.kcard .btn{margin-top:auto;align-self:flex-start;cursor:pointer}
.kinfo-sec{padding:24px 0 72px}
.kinfo{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.kbox{background:var(--white);border:1px solid rgba(0,0,0,.06);border-radius:22px;padding:26px 28px;box-shadow:0 10px 28px rgba(51,48,44,.08)}
.kbox h3{font:600 .95rem var(--serif);letter-spacing:.18em;text-transform:uppercase;color:var(--copper-text);margin:0 0 14px}
.kbox p{margin:0 0 .8em;font-size:1.02rem;line-height:1.5}
.kbox p:last-child{margin-bottom:0}
.kbox a{text-decoration:none;border-bottom:1px solid rgba(51,48,44,.4)}
.kbox a:hover{color:var(--copper-text)}
.kopt{list-style:none;padding:0}
.kopt li{display:flex;justify-content:space-between;gap:16px;border-bottom:1px dotted rgba(51,48,44,.4);padding:8px 0;font-size:1.02rem}
.kopt li span:last-child{white-space:nowrap;font-weight:600}
@media(max-width:1000px){.kgrid{grid-template-columns:repeat(2,1fr)}
.kinfo{grid-template-columns:1fr}}
@media(max-width:640px){.kgrid{grid-template-columns:1fr}
.kosarak{padding-top:32px}
.kinfo-sec{padding-bottom:48px}
.kopt li{flex-wrap:wrap;gap:2px 16px}}
/* piknik oldal: alacsonyabb fejléc, gomb nélkül */
.banner.compact{height:auto;min-height:0;padding:30px 20px}
.banner.compact .banner-in{gap:12px}
.banner.compact .logo{width:min(240px,60vw)}
.banner.compact .logo + h1{width:auto;max-width:none;font-size:clamp(1.2rem,2.6vw,1.6rem)}
.banner.compact p{font-size:1.02rem}
.banner.compact + .kosarak{padding-top:36px}
/* piknik oldal: szebb kosár-dobozok, középre igazított gombok, fotósáv */
.kgrid{gap:26px}
.kcard{align-items:center;text-align:center;padding:30px 28px 28px;transition:transform .3s ease,box-shadow .3s ease}
.kcard:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(51,48,44,.16)}
.kcard::before{content:"";width:44px;height:3px;border-radius:3px;background:var(--copper);margin:0 0 18px}
.kcard h3{font-size:1.35rem;letter-spacing:.08em;margin-bottom:12px}
.kprice{margin-bottom:16px;padding:6px 20px;border-radius:999px;background:rgba(184,112,79,.12);border:1px solid rgba(184,112,79,.35);font-size:1.3rem}
.kcard p{margin-bottom:26px}
.kcard .btn{align-self:center;margin-top:auto}
.kcard.feat{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.kcard.feat::before{background:var(--gold)}
.kcard.feat .kprice{background:rgba(217,194,160,.14);border-color:rgba(217,194,160,.5);color:var(--gold)}
.kcard.feat .btn:hover{background:var(--white);color:var(--ink);border-color:var(--white)}
.kbox h3{text-align:center}
.kbox h3::after{content:"";display:block;width:44px;height:3px;border-radius:3px;background:var(--copper);margin:12px auto 0}
.pstrip{padding:20px 0 28px}
.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.pgrid figure{margin:0;border-radius:22px;overflow:hidden;aspect-ratio:4/3;background:#2b2723;box-shadow:0 14px 34px rgba(51,48,44,.18)}
.pgrid img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.pgrid figure:hover img{transform:scale(1.05)}
@media(max-width:640px){.pgrid figure{aspect-ratio:3/2}}
/* galéria: a legfelső, teljes szélességű album – a három alatta lévő kártya együttes szélessége, feleakkora magasan */
.wgrid.three>.wcard.wide{flex:0 0 100%;aspect-ratio:auto;height:0;padding-top:calc((100% - 44px)/8)}
.wgrid.three>.wcard.wide .wcard-in{padding:8px;gap:8px}
@media(max-width:700px){.wgrid.three>.wcard.wide{height:auto;padding-top:0;aspect-ratio:8/3}
.wgrid.three>.wcard.wide h3{font-size:1.15rem}}


/* főmenü (1001–1399 px): kisebb betű, a menü kifér, nincs szükség hamburgerre */
@media(min-width:1001px) and (max-width:1399px){
  header .wrap{grid-template-columns:minmax(0,1fr) auto;gap:12px;min-height:80px}
  header nav{grid-column:1;justify-self:center}
  header .wrap>.btn{grid-column:2;font-size:1.15rem;padding:9px 18px}
  nav a{font-size:clamp(.95rem,1.3vw,1.1rem)}
  nav ul{gap:clamp(8px,1vw,14px)}
}

/* űrlapok: adatvédelmi tájékoztató megjegyzés */
.bk-note{font-size:.98rem;line-height:1.4;margin:6px 0 12px;color:rgba(51,48,44,.85)}
.bk-note a{color:var(--copper-text)}

/* adatvédelmi tájékoztató ablak */
.bk-card.bk-wide{max-width:780px}
.pv{font-size:1.02rem;line-height:1.55}
.pv h1{font:600 clamp(1.6rem,4vw,2rem)/1.2 var(--serif);margin:0 0 4px}
.pv .pv-date{color:var(--copper-text);margin-bottom:18px}
.pv h2{font:600 1.3rem/1.25 var(--serif);margin:26px 0 8px}
.pv h3{font:600 1.08rem/1.3 var(--serif);color:var(--copper-text);margin:16px 0 6px}
.pv p{margin:0 0 .9em;font-size:1.02rem;line-height:1.55}
.pv ul{margin:0 0 1em 1.2em}
.pv li{margin-bottom:.35em}
.pv a{color:var(--copper-text)}

/* céges rendezvények oldal */
.csec{padding:56px 0 8px}
.csec .dishes-head{margin-bottom:28px}
.csec.cend{padding-bottom:72px}
.cfeat{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.cfeat-i{background:var(--white);border:1px solid rgba(0,0,0,.06);border-radius:22px;padding:22px 24px;box-shadow:0 10px 28px rgba(51,48,44,.08)}
.cfeat-i h3{font:600 1.2rem/1.25 var(--serif);margin:0 0 6px}
.cfeat-i p{font-size:1rem;line-height:1.45;margin:0}
.cprog{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.klist{list-style:none;padding:0;margin:0}
.klist li{position:relative;padding:8px 0 8px 22px;border-bottom:1px dotted rgba(51,48,44,.4);font-size:1.02rem;line-height:1.45}
.klist li:last-child{border-bottom:0}
.klist li::before{content:"";position:absolute;left:2px;top:1.05em;width:7px;height:7px;border-radius:50%;background:var(--copper)}
.kbox .kopt{margin-top:6px}
.kbox.kwide{grid-column:1/-1}
.csec .kinfo{align-items:start}
@media(max-width:640px){.csec{padding-top:40px}.csec.cend{padding-bottom:48px}}