/* Falkó Bútor — területi céloldalak, v175. Visszafogottabb, szerkesztőségi megjelenés. */
.area-page{background:#f4f1e9;color:var(--ink)}
.area-page .site-header{color:#fff}

/* Hero: kisebb, egyszínű, kevésbé landing-page jellegű. */
.area-hero{position:relative;min-height:610px;display:grid;align-items:end;overflow:hidden;background:#0a2118;color:#fff}
.area-hero__media{position:absolute;inset:0;background:url("../images/hero/konyhastudio-premium-hero.webp") 57% center/cover no-repeat;transform:scale(1.005)}
.area-hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,18,13,.88) 0%,rgba(5,18,13,.70) 43%,rgba(5,18,13,.23) 78%,rgba(5,18,13,.12) 100%),linear-gradient(0deg,rgba(5,18,13,.72) 0%,rgba(5,18,13,0) 48%)}
.area-hero__inner{position:relative;z-index:2;padding:150px 0 58px}
.area-hero .eyebrow{color:#e8d313;letter-spacing:.12em}
.area-hero h1{max-width:870px;margin-top:.35rem;font-size:clamp(2.9rem,5vw,4.9rem);line-height:1.02;color:#fff}
.area-hero h1 .accent{color:inherit}
.area-hero__lead{max-width:700px;margin:1.05rem 0 0;color:#edf0ee;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.55}
.area-hero .actions{margin-top:1.45rem}
.area-hero__note{max-width:700px;margin-top:1rem;padding-top:.9rem;border-top:1px solid rgba(255,255,255,.20);color:#cbd5cf;font-size:.88rem;line-height:1.5}

/* Általános ritmus: kisebb térközök és visszafogottabb címméretek. */
.area-section{padding:clamp(54px,5.8vw,78px) 0;background:#f3efe6;color:var(--ink)}
.area-section--white{background:#fff}
.area-section--green{background:#123c2d;color:#fff}
.area-section--green .eyebrow{color:#e8d313}
.area-section--green p{color:#d9e2dc}
.area-intro{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(36px,5vw,72px);align-items:start}
.area-intro h2,.area-split h2,.area-process h2,.area-faq h2{font-size:clamp(2rem,3.15vw,3.25rem);line-height:1.08}
.area-intro__copy{max-width:760px}
.area-intro__copy .lead{color:#26352d;font-size:clamp(1.06rem,1.45vw,1.28rem);line-height:1.55}
.area-intro__copy p:not(.lead){color:#536159}
.area-facts{margin-top:24px;border-top:1px solid #c5cec8}
.area-fact{display:grid;grid-template-columns:145px 1fr;gap:18px;padding:13px 0;border-bottom:1px solid #d1d8d3}
.area-fact strong{color:#163f2d;font-size:.78rem;letter-spacing:.045em;text-transform:uppercase}
.area-fact span{color:#46544c;line-height:1.45}

.area-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.88fr);gap:clamp(36px,5.5vw,74px);align-items:center}
.area-split--reverse{grid-template-columns:minmax(340px,.88fr) minmax(0,1fr)}
.area-split__image{min-height:410px;overflow:hidden;background:#d9ddd8}
.area-split__image img{width:100%;height:100%;min-height:410px;object-fit:cover}
.area-split__copy{max-width:720px}
.area-split__copy p:not(.eyebrow){color:#4d5b53}
.area-checks{margin:20px 0 0;padding:0;list-style:none;border-top:1px solid #c9d1cc}
.area-checks li{position:relative;padding:12px 0 12px 24px;border-bottom:1px solid #c9d1cc;color:#304139}
.area-checks li::before{content:"";position:absolute;left:0;top:20px;width:9px;height:2px;background:#1c5b40}

/* Folyamat: sorszámok nélkül, egyszerű szerkesztőségi sorokkal. */
.area-process__head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:clamp(32px,5vw,64px);align-items:end;margin-bottom:22px}
.area-process__head>p{max-width:700px;margin:0;color:#4d5b53}
.area-steps{border-top:1px solid #c7d0ca}
.area-step{display:grid;grid-template-columns:minmax(210px,.42fr) minmax(0,1fr);gap:clamp(24px,4vw,54px);align-items:start;padding:19px 0;border-bottom:1px solid #d1d8d3}
.area-step h3{margin:0;font-size:1.12rem;line-height:1.35;color:#173c2c}
.area-step p{margin:0;color:#526057;line-height:1.55}
.area-step__number{display:none}

.area-manufacture{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(36px,5.5vw,76px);align-items:center}
.area-manufacture__image{min-height:340px;overflow:hidden}
.area-manufacture__image img{width:100%;height:100%;min-height:340px;object-fit:cover}
.area-manufacture h2{font-size:clamp(2rem,3.1vw,3.2rem);line-height:1.08}
.area-manufacture p{color:#d9e2dc}

.area-faq__head{max-width:820px;margin-bottom:24px}
.area-faq__head>p:not(.eyebrow){color:#526057}
.area-faq details{border-top:1px solid #c8d0cb}
.area-faq details:last-child{border-bottom:1px solid #c8d0cb}
.area-faq summary{display:flex;justify-content:space-between;gap:30px;padding:17px 0;cursor:pointer;color:#183e2d;font-weight:800;list-style:none}
.area-faq summary::-webkit-details-marker{display:none}
.area-faq summary::after{content:"+";flex:none;color:#1b5c40;font-size:1.15rem;font-weight:400}
.area-faq details[open] summary::after{content:"–"}
.area-faq details>div{max-width:900px;padding:0 0 18px;color:#4d5b53}

.area-final{padding:48px 0;background:#e2ca11;color:#161a17}
.area-final__inner{display:grid;grid-template-columns:1.3fr auto;gap:36px;align-items:center}
.area-final h2{font-size:clamp(1.9rem,3vw,3rem);line-height:1.08}
.area-final p{max-width:780px;margin:.65rem 0 0;color:#34433a}
.area-final .btn--dark{white-space:nowrap}
.area-breadcrumb{padding:13px 0;background:#ede9df;color:#526057;font-size:.76rem}
.area-breadcrumb a{color:#1a5139}
.area-breadcrumb span{margin:0 .55rem;color:#8a948e}

/* Finom belső link a már meglévő oldalakon. */
.area-link-strip{padding:28px 0;background:#f2efe7;color:var(--ink);border-top:1px solid rgba(20,61,43,.1);border-bottom:1px solid rgba(20,61,43,.1)}
.area-link-strip__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;align-items:center}
.area-link-strip__copy{max-width:850px}
.area-link-strip .eyebrow{margin-bottom:6px;color:#315f49}
.area-link-strip h2{margin:0 0 6px;font-size:clamp(1.45rem,2vw,2rem);color:#153c2b}
.area-link-strip p{margin:0;color:#58655d;line-height:1.5}
.area-link-strip__link{display:inline-flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #315f49;color:#173f2d;font-size:.8rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.area-link-strip__link span{transition:transform .2s}
.area-link-strip__link:hover span{transform:translateX(4px)}


/* Rövid Rólunk blokk: emberibb átvezetés, közvetlen belső linkekkel. */
.area-section--about{background:#ece8de}
.area-about{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:clamp(34px,5vw,68px);align-items:center}
.area-about__image{margin:0;min-height:330px;max-height:430px;overflow:hidden;background:#d9ddd8}
.area-about__image img{display:block;width:100%;height:100%;min-height:330px;max-height:430px;object-fit:cover}
.area-about__copy{max-width:760px}
.area-about__copy h2{font-size:clamp(2rem,3.05vw,3.15rem);line-height:1.08}
.area-about__copy p:not(.eyebrow){color:#4d5b53}
.area-about__links{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:22px;padding-top:17px;border-top:1px solid #c6cec8}
.area-about__links a{display:inline-flex;align-items:center;gap:9px;padding:7px 0;color:#173f2d;font-size:.82rem;font-weight:900;letter-spacing:.035em;text-transform:uppercase;border-bottom:1px solid transparent}
.area-about__links a:hover{border-bottom-color:#315f49}
.area-about__links span{transition:transform .2s}
.area-about__links a:hover span{transform:translateX(4px)}

@media(max-width:900px){
 .area-hero{min-height:560px}
 .area-hero__inner{padding:135px 0 48px}
 .area-intro,.area-split,.area-split--reverse,.area-process__head,.area-manufacture,.area-about{grid-template-columns:1fr;gap:30px}
 .area-split--reverse .area-split__image{order:2}
 .area-step{grid-template-columns:minmax(180px,.42fr) 1fr;gap:24px}
 .area-final__inner,.area-link-strip__inner{grid-template-columns:1fr;gap:22px}
 .area-final .btn--dark{width:max-content}
}
@media(max-width:700px){
 .area-hero{min-height:540px}
 .area-hero__media{background-position:63% center}
 .area-hero__inner{padding:118px 0 42px}
 .area-hero h1{font-size:clamp(2.45rem,10.5vw,3.45rem)}
 .area-hero__lead{font-size:.98rem}
 .area-section{padding:52px 0}
 .area-fact{grid-template-columns:1fr;gap:4px;padding:11px 0}
 .area-split__image,.area-split__image img{min-height:300px}
 .area-step{grid-template-columns:1fr;gap:5px;padding:16px 0}
 .area-manufacture__image,.area-manufacture__image img,.area-about__image,.area-about__image img{min-height:285px}
 .area-final{padding:42px 0}
 .area-breadcrumb{display:none}
 .area-link-strip{padding:25px 0}
}

/* v175: két területi továbblépés és visszafogott kapcsolódó link. */
.area-link-strip__links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 24px;align-items:center}
.area-link-strip--compact{padding:24px 0}
.area-related{margin:22px 0 0;padding-top:16px;border-top:1px solid #c8d0cb}
.area-related a{color:#173f2d;font-weight:800;border-bottom:1px solid #8ba095}
@media(max-width:900px){.area-link-strip__links{justify-content:flex-start}}


/* v176: visszafogott szolgáltatási terület blokk a Konyhastúdió oldalon. */
.kitchen-service-area{padding:30px 0;background:#fff;color:var(--ink);border-top:1px solid rgba(20,61,43,.08)}
.kitchen-service-area__inner{display:grid;grid-template-columns:minmax(190px,.34fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:start}
.kitchen-service-area .eyebrow{margin:0 0 5px;color:#315f49}
.kitchen-service-area h2{margin:0;font-size:clamp(1.45rem,2vw,1.95rem);line-height:1.12;color:#153c2b}
.kitchen-service-area__inner>p{max-width:930px;margin:1px 0 0;color:#4f5d55;line-height:1.65}
@media(max-width:760px){.kitchen-service-area{padding:25px 0}.kitchen-service-area__inner{grid-template-columns:1fr;gap:12px}.kitchen-service-area__inner>p{line-height:1.58}}