/*!
* Nobilia Konyhastúdió — designrendszer
* Minden szabály a .nk-page hatókörén belül marad, így nem szól bele
* sem a téma, sem más bővítmény stílusába.
*/
/* ============ 1. DESIGNRENDSZER ============ */
/* ============================================================
NOBILIA KONYHASTÚDIÓ — design system
============================================================ */
:root{
--paper:#F6F4F1;
--surface:#FFFFFF;
--sand:#EDE7DF;
--sand-dk:#E3DCD1;
--ink:#16181A;
--ink-soft:#3A3C3E;
--muted:#6E6A63;
--line:#DED8CF;
--line-soft:#EAE5DD;
--red:#E3000F;
--brass:#A8804A;
--serif:'Fraunces',Georgia,serif;
--sans:'Inter Tight','Inter',-apple-system,BlinkMacSystemFont,sans-serif;
--pad:40px;
--maxw:1460px;
--ease:cubic-bezier(.22,.61,.36,1);
}
.nk-page.nk-page *, .nk-page.nk-page *::before, .nk-page.nk-page *::after{box-sizing:border-box}
.nk-page.nk-page{-webkit-text-size-adjust:100%}
.nk-page.nk-page{
margin:0;background:var(--paper);color:var(--ink);
font-family:var(--sans);font-size:16px;line-height:1.6;
font-weight:400;-webkit-font-smoothing:antialiased;
overflow-x:hidden;
}
.nk-page.nk-page img{max-width:100%;display:block}
.nk-page.nk-page a{color:inherit;text-decoration:none}
.nk-page.nk-page button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.nk-page.nk-page input, .nk-page.nk-page select{font:inherit;color:inherit}
.nk-page.nk-page .wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}
.nk-page.nk-page .grid12{display:grid;grid-template-columns:repeat(12,1fr);gap:28px}
/* ---------- típus ---------- */
.nk-page.nk-page h1, .nk-page.nk-page h2, .nk-page.nk-page h3, .nk-page.nk-page h4{font-family:var(--serif);font-weight:400;margin:0;
font-optical-sizing:auto;letter-spacing:-.02em;line-height:1.06}
.nk-page.nk-page h1{font-size:clamp(2.7rem,5.6vw,5.1rem)}
.nk-page.nk-page h2{font-size:clamp(2rem,3.4vw,3.15rem);line-height:1.08}
.nk-page.nk-page h3{font-size:clamp(1.25rem,1.7vw,1.6rem);line-height:1.18;letter-spacing:-.015em}
.nk-page.nk-page p{margin:0 0 1.1em}
.nk-page.nk-page .lead{font-size:clamp(1.02rem,1.25vw,1.2rem);color:var(--ink-soft);max-width:60ch;line-height:1.62}
.nk-page.nk-page .muted{color:var(--muted)}
.nk-page.nk-page .measure{max-width:64ch}
.nk-page.nk-page .eyebrow{
font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;
color:var(--muted);display:flex;align-items:center;gap:14px;margin:0 0 22px
}
.nk-page.nk-page .eyebrow .num{color:var(--red);font-variant-numeric:tabular-nums}
.nk-page.nk-page .eyebrow::after{content:"";flex:1;height:1px;background:var(--line);max-width:120px}
.nk-page.nk-page .eyebrow.solo::after{display:none}
.nk-page.nk-page .tag{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:500}
/* ---------- gombok ---------- */
.nk-page.nk-page .btn{
display:inline-flex;align-items:center;justify-content:center;gap:10px;
padding:15px 28px;border-radius:2px;font-size:13px;font-weight:500;
letter-spacing:.09em;text-transform:uppercase;
transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease);
border:1px solid transparent;white-space:nowrap
}
.nk-page.nk-page .btn-primary{background:var(--red);color:#fff}
.nk-page.nk-page .btn-primary:hover{background:#B80009}
.nk-page.nk-page .btn-ink{background:var(--ink);color:#fff}
.nk-page.nk-page .btn-ink:hover{background:#000}
.nk-page.nk-page .btn-ghost{border-color:var(--ink);color:var(--ink)}
.nk-page.nk-page .btn-ghost:hover{background:var(--ink);color:#fff}
.nk-page.nk-page .btn-light{border-color:rgba(255,255,255,.55);color:#fff}
.nk-page.nk-page .btn-light:hover{background:#fff;color:var(--ink)}
.nk-page.nk-page .btn-sm{padding:11px 18px;font-size:11.5px}
.nk-page.nk-page .btn-block{width:100%}
.nk-page.nk-page .tlink{
display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:500;
letter-spacing:.14em;text-transform:uppercase;padding-bottom:5px;
border-bottom:1px solid var(--line);transition:border-color .3s var(--ease),gap .3s var(--ease)
}
.nk-page.nk-page .tlink:hover{border-color:var(--red);gap:15px}
.nk-page.nk-page .tlink .ar{color:var(--red);transition:transform .3s var(--ease)}
/* ---------- fejléc ---------- */
.nk-page.nk-page .topbar{background:var(--ink);color:#CFCAC2;font-size:12px;letter-spacing:.03em}
.nk-page.nk-page .topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:40px;gap:24px}
.nk-page.nk-page .topbar .tb-l{display:flex;gap:26px;align-items:center;min-width:0}
.nk-page.nk-page .topbar .tb-l span{display:flex;align-items:center;gap:8px;white-space:nowrap}
.nk-page.nk-page .topbar .tb-r{display:flex;gap:22px;align-items:center}
.nk-page.nk-page .topbar a:hover{color:#fff}
.nk-page.nk-page .topbar .dot{width:5px;height:5px;border-radius:50%;background:#4CAF50;flex:none}
.nk-page.nk-page header.site{position:sticky;top:0;z-index:60;background:rgba(246,244,241,.96);
border-bottom:1px solid var(--line)}
.nk-page.nk-page header.site .wrap{display:flex;align-items:center;justify-content:space-between;height:78px;gap:30px}
.nk-page.nk-page .brand{display:flex;align-items:baseline;gap:11px;flex:none}
.nk-page.nk-page .brand .wm{font-family:var(--serif);font-size:30px;font-weight:600;color:var(--red);letter-spacing:-.045em;line-height:1}
.nk-page.nk-page .brand .sub{font-size:9.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);font-weight:500}
.nk-page.nk-page nav.main{display:flex;gap:30px;align-items:center;margin-left:auto}
.nk-page.nk-page nav.main > a{font-size:13px;font-weight:500;letter-spacing:.055em;padding:8px 0;
position:relative;white-space:nowrap;color:var(--ink-soft);transition:color .2s}
.nk-page.nk-page nav.main > a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;
background:var(--red);transition:right .32s var(--ease)}
.nk-page.nk-page nav.main > a:hover{color:var(--ink)}
.nk-page.nk-page nav.main > a:hover::after, .nk-page.nk-page nav.main > a.on::after{right:0}
.nk-page.nk-page .hdr-act{display:flex;align-items:center;gap:16px;flex:none}
.nk-page.nk-page .icobtn{position:relative;display:flex;align-items:center;justify-content:center;
width:40px;height:40px;border:1px solid var(--line);border-radius:2px;transition:border-color .2s,background .2s}
.nk-page.nk-page .icobtn:hover{border-color:var(--ink)}
.nk-page.nk-page .icobtn .cnt[hidden]{display:none}
.nk-page.nk-page .icobtn .cnt{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;
background:var(--red);color:#fff;border-radius:9px;font-size:10px;font-weight:600;
display:flex;align-items:center;justify-content:center;font-family:var(--sans)}
.nk-page.nk-page .burger{display:none}
/* ---------- hero ---------- */
.nk-page.nk-page .hero{position:relative;background:var(--paper)}
.nk-page.nk-page .hero-media{position:relative;width:100%;height:clamp(520px,74vh,780px);overflow:hidden}
.nk-page.nk-page .hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 42%}
.nk-page.nk-page .hero-panel{
position:relative;background:var(--surface);border-top:3px solid var(--red);
margin-top:-190px;margin-left:0;padding:52px 56px 46px;max-width:660px;z-index:2
}
.nk-page.nk-page .hero-panel h1{margin-bottom:22px}
.nk-page.nk-page .hero-panel .lead{margin-bottom:32px;max-width:48ch}
.nk-page.nk-page .hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.nk-page.nk-page .hero-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:64px}
.nk-page.nk-page .hero-strip .wrap{display:flex;align-items:stretch;gap:0;flex-wrap:wrap}
.nk-page.nk-page .hero-strip .it{flex:1;min-width:200px;padding:20px 26px 20px 0;display:flex;flex-direction:column;gap:3px}
.nk-page.nk-page .hero-strip .it + .it{border-left:1px solid var(--line);padding-left:26px}
.nk-page.nk-page .hero-strip .k{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.nk-page.nk-page .hero-strip .v{font-size:15px;font-weight:500}
/* ---------- szolgáltatás sáv ---------- */
.nk-page.nk-page .svc{border-bottom:1px solid var(--line)}
.nk-page.nk-page .svc-grid{display:grid;grid-template-columns:repeat(6,1fr)}
.nk-page.nk-page .svc-it{padding:38px 24px 38px 0;display:flex;flex-direction:column;gap:12px}
.nk-page.nk-page .svc-it + .svc-it{border-left:1px solid var(--line);padding-left:24px}
.nk-page.nk-page .svc-it svg{width:22px;height:22px;stroke:var(--ink);stroke-width:1.25;fill:none}
.nk-page.nk-page .svc-it .t{font-size:14px;font-weight:500;line-height:1.35}
.nk-page.nk-page .svc-it .d{font-size:12.5px;color:var(--muted);line-height:1.5}
/* ---------- szekciók ---------- */
.nk-page.nk-page section{padding:112px 0}
.nk-page.nk-page section.tight{padding:76px 0}
.nk-page.nk-page .sand{background:var(--sand)}
.nk-page.nk-page .white{background:var(--surface)}
.nk-page.nk-page .sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:56px;flex-wrap:wrap}
.nk-page.nk-page .sec-head .l{max-width:660px}
.nk-page.nk-page .sec-head h2{margin-bottom:18px}
/* ---------- kép keret ---------- */
.nk-page.nk-page .frame{position:relative;overflow:hidden;background:var(--sand-dk)}
.nk-page.nk-page .frame img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.nk-page.nk-page a.card:hover .frame img, .nk-page.nk-page .card:hover .frame img{transform:scale(1.04)}
/* ---------- stílus rács ---------- */
.nk-page.nk-page .styles{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}
.nk-page.nk-page .st{position:relative;display:block}
.nk-page.nk-page .st .frame{height:clamp(260px,24vw,400px)}
.nk-page.nk-page .st .cap{padding:16px 0 0;display:flex;justify-content:space-between;align-items:baseline;gap:12px;
border-top:1px solid var(--line);margin-top:14px}
.nk-page.nk-page .st .nm{font-family:var(--serif);font-size:20px;letter-spacing:-.015em}
.nk-page.nk-page .st .ct{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.nk-page.nk-page .st:hover .nm{color:var(--red)}
/* ---------- kiemelt blokk ---------- */
.nk-page.nk-page .feat{display:grid;grid-template-columns:repeat(12,1fr);gap:28px;align-items:center}
.nk-page.nk-page .feat .txt{grid-column:span 5}
.nk-page.nk-page .feat .img{grid-column:7/13}
.nk-page.nk-page .feat.rev .txt{grid-column:8/13;order:2}
.nk-page.nk-page .feat.rev .img{grid-column:1/7;order:1}
.nk-page.nk-page .feat .frame{aspect-ratio:4/3}
.nk-page.nk-page .feat h2{margin-bottom:20px}
/* ---------- folyamat ---------- */
.nk-page.nk-page .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
.nk-page.nk-page .step{padding:34px 28px 34px 0;position:relative}
.nk-page.nk-page .step + .step{border-left:1px solid var(--line);padding-left:28px}
.nk-page.nk-page .step .n{font-family:var(--serif);font-size:42px;color:var(--sand-dk);line-height:1;margin-bottom:18px;display:block}
.nk-page.nk-page .sand .step .n{color:#D3C9B9}
.nk-page.nk-page .step h3{font-size:19px;margin-bottom:10px}
.nk-page.nk-page .step p{font-size:14px;color:var(--muted);margin:0;line-height:1.55}
.nk-page.nk-page .step .meta{margin-top:14px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
/* ---------- ár táblázat ---------- */
.nk-page.nk-page .ptab{width:100%;border-collapse:collapse;font-size:15px}
.nk-page.nk-page .ptab tr{border-bottom:1px solid var(--line)}
.nk-page.nk-page .ptab tr:first-child{border-top:1px solid var(--ink)}
.nk-page.nk-page .ptab td{padding:22px 16px 22px 0;vertical-align:top}
.nk-page.nk-page .ptab td.nm{font-family:var(--serif);font-size:20px;width:42%}
.nk-page.nk-page .ptab td.ds{color:var(--muted);font-size:13.5px;line-height:1.5}
.nk-page.nk-page .ptab td.pr{text-align:right;white-space:nowrap;font-size:20px;font-family:var(--serif);width:150px}
.nk-page.nk-page .ptab .free{color:var(--red)}
/* ---------- csapat ---------- */
.nk-page.nk-page .team{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.nk-page.nk-page .team .frame{aspect-ratio:3/4;filter:grayscale(1) contrast(1.03)}
.nk-page.nk-page .team .frame img{object-position:center 28%}
.nk-page.nk-page .team .nm{font-family:var(--serif);font-size:22px;margin-top:18px}
.nk-page.nk-page .team .ro{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:5px}
/* ---------- galéria csík ---------- */
.nk-page.nk-page .rail{display:flex;gap:18px;overflow-x:auto;padding-bottom:16px;scroll-snap-type:x mandatory}
.nk-page.nk-page .rail::-webkit-scrollbar{height:3px}
.nk-page.nk-page .rail::-webkit-scrollbar-thumb{background:var(--line)}
.nk-page.nk-page .rail .it{flex:0 0 clamp(260px,26vw,380px);scroll-snap-align:start}
.nk-page.nk-page .rail .frame{aspect-ratio:3/4}
.nk-page.nk-page .rail .cp{margin-top:12px;font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
/* ---------- kapcsolat / showroom ---------- */
.nk-page.nk-page .show{display:grid;grid-template-columns:repeat(12,1fr);gap:28px;align-items:stretch}
.nk-page.nk-page .show .info{grid-column:span 5}
.nk-page.nk-page .show .map{grid-column:7/13;min-height:420px;background:var(--sand-dk);position:relative;overflow:hidden}
.nk-page.nk-page .show .map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(.55)}
.nk-page.nk-page .dl{border-top:1px solid var(--line)}
.nk-page.nk-page .dl .row{display:flex;gap:20px;padding:15px 0;border-bottom:1px solid var(--line-soft);font-size:14.5px}
.nk-page.nk-page .dl .row .k{flex:0 0 150px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding-top:3px}
.nk-page.nk-page .dl .row .v{flex:1}
/* ---------- blog ---------- */
.nk-page.nk-page .posts{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.nk-page.nk-page .post .frame{aspect-ratio:3/2}
.nk-page.nk-page .post .dt{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:16px 0 8px}
.nk-page.nk-page .post h3{font-size:20px}
.nk-page.nk-page .post:hover h3{color:var(--red)}
/* ---------- záró CTA ---------- */
.nk-page.nk-page .endcta{background:var(--ink);color:#fff;padding:104px 0}
.nk-page.nk-page .endcta h2{color:#fff;max-width:18ch;margin-bottom:22px}
.nk-page.nk-page .endcta .lead{color:#B9B4AC}
.nk-page.nk-page .endcta .inner{display:grid;grid-template-columns:repeat(12,1fr);gap:28px;align-items:end}
.nk-page.nk-page .endcta .l{grid-column:span 7}
.nk-page.nk-page .endcta .r{grid-column:9/13;display:flex;flex-direction:column;gap:12px}
/* ---------- lábléc ---------- */
.nk-page.nk-page footer.site{background:var(--ink);color:#9B968E;padding:0 0 34px;font-size:14px;border-top:1px solid #2A2C2E}
.nk-page.nk-page footer.site .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding:72px 0 56px}
.nk-page.nk-page footer.site h4{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#fff;
font-family:var(--sans);font-weight:500;margin-bottom:20px}
.nk-page.nk-page footer.site ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.nk-page.nk-page footer.site a:hover{color:#fff}
.nk-page.nk-page footer.site .wm{font-family:var(--serif);font-size:30px;font-weight:600;color:var(--red);letter-spacing:-.045em}
.nk-page.nk-page footer.site .fbot{border-top:1px solid #2A2C2E;padding-top:26px;display:flex;
justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:12.5px}
.nk-page.nk-page footer.site .fbot .lnks{display:flex;gap:22px;flex-wrap:wrap}
/* ============================================================
WEBÁRUHÁZ
============================================================ */
.nk-page.nk-page .crumbs{font-size:12px;color:var(--muted);padding:22px 0;letter-spacing:.04em}
.nk-page.nk-page .crumbs a:hover{color:var(--ink)}
.nk-page.nk-page .crumbs span{margin:0 9px;color:var(--line)}
.nk-page.nk-page .shop-head{border-bottom:1px solid var(--line);padding-bottom:40px;margin-bottom:0}
.nk-page.nk-page .shop-head h1{font-size:clamp(2.4rem,4.4vw,3.9rem);margin-bottom:18px}
.nk-page.nk-page .shop-lay{display:grid;grid-template-columns:250px 1fr;gap:52px;padding:44px 0 100px;align-items:start}
.nk-page.nk-page .filters{position:sticky;top:110px}
.nk-page.nk-page .fgroup{border-bottom:1px solid var(--line);padding:22px 0}
.nk-page.nk-page .fgroup:first-child{padding-top:0}
.nk-page.nk-page .fgroup h4{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-family:var(--sans);
font-weight:500;margin:0 0 14px;color:var(--ink)}
.nk-page.nk-page .fopt{display:flex;align-items:center;gap:11px;padding:6px 0;font-size:14px;color:var(--ink-soft);cursor:pointer}
.nk-page.nk-page .fopt input{appearance:none;width:15px;height:15px;border:1px solid var(--line);border-radius:1px;
flex:none;position:relative;cursor:pointer;transition:border-color .2s,background .2s}
.nk-page.nk-page .fopt input:checked{background:var(--ink);border-color:var(--ink)}
.nk-page.nk-page .fopt input:checked::after{content:"";position:absolute;left:4.4px;top:1.4px;width:4px;height:8px;
border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(43deg)}
.nk-page.nk-page .fopt .c{margin-left:auto;font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.nk-page.nk-page .fopt:hover{color:var(--ink)}
.nk-page.nk-page .frange{display:flex;align-items:center;gap:10px;margin-top:4px}
.nk-page.nk-page .frange input{width:100%;border:1px solid var(--line);border-radius:2px;padding:9px 10px;
font-size:13px;background:var(--surface)}
.nk-page.nk-page .fclear{margin-top:22px;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:4px}
.nk-page.nk-page .fclear:hover{color:var(--red);border-color:var(--red)}
.nk-page.nk-page .shop-bar{display:flex;justify-content:space-between;align-items:center;gap:24px;
padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:34px;flex-wrap:wrap}
.nk-page.nk-page .shop-bar .cnt{font-size:13px;color:var(--muted)}
.nk-page.nk-page .shop-bar .cnt b{color:var(--ink);font-weight:500}
.nk-page.nk-page .sortsel{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.nk-page.nk-page .sortsel select{border:1px solid var(--line);background:var(--surface);padding:9px 30px 9px 12px;
border-radius:2px;font-size:13px;letter-spacing:0;text-transform:none;color:var(--ink);
appearance:none;cursor:pointer;
background-image:url("data:image/svg+xml;utf8,-n van, pontosan úgy, mint
a mintában, így a p{margin:0 0 1.1em} és a felülíró margók
ugyanúgy viselkednek. Itt ezért nincs margó-felülírás. */
.nk-page .nk-note{ font-size:13px; margin-top:26px; max-width:70ch }
/* --- címsorok ---------------------------------------------
Szándékosan :where(), hogy NULLA legyen a súlya: így a
designrendszer oldalspecifikus méretei (.pagehead h1,
.ctabox h2, .stepblock h2 …) érvényesülnek, és csak az
Elementor saját alapértelmezését írjuk felül. */
.nk-page :where(.elementor-heading-title){
font-family:var(--serif); font-weight:400; padding:0;
}
/* A szint kulon, nagyobb sullyal kell visszavenni: az Elementor globalis
szinbeallitasa (.elementor-widget-heading .elementor-heading-title) erosebb,
mint egy :where(). Az oldalspecifikus szinek (pl. .endcta h2) viszont
tovabbra is nyernek, mert azok sulya meg nagyobb. */
.nk-page .elementor-widget-heading .elementor-heading-title{ color:inherit }
.nk-page .elementor-widget-text-editor a,
.nk-page .elementor-widget-button .elementor-button{ color:inherit }
/* A mintában a gombok inline-flex elemek, vagyis sorszintűek: a margóik
nem olvadnak össze a szomszédokéval. Az Elementor gomb widget blokk, ezért
sorszintűvé tesszük — így a térközök ugyanúgy adódnak össze. */
.nk-page .elementor-widget-button{ display:inline-block }
/* a gomb burkolója ne adjon saját sormagasságot: a mintában a gomb közvetlenül
a szülő szövegsorában ül, itt egy extra van közte */
.nk-page .elementor-button-wrapper{ line-height:0 }
/* --- natív gomb widget = a minta .btn eleme ---------------- */
.nk-page .nk-btn .elementor-button{
display:inline-flex; align-items:center; justify-content:center; gap:10px;
padding:15px 28px; border-radius:2px; font-family:var(--sans);
font-size:13px; font-weight:500; letter-spacing:.09em; text-transform:uppercase;
border:1px solid transparent; white-space:nowrap; background:none; color:inherit;
line-height:1.6;
transition:background .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease);
}
.nk-page .nk-btn .elementor-button-content-wrapper{ display:contents }
.nk-page .nk-btn .elementor-button-text,
.nk-page .nk-tlink .elementor-button-text{ flex-grow:0; order:0 }
.nk-page .nk-btn-primary .elementor-button{ background:var(--red); color:#fff }
.nk-page .nk-btn-primary .elementor-button:hover{ background:#B80009; color:#fff }
.nk-page .nk-btn-ink .elementor-button{ background:var(--ink); color:#fff }
.nk-page .nk-btn-ink .elementor-button:hover{ background:#000; color:#fff }
.nk-page .nk-btn-ghost .elementor-button{ border-color:var(--ink); color:var(--ink) }
.nk-page .nk-btn-ghost .elementor-button:hover{ background:var(--ink); color:#fff }
.nk-page .nk-btn-light .elementor-button{ border-color:rgba(255,255,255,.55); color:#fff }
.nk-page .nk-btn-light .elementor-button:hover{ background:#fff; color:var(--ink) }
.nk-page .nk-btn-block, .nk-page .nk-btn-block .elementor-button{
width:100%; white-space:normal; text-align:center; line-height:1.35;
}
/* --- natív gomb widget = a minta .tlink eleme -------------- */
.nk-page .nk-tlink .elementor-button{
display:inline-flex; align-items:center; gap:9px; background:none; border:0;
border-bottom:1px solid var(--line); border-radius:0; padding:0 0 5px;
font-family:var(--sans); font-size:12px; font-weight:500; letter-spacing:.14em;
text-transform:uppercase; color:var(--ink); line-height:1.6;
transition:border-color .3s var(--ease), gap .3s var(--ease);
}
.nk-page .nk-tlink .elementor-button-content-wrapper{ display:contents }
.nk-page .nk-tlink .elementor-button::after{ content:"→"; color:var(--red); order:1 }
.nk-page .nk-tlink .elementor-button:hover{ border-color:var(--red); gap:15px }
/* --- rugalmas dobozok: az Elementor konténer alapból width:100%,
a mintában ezek tartalom szerint szélesek --------------- */
.nk-page .sec-head .l{ width:auto }
/* a mintában ezek blokkdobozok: a szomszédos margók ott összeolvadnak,
flexben viszont összeadódnának — ezért maradnak blokkok */
.nk-page .feat .txt{ display:block }
/* a mintában blokk-dobozként viselkedő konténerek (margó-összeolvadás miatt) */
.nk-page :where(.nk-block), .nk-page:where(.nk-block){ display:block; align-content:normal }
/* az align-content:normal fontos: bármi más önálló formázási környezetet csinál
a blokkból, és akkor a szomszédos margók nem olvadnának össze úgy, mint a mintában */ /* nulla súly: a designrendszer
saját display szabályai (pl. .frmok{display:none}) érvényben maradnak */
/* --- rács segédosztályok (a mintában inline style volt) ---- */
.nk-page .sp4{ grid-column:span 4 }
.nk-page .sp5{ grid-column:span 5 }
.nk-page .c6-13{ grid-column:6/13 }
.nk-page .c7-12{ grid-column:7/12 }
.nk-page .nk-mb56{ margin-bottom:56px }
.nk-page .nk-mb20{ margin-bottom:20px }
@media (max-width:820px){
.nk-page .sp4, .nk-page .sp5, .nk-page .c6-13, .nk-page .c7-12{ grid-column:1/-1 }
}
/* --- egyedi térközök, amelyek a mintában inline style-ok --- */
.nk-page .sp4 .nk-btn{ margin-top:26px }
.nk-page .show .info .nk-btn{ margin-top:30px }
.nk-page .feat.rev .txt .nk-tlink{ margin-top:14px }
/* --- térkép widget a minta keretében ---------------------- */
.nk-page .show .map .elementor-widget-google_maps,
.nk-page .show .map .elementor-widget-google_maps .elementor-widget-container,
.nk-page .show .map .elementor-custom-embed{ position:absolute; inset:0; height:100%; padding:0 }
.nk-page .show .map iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; filter:grayscale(.55) }
/* --- megjelenési animáció csak akkor, ha fut a JS ---------- */
.nk-page .rv{ opacity:1; transform:none }
.nk-js .nk-page .rv{ opacity:0; transform:translateY(14px) }
.nk-js .nk-page .rv.in{ opacity:1; transform:none }
@media (prefers-reduced-motion:reduce){
.nk-js .nk-page .rv{ opacity:1; transform:none }
}
/* --- szerkesztőben ne tűnjön el semmi --------------------- */
.elementor-editor-active .nk-page .rv,
.elementor-editor-preview .nk-page .rv{ opacity:1; transform:none }
/* --- harmonika (termékoldal): JS nélkül is nyitható marad --- */
.nk-page .acc .item.open .bd{ max-height:1200px }
/* ============ 3. A MINTÁBÓL ÁTVETT INLINE STÍLUSOK ============ */
/* --- index.html --- */
.nk-page .nk-fox1.nk-fox1.nk-fox1{margin-top:14px}
.nk-page .nk-fox2.nk-fox2.nk-fox2{grid-column:span 4}
.nk-page .nk-fox3.nk-fox3.nk-fox3 .elementor-heading-title{margin-bottom:20px}
.nk-page .nk-fox4.nk-fox4.nk-fox4{margin-top:26px}
.nk-page .nk-fox5.nk-fox5.nk-fox5{grid-column:6/13}
.nk-page .nk-fox6.nk-fox6.nk-fox6{margin-bottom:56px}
.nk-page .nk-fox7.nk-fox7.nk-fox7{grid-column:span 5}
.nk-page .nk-fox8.nk-fox8.nk-fox8{grid-column:7/12}
.nk-page .nk-fox9.nk-fox9.nk-fox9{margin-top:30px}
/* --- kezdj-itt.html --- */
.nk-page .nk-kezx1.nk-kezx1.nk-kezx1{padding-top:44px}
.nk-page .nk-kezx2.nk-kezx2.nk-kezx2{padding-top:96px}
.nk-page .nk-kezx3.nk-kezx3.nk-kezx3{margin-bottom:84px}
.nk-page .nk-kezx4.nk-kezx4.nk-kezx4 .elementor-heading-title{font-size:1.6rem;margin-bottom:16px}
.nk-page .nk-kezx5.nk-kezx5.nk-kezx5{margin-top:18px}
.nk-page .nk-kezx6.nk-kezx6.nk-kezx6 .elementor-heading-title{font-size:2rem}
/* --- online-tervezes.html --- */
.nk-page .nk-onlx1.nk-onlx1.nk-onlx1{padding-top:84px}
/* --- katalogusok.html --- */
.nk-page .nk-katx1.nk-katx1.nk-katx1{padding-top:80px}
.nk-page .nk-katx2.nk-katx2.nk-katx2{gap:34px 30px}
.nk-page .nk-katx3.nk-katx3.nk-katx3{grid-column:span 4}
.nk-page .nk-katx4.nk-katx4.nk-katx4 .elementor-heading-title{font-size:1.9rem;margin-bottom:16px}
.nk-page .nk-katx5.nk-katx5.nk-katx5{grid-column:6/13}
/* --- idopontfoglalas.html --- */
.nk-page .nk-idox1.nk-idox1.nk-idox1{padding-top:80px}
.nk-page .nk-idox2.nk-idox2.nk-idox2{margin-top:56px}
.nk-page .nk-idox3.nk-idox3.nk-idox3{grid-column:span 5}
.nk-page .nk-idox4.nk-idox4.nk-idox4 .elementor-heading-title{font-size:2rem;margin-bottom:18px}
.nk-page .nk-idox5.nk-idox5.nk-idox5{margin-top:26px}
.nk-page .nk-idox6.nk-idox6.nk-idox6{grid-column:7/13}
/* --- kapcsolat.html --- */
.nk-page .nk-kapx1.nk-kapx1.nk-kapx1{padding-top:76px}
.nk-page .nk-kapx2.nk-kapx2.nk-kapx2{margin-top:30px}
.nk-page .nk-kapx3.nk-kapx3.nk-kapx3{grid-column:span 4}
.nk-page .nk-kapx4.nk-kapx4.nk-kapx4 .elementor-heading-title{font-size:2rem;margin-bottom:18px}
.nk-page .nk-kapx5.nk-kapx5.nk-kapx5{grid-column:6/13}
.nk-page .nk-kapx6.nk-kapx6.nk-kapx6 .elementor-heading-title{font-size:2rem}
/* --- modellek.html --- */
.nk-page .nk-modx1.nk-modx1.nk-modx1{padding-top:72px}
.nk-page .nk-modx2.nk-modx2.nk-modx2{background:var(--surface)}
/* --- modern-konyhak.html --- */
.nk-page .nk-m1x1.nk-m1x1.nk-m1x1{padding-top:64px}
.nk-page .nk-m1x2.nk-m1x2.nk-m1x2{background:var(--surface)}
.nk-page .nk-m1x3.nk-m1x3.nk-m1x3{margin-bottom:34px}
.nk-page .nk-m1x4.nk-m1x4.nk-m1x4 .elementor-heading-title{font-size:1.9rem}
/* --- fogantyu-nelkuli-konyhak.html --- */
.nk-page .nk-m2x1.nk-m2x1.nk-m2x1{padding-top:64px}
.nk-page .nk-m2x2.nk-m2x2.nk-m2x2{background:var(--surface)}
.nk-page .nk-m2x3.nk-m2x3.nk-m2x3{margin-bottom:34px}
.nk-page .nk-m2x4.nk-m2x4.nk-m2x4 .elementor-heading-title{font-size:1.9rem}
/* --- klasszikus-konyhak.html --- */
.nk-page .nk-m3x1.nk-m3x1.nk-m3x1{padding-top:64px}
.nk-page .nk-m3x2.nk-m3x2.nk-m3x2{background:var(--surface)}
.nk-page .nk-m3x3.nk-m3x3.nk-m3x3{margin-bottom:34px}
.nk-page .nk-m3x4.nk-m3x4.nk-m3x4 .elementor-heading-title{font-size:1.9rem}
/* --- matt-konyhak.html --- */
.nk-page .nk-m4x1.nk-m4x1.nk-m4x1{padding-top:64px}
.nk-page .nk-m4x2.nk-m4x2.nk-m4x2{background:var(--surface)}
.nk-page .nk-m4x3.nk-m4x3.nk-m4x3{margin-bottom:34px}
.nk-page .nk-m4x4.nk-m4x4.nk-m4x4 .elementor-heading-title{font-size:1.9rem}
/* --- fenyes-konyhak.html --- */
.nk-page .nk-m5x1.nk-m5x1.nk-m5x1{padding-top:64px}
.nk-page .nk-m5x2.nk-m5x2.nk-m5x2{background:var(--surface)}
.nk-page .nk-m5x3.nk-m5x3.nk-m5x3{margin-bottom:34px}
.nk-page .nk-m5x4.nk-m5x4.nk-m5x4 .elementor-heading-title{font-size:1.9rem}
/* --- festett-frontu-konyhak.html --- */
.nk-page .nk-m6x1.nk-m6x1.nk-m6x1{padding-top:64px}
.nk-page .nk-m6x2.nk-m6x2.nk-m6x2{background:var(--surface)}
.nk-page .nk-m6x3.nk-m6x3.nk-m6x3{margin-bottom:34px}
.nk-page .nk-m6x4.nk-m6x4.nk-m6x4 .elementor-heading-title{font-size:1.9rem}
/* --- ujjlenyomatmentes-konyhak.html --- */
.nk-page .nk-m7x1.nk-m7x1.nk-m7x1{padding-top:64px}
.nk-page .nk-m7x2.nk-m7x2.nk-m7x2{background:var(--surface)}
.nk-page .nk-m7x3.nk-m7x3.nk-m7x3{margin-bottom:34px}
.nk-page .nk-m7x4.nk-m7x4.nk-m7x4 .elementor-heading-title{font-size:1.9rem}
/* --- beton-mintazatu-konyhak.html --- */
.nk-page .nk-m8x1.nk-m8x1.nk-m8x1{padding-top:64px}
.nk-page .nk-m8x2.nk-m8x2.nk-m8x2{background:var(--surface)}
.nk-page .nk-m8x3.nk-m8x3.nk-m8x3{margin-bottom:34px}
.nk-page .nk-m8x4.nk-m8x4.nk-m8x4 .elementor-heading-title{font-size:1.9rem}
/* --- ko-mintazatu-konyhak.html --- */
.nk-page .nk-m9x1.nk-m9x1.nk-m9x1{padding-top:64px}
.nk-page .nk-m9x2.nk-m9x2.nk-m9x2{background:var(--surface)}
.nk-page .nk-m9x3.nk-m9x3.nk-m9x3{margin-bottom:34px}
.nk-page .nk-m9x4.nk-m9x4.nk-m9x4 .elementor-heading-title{font-size:1.9rem}
/* --- fa-mintazatu-konyhak.html --- */
.nk-page .nk-m10x1.nk-m10x1.nk-m10x1{padding-top:64px}
.nk-page .nk-m10x2.nk-m10x2.nk-m10x2{background:var(--surface)}
.nk-page .nk-m10x3.nk-m10x3.nk-m10x3{margin-bottom:34px}
.nk-page .nk-m10x4.nk-m10x4.nk-m10x4 .elementor-heading-title{font-size:1.9rem}
/* --- product.html --- */
.nk-page .nk-prdx1.nk-prdx1.nk-prdx1{margin-bottom:38px}
.nk-page .nk-prdx2.nk-prdx2.nk-prdx2 .elementor-heading-title{font-size:2rem}
/* ---- Ügyfélkérés 2026-10-12: az árak táblázat szövegei középre ---- */
.nk-page.nk-page .ptab td{text-align:center;vertical-align:middle;padding:22px 16px}
.nk-page.nk-page .ptab td.pr{text-align:center}