/*
Theme Name: Meggyes Liget
Description: Egyedi, első ütemre épülő ingatlanbemutató WPBakery elemekkel.
Version: 0.3.0
Author: Bounce Graphic Studio
Text Domain: meggyes-liget
*/
:root{--ml-ink:#29392f;--ml-paper:#f7f5ef;--ml-soft:#e9e7de;--ml-red:#763d46;--ml-line:#cfcfc2;--ml-font:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ml-paper);color:var(--ml-ink);font-family:var(--ml-font);font-size:16px;line-height:1.65}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--ml-red);outline-offset:5px}.ml-wrap{max-width:1320px;margin:auto;padding:0 56px}.ml-header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--ml-line);background:var(--ml-paper);position:relative;z-index:20;padding:0 4vw}.ml-logo{text-decoration:none;font:30px/1.1 Georgia,serif;letter-spacing:-1px;display:block}.ml-logo small{display:block;font:9px/1.8 var(--ml-font);letter-spacing:4px;margin-top:7px;text-transform:uppercase}.ml-logo i{color:var(--ml-red);font-style:normal}.ml-nav{display:flex;gap:30px;align-items:center;font-size:13px}.ml-nav a{text-decoration:none}.ml-nav a:hover{text-decoration:underline;text-underline-offset:6px}.ml-button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:17px 24px;background:var(--ml-ink);color:#fff;text-decoration:none;border:1px solid var(--ml-ink);font-size:13px;letter-spacing:.2px;transition:background .2s}.ml-button:hover{background:#3e5143;color:#fff}.ml-button.light{background:var(--ml-paper);color:var(--ml-ink)}.ml-button.line{background:none;color:inherit;border-color:currentColor}.ml-menu{display:none}.ml-eyebrow{font-size:10px;letter-spacing:2.4px;text-transform:uppercase;display:block;margin-bottom:22px;font-weight:600}.ml-hero{padding:52px 4vw 0}.ml-hero-top{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding-bottom:38px}.ml-hero h1{font:clamp(48px,5.6vw,86px)/1.04 Georgia,serif;letter-spacing:-3px;margin:0;font-weight:normal}.ml-hero h1 em{font-weight:normal;color:var(--ml-red)}.ml-hero-top>div:last-child{max-width:290px;padding-bottom:5px;font-size:14px}.ml-hero-image{position:relative}.ml-hero-image img{width:100%;height:clamp(360px,43vw,650px);object-fit:cover;display:block}.ml-image-note{font-size:10px;letter-spacing:.6px;margin-top:8px;opacity:.72}.ml-image-tag{position:absolute;left:25px;bottom:25px;padding:14px 20px;background:var(--ml-paper);font-size:11px;letter-spacing:1px}.ml-hero-foot{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid var(--ml-line);padding:20px 0;font-size:12px}.ml-section{padding:105px 0}.ml-section h2{font:clamp(36px,4vw,56px)/1.15 Georgia,serif;letter-spacing:-1.5px;margin:0 0 28px;font-weight:normal}.ml-section h3{font:28px/1.2 Georgia,serif;font-weight:normal}.ml-two{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.ml-copy{max-width:480px}.ml-copy p{color:#60685d}.ml-editorial-img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}.ml-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px;border-top:1px solid var(--ml-line);padding-top:28px}.ml-stats strong{display:block;font:34px Georgia,serif}.ml-stats span{display:block;font-size:11px;margin-top:8px}.ml-heading-row{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:35px}.ml-heading-row h2{margin:0}.ml-heading-row p{max-width:350px;font-size:14px;margin:0}.ml-apartments{background:#eeede5}.ml-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.ml-filter button,.ml-tabs button{border:1px solid var(--ml-line);padding:10px 19px;background:transparent;color:var(--ml-ink);font-size:12px}.ml-filter button[aria-pressed=true],.ml-tabs button[aria-pressed=true]{background:var(--ml-ink);color:white;border-color:var(--ml-ink)}.ml-selector{display:grid;grid-template-columns:1.1fr 1fr;gap:40px}.ml-unit{width:100%;display:grid;grid-template-columns:50px 1fr 90px 24px;align-items:center;text-align:left;gap:14px;padding:20px 15px;border:0;border-top:1px solid var(--ml-line);background:transparent;color:var(--ml-ink)}.ml-unit:last-child{border-bottom:1px solid var(--ml-line)}.ml-unit[aria-pressed=true]{background:var(--ml-ink);color:#fff}.ml-unit b{font:30px Georgia,serif}.ml-unit span{font-size:13px}.ml-unit small{font-size:10px;display:block;opacity:.8}.ml-plan{background:#fff;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.ml-plan img{width:100%;height:300px;object-fit:contain}.ml-plan button{border:0;background:none;padding:0;color:inherit;width:100%;text-align:center;font-size:11px}.ml-plan h3{margin:12px 0;font-size:27px}.ml-plan p{font-size:12px;margin:8px 0}.ml-plan .ml-button{margin-top:14px}.ml-small{font-size:11px;line-height:1.6;color:#686e62}.ml-life{background:var(--ml-ink);color:var(--ml-paper)}.ml-life .ml-heading-row p{opacity:.8}.ml-tabs{display:flex;gap:8px;margin:25px 0}.ml-life .ml-tabs button{border-color:#7c867b;color:var(--ml-paper)}.ml-life .ml-tabs button[aria-pressed=true]{background:var(--ml-paper);color:var(--ml-ink)}.ml-gallery{display:grid;grid-template-columns:1.65fr 1fr;gap:20px}.ml-gallery button{background:none;border:0;padding:0;position:relative}.ml-gallery img{width:100%;height:400px;object-fit:cover;display:block}.ml-gallery button:first-child{grid-row:span 2}.ml-gallery button:first-child img{height:820px}.ml-gallery button:nth-child(4){grid-column:1/-1}.ml-gallery button:nth-child(4) img{height:350px}.ml-gallery span{position:absolute;bottom:15px;left:15px;background:var(--ml-paper);color:var(--ml-ink);padding:6px 12px;font-size:11px}.ml-spec{border-top:1px solid var(--ml-line);padding:21px 0;display:grid;grid-template-columns:36px 1fr;gap:15px}.ml-spec strong{font-size:16px;font-weight:500}.ml-spec p{font-size:13px;margin:8px 0 0;color:#626a5d}.ml-spec>span{font:16px Georgia,serif;color:var(--ml-red)}.ml-location img{aspect-ratio:4/3;width:100%;object-fit:cover}.ml-location{background:#e8e5db}.ml-location .ml-two{gap:50px}.ml-stage{border-top:1px solid var(--ml-line);margin-top:40px;padding-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:40px;font-size:13px}.ml-stage strong{display:block;font-size:17px;margin-bottom:8px}.ml-faq details{border-top:1px solid var(--ml-line);padding:20px 0}.ml-faq details:last-child{border-bottom:1px solid var(--ml-line)}.ml-faq summary{cursor:pointer;list-style:none;padding-right:30px;position:relative}.ml-faq summary:after{content:'+';position:absolute;right:5px}.ml-faq details[open] summary:after{content:'−'}.ml-faq p{font-size:14px;max-width:750px;color:#60685d}.ml-contact{background:var(--ml-ink);color:var(--ml-paper)}.ml-contact .ml-two{align-items:start}.ml-contact h2{font-size:56px}.ml-contact p{font-size:14px;opacity:.85}.ml-contact form{display:grid;gap:16px}.ml-contact label{display:block;font-size:12px}.ml-contact select,.ml-contact textarea{width:100%;background:transparent;color:var(--ml-paper);border:1px solid #8c9488;border-radius:0;padding:13px;margin-top:6px}.ml-contact option{color:var(--ml-ink);background:var(--ml-paper)}.ml-contact textarea{min-height:115px;resize:vertical}.ml-contact .ml-person{border-top:1px solid #7d877b;margin-top:30px;padding-top:24px}.ml-contact .ml-person a{display:block;text-decoration:none;font-size:20px;margin-top:7px}.ml-contact .ml-person small{font-size:12px}.ml-footer{padding:45px 4vw;display:flex;justify-content:space-between;gap:35px;font-size:11px}.ml-footer p{max-width:650px;margin:0}.ml-dialog{border:0;padding:50px 20px 20px;background:var(--ml-paper);max-width:94vw;width:1200px;max-height:94vh;color:var(--ml-ink)}.ml-dialog::backdrop{background:rgba(18,27,22,.87)}.ml-dialog img{max-width:100%;max-height:75vh;object-fit:contain;display:block;margin:auto}.ml-dialog .ml-close{position:absolute;right:15px;top:8px;border:0;background:none;font-size:26px;padding:3px 12px}.ml-dialog p{text-align:center;font-size:12px}.ml-mobile-cta{display:none}.ml-skip{position:absolute;left:10px;top:-100px;z-index:100;padding:10px;background:#fff}.ml-skip:focus{top:10px}.ml-main>.vc_row{margin:0}.ml-main>.vc_row>.vc_column_container>.vc_column-inner{padding:0}.ml-main .wpb_content_element{margin-bottom:0}.ml-main>.vc_row:before,.ml-main>.vc_row:after{display:none}.ml-main>.vc_row{display:block}.ml-main [hidden]{display:none!important}.admin-bar .ml-header{top:0}
@media(min-width:1500px){.ml-hero h1{font-size:90px}}@media(max-width:950px){.ml-wrap{padding:0 28px}.ml-nav{gap:18px}.ml-two{gap:35px}.ml-hero h1{font-size:60px}.ml-selector{gap:20px}.ml-gallery img{height:280px}.ml-gallery button:first-child img{height:580px}.ml-contact h2{font-size:44px}}@media(max-width:700px){html{scroll-padding-top:25px}.ml-header{height:85px;padding:0 22px}.ml-logo{font-size:26px}.ml-menu{display:block;background:none;border:1px solid var(--ml-line);font-size:12px;padding:9px 14px;color:var(--ml-ink)}.ml-nav{display:none;position:absolute;left:0;right:0;top:85px;background:var(--ml-paper);padding:25px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--ml-line)}.ml-nav.open{display:flex}.ml-hero{padding:35px 18px 0}.ml-hero-top{display:block;padding-bottom:25px}.ml-hero h1{font-size:48px;letter-spacing:-2px}.ml-hero-top>div:last-child{max-width:none;margin-top:22px;display:flex;gap:20px;align-items:center}.ml-hero-top p{font-size:12px;margin:0;flex:1}.ml-hero-top .ml-button{padding:12px;gap:15px}.ml-hero-image img{height:340px;object-position:60% center}.ml-image-tag{left:12px;bottom:12px;padding:10px;font-size:9px}.ml-hero-foot{font-size:10px;flex-wrap:wrap;gap:8px 20px}.ml-wrap{padding:0 22px}.ml-section{padding:62px 0}.ml-two,.ml-selector{grid-template-columns:1fr;gap:30px}.ml-section h2{font-size:38px}.ml-heading-row{display:block}.ml-heading-row p{margin-top:20px}.ml-editorial-img{aspect-ratio:5/4}.ml-stats strong{font-size:29px}.ml-stats span{font-size:10px}.ml-unit{grid-template-columns:35px 1fr 80px 12px;padding:18px 12px;gap:9px}.ml-plan img{height:290px}.ml-gallery{gap:12px;grid-template-columns:1fr 1fr}.ml-gallery button:first-child{grid-column:1/-1;grid-row:auto}.ml-gallery button:first-child img{height:360px}.ml-gallery img{height:220px}.ml-gallery button:nth-child(4) img{height:270px}.ml-gallery span{font-size:9px;left:8px;bottom:8px}.ml-stage{gap:25px}.ml-footer{display:block;padding:35px 22px 95px}.ml-footer p{margin-top:25px}.ml-mobile-cta{position:fixed;bottom:0;left:0;right:0;z-index:18;display:flex;justify-content:space-between;align-items:center;background:var(--ml-paper);border-top:1px solid var(--ml-line);padding:10px 18px;font-size:11px}.ml-mobile-cta .ml-button{padding:10px 15px}.ml-contact .ml-person a{font-size:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.ml-section img{max-width:100%;height:auto}.ml-section .ml-editorial-img{height:auto}.ml-section .ml-plan img{height:300px}.ml-section .ml-gallery img{height:400px}.ml-section .ml-gallery button:first-child img{height:820px}.ml-section .ml-gallery button:nth-child(4) img{height:350px}@media(max-width:950px){.ml-section .ml-gallery img{height:280px}.ml-section .ml-gallery button:first-child img{height:580px}}@media(max-width:700px){.ml-section .ml-gallery img{height:220px}.ml-section .ml-gallery button:first-child img{height:360px}.ml-section .ml-gallery button:nth-child(4) img{height:270px}.ml-section .ml-plan img{height:290px}}
/* v0.2 — cherry / cream, quiet rounded composition */
:root{--ml-ink:#48362f;--ml-paper:#fffaf2;--ml-soft:#f5ecdf;--ml-red:#b33240;--ml-line:#e9ded7;--ml-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}body{font-size:16px;-webkit-font-smoothing:antialiased}.ml-header{height:94px;max-width:1500px;margin:auto;border:0;background:transparent;padding:0 4vw}.ml-logo{display:flex;gap:10px;align-items:center;font:600 27px/1 Georgia,serif;letter-spacing:-1px;color:var(--ml-red)}.ml-logo svg{width:39px;height:43px;flex-shrink:0}.ml-logo small{font:500 8px/1.4 var(--ml-font);letter-spacing:2.5px;margin-top:8px;color:var(--ml-ink)}.ml-logo i{color:inherit}.ml-nav{gap:28px;font-size:12px}.ml-button{border-radius:99px;background:var(--ml-red);border-color:var(--ml-red);padding:15px 25px;font-size:13px;font-weight:500;gap:24px}.ml-button:hover{background:#48362f;border-color:#48362f}.ml-button.light{background:var(--ml-paper);border-color:var(--ml-paper);color:var(--ml-red)}.ml-button.line{border-color:#d6bfc4;color:var(--ml-red)}.ml-button.line:hover{background:#f5e9e9}.ml-eyebrow{color:#885865;font-size:10px;letter-spacing:2px;font-weight:500;margin-bottom:18px}.ml-hero{max-width:1500px;margin:auto;padding:48px 30px 0}.ml-hero-top{display:flex;flex-direction:column;align-items:center;text-align:center;gap:25px;padding-bottom:38px}.ml-hero h1{font:550 clamp(44px,5.6vw,78px)/1.06 var(--ml-font);letter-spacing:-3.5px;max-width:900px}.ml-hero-top>div:last-child{max-width:600px;padding:0}.ml-hero-top p{color:#76656b;margin:0 0 23px;font-size:15px;line-height:1.75}.ml-hero-top .ml-button{justify-content:center}.ml-hero-image{border-radius:30px;overflow:hidden}.ml-hero-image img{height:clamp(380px,43vw,650px);object-position:center 56%}.ml-image-tag{left:26px;bottom:24px;border-radius:99px;background:#fffaf2ed;font-size:10px;padding:12px 19px;letter-spacing:1px;color:var(--ml-red)}.ml-hero-foot{border:0;padding:23px 10px 5px;font-size:11px;color:#796b6e}.ml-hero-foot a{text-decoration:none;color:var(--ml-red)}.ml-image-note{color:#8c7c80;font-size:10px}.ml-hero>.ml-image-note{text-align:center;margin-top:10px}.ml-section{padding:115px 0}.ml-section h2{font:550 clamp(35px,3.8vw,53px)/1.13 var(--ml-font);letter-spacing:-2px}.ml-section h3{font-family:var(--ml-font);font-weight:550;letter-spacing:-.7px}.ml-copy p,.ml-spec p,.ml-faq p{color:#796a6e}.ml-section img{border-radius:26px}.ml-stats{border:0;padding:25px 0 0;gap:22px}.ml-stats strong{font:500 36px var(--ml-font);letter-spacing:-1px;color:var(--ml-red)}.ml-stats span{color:#796a6e}.ml-apartments{background:transparent;padding-top:45px}.ml-heading-row p{color:#796a6e}.ml-filter{gap:5px;background:#f1e9e2;padding:5px;border-radius:99px;width:max-content;max-width:100%}.ml-filter button,.ml-tabs button{border:0;border-radius:99px;padding:10px 20px;color:#796a6e}.ml-filter button[aria-pressed=true]{background:#fffaf2;color:var(--ml-red);box-shadow:0 1px 6px #593a4210}.ml-selector{gap:28px;background:#f5eee5;border-radius:30px;padding:28px}.ml-unit{border-color:#e4d8d2;padding:21px 17px}.ml-unit:last-child{border-bottom:0}.ml-unit[aria-pressed=true]{background:#fffaf2;border-radius:17px;color:var(--ml-red);border-color:transparent}.ml-unit[aria-pressed=true]+.ml-unit{border-top-color:transparent}.ml-unit b{font:500 27px var(--ml-font)}.ml-unit small{font-size:11px}.ml-plan{border-radius:22px;background:#fff;padding:25px}.ml-plan img{border-radius:14px}.ml-plan h3{font-size:25px}.ml-plan p{color:#796a6e}.ml-plan .ml-button{align-self:stretch}.ml-small{color:#8a7a7e}.ml-life{background:#f7efe5;color:var(--ml-ink);border-radius:36px;margin:0 24px}.ml-life .ml-heading-row p{color:#796a6e;opacity:1}.ml-life .ml-tabs button{color:#796a6e;border:1px solid #e1d0cc;background:transparent}.ml-life .ml-tabs button[aria-pressed=true]{background:var(--ml-red);color:#fffaf2;border-color:var(--ml-red)}.ml-gallery{gap:20px;grid-template-columns:1.45fr 1fr}.ml-gallery button{overflow:hidden;border-radius:24px}.ml-gallery img{border-radius:0}.ml-gallery span{border-radius:99px;padding:9px 15px;background:#fffaf2ed;color:var(--ml-ink)}.ml-life .ml-button.light{background:var(--ml-red);color:#fffaf2;border-color:var(--ml-red)}.ml-spec{padding:25px 0}.ml-spec>span{color:#af7482;font-family:var(--ml-font);font-size:12px}.ml-spec strong{font-size:17px}.ml-location{background:#f7efe5;border-radius:36px;margin:0 24px}.ml-location p{color:#796a6e}.ml-stage{font-size:13px;color:#796a6e;gap:60px}.ml-stage strong{color:var(--ml-ink);font-weight:500}.ml-faq .ml-wrap{max-width:1050px}.ml-faq summary{font-size:16px;font-weight:500}.ml-contact{background:#48362f;color:var(--ml-paper);border-radius:36px;margin:0 24px;padding:85px 0}.ml-contact .ml-eyebrow{color:#e9bec5}.ml-contact h2{font-size:52px}.ml-contact .ml-person{border-color:#a65a70}.ml-contact .ml-person a{font-size:19px}.ml-contact select,.ml-contact textarea{border-color:#b26e80;border-radius:14px;padding:15px;background:#ffffff06}.ml-contact textarea::placeholder{color:#dfb6c1}.ml-contact option{color:var(--ml-ink)}.ml-contact form .ml-button{margin-top:5px}.ml-footer{padding:50px 4vw}.ml-footer p{color:#8a7a7e}.ml-dialog{border-radius:24px}.ml-close{border-radius:50%}.ml-menu{border-radius:99px}.ml-mobile-cta{background:#fffaf2f5;border-color:var(--ml-line)}
@media(max-width:950px){.ml-nav{gap:16px}.ml-nav a{font-size:11px}.ml-header{padding:0 25px}.ml-logo{font-size:24px}.ml-section{padding:80px 0}.ml-selector{padding:20px;gap:20px}.ml-unit{padding:20px 8px;gap:8px}.ml-unit span{font-size:12px}.ml-wrap{padding:0 30px}.ml-hero h1{font-size:64px}.ml-contact h2{font-size:45px}}
@media(max-width:700px){.ml-header{height:82px;padding:0 20px}.ml-logo{font-size:24px;gap:8px}.ml-logo svg{width:32px;height:36px}.ml-logo small{font-size:7px;letter-spacing:2px}.ml-menu{padding:8px 16px}.ml-nav{top:82px;gap:20px;border-radius:0 0 24px 24px;background:var(--ml-paper);box-shadow:0 15px 25px #3b102810}.ml-nav a{font-size:14px}.ml-hero{padding:36px 14px 0}.ml-hero h1{font-size:45px;letter-spacing:-2.3px}.ml-hero-top{gap:20px;padding-bottom:28px}.ml-hero-top>div:last-child{display:block;margin:0;max-width:320px}.ml-hero-top p{font-size:13px;margin-bottom:20px}.ml-hero-top .ml-button{padding:14px 23px}.ml-hero-image{border-radius:22px}.ml-hero-image img{height:380px;object-position:66% center}.ml-image-tag{left:14px;bottom:14px;padding:10px 13px;font-size:8px}.ml-hero-foot{justify-content:center;gap:8px 15px;text-align:center;font-size:10px;padding-top:17px}.ml-hero-foot a{width:100%;margin-top:5px}.ml-section{padding:65px 0}.ml-section h2{font-size:36px;letter-spacing:-1.5px}.ml-wrap{padding:0 23px}.ml-stats strong{font-size:30px}.ml-selector{padding:16px;gap:23px;border-radius:24px;margin:0 -8px}.ml-unit{padding:18px 10px;grid-template-columns:32px 1fr 75px 12px}.ml-plan{padding:20px;border-radius:18px}.ml-filter button{padding:10px 15px;font-size:11px}.ml-apartments{padding-top:25px}.ml-life,.ml-location,.ml-contact{margin:0 12px;border-radius:26px}.ml-life .ml-wrap,.ml-location .ml-wrap,.ml-contact .ml-wrap{padding:0 20px}.ml-gallery{gap:12px;grid-template-columns:1fr 1fr}.ml-gallery button{border-radius:17px}.ml-gallery span{font-size:9px;padding:7px 10px;bottom:10px;left:10px}.ml-tabs button{font-size:11px;padding:10px 14px}.ml-contact h2{font-size:38px}.ml-stage{gap:25px}.ml-footer{padding:40px 24px 100px}.ml-faq summary{font-size:14px;padding-right:23px}.ml-dialog{padding:48px 12px 15px}.ml-mobile-cta .ml-button{padding:11px 18px}}

/* Sticky navigation — desktop, mobile and WordPress admin toolbar */
:root{--ml-header-height:94px;--ml-admin-offset:0px}
html{scroll-padding-top:calc(var(--ml-header-height) + var(--ml-admin-offset) + 20px)}
.ml-header{position:sticky;top:var(--ml-admin-offset);z-index:100;background:#fffaf2f5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 #48362f0c}
body.admin-bar{--ml-admin-offset:32px}
.admin-bar .ml-header{top:var(--ml-admin-offset)}
@media(max-width:782px){body.admin-bar{--ml-admin-offset:46px}}
@media(max-width:700px){:root{--ml-header-height:82px}.ml-nav{max-height:calc(100dvh - var(--ml-header-height) - var(--ml-admin-offset) - 12px);overflow-y:auto;overscroll-behavior:contain}}
/* WordPress makes the toolbar absolute below 600px; keep its offset stable. */
@media(max-width:600px){body.admin-bar #wpadminbar{position:fixed}}
@media(prefers-reduced-transparency:reduce){.ml-header{background:#fffaf2;backdrop-filter:none;-webkit-backdrop-filter:none}}

html:has(body.admin-bar){--ml-admin-offset:32px}
@media(max-width:782px){html:has(body.admin-bar){--ml-admin-offset:46px}}

/* Approved typography, colours and supplied logo */
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:700;font-display:swap;src:url('assets/playfair-display-bold.ttf') format('truetype')}
:root{--ml-red:#b33240;--ml-ink:#48362f}
h1,h2,.ml-hero h1,.ml-section h2,.ml-contact h2{font-family:'Playfair Display',Georgia,serif;font-weight:700;letter-spacing:-.025em}
.ml-logo{display:flex;align-items:center;line-height:1}
.ml-logo img{display:block;width:176px;height:auto;max-height:74px;object-fit:contain;border-radius:0}
.ml-footer .ml-logo img{width:200px;max-height:none}
@media(max-width:700px){.ml-logo img{width:145px;max-height:61px}.ml-footer .ml-logo img{width:176px;max-height:none}}

/* MEGGYES LIGET – FINOM INTERAKCIÓK */

/* A későbbi ütemek képei maradjanak szürkék */
#kovetkezo-utemek article img {
  filter: grayscale(1);
}

/* A JavaScript által elrejtett elemek biztos elrejtése */
.ml-main [hidden] {
  display: none !important;
}

/* Billentyűzettel is jól látható kijelölés */
.ml-main a:focus-visible,
.ml-main button:focus-visible,
.ml-nav a:focus-visible,
.ml-faq summary:focus-visible {
  outline: 2px solid #b33240;
  outline-offset: 5px;
}

#szemelyre-szabhato a:focus-visible,
.ml-contact a:focus-visible,
.ml-contact button:focus-visible {
  outline-color: #fffaf2;
}

/* Egérrel használható eszközök */
@media (hover: hover) and (pointer: fine) {

  /* Gombok */
  .ml-button {
    transition:
      transform 220ms ease,
      box-shadow 220ms ease,
      background-color 220ms ease,
      color 220ms ease,
      border-color 220ms ease;
  }

  .ml-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 7px 18px rgba(72, 54, 47, 0.12);
  }

  .ml-button:active {
    transform: translateY(0);
    box-shadow: none;
  }

  .ml-button > span {
    display: inline-block;
    transition: transform 220ms ease;
  }

  .ml-button:hover > span {
    transform: translate(2px, -2px);
  }

  /* Menü: finoman megjelenő aláhúzás */
  .ml-nav a:not(.ml-button) {
    position: relative;
    text-decoration: none;
  }

  .ml-nav a:not(.ml-button)::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5px;
    height: 1px;
    background: #b33240;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 240ms ease;
  }

  .ml-nav a:not(.ml-button):hover::after {
    transform: scaleX(1);
  }

  /* Lakásválasztó: a kijelölt sor stílusát megtartjuk */
  .ml-unit {
    transition:
      background-color 220ms ease,
      box-shadow 220ms ease;
  }

  .ml-unit:not([aria-pressed="true"]):hover {
    background-color: rgba(179, 50, 64, 0.055);
    box-shadow: inset 3px 0 0 #b33240;
  }

  .ml-unit > span:last-child {
    transition: transform 220ms ease;
  }

  .ml-unit:hover > span:last-child {
    transform: translate(2px, -2px);
  }

  /* Szűrők és galériafülek */
  .ml-filter button,
  .ml-tabs button {
    transition:
      background-color 220ms ease,
      border-color 220ms ease,
      color 220ms ease;
  }

  .ml-filter button:not([aria-pressed="true"]):hover,
  .ml-tabs button:not([aria-pressed="true"]):hover {
    background-color: rgba(179, 50, 64, 0.06);
    border-color: #b33240;
  }

  /* Galéria: nagyon enyhe, lassú közelítés */
  .ml-gallery button {
    overflow: hidden;
  }

  .ml-gallery button img {
    transition: transform 650ms cubic-bezier(.2, .65, .3, 1);
  }

  .ml-gallery button:hover img {
    transform: scale(1.025);
  }

  /* A hero alatti két felhívás finom kiemelése */
  #otthonteremtes .ml-wrap > div > div {
    transition: box-shadow 260ms ease;
  }

  #otthonteremtes .ml-wrap > div > div:hover,
  #otthonteremtes .ml-wrap > div > div:focus-within {
    box-shadow:
      0 8px 24px rgba(72, 54, 47, 0.055),
      inset 0 0 0 1px rgba(179, 50, 64, 0.2);
  }

  /* Gyakori kérdések */
  .ml-faq summary {
    transition: color 200ms ease;
  }

  .ml-faq summary:hover {
    color: #b33240;
  }
}

/* Csökkentett mozgást kérő látogatóknál nincs animáció */
@media (prefers-reduced-motion: reduce) {

  html {
    scroll-behavior: auto !important;
  }

  .ml-button,
  .ml-button > span,
  .ml-nav a::after,
  .ml-unit,
  .ml-unit > span:last-child,
  .ml-filter button,
  .ml-tabs button,
  .ml-gallery button img,
  #otthonteremtes .ml-wrap > div > div,
  .ml-faq summary {
    transition: none !important;
    animation: none !important;
  }

  .ml-button:hover,
  .ml-button:hover > span,
  .ml-unit:hover > span:last-child,
  .ml-gallery button:hover img {
    transform: none !important;
  }
}

/* Lekerekített lakássorok */
.ml-unit {
  border-radius: 16px;
}

/* Hover oldalsáv nélkül */
@media (hover: hover) and (pointer: fine) {
  .ml-unit:not([aria-pressed="true"]):hover {
    background-color: rgba(179, 50, 64, 0.055);
    box-shadow: none;
  }
}

#kovetkezo-utemek article > div:first-child,
#kovetkezo-utemek article img {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* Bővített főmenü */
@media (min-width: 1101px) {
  .ml-nav {
    gap: clamp(16px, 1.6vw, 28px);
  }

  .ml-nav a {
    white-space: nowrap;
  }
}

@media (max-width: 1100px) {
  .ml-menu {
    display: block;
    padding: 9px 16px;
    border: 1px solid var(--ml-line);
    border-radius: 999px;
    background: transparent;
    color: #48362f;
    font-size: 13px;
  }

  .ml-nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
    padding: 26px;
    background: #fffaf2;
    border-bottom: 1px solid var(--ml-line);
    border-radius: 0 0 24px 24px;
    box-shadow: 0 14px 28px rgba(72, 54, 47, 0.08);
    max-height: calc(
      100dvh - var(--ml-header-height, 94px) -
      var(--ml-admin-offset, 0px) - 12px
    );
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .ml-nav.open {
    display: flex;
  }

  .ml-nav a {
    font-size: 14px;
  }

  .ml-nav a:not(.ml-button) {
    padding: 5px 0;
  }
}

/* MEGGYES LIGET – ÚJ HERO */

#kezdo {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  max-width: 1500px;
  margin: 0 auto;
  padding: 24px 30px 0;
}

/* A kép és a szöveg ugyanabba a mezőbe kerül */
#kezdo .ml-hero-image,
#kezdo .ml-hero-top {
  grid-column: 1;
  grid-row: 1;
}

#kezdo .ml-hero-image {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: 30px;
  background: #48362f;
}

#kezdo .ml-hero-image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 640px;
  object-fit: cover;
  object-position: center;
  border-radius: 0;
}

/* Finom sötétítés az olvashatósághoz */
#kezdo .ml-hero-image::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(
      90deg,
      rgba(32, 27, 24, 0.67) 0%,
      rgba(32, 27, 24, 0.32) 48%,
      rgba(32, 27, 24, 0.04) 100%
    ),
    linear-gradient(
      0deg,
      rgba(32, 27, 24, 0.25),
      transparent 65%
    );
}

/* Cím és gomb a kép bal alsó részén */
#kezdo .ml-hero-top {
  position: relative;
  z-index: 2;
  align-self: end;
  justify-self: start;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  width: min(100%, 750px);
  box-sizing: border-box;
  padding: clamp(32px, 5vw, 72px);
  margin: 70px 0 0;
  text-align: left;
}

#kezdo .ml-eyebrow {
  margin-bottom: 22px;
  color: #fffaf2;
  font-size: 11px;
  letter-spacing: 0.16em;
}

#kezdo h1 {
  margin: 0;
  max-width: 650px;
  color: #fffaf2;
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 700;
  font-size: clamp(46px, 5.5vw, 80px);
  line-height: 1.08;
  letter-spacing: -0.035em;
  text-wrap: balance;
}

#kezdo .ml-hero-top > div:last-child {
  display: block;
  max-width: 440px;
  margin: 0;
  padding: 0;
}

#kezdo .ml-hero-top p {
  margin: 0 0 26px;
  color: #fffaf2;
  font-size: 16px;
  line-height: 1.75;
}

#kezdo .ml-hero-top .ml-button {
  padding: 17px 27px;
  gap: 28px;
  border: 1px solid #b33240;
  border-radius: 999px;
  background: #b33240;
  color: #fffaf2;
}

#kezdo .ml-hero-top .ml-button:hover {
  background: #982b37;
  border-color: #982b37;
}

#kezdo .ml-hero-top .ml-button:focus-visible {
  outline-color: #fffaf2;
}

/* Az ütemjelölő a jobb felső sarokban */
#kezdo .ml-image-tag {
  z-index: 2;
  top: 24px;
  right: 24px;
  bottom: auto;
  left: auto;
  margin: 0;
  padding: 11px 17px;
  border: 1px solid rgba(255, 250, 242, 0.45);
  border-radius: 999px;
  background: rgba(32, 27, 24, 0.4);
  color: #fffaf2;
  font-size: 10px;
  letter-spacing: 0.08em;
}

/* Három egyenlő oszlop: valódi középre igazítás */
#kezdo .ml-hero-foot {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
  gap: 24px;
  padding: 24px 10px 16px;
  border-bottom: 1px solid #eaded5;
  color: #48362f;
  font-size: 12px;
  line-height: 1.6;
}

#kezdo .ml-hero-foot > :first-child {
  text-align: left;
}

#kezdo .ml-hero-foot > :nth-child(2) {
  text-align: center;
}

#kezdo .ml-hero-foot > :last-child {
  width: auto;
  margin: 0;
  text-align: right;
  color: #b33240;
}

#kezdo > .ml-image-note {
  margin: 12px 0 0;
  text-align: center;
  font-size: 10px;
  line-height: 1.6;
}

/* Mobil */
@media (max-width: 700px) {
  #kezdo {
    padding: 14px 14px 0;
  }

  #kezdo .ml-hero-image {
    border-radius: 24px;
  }

  #kezdo .ml-hero-image img {
    min-height: 580px;
    object-position: 62% center;
  }

  #kezdo .ml-hero-image::after {
    background: linear-gradient(
      0deg,
      rgba(32, 27, 24, 0.84) 0%,
      rgba(32, 27, 24, 0.52) 48%,
      rgba(32, 27, 24, 0.06) 100%
    );
  }

  #kezdo .ml-hero-top {
    width: 100%;
    gap: 20px;
    padding: 30px 24px;
  }

  #kezdo h1 {
    font-size: clamp(36px, 9vw, 54px);
    line-height: 1.1;
  }

  #kezdo .ml-eyebrow {
    margin-bottom: 16px;
    font-size: 10px;
  }

  #kezdo .ml-hero-top p {
    font-size: 14px;
    margin-bottom: 22px;
  }

  #kezdo .ml-image-tag {
    top: 18px;
    right: 18px;
    font-size: 9px;
    padding: 9px 13px;
  }

  #kezdo .ml-hero-foot {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 20px 8px 16px;
  }

  #kezdo .ml-hero-foot > :first-child,
  #kezdo .ml-hero-foot > :nth-child(2),
  #kezdo .ml-hero-foot > :last-child {
    text-align: center;
  }
}