

:root{
  --color-bg-sand:#EFECE6;
  --color-surface-stone:#DFDAD2;
  --color-text-charcoal:#3A3835;
  --color-accent-olive:#656D4A;
  --color-border-muted:#E0DDD6;
  --color-shadow-soft:rgba(58,56,53,0.06);

  --font-heading:'Cormorant Garamond',serif;
  --font-body:'Inter',sans-serif;

  --fs-xl:2.25rem;
  --fs-lg:1.5rem;
  --fs-md:1.125rem;
  --fs-base:1rem;
  --fs-sm:0.875rem;

  --space-1:0.5rem;
  --space-2:1rem;
  --space-3:2rem;
  --space-4:3.5rem;
  --space-5:5rem;

  --radius-sm:18px;
  --radius-md:26px;
  --radius-lg:36px;
  --radius-pill:999px;

  --shadow-soft:0 10px 24px var(--color-shadow-soft);

  --container-max:980px;
  --container-pad:clamp(1rem,5vw,2rem);

  --transition-soft:200ms ease-in-out;
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

html,body{
  margin:0;
  padding:0;
  min-height:100%;
  background:var(--color-bg-sand);
  color:var(--color-text-charcoal);
  font-family:var(--font-body);
  font-size:var(--fs-base);
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}

body.menu-open{
  overflow:hidden;
}

img,video{
  max-width:100%;
  display:block;
  height:auto;
  border-radius:var(--radius-md);
}

svg{
  display:block;
}

a{
  color:var(--color-accent-olive);
  text-decoration:none;
  transition:var(--transition-soft);
}

a:hover,
a:focus{
  text-decoration:underline;
}

h1,h2,h3,h4,h5,h6{
  font-family:var(--font-heading);
  line-height:1.25;
  margin-top:0;
  margin-bottom:var(--space-2);
  font-weight:500;
}

h1{font-size:var(--fs-xl);}
h2{font-size:var(--fs-lg);}
h3{font-size:var(--fs-md);}
h4,h5,h6{font-size:var(--fs-base);}

p{
  margin-top:0;
  margin-bottom:var(--space-2);
}

ul,ol{
  margin-top:0;
  margin-bottom:var(--space-2);
  padding-left:1.2em;
}

li{
  margin-bottom:var(--space-1);
}

blockquote{
  margin:0 0 var(--space-2);
  padding-left:var(--space-2);
  border-left:2px solid var(--color-border-muted);
  font-style:italic;
}

hr{
  border:none;
  border-top:1px solid var(--color-border-muted);
  margin:var(--space-3) 0;
}

:where(.flow > *:last-child),
:where(.card > *:last-child),
:where(.panel > *:last-child){
  margin-bottom:0;
}

.container{
  width:100%;
  max-width:var(--container-max);
  margin-left:auto;
  margin-right:auto;
  padding-left:var(--container-pad);
  padding-right:var(--container-pad);
}

.section{
  padding-top:var(--space-4);
  padding-bottom:var(--space-4);
}

.surface{
  background:var(--color-surface-stone);
  border:1px solid var(--color-border-muted);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-soft);
}

.card{
  padding:var(--space-3);
  background:var(--color-surface-stone);
  border-radius:var(--radius-lg);
  border:1px solid var(--color-border-muted);
  box-shadow:var(--shadow-soft);
}

.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0.4em;
  font-family:var(--font-body);
  font-size:var(--fs-base);
  padding:0.65em 1.4em;
  border-radius:var(--radius-pill);
  border:1px solid transparent;
  background:var(--color-accent-olive);
  color:#fff;
  cursor:pointer;
  transition:var(--transition-soft);
}

.button:hover,
.button:focus{
  background:#5a6242;
}

.button.secondary{
  background:transparent;
  color:var(--color-accent-olive);
  border-color:var(--color-accent-olive);
}

.input,
textarea,
select{
  width:100%;
  font-family:var(--font-body);
  font-size:var(--fs-base);
  padding:0.65em 0.9em;
  border-radius:var(--radius-md);
  border:1px solid var(--color-border-muted);
  background:var(--color-surface-stone);
  color:var(--color-text-charcoal);
  transition:var(--transition-soft);
}

.input:focus,
textarea:focus,
select:focus{
  outline:none;
  border-color:var(--color-accent-olive);
  box-shadow:0 0 0 2px rgba(101,109,74,0.15);
}

label{
  display:block;
  margin-bottom:var(--space-1);
  font-size:var(--fs-sm);
}

.form-group{
  margin-bottom:var(--space-2);
}

.grid{
  display:grid;
  gap:var(--space-3);
}

.grid-2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.grid-3{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.flex{
  display:flex;
  gap:var(--space-2);
}

.flex-wrap{
  flex-wrap:wrap;
}

.flex-center{
  align-items:center;
  justify-content:center;
}

.stack > * + *{
  margin-top:var(--space-2);
}

.aspect{
  position:relative;
  width:100%;
  overflow:hidden;
  border-radius:var(--radius-lg);
}

.aspect > *{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}

.aspect-16-9{aspect-ratio:16/9;}
.aspect-4-3{aspect-ratio:4/3;}
.aspect-1-1{aspect-ratio:1/1;}

.nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-2);
  padding:var(--space-2) var(--container-pad);
  background:var(--color-surface-stone);
  border-radius:var(--radius-lg);
  border:1px solid var(--color-border-muted);
}

.footer{
  padding:var(--space-4) var(--container-pad);
  background:var(--color-surface-stone);
  border-top:1px solid var(--color-border-muted);
}

@media (max-width:900px){
  .grid-2,
  .grid-3{
    grid-template-columns:1fr;
  }

  .section{
    padding-top:var(--space-3);
    padding-bottom:var(--space-3);
  }
}

@media (max-width:600px){
  html{
    font-size:15px;
  }
}


.site-header{
  position:sticky;
  top:0;
  z-index:1000;
  padding:0.55rem var(--container-pad);
}

.site-header__inner{
  position:relative;
  max-width:1180px;
  margin-inline:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-2);
  background:var(--color-surface-stone);
  border:1px solid var(--color-border-muted);
  border-radius:var(--radius-md);
  padding:0.4rem 0.75rem;
  box-shadow:0 6px 18px var(--color-shadow-soft);
}

.site-brand{
  display:flex;
  align-items:center;
  gap:0.6rem;
  text-decoration:none;
  color:inherit;
}

.site-brand__mark{
  height:38px;
  width:auto;
  border-radius:0;
}

.site-brand__text{
  font-family:var(--font-heading);
  font-size:1.1rem;
}

.site-nav{
  display:flex;
}

.site-nav__list{
  display:flex;
  align-items:center;
  gap:0.95rem;
  list-style:none;
  margin:0;
  padding:0;
}

.site-nav__list a{
  display:block;
  color:var(--color-text-charcoal);
  font-size:0.84rem;
  line-height:1.2;
  white-space:nowrap;
}

.site-nav__cta{
  padding:0.55em 0.95em;
  border-radius:var(--radius-pill);
  background:var(--color-accent-olive);
  color:#fff;
}

.site-nav__cta:hover,
.site-nav__cta:focus{
  color:#fff;
  text-decoration:none;
}

.site-nav__list--mobile{
  display:none;
}

.site-nav-toggle{
  display:none;
  width:44px;
  height:44px;
  border-radius:var(--radius-pill);
  border:1px solid var(--color-border-muted);
  background:var(--color-surface-stone);
  align-items:center;
  justify-content:center;
}

.site-nav-toggle__line{
  display:block;
  width:18px;
  height:2px;
  background:var(--color-text-charcoal);
  margin:3px 0;
}

.site-nav__close,
.site-nav-backdrop{
  display:none;
}

@media (max-width:900px){
  .site-nav{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    height:100dvh;
    width:min(360px,88vw);
    background:var(--color-surface-stone);
    border-left:1px solid var(--color-border-muted);
    padding:1.1rem 1.25rem 2rem;
    transform:translateX(105%);
    transition:transform 240ms ease, visibility 0s linear 240ms;
    flex-direction:column;
    align-items:stretch;
    gap:1.5rem;
    overflow-y:auto;
    visibility:hidden;
    pointer-events:none;
    z-index:2;
    box-shadow:-16px 0 36px rgba(58,56,53,0.14);
  }

  .site-nav.is-open{
    transform:translateX(0);
    visibility:visible;
    pointer-events:auto;
    transition:transform 240ms ease;
  }

  .site-nav-backdrop{
    display:block;
    position:fixed;
    inset:0;
    z-index:1;
    border:0;
    background:rgba(31,30,28,0.38);
    opacity:0;
    pointer-events:none;
    transition:opacity 240ms ease;
  }

  .site-nav.is-open + .site-nav-backdrop{
    opacity:1;
    pointer-events:auto;
  }

  .site-nav__list{
    flex-direction:column;
    align-items:flex-start;
    gap:0.15rem;
  }

  .site-nav__list--mobile{
    display:flex;
    margin-top:0;
    padding-top:1rem;
    border-top:1px solid var(--color-border-muted);
  }

  .site-nav__list a{
    width:100%;
    padding:0.75rem 0;
    font-size:1rem;
    white-space:normal;
  }

  .site-nav__cta{
    width:auto !important;
    margin-top:0.45rem;
    padding-inline:1.1rem !important;
  }

  .site-nav-toggle{
    display:flex;
    position:relative;
    z-index:1;
    flex-direction:column;
  }

  .site-nav__close{
    display:flex;
    width:42px;
    height:42px;
    margin-left:auto;
    padding:0;
    border:1px solid var(--color-border-muted);
    border-radius:50%;
    background:transparent;
    align-items:center;
    justify-content:center;
    position:relative;
    flex:0 0 auto;
  }

  .site-nav__close span{
    position:absolute;
    width:17px;
    height:2px;
    background:var(--color-text-charcoal);
    transform:rotate(45deg);
  }

  .site-nav__close span:last-child{
    transform:rotate(-45deg);
  }
}

@media (prefers-reduced-motion:reduce){
  .site-nav,
  .site-nav-backdrop{
    transition:none;
  }
}

@media (max-width:600px){
  .site-header{
    padding-top:0.4rem;
    padding-bottom:0.4rem;
  }

  .site-header__inner{
    padding:0.35rem 0.55rem 0.35rem 0.7rem;
  }

  .site-brand__mark{
    height:32px;
  }

  .site-brand__text{
    font-size:1rem;
  }
}


.site-footer{
  margin-top:var(--space-5);
  padding:var(--space-4) var(--container-pad);
  background:var(--color-surface-stone);
  border-top:1px solid var(--color-border-muted);
}

.site-footer__inner{
  max-width:var(--container-max);
  margin-inline:auto;
  display:grid;
  gap:var(--space-3);
}

.site-footer__nav ul{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:0.4rem;
}

.site-footer__copy{
  font-size:var(--fs-sm);
}

.consent{
  position:fixed;
  bottom:1rem;
  left:50%;
  transform:translateX(-50%);
  background:var(--color-surface-stone);
  border:1px solid var(--color-border-muted);
  border-radius:var(--radius-lg);
  padding:1rem 1.2rem;
  box-shadow:var(--shadow-soft);
  display:none;
}

.consent.is-visible{
  display:block;
}

.consent__actions{
  display:flex;
  gap:0.5rem;
  margin-top:0.5rem;
}

.age-modal{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.3);
  display:none;
  align-items:center;
  justify-content:center;
}

.age-modal.is-visible{
  display:flex;
}

.age-modal__inner{
  background:var(--color-surface-stone);
  padding:2rem;
  border-radius:var(--radius-lg);
  border:1px solid var(--color-border-muted);
  text-align:center;
}

.age-modal__actions{
  display:flex;
  gap:1rem;
  justify-content:center;
  margin-top:1rem;
}


.cookie-page{display:flex;flex-direction: column;align-items: center;}

.cookie-hero-inner{
max-width:720px;
margin:0 auto;
text-align:left;
}

.cookie-text-block,
.cookie-usage,
.cookie-control,
.cookie-third,
.cookie-update{
max-width:720px;
}

.cookie-types{
max-width:760px;
display:flex;
flex-direction:column;
gap:var(--space-3);
}

.cookie-control{
display:flex;
flex-direction:column;
gap:var(--space-2);
}

.cookie-note{
padding:var(--space-2);
background:var(--color-surface-stone);
border-radius:var(--radius-md);
border:1px solid var(--color-border-muted);
}

.cookie-cta{
max-width:600px;
margin:0 auto;
text-align:center;
display:flex;
flex-direction:column;
gap:var(--space-2);
}

.cookie-cta .button{
align-self:center;
}

@media (max-width:600px){
.cookie-hero-inner,
.cookie-text-block,
.cookie-usage,
.cookie-control,
.cookie-third,
.cookie-update{
width:90vw;
}
}


.tc-page{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.tc-hero-inner{
  max-width:720px;
  margin-inline:auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

.tc-container{
  max-width:760px;
}

.tc-section .tc-container{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

.tc-highlight{
  display:flex;
  justify-content:center;
}

.tc-card{
  max-width:760px;
  width:100%;
  padding:var(--space-3);
  background:var(--color-surface-stone);
  border-radius:var(--radius-lg);
  border:1px solid var(--color-border-muted);
  box-shadow:var(--shadow-soft);
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

.tc-contact{
  display:flex;
  justify-content:center;
}

.tc-form-card{
  max-width:600px;
  width:100%;
  padding:var(--space-3);
  background:var(--color-surface-stone);
  border-radius:var(--radius-lg);
  border:1px solid var(--color-border-muted);
  box-shadow:var(--shadow-soft);
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

.tc-form{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
  text-align:left;
}

@media (max-width:600px){
  .tc-hero-inner{
    padding-left:1rem;
    padding-right:1rem;
  }
}


.pp{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.pp-intro-inner{
  max-width:720px;
  margin-inline:auto;
  text-align:left;
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

.pp-principles{
  display:flex;
  flex-direction:column;
  gap:var(--space-1);
}

.pp-section{
  border-top:1px solid var(--color-border-muted);
}

.pp-column{
  max-width:720px;
}

.pp-column h2{
  margin-bottom:var(--space-3);
}

.pp-column h3{
  margin-top:var(--space-3);
}

.pp-narrow{
  max-width:680px;
  margin-inline:auto;
}

.pp-contact{
  display:flex;
  justify-content:center;
}

.pp-contact-card{
  max-width:720px;
  width:100%;
  padding:var(--space-3);
  background:var(--color-surface-stone);
  border-radius:var(--radius-lg);
  border:1px solid var(--color-border-muted);
  box-shadow:var(--shadow-soft);
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

@media (max-width:600px){
  .pp-intro-inner,
  .pp-column,
  .pp-narrow,
  .pp-contact-card{
    width:90vw;
  }
}


.contact-page{}

.contact-hero-inner{display:flex;gap:var(--space-4);align-items:flex-start}
.contact-hero-text{max-width:520px}
.contact-hero-space{flex:1}

.contact-options-grid{align-items:stretch}
.contact-card{display:flex;flex-direction:column;gap:var(--space-2);text-align:center}
.contact-highlight{background:var(--color-surface-stone)}

.contact-form-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}
.contact-form-intro{max-width:640px;text-align:center}
.contact-form{width:100%;max-width:640px;display:flex;flex-direction:column;gap:var(--space-2)}
.contact-form-feedback{font-size:var(--fs-sm)}

.contact-process-inner{display:flex}
.contact-process-text{max-width:700px}

.contact-types-heading{text-align:center}
.contact-types-grid{}
.contact-type-card{display:flex;flex-direction:column;gap:var(--space-2);text-align:center;transition:var(--transition-soft)}
.contact-type-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft)}

.contact-accordion{display:flex;flex-direction:column;gap:var(--space-2)}
.contact-accordion-item{border-bottom:1px solid var(--color-border-muted);padding-bottom:var(--space-1)}
.contact-accordion-trigger{background:none;border:none;font-family:var(--font-heading);font-size:var(--fs-md);text-align:left;width:100%;cursor:pointer;padding:var(--space-1) 0}
.contact-accordion-content{max-height:0;overflow:hidden;opacity:0;transition:var(--transition-soft)}
.contact-accordion-item.active .contact-accordion-content{max-height:200px;opacity:1}

.contact-cta-inner{max-width:480px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}

@media (max-width:900px){
.contact-hero-inner{flex-direction:column}
.contact-hero-text{margin-inline:auto;text-align:center}
.contact-hero-space{display:none}
}


.elm-page{}

.elm-hero-inner{display:grid;grid-template-columns:45% 55%;align-items:center;gap:var(--space-4)}
.elm-hero-text{max-width:34ch}
.elm-hero-image{width:100%}

.elm-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-3)}
.elm-card{transition:var(--transition-soft)}
.elm-card:hover{transform:translateY(-4px)}

.elm-text-wide{max-width:70ch}

.elm-steps-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-3)}
.elm-step{max-width:38ch}

.elm-space-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center}
.elm-space-text{max-width:55ch}

.elm-audience-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-3);text-align:center}
.elm-audience-item{max-width:30ch;margin-inline:auto}

.elm-booking-inner{max-width:520px;margin-inline:auto;text-align:center}
.elm-form{display:flex;flex-direction:column;gap:var(--space-2);text-align:left}
.elm-form-feedback{font-size:var(--fs-sm)}

.elm-cta-inner{text-align:center;max-width:40ch;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-2);align-items:center}

@media(max-width:900px){
.elm-hero-inner{grid-template-columns:1fr}
.elm-hero-text{max-width:100%}
.elm-cards{grid-template-columns:1fr}
.elm-steps-grid{grid-template-columns:1fr}
.elm-space-inner{grid-template-columns:1fr}
.elm-audience-grid{grid-template-columns:1fr}
}


.poker-page .hero-inner{display:flex;gap:var(--space-4);align-items:center}
.poker-page .hero-text{max-width:480px;display:flex;flex-direction:column;gap:var(--space-2)}
.poker-page .hero-image{flex:1}

.special-cards .card{transition:var(--transition-soft)}
.special-cards .card:hover{transform:translateY(-4px)}

.how{display:flex;gap:var(--space-4);align-items:flex-start}
.how-text{flex:0 0 60%}
.how-image{flex:0 0 40%}

.atmosphere{display:flex;gap:var(--space-4);align-items:center}
.atmos-image{flex:0 0 60%}
.atmos-text{flex:0 0 40%;max-width:420px}

.faq{max-width:700px}
.faq-item{border-bottom:1px solid var(--color-border-muted);padding:var(--space-2) 0}
.faq-q{background:none;border:none;font-family:var(--font-heading);font-size:var(--fs-md);cursor:pointer;text-align:left;width:100%}
.faq-a{display:none;padding-top:var(--space-1)}
.faq-item.active .faq-a{display:block}

.info{max-width:500px}

.form-wrap{display:flex;justify-content:center}
.form-card{max-width:520px;width:100%;display:flex;flex-direction:column;gap:var(--space-2)}

.final-cta .center{text-align:center;max-width:520px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-2)}

@media(max-width:900px){
.poker-page .hero-inner{flex-direction:column}
.how{flex-direction:column}
.atmosphere{flex-direction:column}
}


.bemutatkozas .hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center}
.hero-text{max-width:480px}
.hero-image{width:100%}

.intro-inner{text-align:center}
.intro-text{max-width:640px;margin-inline:auto}

.philosophy-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center}
.philosophy-text{max-width:480px}

.space-inner{display:grid;grid-template-columns:1.1fr 0.9fr;gap:var(--space-4);align-items:center}
.space-text{max-width:560px}

.exp-grid .exp-card{transition:var(--transition-soft)}
.exp-grid .exp-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px var(--color-shadow-soft)}

.audience .grid>div{max-width:320px;margin-inline:auto;text-align:center}

.process-steps{display:flex;gap:var(--space-3)}
.step{flex:1}

.cta-card{text-align:center;display:flex;flex-direction:column;gap:var(--space-2);align-items:center}

.contact-form{max-width:520px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-2)}

@media(max-width:900px){
.hero-inner,.philosophy-inner,.space-inner{grid-template-columns:1fr}
.process-steps{flex-direction:column}
.hero-text,.philosophy-text,.space-text{max-width:100%}
}


.tematikus-page .hero-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--space-4)}
.hero-text{max-width:480px}
.hero-image{width:100%}

.special h2{text-align:center;margin-bottom:var(--space-3)}
.special-cards .card{transition:var(--transition-soft)}
.special-cards .card:hover{box-shadow:0 14px 30px var(--color-shadow-soft)}

.types-inner{display:flex}
.types-text{max-width:620px}

.atmosphere-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center}
.atmo-text{max-width:480px}

.flow-section h2{text-align:center;margin-bottom:var(--space-3)}
.flow-steps .card{text-align:center}

.audience h2{text-align:center;margin-bottom:var(--space-3)}
.audience-items .card{text-align:center}

.faq-inner{max-width:700px;margin:0 auto}
.faq-question{width:100%;text-align:left;background:none;border:none;padding:var(--space-2) 0;font-family:var(--font-heading);cursor:pointer}
.faq-answer{display:none;padding-bottom:var(--space-2)}
.faq-item.active .faq-answer{display:block}

.booking-inner{display:flex;justify-content:center}
.booking-card{max-width:520px;width:100%;display:flex;flex-direction:column;gap:var(--space-2)}

.cta-inner{display:flex;justify-content:center}
.cta-box{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);padding:var(--space-3);align-items:center}
.cta-text{max-width:420px}

@media(max-width:900px){
.hero-inner{grid-template-columns:1fr !important}
.atmosphere-inner{grid-template-columns:1fr}
.cta-box{grid-template-columns:1fr}
}


.gyik-page{}

.gyik-hero-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-4);
}
.gyik-hero-text{max-width:520px;}
.gyik-hero-image{max-width:420px;width:100%;}

.gyik-pills{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:var(--space-2);
}

.gyik-narrow{max-width:700px;}

.gyik-accordion{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

.gyik-item{
  border:1px solid var(--color-border-muted);
  border-radius:var(--radius-md);
  overflow:hidden;
  background:var(--color-surface-stone);
}

.gyik-question{
  width:100%;
  text-align:left;
  padding:var(--space-2);
  background:none;
  border:none;
  font-family:var(--font-heading);
  cursor:pointer;
}

.gyik-answer{
  max-height:0;
  overflow:hidden;
  padding:0 var(--space-2);
  transition:max-height 0.25s ease, padding 0.25s ease;
}

.gyik-item.open .gyik-answer{
  max-height:500px;
  padding:var(--space-2);
}

.gyik-split-inner{
  display:flex;
  gap:var(--space-4);
  align-items:center;
}

.gyik-split-text{flex:0 0 60%;}
.gyik-split-image{flex:0 0 40%;}

.gyik-split.reverse .gyik-split-inner{
  flex-direction:row-reverse;
}

.gyik-cta .gyik-form-card{
  max-width:520px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

@media(max-width:900px){
  .gyik-hero-inner,
  .gyik-split-inner{
    flex-direction:column;
  }

  .gyik-split-text,
  .gyik-split-image{
    flex:1 1 auto;
    width:100%;
  }
}


.vr-page{}

.vr-hero-inner{display:grid;grid-template-columns:60% 40%;gap:var(--space-4);align-items:center}
.vr-hero-text{max-width:60ch}
.vr-hero-image{width:100%}

.vr-center{text-align:center}
.vr-card-grid{margin-top:var(--space-3)}
.vr-card{transition:var(--transition-soft)}
.vr-card:hover{box-shadow:0 14px 28px var(--color-shadow-soft)}

.vr-highlight-inner{display:grid;grid-template-columns:70% 30%;gap:var(--space-4)}
.vr-highlight-text{max-width:55ch}

.vr-services>div{max-width:60ch}

.vr-custom-inner{display:flex}
.vr-custom-text{max-width:55ch}

.vr-process .vr-steps>div{text-align:center;max-width:40ch;margin-inline:auto}

.vr-image-inner{display:grid;grid-template-columns:60% 40%;gap:var(--space-4);align-items:center}
.vr-image-text{max-width:45ch}

.vr-accordion{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}
.vr-question{width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--color-border-muted);padding:var(--space-2);font-family:var(--font-heading);font-size:var(--fs-md);cursor:pointer}
.vr-answer{display:none;padding:var(--space-2);max-width:65ch}

.vr-cta-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}
.vr-cta-text{max-width:55ch;text-align:center}
.vr-form{width:100%;max-width:500px}

@media(max-width:900px){
.vr-hero-inner,.vr-highlight-inner,.vr-image-inner{grid-template-columns:1fr}
}


.home-hero{position:relative;overflow:hidden}
.home-hero-bg img{width:100%;height:750px;object-fit:cover}
.home-hero-panel{position:absolute;left:50%;bottom:3rem;transform:translateX(-50%);max-width:100%;padding:var(--space-3)}
.home-hero-inner{display:flex;flex-direction:column;gap:var(--space-2)}
.home-hero-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}

.home-intro-inner{max-width:640px;margin:0 auto;text-align:center}
.home-intro-grid{display:grid;gap:var(--space-3);margin-top:var(--space-3)}

.home-experiences .home-cards .card{transition:var(--transition-soft)}
.home-experiences .card:hover{box-shadow:0 16px 30px var(--color-shadow-soft)}

.home-ambience-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center}
.home-ambience-text{max-width:420px}

.home-why-grid{max-width:800px;margin:0 auto;text-align:center}

.home-steps{display:flex;gap:var(--space-3)}
.home-steps > div{flex:1;min-width:0}

.home-highlight-card{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);align-items:center;max-width:700px}
.home-highlight-text{display:flex;flex-direction:column;gap:var(--space-2)}

.home-accordion{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-2)}
.home-accordion-trigger{background:none;border:none;text-align:left;font-family:var(--font-heading);font-size:var(--fs-md);cursor:pointer;padding:var(--space-1) 0;border-bottom:1px solid var(--color-border-muted)}
.home-accordion-content{display:none;padding-top:var(--space-1)}
.home-accordion-item.active .home-accordion-content{display:block}

.home-cta-inner{max-width:420px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}

.home-contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
.home-contact-form{max-width:480px}

@media(max-width:900px){
.home-ambience-inner{grid-template-columns:1fr}
.home-steps{flex-direction:column}
.home-highlight-card{grid-template-columns:1fr}
.home-contact-inner{grid-template-columns:1fr}
.home-hero-bg img{height:1100px}
}


.priv-page{}

.priv-hero-inner{
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:var(--space-4);
  align-items:center;
}
.priv-hero-text{max-width:480px}
.priv-hero-image{width:100%}

.priv-cards .card{
  transition:var(--transition-soft);
}
.priv-cards .card:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 30px var(--color-shadow-soft);
}

.priv-experience-inner{
  display:grid;
  grid-template-columns:1.1fr 0.9fr;
  gap:var(--space-4);
  align-items:center;
}
.priv-experience-text{max-width:520px}

.priv-custom > div{min-width:0}

.priv-center{text-align:center;margin-bottom:var(--space-3)}

.priv-steps .card{text-align:center}

.priv-ambient-inner{
  position:relative;
  border-radius:var(--radius-lg);
  overflow:hidden;
}
.priv-ambient-inner img{width:100%;height:auto}
.priv-ambient-text{
  position:absolute;
  bottom:10%;
  left:50%;
  transform:translateX(-50%);
  background:rgba(239,236,230,0.9);
  padding:var(--space-2);
  border-radius:var(--radius-md);
  max-width:400px;
  text-align:center;
}

.priv-faq{max-width:600px;margin:0 auto}
.priv-question{
  width:100%;
  text-align:left;
  background:none;
  border:none;
  padding:var(--space-2) 0;
  font-family:var(--font-heading);
  font-size:var(--fs-md);
  cursor:pointer;
}
.priv-answer{display:none;padding-bottom:var(--space-2)}
.priv-item{border-bottom:1px solid var(--color-border-muted)}

.priv-form{max-width:520px;margin:0 auto;text-align:center}
.priv-success{margin-top:var(--space-2);color:var(--color-accent-olive)}

.priv-cta{
  text-align:center;
  max-width:420px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

@media(max-width:900px){
  .priv-hero-inner,
  .priv-experience-inner{
    grid-template-columns:1fr;
  }
  .priv-hero-text,
  .priv-experience-text{
    margin:0 auto;
    text-align:center;
  }
}


.thankyou-card{
  padding:var(--space-4);
  border-radius:var(--radius-lg);
}

.thankyou-content{
  max-width:520px;
  margin-inline:auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

.thankyou-actions{
  display:flex;
  justify-content:center;
  gap:var(--space-2);
  flex-wrap:wrap;
  margin-top:var(--space-2);
}

@media (max-width:600px){
  .thankyou-card{
    padding:var(--space-3);
  }
}

@media (max-width: 900px) {
  .bemutatkozas .hero-inner {
    grid-template-columns: 1fr;
  }
}