/* Falkó Bútor — prémium, konverzióközpontú designrendszer */
:root {
  --graphite: #0b0e0d;
  --graphite-2: #111513;
  --surface: #171c19;
  --surface-2: #202722;
  --green: #0f3b2b;
  --green-deep: #09291e;
  --green-soft: #35644f;
  --yellow: #f2d20d;
  --yellow-light: #ffe33e;
  --white: #f6f4ed;
  --paper: #eeeae0;
  --ink: #161a17;
  --muted: #aeb5af;
  --line: rgba(255,255,255,.13);
  --max: 1320px;
  --radius: 4px;
  --ease: cubic-bezier(.2,.7,.2,1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0; color: var(--white); background: var(--graphite);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px; line-height: 1.65; -webkit-font-smoothing: antialiased;
}
body.menu-open { overflow: hidden; }
img { display: block; width: 100%; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
:focus-visible { outline: 3px solid var(--yellow); outline-offset: 4px; }
.skip-link { position: fixed; top: 10px; left: 10px; z-index: 200; padding: .7rem 1rem; color: #111; background: var(--yellow); transform: translateY(-160%); transition: transform .2s; }
.skip-link:focus { transform: none; }
.container { width: min(calc(100% - 56px), var(--max)); margin-inline: auto; }
.narrow { width: min(calc(100% - 48px), 850px); margin-inline: auto; }
.section { padding: clamp(90px, 10vw, 150px) 0; }
.section--green { background: var(--green); }
.section--light { color: var(--ink); background: var(--paper); }
.eyebrow { display: inline-flex; align-items: center; gap: .7rem; margin: 0 0 1.2rem; color: var(--yellow); font-size: .72rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow::before { content: ""; width: 34px; height: 2px; flex: none; background: currentColor; }
h1,h2,h3 { margin: 0; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: 700; line-height: 1.08; letter-spacing: -.025em; text-wrap: balance; }
h1 { font-size: clamp(3rem, 6.3vw, 6.6rem); }
h2 { font-size: clamp(2.35rem, 4.5vw, 4.8rem); }
h3 { font-size: clamp(1.25rem, 2vw, 1.75rem); }
p { margin: 0 0 1rem; }
.lead { color: #e1e4df; font-size: clamp(1.2rem, 2vw, 1.65rem); line-height: 1.5; }
.muted { color: var(--muted); }
.accent { color: var(--yellow); }

/* Header */
.site-header { position: absolute; inset: 0 0 auto; z-index: 70; border-bottom: 1px solid rgba(255,255,255,.15); transition: background .3s, box-shadow .3s; }
.site-header.is-scrolled { position: fixed; background: rgba(9,12,11,.95); box-shadow: 0 12px 35px rgba(0,0,0,.3); backdrop-filter: blur(16px); }
.nav { display: flex; min-height: 92px; align-items: center; gap: 18px; }
.logo { position: relative; z-index: 75; width: 105px; flex: none; }
.logo img { height: 70px; object-fit: contain; }
.nav-links { display: flex; align-items: center; gap: 15px; margin-left: auto; }
.nav-links a { position: relative; padding: 12px 0; color: #e6e9e4; font-size: .78rem; font-weight: 650; white-space: nowrap; }
.nav-links a::after { content:""; position:absolute; left:0; right:0; bottom:5px; height:2px; background:var(--yellow); transform:scaleX(0); transform-origin:left; transition:transform .2s; }
.nav-links a:hover::after,.nav-links a[aria-current="page"]::after { transform: scaleX(1); }
.nav-cta { margin-left: 6px; }
.menu-toggle { display:none; position:relative; z-index:75; margin-left:auto; width:48px; height:48px; border:1px solid var(--line); border-radius:50%; color:white; background:transparent; cursor:pointer; }
.menu-toggle span,.menu-toggle::before,.menu-toggle::after { content:""; display:block; width:20px; height:2px; margin:5px auto; background:currentColor; transition:transform .25s,opacity .2s; }
.menu-toggle[aria-expanded="true"] span { opacity:0; }
.menu-toggle[aria-expanded="true"]::before { transform:translateY(7px) rotate(45deg); }
.menu-toggle[aria-expanded="true"]::after { transform:translateY(-7px) rotate(-45deg); }

/* Buttons */
.btn { display:inline-flex; min-height:52px; align-items:center; justify-content:center; gap:.7rem; padding:.85rem 1.4rem; border:1px solid transparent; border-radius:999px; font-weight:800; line-height:1.1; transition:transform .2s var(--ease),background .2s,color .2s,border .2s; }
.btn:hover { transform: translateY(-2px); }
.btn--large { min-height:60px; padding:1rem 1.7rem; }
.btn--primary { color:#16170b; background:var(--yellow); box-shadow:0 10px 28px rgba(242,210,13,.15); }
.btn--primary:hover { background:var(--yellow-light); }
.btn--ghost,.btn--outline { color:white; border-color:rgba(255,255,255,.45); background:rgba(8,11,9,.18); }
.btn--ghost:hover,.btn--outline:hover { border-color:white; background:rgba(255,255,255,.09); }
.btn--dark { color:white; background:var(--green-deep); }
.actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:2rem; }
.text-link { display:inline-flex; align-items:center; gap:.6rem; color:var(--yellow); font-weight:780; }
.section--light .text-link { color:#174c37; }
.text-link::after { content:"→"; transition:transform .2s; }
.text-link:hover::after { transform:translateX(5px); }

/* New agency hero */
.hero { position:relative; min-height:100svh; display:grid; align-items:end; overflow:hidden; background:#101511; }
.hero-media { position:absolute; inset:0; background:url("../images/references/modern-konyha-finished.jpg") 58% center/cover no-repeat; transform:scale(1.01); }
.hero-media::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(6,9,8,.96) 0%,rgba(6,9,8,.78) 43%,rgba(6,9,8,.2) 79%),linear-gradient(0deg,rgba(7,10,8,.9),transparent 48%); }
.hero-content { position:relative; z-index:2; padding-top:175px; padding-bottom:190px; }
.hero-content h1 { max-width:1050px; }
.hero-lead { max-width:690px; margin-top:1.8rem; color:#d7dcd6; font-size:clamp(1.05rem,1.7vw,1.35rem); }
.hero-proof { position:absolute; inset:auto 0 0; z-index:3; border-top:1px solid rgba(255,255,255,.17); background:rgba(8,12,10,.72); backdrop-filter:blur(12px); }
.hero-proof__grid { display:grid; grid-template-columns:repeat(4,1fr); }
.hero-proof__grid div { min-height:112px; display:flex; align-items:center; gap:1rem; padding:20px 28px; border-right:1px solid rgba(255,255,255,.13); }
.hero-proof__grid div:last-child { border:0; }
.hero-proof strong { color:var(--yellow); font-size:clamp(1.3rem,2.2vw,2rem); line-height:1; letter-spacing:-.04em; }
.hero-proof span { max-width:115px; color:#cbd1cb; font-size:.82rem; line-height:1.35; }

/* Home sections */
.manifesto { background:var(--graphite); }
.manifesto-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(50px,9vw,150px); align-items:start; }
.manifesto-copy { padding-top:6px; }
.manifesto-copy > p:not(.lead) { max-width:720px; color:var(--muted); }
.manifesto-copy .text-link { margin-top:1rem; }
.home-proof-list { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--line); }
.home-proof-list div { min-height:150px; padding:25px 28px 25px 0; border-bottom:1px solid var(--line); }
.home-proof-list div:nth-child(odd) { margin-right:28px; border-right:1px solid var(--line); }
.home-proof-list strong { display:block; margin-bottom:.65rem; color:var(--yellow); font-size:1.08rem; }
.home-proof-list span { color:var(--muted); font-size:.9rem; line-height:1.55; }
.home-about { background:#102a20; }
.home-about .split-copy .lead { color:var(--white); }
.home-about .btn { margin-top:1.8rem; }
.founder-intro { display:grid; grid-template-columns:minmax(340px,.82fr) 1.18fr; align-items:center; gap:clamp(55px,9vw,145px); }
.founder-photo { max-height:720px; overflow:hidden; }
.founder-photo img { width:100%; height:100%; object-fit:cover; object-position:center 24%; }
.founder-copy { max-width:720px; }
.founder-copy h2 { margin-bottom:1.4rem; }
.founder-copy > p:not(.eyebrow) { color:#cbd2cc; }
.founder-copy .lead { color:var(--white); }
.founder-signature { display:grid; gap:.2rem; width:max-content; margin-top:2rem; padding-top:1.25rem; border-top:1px solid rgba(255,255,255,.22); }
.founder-signature strong { color:var(--white); font-family:"Trebuchet MS",Arial,sans-serif; font-size:1.15rem; font-weight:700; }
.founder-signature span { color:var(--muted); font-size:.75rem; letter-spacing:.08em; text-transform:uppercase; }
.founder-statement { background:#e8e3d7; color:var(--ink); }
.founder-statement__grid { display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:clamp(55px,9vw,145px); }
.founder-statement__photo { max-height:850px; overflow:hidden; }
.founder-statement__photo img { width:100%; height:100%; object-fit:cover; object-position:center 22%; }
.founder-statement__copy { max-width:720px; }
.founder-statement__copy h2 { margin-bottom:1.8rem; }
.founder-statement__copy .lead { color:#28352e; }
.founder-statement__copy > p:last-child { margin-top:1.5rem; color:#59605b; }
.editorial-features { background:var(--paper); color:var(--ink); }
.feature-story { display:grid; grid-template-columns:1.12fr .88fr; min-height:760px; }
.feature-story--reverse { grid-template-columns:.88fr 1.12fr; }
.feature-story--reverse .feature-story__image { order:2; }
.feature-story__image { min-height:650px; overflow:hidden; }
.feature-story__image img { height:100%; object-fit:cover; transition:transform .8s var(--ease); }
.feature-story:hover .feature-story__image img { transform:scale(1.025); }
.feature-story__copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(50px,8vw,120px); background:#f0ede4; }
.feature-story--reverse .feature-story__copy { background:var(--green); color:white; }
.feature-number { display:block; margin-bottom:clamp(40px,7vw,90px); color:#9da49d; font-size:.78rem; font-weight:800; letter-spacing:.16em; }
.feature-story__copy h2 { max-width:680px; margin-bottom:1.5rem; font-size:clamp(2.2rem,3.8vw,4rem); }
.feature-story__copy > p:not(.eyebrow) { max-width:620px; color:#505853; }
.feature-story--reverse .feature-story__copy > p:not(.eyebrow) { color:#ced6d0; }
.check-list,.detail-list { margin:1.5rem 0 2rem; padding:0; list-style:none; }
.check-list li,.detail-list li { display:flex; gap:.9rem; padding:.7rem 0; border-bottom:1px solid rgba(10,20,15,.13); }
.feature-story--reverse .check-list li,.section--green .detail-list li { border-color:rgba(255,255,255,.14); }
.check-list li::before,.detail-list li::before { content:"—"; color:#b39d00; font-weight:900; }
.feature-story--reverse .check-list li::before,.section--green .detail-list li::before { color:var(--yellow); }
.feature-story__copy .text-link { color:#174c37; }
.feature-story--reverse .text-link { color:var(--yellow); }
.process-section { background:var(--green-deep); }
.section-head { display:flex; justify-content:space-between; align-items:end; gap:3rem; margin-bottom:clamp(45px,7vw,85px); }
.section-head > p,.section-head > div:last-child { max-width:520px; color:var(--muted); }
.section-head--light > p,.section-head--light > div:last-child { color:#58605a; }
.process { counter-reset:process; display:grid; grid-template-columns:repeat(4,1fr); }
.process article { position:relative; min-height:310px; padding:36px 28px; border-top:1px solid rgba(255,255,255,.25); border-right:1px solid rgba(255,255,255,.13); }
.process article:last-child { border-right:0; }
.process article::before,.process article > span { display:block; margin-bottom:clamp(60px,8vw,110px); color:var(--yellow); font-size:.8rem; font-weight:850; letter-spacing:.1em; }
.process article::before { display:none; }
.process h3 { margin-bottom:1rem; }
.process p { color:#bfc8c1; font-size:.95rem; }
.process-sketch { width:calc(100% + 44px); max-width:none; height:140px; margin:-30px -22px 18px; object-fit:cover; object-position:center; }

/* Homepage gallery link */
.home-gallery-cta { padding:clamp(52px,6vw,78px) 0; color:var(--white); background:#111713; border-block:1px solid rgba(255,255,255,.12); }
.home-gallery-cta__inner { display:flex; align-items:center; justify-content:space-between; gap:3rem; }
.home-gallery-cta h2 { margin-bottom:.65rem; font-size:clamp(2rem,4vw,3.4rem); }
.home-gallery-cta p { margin:0; color:#c7cec9; }
.home-gallery-cta .btn { flex:0 0 auto; }
.home-gallery-cta .btn--dark, .btn--about { color:#fff; background:var(--green); border-color:rgba(255,255,255,.2); box-shadow:0 10px 28px rgba(0,0,0,.24); }
.home-gallery-cta .btn--dark:hover, .btn--about:hover { background:var(--green-soft); }
.process-intro { margin:1.15rem 0 0; color:var(--green-deep); font-size:clamp(1.05rem,1.5vw,1.25rem); font-weight:700; }
@media(max-width:700px) { .home-gallery-cta__inner { align-items:flex-start; flex-direction:column; gap:1.75rem; } }

/* Homepage furniture lightbox */
.references-showcase .reference-item { cursor:zoom-in; }
.home-lightbox { width:min(1180px,96vw); max-width:none; max-height:96vh; margin:auto; padding:18px; border:1px solid rgba(255,255,255,.18); color:#fff; background:#0b0e0d; }
.home-lightbox::backdrop { background:rgba(0,0,0,.88); }
.home-lightbox__top { display:flex; justify-content:flex-end; margin-bottom:10px; }
.home-lightbox__top button,.home-lightbox__media button { border:1px solid rgba(255,255,255,.3); color:#fff; background:#124632; cursor:pointer; }
.home-lightbox__top button { min-height:42px; padding:8px 14px; border-radius:8px; }
.home-lightbox__media { display:grid; grid-template-columns:54px minmax(0,1fr) 54px; align-items:center; gap:12px; }
.home-lightbox__media button { width:48px; height:48px; border-radius:50%; font-size:2rem; line-height:1; }
.home-lightbox__media img { width:100%; height:min(68vh,760px); object-fit:contain; }
.home-lightbox__footer { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:16px 66px 0; }
.home-lightbox__footer div { display:grid; gap:3px; }
.home-lightbox__footer strong { font-size:1.1rem; }
.home-lightbox__footer span { color:#c7d0c9; font-size:.85rem; }
.home-lightbox__footer .btn--dark { color:#fff; background:#124632; }
@media(max-width:700px) {
  .home-lightbox { width:100vw; height:100dvh; max-height:none; padding:12px; border:0; }
  .home-lightbox__media { grid-template-columns:42px minmax(0,1fr) 42px; gap:5px; }
  .home-lightbox__media button { width:40px; height:40px; }
  .home-lightbox__media img { height:calc(100dvh - 210px); }
  .home-lightbox__footer { align-items:stretch; flex-direction:column; gap:10px; padding:12px 47px 0; }
  .home-lightbox__footer .btn { width:100%; }
}

/* Interactive reference gallery */
.gallery-page .page-hero { min-height:340px; padding:140px 0 40px; }
.gallery-page .page-hero h1 { font-size:clamp(2rem,4vw,3.5rem); }
.gallery-page .references-showcase { padding:40px 0 65px; }
.gallery-page .references-showcase .section-head { display:none; }
.gallery-filters { padding:22px; border:1px solid #cbd3cb; background:#f2f4ef; margin-bottom:28px; display:flex; flex-wrap:wrap; gap:20px 40px; }
.gallery-note { width:100%; font-size:.875rem; color:#526056; }
.gallery-filters fieldset { border:0; margin:0; padding:0; min-width:0; }
.gallery-filters legend { font-weight:700; margin-bottom:8px; }
.gallery-filters label { display:inline-flex; align-items:center; gap:6px; margin-right:14px; min-height:44px; cursor:pointer; }
.gallery-filters input { width:18px; height:18px; accent-color:#174c37; }
.gallery-filter-bottom { width:100%; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.gallery-filter-bottom p { margin:0; font-weight:700; }
.gallery-filters .btn { color:#174c37; border-color:#174c37; background:transparent; }
.gallery-active { display:flex; flex-wrap:wrap; gap:8px; }
.gallery-active:empty { display:none; }
.gallery-active button { padding:8px 14px; border:0; border-radius:4px; background:#174c37; color:white; cursor:pointer; }
.gallery-page .reference-wall { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.gallery-card { min-width:0; border-bottom:1px solid #d5dbd4; }
.gallery-card[hidden],.gallery-empty[hidden],.gallery-page .btn[hidden] { display:none; }
.gallery-open { display:block; width:100%; padding:0; border:0; background:transparent; color:inherit; text-align:left; cursor:zoom-in; }
.gallery-open img { width:100%; aspect-ratio:4/3; object-fit:cover; }
.gallery-open span { display:grid; gap:3px; padding-top:12px; }
.gallery-open strong { font-size:1.15rem; }
.gallery-open small { font-size:.875rem; color:#526056; }
.gallery-card-tags { font-size:.875rem; color:#174c37; margin-top:10px; }
.gallery-empty { padding:30px; background:#f2f4ef; }
.gallery-dialog { width:100vw; max-width:none; height:100dvh; max-height:none; margin:auto; padding:0; border:0; overflow:hidden; color:#fff; background:#050706; }
.gallery-dialog::backdrop { background:#050706; }
.gallery-dialog__stage { position:absolute; inset:0; display:grid; place-items:center; overflow:hidden; }
.gallery-dialog__stage > img { width:100%; height:100%; object-fit:contain; touch-action:none; user-select:none; transition:transform .12s ease-out; }
@media(min-width:601px) {
  .gallery-dialog__stage { grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr); }
  .gallery-dialog__stage > img { min-width:0; min-height:0; max-width:100vw; max-height:100dvh; }
}
.gallery-dialog__control,.gallery-dialog__info,.gallery-dialog__strip { z-index:2; transition:opacity .35s; }
.gallery-dialog.is-idle .gallery-dialog__control,.gallery-dialog.is-idle .gallery-dialog__info,.gallery-dialog.is-idle .gallery-dialog__strip { opacity:0; pointer-events:none; }
.gallery-dialog__close,.gallery-dialog__arrow { position:absolute; border:1px solid rgba(255,255,255,.24); color:#fff; background:rgba(5,12,9,.48); backdrop-filter:blur(7px); cursor:pointer; }
.gallery-dialog__close { z-index:3; top:14px; right:14px; width:42px; height:42px; border-radius:50%; font-size:1.7rem; line-height:1; }
.gallery-dialog__arrow { top:50%; z-index:3; width:50px; height:64px; border-radius:12px; font-size:2.3rem; line-height:1; transform:translateY(-50%); }
.gallery-dialog__arrow--prev { left:16px; }
.gallery-dialog__arrow--next { right:16px; }
.gallery-dialog__info { position:absolute; right:16px; bottom:86px; left:16px; display:flex; align-items:flex-end; justify-content:space-between; gap:20px; padding:26px 14px 10px; background:linear-gradient(transparent,rgba(0,0,0,.58)); text-shadow:0 1px 4px #000; }
.gallery-dialog__info h2 { margin:0 0 2px; font-size:1rem; }
.gallery-dialog__info span { color:#dce2dd; font-size:.75rem; }
.gallery-dialog__strip { position:absolute; right:0; bottom:10px; left:0; display:flex; gap:8px; overflow-x:auto; padding:4px calc(50% - 40px); scrollbar-width:none; scroll-snap-type:x proximity; }
.gallery-dialog__strip::-webkit-scrollbar { display:none; }
.gallery-dialog__thumb { flex:0 0 72px; height:54px; padding:0; overflow:hidden; border:2px solid transparent; border-radius:4px; background:#111; scroll-snap-align:center; cursor:pointer; transition:opacity .25s,border-color .25s,transform .25s; }
.gallery-dialog__thumb img { width:100%; height:100%; object-fit:cover; }
.gallery-dialog__thumb.is-active { border-color:var(--yellow); opacity:1!important; transform:scale(1.08); }
@media(max-width:950px) { .gallery-page .reference-wall { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .gallery-page .reference-wall { grid-template-columns:1fr; } .gallery-filters { padding:16px; gap:16px; } .gallery-filters fieldset { width:100%; } .gallery-dialog__close { top:10px; right:10px; width:38px; height:38px; } .gallery-dialog__arrow { width:42px; height:56px; border-radius:9px; background:rgba(5,12,9,.4); } .gallery-dialog__arrow--prev { left:8px; } .gallery-dialog__arrow--next { right:8px; } .gallery-dialog__info { right:8px; bottom:72px; left:8px; padding:20px 8px 6px; } .gallery-dialog__info h2 { font-size:.9rem; } .gallery-dialog__info [data-photo-tags] { display:block; max-width:75vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .gallery-dialog__strip { bottom:6px; padding-inline:calc(50% - 33px); } .gallery-dialog__thumb { flex-basis:60px; height:45px; } }

/* Reference wall */
.references-showcase { color:var(--ink); background:#f4f1e9; }
.reference-wall { display:grid; grid-template-columns:repeat(12,1fr); gap:16px; }
.reference-item { position:relative; grid-column:span 4; min-height:360px; overflow:hidden; background:#ccc; }
.reference-item--wide { grid-column:span 8; }
.reference-item--hero { grid-column:span 8; min-height:620px; }
.reference-item--portrait { grid-column:span 4; min-height:620px; }
.reference-item img { height:100%; object-fit:cover; transition:transform .7s var(--ease),filter .4s; }
.reference-item::after { content:""; position:absolute; inset:40% 0 0; background:linear-gradient(transparent,rgba(7,10,8,.82)); }
.reference-item span { position:absolute; inset:auto 24px 22px; z-index:2; display:grid; color:white; }
.reference-item strong { font-size:1.1rem; }
.reference-item small { color:#c9d0ca; }
.reference-item:hover img { transform:scale(1.035); filter:saturate(1.05); }

/* Trust and final CTA */
.trust-section { background:var(--graphite-2); }
.trust-layout { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:clamp(50px,8vw,120px); }
.trust-image { min-height:620px; overflow:hidden; }
.trust-image img { height:100%; object-fit:cover; }
.trust-copy .lead { margin:1.5rem 0; }
.trust-points { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin:2.5rem 0; background:var(--line); }
.trust-points div { display:grid; gap:.3rem; padding:24px 16px; background:var(--graphite-2); }
.trust-points strong { color:var(--yellow); font-size:1.55rem; }
.trust-points span { color:var(--muted); font-size:.8rem; line-height:1.3; }
.trust-note { padding-left:22px; border-left:2px solid var(--yellow); color:#cdd3cd; font-size:1.05rem; }
.appointment-section { padding:clamp(80px,10vw,140px) 0; color:#15170d; background:var(--yellow); }
.appointment-section .eyebrow { color:#234232; }
.appointment-inner { display:flex; justify-content:space-between; align-items:end; gap:4rem; }
.appointment-inner h2 { max-width:900px; }
.appointment-inner p:not(.eyebrow) { max-width:720px; margin-top:1.4rem; color:#434419; }
.appointment-actions { flex:none; display:grid; gap:1rem; text-align:center; }
.appointment-actions span { font-size:.8rem; }
.appointment-actions span a { font-weight:800; text-decoration:underline; }
.mobile-cta { display:none; }

/* Shared subpage components */
.page-hero { min-height:650px; display:flex; align-items:end; padding:200px 0 95px; background:linear-gradient(90deg,rgba(6,10,8,.94),rgba(6,10,8,.3)),var(--page-bg,url("../images/hero/konyha-hero-finished.jpg")) center/cover; }
.showroom-exterior-hero { background-position:center,center 42%; }
.page-hero h1 { max-width:1080px; }
.page-hero p:not(.eyebrow) { max-width:730px; margin-top:1.5rem; color:#d5dad5; font-size:1.15rem; }
.intro-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(45px,9vw,140px); }
.intro-grid .lead { color:var(--white); }
.section--light .intro-grid .lead { color:var(--ink); }
.visual-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:clamp(35px,6vw,80px); }
.visual-card:nth-child(even) { margin-top:80px; }
.visual-card__image { aspect-ratio:4/3; overflow:hidden; margin-bottom:24px; }
.visual-card__image img,.project-card img,.split-media img { height:100%; object-fit:cover; transition:transform .7s var(--ease); }
.visual-card:hover img,.project-card:hover img { transform:scale(1.03); }
.visual-card h3 { margin-bottom:.8rem; }
.visual-card p { color:var(--muted); }
.split { display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:clamp(50px,8vw,120px); }
.split--reverse .split-media { order:2; }
.split-media { min-height:600px; overflow:hidden; }
.split-copy > p:not(.eyebrow) { color:#ced4ce; }
.section--light .split-copy > p:not(.eyebrow) { color:#59605b; }
.stat { display:flex; align-items:baseline; gap:.9rem; margin:1.8rem 0; }
.stat strong { color:var(--yellow); font-size:clamp(2.8rem,5vw,4.8rem); line-height:1; }
.stat span { max-width:180px; line-height:1.2; color:#cbd2cc; }
.projects { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.project-card__image { aspect-ratio:4/3; overflow:hidden; }
.project-card h3 { margin-top:1.1rem; font-size:1.25rem; }
.project-card p { margin-top:.4rem; color:#646b65; font-size:.9rem; }
.project-card--wide { grid-column:span 2; }
.quote { text-align:center; }
.quote p { font-size:clamp(1.8rem,3.2vw,3.2rem); line-height:1.25; letter-spacing:-.03em; }
.quote small { display:block; margin-top:1.5rem; color:var(--muted); }
.cta-band { padding:clamp(70px,8vw,110px) 0; color:#17190e; background:var(--yellow); }
.cta-band .container { display:flex; justify-content:space-between; align-items:center; gap:3rem; }
.cta-band p { margin-top:1rem; color:#45461b; }
.contact-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(50px,8vw,120px); }
.contact-list { margin:2rem 0; padding:0; list-style:none; }
.contact-list li { padding:1rem 0; border-bottom:1px solid var(--line); }
.contact-list small { display:block; color:var(--muted); }
.contact-form { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:clamp(25px,5vw,55px); background:var(--surface-2); }
.field { display:grid; gap:.5rem; }
.field--full { grid-column:1/-1; }
label { font-size:.84rem; font-weight:750; }
input,textarea,select { width:100%; padding:15px; border:1px solid rgba(255,255,255,.2); border-radius:2px; color:white; background:rgba(0,0,0,.18); }
textarea { min-height:150px; resize:vertical; }
input[type=file] { color:var(--muted); font-size:.84rem; }
.form-note { grid-column:1/-1; color:var(--muted); font-size:.78rem; }
.form-status { grid-column:1/-1; min-height:1.2em; color:var(--yellow); }
.map-placeholder { min-height:430px; display:grid; place-items:center; padding:35px; text-align:center; color:#d4dad4; background:linear-gradient(rgba(15,59,43,.8),rgba(15,59,43,.8)),repeating-linear-gradient(35deg,transparent 0 30px,rgba(255,255,255,.08) 31px 33px); }
.soon { min-height:100svh; display:grid; place-items:center; padding:160px 0 90px; text-align:center; background:radial-gradient(circle at 50% 20%,#1d4b37,var(--graphite) 58%); }
.soon .lead { margin:1.5rem auto 0; }
.soon .actions { justify-content:center; }

/* Rólunk – vállalati történet */
.about-hero h1 { max-width:1100px; }
.about-intro { background:var(--graphite); }
.history-section { padding:clamp(90px,10vw,150px) 0; color:var(--ink); background:#e8e3d7; }
.history-heading { max-width:900px; margin-bottom:80px; }
.history-timeline { position:relative; }
.history-timeline::before { content:""; position:absolute; top:0; bottom:0; left:220px; width:1px; background:rgba(20,30,24,.2); }
.history-item { display:grid; grid-template-columns:180px 1fr; gap:80px; padding:55px 0; border-top:1px solid rgba(20,30,24,.16); }
.history-year { color:#315844; font-size:.75rem; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.history-content { position:relative; max-width:850px; }
.history-content::before { content:""; position:absolute; top:8px; left:-86px; width:11px; height:11px; border-radius:50%; background:var(--yellow); box-shadow:0 0 0 6px #e8e3d7; }
.history-content h3 { margin-bottom:1.2rem; font-size:clamp(1.5rem,2.5vw,2.3rem); }
.history-content p { color:#535b55; }
.history-content p + p { margin-top:1rem; }
.history-content blockquote { margin:1.5rem 0 0; padding:1.2rem 0 1.2rem 24px; border-left:2px solid #315844; color:#26372e; font-size:1.15rem; }
.history-item--featured { margin-inline:-30px; padding-inline:30px; background:#dcd6c8; }
.history-item--featured .history-content::before { box-shadow:0 0 0 6px #dcd6c8; }
.values-section { padding:70px 0; background:#0f3b2b; }
.values-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.values-grid div { padding:30px; border-right:1px solid var(--line); }
.values-grid div:last-child { border-right:0; }
.values-grid strong { display:block; color:var(--yellow); font-size:clamp(1.7rem,3vw,2.8rem); line-height:1; }
.values-grid span { display:block; margin-top:.7rem; color:#c7d0c9; font-size:.82rem; }

/* Footer */
.site-footer { padding:80px 0 30px; background:#070908; }
.footer-grid { display:grid; grid-template-columns:1.4fr repeat(3,1fr); gap:50px; }
.footer-logo { width:120px; height:auto; margin-bottom:1.2rem; }
.footer-brand p { max-width:300px; }
.site-footer h3 { margin-bottom:1rem; color:var(--yellow); font-size:.75rem; letter-spacing:.14em; text-transform:uppercase; }
.site-footer p,.site-footer li,.site-footer a { color:#a9b0aa; font-size:.88rem; }
.site-footer ul { margin:0; padding:0; list-style:none; }
.site-footer li { margin-bottom:.5rem; }
.site-footer a:hover { color:white; }
.footer-bottom { display:flex; justify-content:space-between; gap:1rem; margin-top:60px; padding-top:22px; border-top:1px solid var(--line); color:#747b76; font-size:.76rem; }

.reveal { opacity:0; transform:translateY(26px); transition:opacity .75s var(--ease),transform .75s var(--ease); }
.reveal.is-visible { opacity:1; transform:none; }

@media (max-width:1240px) {
  .nav-cta { display:none; }
  .nav-links { gap:12px; }
  .nav-links a { font-size:.74rem; }
}
@media (max-width:1050px) {
  .container,.narrow { width:min(calc(100% - 40px),var(--max)); }
  body.menu-open .site-header { position:fixed; inset:0; background:#0a1711; backdrop-filter:none; }
  .menu-toggle { display:block; }
  .nav { min-height:82px; }
  .logo { width:94px; }
  .logo img { height:62px; }
  .nav-links { position:fixed; inset:0; z-index:72; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:1px; padding:100px 35px 80px; visibility:hidden; opacity:0; transform:translateY(-10px); background:#0a1711; transition:opacity .25s,transform .25s,visibility .25s; }
  .nav-links.is-open { visibility:visible; opacity:1; transform:none; }
  .nav-links a { width:100%; padding:8px 0; font-size:clamp(1.15rem,4vw,1.7rem); }
  .nav-links a::after { display:none; }
  .nav-links a[aria-current="page"] { color:var(--yellow); }
  .hero-content { padding-bottom:225px; }
  .manifesto-grid,.trust-layout,.intro-grid,.contact-grid { grid-template-columns:1fr; }
  .founder-intro,.founder-statement__grid { grid-template-columns:1fr 1fr; gap:45px; }
  .feature-story,.feature-story--reverse { grid-template-columns:1fr; }
  .feature-story--reverse .feature-story__image { order:0; }
  .feature-story__image { min-height:520px; }
  .feature-story__copy { padding:70px 40px; }
  .feature-number { margin-bottom:35px; }
  .process { grid-template-columns:1fr 1fr; }
  .reference-item,.reference-item--wide { grid-column:span 6; }
  .reference-item--hero { grid-column:span 8; }
  .reference-item--portrait { grid-column:span 4; }
  .appointment-inner { align-items:flex-start; flex-direction:column; }
  .split { grid-template-columns:1fr; }
  .split--reverse .split-media { order:0; }
  .projects { grid-template-columns:1fr 1fr; }
  .history-timeline::before { left:160px; }
  .history-item { grid-template-columns:130px 1fr; gap:55px; }
  .history-content::before { left:-61px; }
  .values-grid { grid-template-columns:1fr 1fr; }
  .values-grid div:nth-child(2) { border-right:0; }
  .values-grid div:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .footer-grid { grid-template-columns:1.4fr 1fr 1fr; }
  .footer-grid > div:last-child { grid-column:2/4; }
}
@media (max-width:700px) {
  body { font-size:16px; }
  .container,.narrow { width:min(calc(100% - 30px),var(--max)); }
  .section { padding:76px 0; }
  .hero { min-height:820px; align-items:center; }
  .hero-media { background-position:62% center; }
  .hero-media::after { background:linear-gradient(90deg,rgba(5,8,7,.94),rgba(5,8,7,.55)),linear-gradient(0deg,rgba(5,8,7,.94),transparent 55%); }
  .hero-content { padding:130px 0 235px; }
  .hero-content h1 { max-width:10.5ch; font-size:clamp(2.8rem,12vw,4.3rem); }
  .hero-lead { max-width:350px; font-size:1rem; }
  .hero .actions { align-items:stretch; flex-direction:column; }
  .hero .btn { width:100%; }
  .hero-proof__grid { grid-template-columns:1fr 1fr; }
  .hero-proof__grid div { min-height:82px; padding:14px 15px; }
  .hero-proof__grid div:nth-child(2) { border-right:0; }
  .hero-proof__grid div:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.13); }
  .hero-proof strong { font-size:1.25rem; }
  .hero-proof span { font-size:.7rem; }
  .manifesto-grid { gap:35px; }
  .home-proof-list { grid-template-columns:1fr; }
  .home-proof-list div,.home-proof-list div:nth-child(odd) { min-height:auto; margin-right:0; padding:22px 0; border-right:0; }
  .founder-intro,.founder-statement__grid { grid-template-columns:1fr; }
  .founder-photo { max-height:none; aspect-ratio:4/5; }
  .founder-statement__photo { max-height:none; aspect-ratio:4/5; }
  .feature-story__image { min-height:360px; }
  .feature-story__copy { padding:60px 20px; }
  .section-head { align-items:flex-start; flex-direction:column; gap:1.5rem; }
  .process { grid-template-columns:1fr; }
  .process article { min-height:230px; border-right:0; }
  .process article > span { margin-bottom:45px; }
  .reference-wall { gap:10px; }
  .reference-item,.reference-item--wide,.reference-item--hero,.reference-item--portrait { grid-column:span 12; min-height:330px; }
  .reference-item--hero { min-height:430px; }
  .reference-item span { inset:auto 18px 17px; }
  .trust-image { min-height:auto; aspect-ratio:4/3; }
  .trust-points { grid-template-columns:1fr; }
  .appointment-actions { width:100%; }
  .appointment-actions .btn { width:100%; }
  .visual-grid,.projects { grid-template-columns:1fr; }
  .visual-card:nth-child(even) { margin-top:0; }
  .project-card--wide { grid-column:auto; }
  .split-media { min-height:auto; aspect-ratio:4/3; }
  .stat { align-items:flex-start; flex-direction:column; }
  .contact-form { grid-template-columns:1fr; padding:24px 18px; }
  .field--full { grid-column:auto; }
  .page-hero { min-height:560px; padding:150px 0 70px; }
  .history-heading { margin-bottom:45px; }
  .history-timeline::before,.history-content::before { display:none; }
  .history-item { grid-template-columns:1fr; gap:15px; padding:38px 0; }
  .history-item--featured { margin-inline:0; padding-inline:20px; }
  .values-grid { grid-template-columns:1fr; }
  .values-grid div,.values-grid div:nth-child(2) { border-right:0; border-bottom:1px solid var(--line); }
  .values-grid div:last-child { border-bottom:0; }
  .cta-band .container { align-items:flex-start; flex-direction:column; }
  .soon .actions { align-items:stretch; flex-direction:column; }
  .footer-grid { grid-template-columns:1fr; gap:32px; }
  .footer-grid > div:last-child { grid-column:auto; }
  .footer-bottom { flex-direction:column; }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; animation-iteration-count:1!important; }
  .reveal { opacity:1; transform:none; }
}

/* 2026 arculati frissítés — világosabb, hitelesebb, kevésbé sablonos */
:root {
  --paper: #f4f1e9;
  --paper-warm: #ebe6da;
  --ink: #17201b;
  --green: #124632;
  --green-deep: #073521;
  --yellow: #f1d900;
}

body { color:var(--ink); background:var(--paper); }
.section { color:var(--ink); background:var(--paper); }
.section:nth-of-type(even) { background:#faf8f3; }
.section--green { color:var(--white); background:var(--green); }
.section--light { background:#faf8f3; }

.hero { min-height:88svh; color:var(--white); }
.hero-media::after {
  background:linear-gradient(90deg,rgba(4,15,10,.84) 0%,rgba(4,15,10,.56) 42%,rgba(4,15,10,.08) 78%),linear-gradient(0deg,rgba(4,15,10,.52),transparent 46%);
}
.hero-content { padding-bottom:165px; }
.hero-content h1 { max-width:900px; font-size:clamp(3rem,5.3vw,5.65rem); letter-spacing:-.035em; }
.hero-lead { max-width:650px; }
.hero-proof { background:rgba(5,26,17,.82); backdrop-filter:blur(7px); }

.eyebrow { color:var(--green-deep); letter-spacing:.1em; text-transform:none; }
.eyebrow::before { display:none; }
.hero .eyebrow,.section--green .eyebrow { color:var(--yellow); }
.process-section .eyebrow,.home-about .eyebrow { color:var(--green-deep); }

.btn { border-radius:10px; box-shadow:none; }
.btn:hover { transform:none; }
.btn--primary { box-shadow:none; }

.home-about { color:var(--ink); background:#faf8f3; }
.home-about .founder-copy h2,.home-about .founder-copy .lead { color:var(--ink); }
.home-about .founder-copy > p:not(.eyebrow) { color:#4f5d55; }
.home-about .founder-signature strong { color:var(--green-deep); }
.home-about .btn--outline { color:var(--green-deep); border-color:rgba(7,53,33,.45); background:transparent; }

.manifesto { color:var(--ink); background:var(--paper-warm); }
.section .manifesto-copy .lead { color:var(--ink); }
.manifesto-copy > p:not(.lead),.home-proof-list span { color:#536159; }
.home-proof-list { border-color:rgba(20,50,34,.2); }
.home-proof-list div { border-color:rgba(20,50,34,.18); }
.home-proof-list strong { color:var(--green-deep); }

.editorial-features { background:var(--paper); }
.feature-story { min-height:640px; }
.feature-story__copy { color:var(--ink); background:#f8f6f0; }
.feature-story--reverse .feature-story__copy { color:var(--ink); background:#e4eadf; }
.feature-story--reverse .feature-story__copy > p:not(.eyebrow) { color:#4c5c53; }
.feature-story--reverse .text-link { color:var(--green-deep); }
.feature-story--reverse .check-list li { border-color:rgba(10,40,25,.15); }
.feature-story--reverse .check-list li::before { color:#8d7a00; }
.feature-number { margin-bottom:35px; color:#6b796f; }

.section .intro-grid .lead { color:var(--ink); }
.section .section-head > p,.section .section-head > div:last-child { color:#4f5d55; }
.section .split-copy > p:not(.eyebrow),.visual-card p,.quote small { color:#4f5d55; }
.section .stat strong { color:var(--green-deep); }
.section .stat span { color:#4f5d55; }
.section--green .intro-grid .lead,.section--green .section-head > p,.section--green .section-head > div:last-child,.section--green .split-copy > p:not(.eyebrow),.section--green .stat span { color:#e1e7e2; }
.section--green .stat strong { color:var(--yellow); }

.process-section { color:var(--ink); background:#e7e1d5; }
.process-section .section-head > p,.process-section .section-head > div:last-child { color:#59675e; }
.process { gap:16px; }
.process article { min-height:270px; border:1px solid rgba(20,50,34,.16); background:#f7f4ed; }
.process article > span { margin-bottom:18px; color:var(--green); }
.process p { color:#536159; }

.references-showcase { background:#fbfaf6; }
.references-showcase .text-link { color:var(--green-deep); }
.reference-wall { gap:22px; }
.reference-item { border-radius:3px; }
.reference-item::after { inset:55% 0 0; background:linear-gradient(transparent,rgba(4,19,12,.72)); }

.page-hero { min-height:590px; color:var(--white); background:linear-gradient(90deg,rgba(4,15,10,.79),rgba(4,15,10,.08)),var(--page-bg,url("../images/hero/konyha-hero-finished.jpg")) center/cover; }
.page-hero h1 { font-size:clamp(2.8rem,5.3vw,5.5rem); }

.trust-section { background:var(--green-deep); }
.appointment-section,.cta-band { background:#ead600; }
.site-footer { background:#062b1c; }
.footer-bottom { color:#b7c0b9; }

@media (max-width:700px) {
  .hero { min-height:760px; }
  .hero-media::after { background:linear-gradient(90deg,rgba(4,15,10,.87),rgba(4,15,10,.38)),linear-gradient(0deg,rgba(4,15,10,.72),transparent 55%); }
  .hero-content h1 { font-size:clamp(2.7rem,11vw,4rem); }
  .feature-story__copy { padding:52px 20px; }
  .process { gap:10px; }
  .section.section--green { color:var(--white); background:var(--green); }
  .section:not(.section--green) .muted { color:#4f5d55; }
  .section--green .process article { min-height:0; color:var(--ink); }
  .nav-links a { color:#e6e9e4; background:transparent; }
  .nav-links a[aria-current="page"] { color:var(--yellow); }
}

/* Kapcsolatfelvételi doboz: világos mezők, jól olvasható feliratok. */
.contact-form[data-contact-form] { background:var(--white); color:var(--ink); }
.contact-form[data-contact-form] label { color:var(--ink); }
.contact-form[data-contact-form] input,
.contact-form[data-contact-form] textarea,
.contact-form[data-contact-form] select { background:#fff; color:var(--ink); border-color:var(--green-soft); }
.contact-form[data-contact-form] input::placeholder,
.contact-form[data-contact-form] textarea::placeholder,
.contact-form[data-contact-form] .muted,
.contact-form[data-contact-form] .form-note { color:#4f5d55; opacity:1; }
.contact-form[data-contact-form] .form-note a,
.contact-form[data-contact-form] .form-status { color:var(--green); }
.contact-form[data-contact-form] :focus-visible { outline-color:var(--green); }
.contact-form[data-contact-form] select { appearance:auto; }
.contact-hp { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }


/* Tartalomrendszer: értesítés, bemutatkozó videó, közösségi linkek és blog */
/* Kétszintű weboldali értesítések */
.site-notice{position:relative;z-index:4;margin:0;background:var(--yellow);color:#17201b;border-block:1px solid rgba(0,0,0,.12)}
.site-notice[hidden],.urgent-notice[hidden]{display:none!important}
.site-notice__inner,.urgent-notice__inner{min-height:54px;display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 0;text-align:center}
.site-notice__label,.urgent-notice__label{font-size:.73rem;letter-spacing:.12em;font-weight:900}
.site-notice__text,.urgent-notice__text{font-weight:700}
.urgent-notice{position:relative;z-index:90;background:var(--yellow);color:#17201b;border-bottom:1px solid rgba(0,0,0,.16)}
body.has-urgent-notice .site-header:not(.is-scrolled){top:var(--urgent-notice-height,54px)}
.hero-video-card{position:absolute;right:0;bottom:185px;width:min(360px,30vw);display:grid;grid-template-columns:112px 1fr;align-items:stretch;padding:0;border:1px solid rgba(255,255,255,.35);background:rgba(5,26,17,.88);color:white;text-align:left;cursor:pointer;overflow:hidden;border-radius:3px;backdrop-filter:blur(8px);z-index:4}.hero-video-card[hidden]{display:none!important}.hero-video-card img{width:112px;height:112px;object-fit:cover}.hero-video-card__copy{padding:15px 16px;display:flex;flex-direction:column;justify-content:center}.hero-video-card__eyebrow{color:var(--yellow);font-size:.69rem;font-weight:900;letter-spacing:.11em}.hero-video-card strong{font-size:1.05rem;margin:5px 0 3px}.hero-video-card small{color:#d8e0db;line-height:1.35}.hero-video-card__play{position:absolute;left:42px;top:40px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:#17201b;font-size:.8rem;padding-left:2px}
.video-dialog{width:min(1000px,92vw);padding:0;border:0;background:#07150f;color:#fff}.video-dialog::backdrop{background:rgba(0,0,0,.88)}.video-dialog__inner{position:relative}.video-dialog__close{position:absolute;right:8px;top:8px;z-index:2;width:44px;height:44px;border:0;border-radius:50%;background:rgba(0,0,0,.62);color:white;font-size:1.8rem;cursor:pointer}.video-dialog__frame{aspect-ratio:16/9}.video-dialog iframe{width:100%;height:100%;border:0;display:block}
.about-video-section[hidden]{display:none!important}.about-video-card{position:relative;display:block;width:100%;min-height:500px;border:0;padding:0;overflow:hidden;background:#091a12;color:white;text-align:left;cursor:pointer}.about-video-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:.7}.about-video-card::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,13,.82),rgba(5,20,13,.15))}.about-video-card__copy{position:relative;z-index:2;padding:70px;max-width:650px}.about-video-card__copy .eyebrow{color:var(--yellow)}.about-video-card__copy h2{font-size:clamp(2.4rem,5vw,4.5rem);margin:.4rem 0 1rem}.about-video-card__play{display:inline-flex;align-items:center;gap:10px;margin-top:18px;font-weight:800}.about-video-card__play span:first-child{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:#17201b}
.social-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.social-links a{display:inline-flex;align-items:center;min-height:38px;padding:7px 11px;border:1px solid rgba(255,255,255,.25);border-radius:5px;color:#f1f4f2;text-decoration:none;font-size:.82rem;font-weight:700}.social-links a:hover{border-color:var(--yellow);color:var(--yellow)}
.contact-socials{padding:70px 0;background:#e7e1d5}.contact-socials[hidden]{display:none!important}.contact-socials__inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-socials__buttons{display:flex;gap:10px;flex-wrap:wrap}
.blog-hero{padding:160px 0 80px;background:var(--green-deep);color:white}.blog-hero .eyebrow{color:var(--yellow)}.blog-hero h1{font-size:clamp(3rem,6vw,6.3rem);line-height:.95;max-width:900px;margin:.5rem 0 1.4rem}.blog-hero p:last-child{max-width:700px;color:#dce5df;font-size:1.14rem}.blog-list-section{padding:85px 0 110px;background:#f8f6f0}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.blog-card{background:white;border:1px solid rgba(20,50,34,.13)}.blog-card__image{display:block;aspect-ratio:16/9;overflow:hidden}.blog-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.blog-card:hover .blog-card__image img{transform:scale(1.025)}.blog-card__body{padding:30px}.blog-card__body h2{font-size:clamp(1.55rem,2.3vw,2.25rem);margin:.35rem 0 .9rem}.blog-card__body h2 a{color:var(--ink);text-decoration:none}.blog-card__body>p:not(.eyebrow){color:#536159}.blog-empty{grid-column:1/-1;padding:65px;background:white;border:1px solid rgba(20,50,34,.12)}
.article-hero{padding:155px 0 70px;background:var(--green-deep);color:#fff}.article-hero .eyebrow{color:var(--yellow)}.article-hero h1{font-size:clamp(2.6rem,5.3vw,5.2rem);line-height:1;letter-spacing:-.03em;margin:.5rem 0 1.3rem}.article-summary{font-size:1.17rem;line-height:1.65;color:#dbe4de;max-width:780px}.article-cover{margin-top:55px}.article-cover img{width:100%;max-height:650px;object-fit:cover;display:block}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 1fr;gap:70px;padding-top:60px;padding-bottom:110px}.article-body{font-size:1.08rem;line-height:1.82}.article-body p{margin:0 0 1.45rem}.article-video{margin:45px 0}.article-video__button{width:100%;padding:28px;border:0;background:var(--green);color:#fff;display:flex;align-items:center;gap:15px;font-weight:800;cursor:pointer}.article-video__button .play-icon{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:#17201b}.article-back{padding-top:30px;border-top:1px solid rgba(20,50,34,.15)}.article-missing{padding:160px 0}
@media(max-width:900px){.hero-video-card{right:20px;width:330px}.blog-grid{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr}.contact-socials__inner{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.site-notice__inner,.urgent-notice__inner{align-items:flex-start;flex-direction:column;gap:3px;text-align:left;padding:12px 0}.hero-video-card{left:15px;right:15px;bottom:182px;width:auto;grid-template-columns:86px 1fr}.hero-video-card img{width:86px;height:96px}.hero-video-card__play{left:28px;top:31px}.hero-video-card__copy{padding:11px 13px}.hero-video-card strong{font-size:.95rem}.hero-video-card small{font-size:.75rem}.about-video-card{min-height:520px}.about-video-card__copy{padding:48px 20px}.blog-hero{padding:135px 0 65px}.blog-list-section{padding:55px 0 80px}.blog-card__body{padding:22px}.article-hero{padding:130px 0 55px}.article-layout{padding-top:38px;padding-bottom:80px}.article-cover{margin-top:25px}}

/* v31: visible social strip + portrait YouTube Shorts support */
.home-social-strip{background:#f3efe7;border-bottom:1px solid rgba(15,45,30,.12)}
.home-social-strip[hidden]{display:none!important}
.home-social-strip__inner{min-height:112px;display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,2.2fr);align-items:center;gap:34px;padding-top:16px;padding-bottom:16px}
.home-social-strip__lead span{display:block;color:#315844;font-size:.72rem;font-weight:900;letter-spacing:.13em;margin-bottom:5px}
.home-social-strip__lead strong{display:block;color:#17201b;font-size:1.18rem;line-height:1.2}
.home-social-strip__links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.social-platform{display:flex;align-items:center;gap:12px;min-height:72px;padding:10px 14px;background:#fff;border:1px solid rgba(15,45,30,.12);border-radius:6px;color:#17201b;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.social-platform:hover{transform:translateY(-2px);border-color:rgba(15,45,30,.3);box-shadow:0 8px 24px rgba(17,32,24,.08)}
.social-platform__icon{width:38px;height:38px;object-fit:contain;flex:0 0 38px}
.social-platform__copy{min-width:0;display:flex;flex-direction:column;line-height:1.2}
.social-platform__copy strong{font-size:.92rem}
.social-platform__copy small{margin-top:4px;color:#69736d;font-size:.73rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.social-links a{gap:7px}.social-links img{width:20px;height:20px;object-fit:contain}
.contact-socials__buttons .social-platform{min-width:210px;background:#fff}
.video-dialog.video-dialog--short{width:min(430px,92vw)}
.video-dialog--short .video-dialog__frame{aspect-ratio:9/16;max-height:88vh}
.video-dialog--short iframe{max-height:88vh}
@media(max-width:900px){.home-social-strip__inner{grid-template-columns:1fr;gap:12px;padding-top:20px;padding-bottom:20px}.home-social-strip__links{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.home-social-strip__links{grid-template-columns:1fr}.home-social-strip__lead strong{font-size:1.05rem}.social-platform{min-height:62px}.social-platform__icon{width:34px;height:34px;flex-basis:34px}}


/* v32: főoldali bizalomépítés és feszesebb tartalmi ritmus */
@media (min-width:901px){
  .hero-video-card{
    right:clamp(120px,18vw,320px);
  }
}
.home-social-strip + .home-about{
  padding-top:clamp(46px,4.5vw,70px);
}


/* v33: feszesebb főoldali ritmus, kompakt Rólunk-videó */
.home-page .section{
  padding-top:clamp(56px,5vw,78px);
  padding-bottom:clamp(56px,5vw,78px);
}
.home-page .section-head{
  margin-bottom:clamp(30px,3.5vw,48px);
}
.home-page .home-social-strip + .home-about{
  padding-top:clamp(44px,4vw,58px);
}
.home-page .home-gallery-cta{
  padding:clamp(38px,4vw,54px) 0;
}
.home-page .manifesto-grid{
  gap:clamp(38px,5.5vw,82px);
}
.home-page .home-proof-list div{
  min-height:124px;
  padding-top:20px;
  padding-bottom:20px;
}
.home-page .home-reviews{
  padding-top:clamp(48px,4.5vw,66px);
  padding-bottom:clamp(44px,4vw,60px);
}

/* A Rólunk oldali videó legyen kis, elegáns kártya, ne nagy portréblokk. */
.about-video-section{
  padding:34px 0 52px;
  color:var(--white);
  background:#e8e3d7;
}
.about-video-section[hidden]{display:none!important}
.about-video-section__inner{
  display:flex;
  justify-content:center;
}
.about-video-card{
  position:relative;
  display:grid;
  grid-template-columns:118px minmax(0,1fr);
  width:min(510px,100%);
  min-height:118px;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(9,41,30,.18);
  border-radius:5px;
  background:var(--green-deep);
  color:#fff;
  text-align:left;
  cursor:pointer;
  box-shadow:0 14px 32px rgba(9,41,30,.12);
}
.about-video-card::after{display:none}
.about-video-card__media{
  position:relative;
  display:block;
  width:118px;
  height:118px;
  overflow:hidden;
}
.about-video-card__media img,
.about-video-card img{
  position:static;
  width:118px;
  height:118px;
  object-fit:cover;
  object-position:center 24%;
  opacity:1;
}
.about-video-card__play-icon{
  position:absolute;
  left:50%;
  top:50%;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--yellow);
  color:#17201b;
  font-size:.8rem;
  transform:translate(-50%,-50%);
  padding-left:2px;
}
.about-video-card__copy{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  max-width:none;
  padding:14px 16px;
}
.about-video-card__eyebrow{
  color:var(--yellow);
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.11em;
}
.about-video-card__copy strong{
  margin:4px 0 2px;
  font-size:1.02rem;
  line-height:1.25;
}
.about-video-card__copy small{
  color:#d7dfda;
  font-size:.76rem;
  line-height:1.35;
}

/* Ha a YouTube beágyazás valamilyen böngészőben mégis tiltott, maradjon közvetlen link. */
.video-dialog__youtube-link{
  display:block;
  margin:10px 14px 14px;
  padding:10px 14px;
  border-radius:999px;
  background:#fff;
  color:#111;
  text-align:center;
  font-size:.82rem;
  font-weight:800;
}
@media(max-width:700px){
  .home-page .section{
    padding-top:46px;
    padding-bottom:46px;
  }
  .home-page .home-social-strip + .home-about{
    padding-top:40px;
  }
  .about-video-section{
    padding:26px 0 40px;
  }
  .about-video-card{
    grid-template-columns:92px minmax(0,1fr);
    min-height:92px;
  }
  .about-video-card__media,
  .about-video-card__media img,
  .about-video-card img{
    width:92px;
    height:92px;
  }
  .about-video-card__copy{
    padding:10px 12px;
  }
  .about-video-card__copy strong{
    font-size:.92rem;
  }
  .about-video-card__copy small{
    font-size:.7rem;
  }
}


/* v34: Rólunk oldal – gyártási blokk kontraszt és helyes képtájolás */
.about-page .section.section--green{
  color:var(--white);
  background:var(--green);
}
.about-page .section.section--green h2,
.about-page .section.section--green h3{
  color:var(--white);
}
.about-page .section.section--green .split-copy > p:not(.eyebrow),
.about-page .section.section--green .stat span,
.about-page .section.section--green .detail-list{
  color:#e1e7e2;
}
.about-page .section.section--green .stat strong,
.about-page .section.section--green .eyebrow{
  color:var(--yellow);
}


/* v35: Kapcsolat oldal – valódi Google térkép visszaállítása */
.contact-map{
  display:block;
  width:100%;
  min-height:430px;
  height:430px;
  border:0;
}
@media(max-width:700px){
  .contact-map{
    min-height:360px;
    height:360px;
  }
}


/* v36: közösségi kártyák – jól látható Követés / Feliratkozás gomb */
.social-platform__action{
  flex:0 0 auto;
  margin-left:auto;
  padding:8px 10px;
  border:1px solid rgba(9,41,30,.22);
  border-radius:4px;
  background:#f3efe7;
  color:#163c2d;
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.035em;
  line-height:1;
  white-space:nowrap;
}
.social-platform:hover .social-platform__action{
  background:var(--green-deep);
  border-color:var(--green-deep);
  color:#fff;
}
@media(max-width:1180px){
  .social-platform{
    gap:9px;
    padding-left:11px;
    padding-right:11px;
  }
  .social-platform__action{
    padding:7px 8px;
    font-size:.61rem;
  }
}
@media(max-width:900px){
  .social-platform__action{
    padding:8px 10px;
    font-size:.66rem;
  }
}


/* v38: blog dátumok és blokkos cikk-tartalom */
.blog-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;margin:0 0 .65rem;color:#315844;font-size:.73rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.blog-card__meta time{color:#7b847e;font-weight:700;letter-spacing:.02em;text-transform:none}.blog-card__meta span+time::before{content:'•';margin-right:12px;color:#c29936}.article-date{display:block;margin:-.35rem 0 1.1rem;color:#e4b633;font-size:.88rem;font-weight:850;letter-spacing:.05em}.article-body h2{margin:2.35rem 0 .95rem;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.12;letter-spacing:-.02em}.article-figure{margin:2.5rem 0}.article-figure img{display:block;width:100%;height:auto;max-height:720px;object-fit:contain;background:#f2f0e9}.article-figure figcaption,.article-gallery figcaption{margin-top:.55rem;color:#6a756f;font-size:.82rem;line-height:1.45}.article-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:2.6rem 0}.article-gallery figure{margin:0}.article-gallery img{display:block;width:100%;height:320px;object-fit:cover}.article-link{margin:1.8rem 0}.article-video__button{text-decoration:none}
@media(max-width:700px){.blog-card__meta{font-size:.68rem}.blog-card__meta span+time::before{margin-right:8px}.article-date{margin-top:-.15rem;font-size:.82rem}.article-body h2{margin-top:2rem}.article-figure{margin:1.8rem 0}.article-gallery{grid-template-columns:1fr;gap:10px;margin:1.9rem 0}.article-gallery img{height:auto;max-height:none}}


/* v65 – kizárólag a főoldali két információs sor igazítása + globális letöltések sáv */
.home-page .editorial-features .feature-story,
.home-page .editorial-features .feature-story--reverse{grid-template-columns:1fr 1fr}

/* A v64-ben elkészült Letöltések kiemelő sáv globális megjelenése a tartalmi oldalak alján. */
.downloads-highlight-strip{background:#103b2c;color:#fff;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(7,25,17,.12)}
.downloads-highlight-strip__inner{display:grid;grid-template-columns:minmax(220px,.95fr) minmax(0,1.5fr) auto;align-items:center;gap:28px;min-height:106px;padding-top:18px;padding-bottom:18px}
.downloads-highlight-strip__lead strong{display:block;color:#f0d500;font-size:1.05rem;line-height:1.1;text-transform:uppercase;letter-spacing:.04em}
.downloads-highlight-strip__lead span{display:block;margin-top:3px;color:#fff;font-size:1.15rem;font-weight:800}
.downloads-highlight-strip__copy p{margin:0;color:#d7e5dd}
.downloads-highlight-strip__links{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.downloads-highlight-strip__links a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 16px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.06);color:#fff;text-decoration:none;font-size:.88rem;font-weight:800;white-space:nowrap;transition:background .2s,border-color .2s,transform .2s}
.downloads-highlight-strip__links a:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.38);transform:translateY(-1px)}
@media(max-width:1180px){.downloads-highlight-strip__inner{grid-template-columns:1fr;justify-items:start}.downloads-highlight-strip__links{justify-content:flex-start}}
@media(max-width:700px){.downloads-highlight-strip__inner{min-height:auto;gap:14px;padding-top:16px;padding-bottom:16px}.downloads-highlight-strip__lead span{font-size:1rem}}

/* Sürgős értesítés aktív állapotban a menü fölött marad; görgetés után a fejléc visszaáll a képernyő tetejére. */
body.has-urgent-notice.menu-open .site-header{top:var(--urgent-notice-height,54px)}

/* v85 – főoldali Bemutatóterem / Gyártóüzem reszponzív javítás.
   A v65 késői kétoszlopos szabályát tablet és mobil szélességen felülírjuk. */
@media (max-width:1050px) {
  .home-page .editorial-features .feature-story,
  .home-page .editorial-features .feature-story--reverse {
    grid-template-columns:minmax(0,1fr);
    min-height:0;
  }
  .home-page .editorial-features .feature-story__image,
  .home-page .editorial-features .feature-story--reverse .feature-story__image {
    order:0;
    width:100%;
    min-height:0;
    aspect-ratio:16/9;
    overflow:hidden;
  }
  .home-page .editorial-features .feature-story__image img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
  }
  .home-page .editorial-features .feature-story__copy {
    width:100%;
    padding:58px 40px 64px;
  }
}

@media (max-width:700px) {
  /* A nyitott mobilmenü a fejléc alatt induljon, és hosszabb listánál görgethető legyen. */
  .nav-links {
    top:82px;
    bottom:0;
    justify-content:flex-start;
    padding:18px 30px 30px;
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  body.has-urgent-notice .nav-links {
    top:calc(var(--urgent-notice-height, 0px) + 82px);
  }

  .home-page .editorial-features .feature-story__copy {
    padding:40px 20px 48px;
  }
  .home-page .editorial-features .feature-number {
    margin-bottom:22px;
  }
}


/* v95: Főoldali konyhabútor ajánlatkérő belépési pont. */
.home-quote-strip{background:#f2f0e9;border-bottom:1px solid rgba(15,45,30,.10)}
.home-quote-strip__inner{display:flex;align-items:center;justify-content:space-between;gap:48px;padding-top:34px;padding-bottom:34px}
.home-quote-strip__inner>div{max-width:820px}
.home-quote-strip .eyebrow{margin:0 0 8px;color:#456354}
.home-quote-strip h2{margin:0 0 7px;font-size:clamp(1.55rem,2.4vw,2.35rem);color:#143d2b}
.home-quote-strip p:not(.eyebrow){margin:0;color:#546158}
.home-quote-strip .btn{flex:0 0 auto}
@media(max-width:760px){.home-quote-strip__inner{display:block;padding-top:28px;padding-bottom:30px}.home-quote-strip .btn{width:100%;margin-top:20px}}


/* v119 - lebegő bemutatkozó videó minden nyilvános oldalon */
.welcome-video{
  position:fixed;
  right:clamp(16px,2.2vw,34px);
  bottom:clamp(16px,2.2vw,30px);
  z-index:120;
  width:150px;
  height:270px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  transition:width .28s ease,height .28s ease,right .28s ease,bottom .28s ease,opacity .2s ease;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.25));
}
.welcome-video.is-collapsed{width:68px;height:68px;filter:drop-shadow(0 7px 16px rgba(0,0,0,.24))}
.welcome-video.is-expanded{width:min(300px,34vw);height:min(535px,70vh)}
.welcome-video__button{position:relative;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;overflow:visible}
.welcome-video__media{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;pointer-events:none;transition:border-radius .2s ease,background .2s ease}
.welcome-video.is-collapsed .welcome-video__media{border-radius:50%;background:rgba(9,41,30,.96);object-fit:cover;object-position:center 16%;border:2px solid rgba(255,220,0,.92)}
.welcome-video__hint{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);min-width:max-content;padding:7px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(9,41,30,.92);color:#fff;font-size:11px;font-weight:750;line-height:1;letter-spacing:.03em;box-shadow:0 5px 16px rgba(0,0,0,.20);backdrop-filter:blur(5px);transition:opacity .18s ease}
.welcome-video.is-expanded .welcome-video__hint,.welcome-video.is-collapsed .welcome-video__hint{opacity:0;pointer-events:none}
.welcome-video.is-collapsed .welcome-video__button::after{content:"▶";position:absolute;right:-2px;bottom:-2px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#ffdd00;color:#09291e;font-size:10px;font-weight:900;box-shadow:0 3px 9px rgba(0,0,0,.25)}
.welcome-video__close{position:absolute;top:8px;right:8px;z-index:2;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(9,41,30,.92);color:#fff;font-size:21px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.20)}
.welcome-video.is-collapsed .welcome-video__close{display:none}
.welcome-video.is-expanded .welcome-video__close{width:38px;height:38px}
@media(max-width:760px){
  .welcome-video,.welcome-video:not(.is-expanded){right:8px;bottom:8px;width:46px;height:46px}
  .welcome-video:not(.is-expanded) .welcome-video__media{border-radius:50%;background:rgba(9,41,30,.96);object-fit:cover;object-position:center 16%;border:2px solid rgba(255,220,0,.92)}
  .welcome-video:not(.is-expanded) .welcome-video__hint{display:none}
  .welcome-video:not(.is-expanded) .welcome-video__close{display:none}
  .welcome-video:not(.is-expanded) .welcome-video__button::after{content:"▶";position:absolute;right:-2px;bottom:-2px;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#ffdd00;color:#09291e;font-size:8px;font-weight:900;box-shadow:0 3px 9px rgba(0,0,0,.25)}
  .welcome-video.is-expanded{right:10px;bottom:10px;width:min(250px,68vw);height:min(445px,58vh)}
  .welcome-video.is-expanded .welcome-video__media{border:0;border-radius:0;background:transparent;object-fit:contain;object-position:center bottom}
  .welcome-video.is-expanded .welcome-video__button::after{display:none}
}


/* Mobile appointment shortcut — v125 */
.mobile-appointment {
  display: none;
}
@media (max-width:1050px) {
  .nav {
    gap: 10px;
  }
  .mobile-appointment {
    position: relative;
    z-index: 75;
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-left: auto;
    min-height: 42px;
    padding: 0 12px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 999px;
    background: var(--yellow);
    color: #162017;
    box-shadow: 0 8px 22px rgba(0,0,0,.16);
    font-size: .74rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .01em;
    text-decoration: none;
    white-space: nowrap;
  }
  .mobile-appointment:hover,
  .mobile-appointment:focus-visible {
    background: var(--yellow-light);
    color: #11170f;
    transform: translateY(-1px);
  }
  .mobile-appointment svg {
    width: 18px;
    height: 18px;
    flex: none;
  }
  .menu-toggle {
    margin-left: 0;
  }
}
@media (max-width:360px) {
  .container,.narrow { width:min(calc(100% - 24px),var(--max)); }
  .nav { gap: 6px; }
  .logo { width: 82px; }
  .logo img { height: 54px; }
  .mobile-appointment {
    width: auto;
    min-height: 40px;
    gap: 4px;
    padding: 0 8px;
    font-size: .66rem;
  }
  .mobile-appointment svg { width: 15px; height: 15px; }
  .menu-toggle { width: 42px; height: 42px; }
}


/* v129 – szerkeszthető blog: vizuális hero, dátum és privát kérdés a cikkhez */
.blog-hero{padding:118px 0 70px;overflow:hidden}
.blog-hero__grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:clamp(36px,6vw,90px);align-items:center}
.blog-hero__copy h1{max-width:760px;font-size:clamp(2.65rem,5vw,5.3rem)}
.blog-hero__copy>p:last-child{max-width:680px}
.blog-hero__visual{position:relative;min-height:430px;border:1px solid rgba(255,255,255,.16);box-shadow:0 28px 70px rgba(0,0,0,.24);overflow:hidden;background:#173f31}
.blog-hero__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,37,26,.04) 38%,rgba(9,37,26,.72) 100%);pointer-events:none}
.blog-hero__visual>img{display:block;width:100%;height:100%;min-height:430px;object-fit:cover}
.blog-hero__card{position:absolute;z-index:2;left:26px;right:26px;bottom:24px;display:grid;gap:4px;padding:19px 21px;background:rgba(13,48,34,.91);border-left:4px solid var(--yellow);backdrop-filter:blur(6px)}
.blog-hero__card strong{color:var(--yellow);font-size:.79rem;letter-spacing:.16em}.blog-hero__card span{font-size:1.12rem;font-weight:800}.blog-hero__card small{color:#d9e4dd;font-size:.86rem}
.article-question{margin:55px 0 42px;padding:32px;background:#f3f1ea;border-top:4px solid var(--green);box-shadow:inset 0 0 0 1px rgba(20,50,34,.09)}
.article-question .eyebrow{margin:0 0 .45rem;color:var(--green);font-size:.73rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.article-question h2{margin:.15rem 0 .75rem;font-size:clamp(1.65rem,2.8vw,2.35rem)}
.article-question>div>p:last-child{margin-bottom:1.5rem;color:#536159}
.article-question__form{display:grid;gap:16px}.article-question__fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.article-question__form label{display:grid;gap:7px;font-size:.84rem;font-weight:800;color:#264b3b}.article-question__form input,.article-question__form textarea{width:100%;border:1px solid #aab8b0;background:#fff;padding:.82rem .9rem;color:var(--ink);font:inherit}.article-question__form textarea{resize:vertical;line-height:1.55}.article-question__form .btn{width:max-content}.article-question__form .form-status{min-height:1.5em;margin:0;color:#315844;font-size:.88rem}.article-question__form .hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
@media(max-width:900px){.blog-hero__grid{grid-template-columns:1fr}.blog-hero__visual{min-height:340px}.blog-hero__visual>img{min-height:340px;max-height:480px}.article-question__fields{grid-template-columns:1fr}}
@media(max-width:700px){.blog-hero{padding:105px 0 48px}.blog-hero__grid{gap:28px}.blog-hero__copy h1{font-size:clamp(2.25rem,10vw,3.55rem);line-height:.98}.blog-hero__visual{min-height:270px}.blog-hero__visual>img{min-height:270px}.blog-hero__card{left:14px;right:14px;bottom:14px;padding:15px 16px}.article-question{margin:38px 0 32px;padding:22px 18px}.article-question__form .btn{width:100%}}

/* v135: főoldali sablonhatás csökkentése – természetesebb folyamat és visszafogottabb címméretek */
.home-page .process-heading{
  max-width:960px;
  margin-bottom:30px;
}
.home-page .process-heading h2{
  max-width:780px;
  margin-bottom:18px;
  font-size:clamp(2rem,3.25vw,3.35rem);
}
.home-page .process-heading p{
  max-width:900px;
  margin:0;
  color:#59675e;
  font-size:clamp(1rem,1.25vw,1.12rem);
  line-height:1.7;
}
.home-page .process-showroom{
  display:grid;
  grid-template-columns:minmax(220px,.62fr) minmax(0,1.38fr);
  gap:clamp(28px,5vw,72px);
  align-items:start;
  margin-bottom:32px;
  padding:22px 0 24px;
  border-top:1px solid rgba(20,50,34,.18);
  border-bottom:1px solid rgba(20,50,34,.18);
}
.home-page .process-showroom h3{
  font-size:clamp(1.2rem,1.7vw,1.5rem);
}
.home-page .process-showroom p{
  max-width:760px;
  margin:0;
  color:#536159;
}
.home-page .process article{
  min-height:0;
  padding:30px 24px 28px;
}
.home-page .process h3{
  font-size:clamp(1.15rem,1.55vw,1.4rem);
  line-height:1.18;
}
.home-page .process p{
  font-size:.92rem;
  line-height:1.58;
}
.home-page .home-about h2,
.home-page .manifesto h2,
.home-page .references-showcase h2{
  font-size:clamp(2rem,3.25vw,3.35rem);
}
.home-page .feature-story__copy h2{
  font-size:clamp(2rem,3.1vw,3.25rem);
}
.home-page .home-gallery-cta h2{
  font-size:clamp(1.85rem,3vw,2.85rem);
}
@media(max-width:760px){
  .home-page .process-heading{margin-bottom:22px}
  .home-page .process-showroom{grid-template-columns:1fr;gap:10px;margin-bottom:24px;padding:18px 0 20px}
  .home-page .process article{padding:28px 22px 26px}
}

/* v136: Főoldal és Konyhastúdió szerepének szétválasztása. */
.home-focus-strip{background:#f2f0e9;border-bottom:1px solid rgba(15,45,30,.10)}
.home-focus-strip__inner{display:grid;grid-template-columns:.9fr 1.45fr;gap:54px;align-items:center;padding-top:38px;padding-bottom:38px}
.home-focus-strip__intro h2{margin:0 0 10px;font-size:clamp(1.55rem,2.3vw,2.25rem);line-height:1.12;color:#143d2b}
.home-focus-strip__intro p:not(.eyebrow){margin:0;color:#5a655e;max-width:620px}
.home-focus-strip__links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.home-focus-link{display:flex;min-height:112px;flex-direction:column;justify-content:space-between;padding:19px 18px;border:1px solid rgba(20,61,43,.14);background:rgba(255,255,255,.58);color:#143d2b;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.home-focus-link:hover{transform:translateY(-2px);border-color:rgba(20,61,43,.34);background:#fff}
.home-focus-link strong{font-size:1.02rem}
.home-focus-link span{font-size:.82rem;line-height:1.42;color:#5b675f}
.home-focus-link--primary{background:#123927;color:#fff;border-color:#123927}
.home-focus-link--primary span{color:#dce7df}
.home-focus-link--primary:hover{background:#184a35;border-color:#184a35}

.home-kitchen-studio{background:#ece8de}
.home-kitchen-studio__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.home-kitchen-studio__visual{margin:0;overflow:hidden}
.home-kitchen-studio__visual img{display:block;width:100%;height:430px;object-fit:cover}
.home-kitchen-studio__copy h2{font-size:clamp(2rem,3.4vw,3.3rem);line-height:1.08;margin:0 0 20px;color:#143d2b;letter-spacing:-.035em}
.home-kitchen-studio__copy .lead{font-size:1.08rem;color:#33483d}
.home-kitchen-studio__copy .btn{margin-top:10px}

.home-additional-services{padding:42px 0;background:#faf9f5;border-top:1px solid rgba(20,61,43,.08);border-bottom:1px solid rgba(20,61,43,.08)}
.home-additional-services__inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center}
.home-additional-services h2{margin:0;font-size:clamp(1.45rem,2.1vw,2rem);color:#143d2b}
.home-additional-services__links{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.home-additional-services__links a{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-left:2px solid #52705d;background:#f1f0ea;color:#163d2c}
.home-additional-services__links span{font-size:.82rem;color:#69756d}

@media(max-width:900px){
  .home-focus-strip__inner,.home-kitchen-studio__grid,.home-additional-services__inner{grid-template-columns:1fr;gap:28px}
  .home-focus-strip__links{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:700px){
  .hero .actions{display:grid;grid-template-columns:1fr;gap:10px}
  .hero .actions .btn{width:100%}
  .home-focus-strip__inner{padding-top:30px;padding-bottom:30px}
  .home-focus-strip__links{grid-template-columns:1fr}
  .home-focus-link{min-height:92px}
  .home-kitchen-studio__visual img{height:280px}
  .home-kitchen-studio__copy h2{font-size:2rem}
  .home-additional-services__links{grid-template-columns:1fr}
}


/* v137: külön GYIK oldal és visszafogott átvezetés a főoldalról / Konyhastúdióból. */
.faq-link-strip{padding:34px 0;background:#173f30;color:#fff;border-top:1px solid rgba(255,255,255,.08)}
.faq-link-strip__inner{display:grid;grid-template-columns:minmax(0,1.55fr) auto;gap:42px;align-items:center}
.faq-link-strip .eyebrow{margin-bottom:7px;color:#e0c436}
.faq-link-strip h2{margin:0 0 8px;color:#fff;font-size:clamp(1.55rem,2.3vw,2.2rem);line-height:1.12}
.faq-link-strip p:not(.eyebrow){max-width:760px;margin:0;color:#d7e1db;line-height:1.55}
.faq-link-strip__link{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.45);color:#fff;font-size:.86rem;font-weight:900;letter-spacing:.07em}
.faq-link-strip__link span{color:#e0c436;font-size:1.2rem}
.faq-hero{padding:96px 0 58px;background:#102c21;color:#fff}
.faq-hero__inner{max-width:900px}
.faq-hero h1{margin:.35rem 0 18px;font-size:clamp(2.8rem,5.5vw,5.4rem);line-height:.96;letter-spacing:-.045em}
.faq-hero h1 .accent{color:#e0c436}
.faq-hero p:not(.eyebrow){max-width:760px;margin:0;color:#d7e1db;font-size:1.06rem;line-height:1.65}
.faq-content{padding:64px 0 72px;background:#f7f5ef}
.faq-content__intro{max-width:980px;margin-bottom:42px}
.faq-content__intro h2{margin:4px 0 14px;font-size:clamp(2rem,3.5vw,3.35rem);line-height:1.02;color:#173e30}
.faq-content__intro>p:not(.eyebrow){max-width:800px;color:#5c6861;line-height:1.65}
.faq-content__intro a{color:#173e30;font-weight:800}
.faq-category-nav{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.faq-category-nav a{display:inline-flex;align-items:center;min-height:42px;padding:9px 14px;border:1px solid #cbd5cf;border-radius:999px;background:#fff;color:#234b3a;font-size:.9rem;font-weight:800;text-decoration:none}
.faq-category-nav a:hover,.faq-category-nav a:focus-visible{border-color:#8ba696;background:#eef3ef}
.faq-groups{display:grid;gap:50px}
.faq-group{scroll-margin-top:110px}
.faq-group h3{margin:0 0 15px;color:#173e30;font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.15}
.faq-list{border-top:1px solid #cfd5d0}
.faq-list details{border-bottom:1px solid #cfd5d0;background:transparent}
.faq-list summary{position:relative;cursor:pointer;list-style:none;padding:22px 46px 22px 0;color:#173e30;font-size:1.06rem;font-weight:850;line-height:1.35}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";position:absolute;right:6px;top:17px;color:#496a59;font-size:1.65rem;font-weight:400}
.faq-list details[open] summary::after{content:"–"}
.faq-list details>div{padding:0 48px 22px 0}
.faq-list p{margin:0;color:#56625b;line-height:1.68}
.faq-next{padding:42px 0;background:#ece8de}
.faq-next__inner{display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center}
.faq-next h2{margin:0 0 7px;color:#173e30;font-size:clamp(1.65rem,2.5vw,2.35rem)}
.faq-next p{max-width:760px;margin:0;color:#58645d}
@media(max-width:850px){.faq-link-strip__inner,.faq-next__inner{grid-template-columns:1fr;gap:24px}.faq-link-strip__link{justify-self:start}.faq-groups{gap:40px}}
@media(max-width:650px){.faq-hero{padding:76px 0 44px}.faq-content{padding:44px 0 52px}.faq-content__intro{margin-bottom:34px}.faq-category-nav{gap:7px}.faq-category-nav a{font-size:.82rem;padding:8px 11px}.faq-list summary{padding:19px 42px 19px 0}.faq-list details>div{padding:0 0 20px 0}.faq-groups{gap:34px}}

/* v146 — visszafogott főoldali blogajánló */
.home-blog-teasers{
  padding:64px 0 68px;
  color:var(--ink);
  background:#f3f0e8;
  border-top:1px solid rgba(15,59,43,.10);
  border-bottom:1px solid rgba(15,59,43,.08);
}
.home-blog-teasers__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:32px;
  margin-bottom:30px;
}
.home-blog-teasers__head>div{max-width:720px}
.home-blog-teasers h2{
  margin:0 0 10px;
  color:#163d2c;
  font-size:clamp(1.65rem,2.35vw,2rem);
  line-height:1.15;
  letter-spacing:-.025em;
}
.home-blog-teasers__head p{
  max-width:650px;
  margin:0;
  color:#5c665f;
  font-size:.98rem;
  line-height:1.55;
}
.home-blog-teasers__all,
.home-blog-card__link{
  display:inline-flex;
  align-items:center;
  color:#174b37;
  font-size:.82rem;
  font-weight:780;
  text-decoration:none;
  white-space:nowrap;
}
.home-blog-teasers__all:hover,
.home-blog-card__link:hover{text-decoration:underline;text-underline-offset:4px}
.home-blog-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px 42px;
}
.home-blog-grid[hidden]{display:none}
.home-blog-card{
  display:grid;
  grid-template-columns:170px minmax(0,1fr);
  gap:20px;
  min-width:0;
  padding-top:18px;
  border-top:1px solid rgba(22,61,44,.20);
}
.home-blog-card__image{
  display:block;
  align-self:start;
  overflow:hidden;
  background:#e6e4dc;
}
.home-blog-card__image img{
  width:170px;
  height:125px;
  object-fit:cover;
}
.home-blog-card__body{min-width:0}
.home-blog-card__meta{
  margin:0 0 7px;
  color:#728078;
  font-size:.69rem;
  font-weight:700;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.home-blog-card h3{
  margin:0 0 8px;
  color:#173c2c;
  font-size:clamp(1.08rem,1.45vw,1.28rem);
  line-height:1.25;
  letter-spacing:-.015em;
}
.home-blog-card h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.home-blog-card__summary{
  display:-webkit-box;
  overflow:hidden;
  margin:0 0 10px;
  color:#5f6862;
  font-size:.86rem;
  line-height:1.48;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.home-blog-card__link{font-size:.76rem}
@media(max-width:900px){
  .home-blog-grid{grid-template-columns:1fr;gap:28px}
  .home-blog-card{grid-template-columns:160px minmax(0,1fr)}
  .home-blog-card__image img{width:160px;height:118px}
}
@media(max-width:700px){
  .home-blog-teasers{padding:48px 0 52px}
  .home-blog-teasers__head{display:block;margin-bottom:24px}
  .home-blog-teasers h2{font-size:1.55rem}
  .home-blog-teasers__all{margin-top:14px}
  .home-blog-card{grid-template-columns:120px minmax(0,1fr);gap:15px;padding-top:16px}
  .home-blog-card__image img{width:120px;height:92px}
  .home-blog-card__summary{display:none}
}


/* v150 — kettős asztali CTA a főoldali fejlécben, mobilon egyetlen ajánlatkérés */
.nav-actions--dual{display:flex;align-items:center;gap:7px;margin-left:2px;flex:none}
.nav-action{min-height:46px;padding:.68rem .88rem;border-radius:8px;font-size:.72rem;letter-spacing:.005em;white-space:nowrap;box-shadow:none}
.nav-action--quote{min-width:116px;color:#fff;background:rgba(15,59,43,.94);border-color:rgba(255,255,255,.22)}
.nav-action--quote:hover{color:#fff;background:#174c37}
.nav-action--appointment{min-width:120px;color:#16170b;background:var(--yellow)}
.nav-action--appointment:hover{background:var(--yellow-light)}
.home-page .nav-links{gap:10px}
.home-page .nav-links a{font-size:.735rem}
@media(max-width:1320px){.nav-actions--dual{display:none}}
@media(max-width:1050px){
  .home-page .nav-links{gap:1px}
  .home-page .nav-links a{font-size:clamp(1.15rem,4vw,1.7rem)}
  .mobile-appointment span{max-width:112px;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:430px){
  .mobile-appointment{padding:0 10px;font-size:.70rem}
  .mobile-appointment svg{width:16px;height:16px}
}
@media(max-width:360px){
  .mobile-appointment span{max-width:82px}
}

/* v152: compact, uniform homepage reference gallery */
.home-page .references-showcase{padding-top:clamp(56px,6vw,82px);padding-bottom:clamp(58px,6vw,86px)}
.home-page .references-showcase .section-head{margin-bottom:28px}
.home-page .reference-wall--home{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.home-page .reference-wall--home .reference-item,
.home-page .reference-wall--home .reference-item--hero,
.home-page .reference-wall--home .reference-item--portrait,
.home-page .reference-wall--home .reference-item--wide{grid-column:auto;min-height:0;aspect-ratio:4/3;border-radius:6px;background:#d8d6cf}
.home-page .reference-wall--home .reference-item img{width:100%;height:100%;object-fit:cover;display:block}
.home-page .reference-wall--home .reference-item::after{inset:48% 0 0;background:linear-gradient(transparent,rgba(4,19,12,.74))}
.home-page .reference-wall--home .reference-item span{inset:auto 14px 12px}
.home-page .reference-wall--home .reference-item strong{font-size:.96rem;line-height:1.18}
.home-page .reference-wall--home .reference-item small{font-size:.72rem;margin-top:2px}
.gallery-dialog__info-actions{display:flex;align-items:flex-end;gap:14px;flex-direction:column}
.gallery-dialog__all{color:#fff;text-decoration:none;font-size:.82rem;font-weight:800;white-space:nowrap}
.gallery-dialog__all:hover{text-decoration:underline}
@media(max-width:820px){
  .home-page .reference-wall--home{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .home-page .references-showcase .section-head{margin-bottom:20px}
  .home-page .reference-wall--home .reference-item span{inset:auto 10px 9px}
  .home-page .reference-wall--home .reference-item strong{font-size:.82rem}
  .home-page .reference-wall--home .reference-item small{display:none}
}
@media(max-width:430px){
  .home-page .references-showcase{padding-top:42px;padding-bottom:48px}
  .home-page .reference-wall--home{gap:8px}
  .home-page .reference-wall--home .reference-item{aspect-ratio:1/1}
  .home-page .reference-wall--home .reference-item strong{font-size:.76rem}
  .gallery-dialog__info-actions{gap:7px}
  .gallery-dialog__all{font-size:.72rem}
}


/* v155: A Falkó Bútor háttere blokk — saját képes montázs és kompaktabb mobilritmus */
.manifesto-grid--story{
  grid-template-columns:minmax(0,0.96fr) minmax(0,1.04fr);
  gap:clamp(30px,4.4vw,62px);
  align-items:start;
}
.manifesto-story .eyebrow{margin-bottom:10px}
.manifesto-story h2{margin-bottom:14px}
.manifesto-story .lead{
  max-width:34rem;
  margin-bottom:22px;
  color:#44524a;
  font-size:1.02rem;
  line-height:1.6;
}
.manifesto-collage{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  grid-template-rows:160px 160px 120px;
  gap:12px;
}
.manifesto-collage__item{
  margin:0;
  overflow:hidden;
  border-radius:12px;
  background:#d8d2c5;
  box-shadow:0 10px 24px rgba(18,34,26,.08);
}
.manifesto-collage__item img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.manifesto-collage__item--large{grid-row:1 / span 2}
.manifesto-collage__item--wide{grid-column:1 / -1}
.home-page .manifesto-grid--story .home-proof-list div{
  min-height:112px;
  padding-top:18px;
  padding-bottom:18px;
}
@media (max-width:1050px){
  .manifesto-grid--story{grid-template-columns:1fr;gap:28px}
  .manifesto-story .lead{max-width:none}
}
@media (max-width:700px){
  .home-page .manifesto{padding-top:48px;padding-bottom:48px}
  .manifesto-grid--story{gap:22px}
  .manifesto-story .lead{margin-bottom:16px;font-size:.97rem;line-height:1.52}
  .manifesto-collage{grid-template-columns:1fr 1fr;grid-template-rows:108px 108px;gap:9px}
  .manifesto-collage__item--large,.manifesto-collage__item--wide{grid-row:auto;grid-column:auto}
  .home-page .manifesto-grid--story .home-proof-list div{padding-top:16px;padding-bottom:16px}
}


/* v156: desktop montázs magasság igazítása; mobil változatlan */
@media (min-width:1051px){
  .manifesto-collage{
    grid-template-rows:105px 105px 76px;
    gap:9px;
  }
  .manifesto-collage__item{border-radius:10px}
}

/* v165 — Gyakori kérdések menüpont: közepes asztali szélességen tömörebb navigáció. */
@media (max-width:1240px) and (min-width:1051px) {
  .nav-links { gap:8px; }
  .nav-links a { font-size:.70rem; }
  .home-page .nav-links { gap:7px; }
  .home-page .nav-links a { font-size:.69rem; }
}
