

:root{
  --color-surface-bg:#1A0B2E;
  --color-surface-elevated:#251C3F;
  --color-primary:#FF71CE;
  --color-secondary:#01CDFE;
  --color-highlight:#FFFB96;
  --color-on-surface:#FFFFFF;
  --color-on-accent:#1A0B2E;
  --gradient-header:linear-gradient(90deg,#FF71CE 0%,#01CDFE 100%);
  --gradient-chrome:linear-gradient(90deg,#FFFB96 0%,#FF71CE 40%,#01CDFE 100%);

  --font-heading:'Orbitron','Segoe UI',Arial,sans-serif;
  --font-body:'IBM Plex Sans','Segoe UI',Arial,sans-serif;

  --fs-1:2.75rem;
  --fs-2:2rem;
  --fs-3:1.5rem;
  --fs-4:1.125rem;
  --fs-5:1rem;
  --fs-6:0.875rem;

  --space-1:0.5rem;
  --space-2:1rem;
  --space-3:1.5rem;
  --space-4:2rem;
  --space-5:3rem;
  --space-6:4.5rem;

  --radius:12px;

  --border-neon:2px solid var(--color-primary);
  --border-cyan:2px solid var(--color-secondary);

  --shadow-glow-pink:0 0 12px rgba(255,113,206,0.6);
  --shadow-glow-cyan:0 0 12px rgba(1,205,254,0.6);

  --container-max:1100px;
  --container-pad:1rem;
}

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

html,body{
  margin:0;
  padding:0;
  background:var(--color-surface-bg);
  color:var(--color-on-surface);
  font-family:var(--font-body);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

img,video{
  display:block;
  max-width:100%;
  height:auto;
  object-fit:cover;
}

picture{
  display:block;
}

button,
input,
select,
textarea{
  font:inherit;
  color:inherit;
  background:none;
  border:none;
  outline:none;
}

button{
  cursor:pointer;
}

a{
  color:var(--color-primary);
  text-decoration:none;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible{
  outline:2px solid var(--color-secondary);
  outline-offset:2px;
}

h1,h2,h3,h4,h5,h6{
  font-family:var(--font-heading);
  text-transform:uppercase;
  font-weight:700;
  line-height:1.2;
  margin:0 0 var(--space-3);
}

h1{font-size:var(--fs-1);}
h2{font-size:var(--fs-2);}
h3{font-size:var(--fs-3);}
h4{font-size:var(--fs-4);}
h5{font-size:var(--fs-5);}
h6{font-size:var(--fs-6);}

p{
  margin:0 0 var(--space-3);
  font-size:var(--fs-5);
}

ul,
ol{
  margin:0 0 var(--space-3);
  padding-left:1.2rem;
}

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

blockquote{
  margin:0 0 var(--space-3);
  padding-left:var(--space-2);
  border-left:2px solid var(--color-secondary);
}

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

.section{
  padding-block:var(--space-5);
}

.surface{
  background:var(--color-surface-elevated);
  border-radius:var(--radius);
  padding:var(--space-3);
}

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

.cluster{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-2);
  align-items:center;
}

.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));
}

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

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

.flex-col{
  flex-direction:column;
}

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

.card{
  background:var(--color-surface-elevated);
  border-radius:var(--radius);
  border:var(--border-neon);
  padding:var(--space-3);
}

.card > *:last-child{
  margin-bottom:0;
}

.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:0.75rem 1.25rem;
  border-radius:var(--radius);
  font-family:var(--font-heading);
  text-transform:uppercase;
  font-size:var(--fs-6);
  letter-spacing:0.05em;
  background:var(--color-primary);
  color:var(--color-on-accent);
  border:var(--border-neon);
  word-break:break-word;
}

.button.secondary{
  background:var(--color-secondary);
  border:var(--border-cyan);
}

.button:hover{
  box-shadow:var(--shadow-glow-pink);
}

.button.secondary:hover{
  box-shadow:var(--shadow-glow-cyan);
}

input,
textarea{
  width:100%;
  padding:0.65rem 0.75rem;
  border-radius:var(--radius);
  border:var(--border-cyan);
  background:transparent;
}

textarea{
  resize:vertical;
}

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

form > * + *{
  margin-top:var(--space-3);
}

.aspect-16x9{
  aspect-ratio:16/9;
  overflow:hidden;
}

.aspect-1x1{
  aspect-ratio:1/1;
  overflow:hidden;
}

.aspect-16x9 img,
.aspect-1x1 img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.chrome-text{
  background:var(--gradient-chrome);
  -webkit-background-clip:text;
  color:transparent;
}

.header-bar{
  background:var(--gradient-header);
  color:#000;
}

.nav-toggle{
  display:flex;
  gap:4px;
}

.footer{
  padding-block:var(--space-4);
}

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

ul { list-style: none !important; }
.nav-toggle { flex-direction: column; }


.afh-header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:var(--gradient-header);} 
.afh-header-inner{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:var(--space-2);} 
.afh-header-spacer{height:72px;} 
.afh-brand{display:flex;align-items:center;gap:0.5rem;color:#000;} 
.afh-logo{height:44px;width:auto;display:block;} 
.afh-brand-text{font-family:var(--font-heading);font-size:1.25rem;} 
.afh-nav{display:flex;gap:var(--space-2);align-items:center;} 
.afh-nav a{font-family:var(--font-heading);font-size:var(--fs-6);text-transform:uppercase;color:#000;padding:0.4rem 0.6rem;border-radius:var(--radius);} 
.afh-nav a:hover{box-shadow:var(--shadow-glow-cyan);} 
.afh-toggle{display:none;flex-direction:column;justify-content:center;gap:4px;padding:0.5rem;border:var(--border-cyan);border-radius:var(--radius);background:#00000022;} 
.afh-toggle span{width:22px;height:2px;background:#000;} 

@media (max-width:900px){
  .afh-header-inner{min-height:64px;} 
  .afh-header-spacer{height:64px;} 
  .afh-logo{height:34px;} 
  .afh-brand-text{font-size:1rem;} 
  .afh-toggle{display:flex;} 
  .afh-nav{position:fixed;top:64px;left:0;width:100%;max-height:calc(100vh - 64px);overflow:auto;background:var(--color-surface-elevated);flex-direction:column;align-items:flex-start;padding:var(--space-3);transform:translateY(-120%);transition:transform 0.2s linear;} 
  .afh-nav a{color:var(--color-on-surface);width:100%;border-bottom:1px solid #ffffff22;} 
  .afh-nav.open{transform:translateY(0);} 
}


.afh-footer-inner{display:grid;gap:var(--space-3);} 
.afh-footer-nav{display:flex;flex-wrap:wrap;gap:var(--space-2);} 
.afh-footer-copy{text-align:center;font-size:var(--fs-6);} 

.afh-consent{position:fixed;bottom:0;left:0;width:100%;background:var(--color-surface-elevated);padding:var(--space-2);display:none;z-index:1000;} 
.afh-consent.show{display:block;} 
.afh-consent-inner{max-width:600px;margin-inline:auto;text-align:center;} 
.afh-consent-actions{display:flex;gap:var(--space-2);justify-content:center;margin-top:var(--space-2);} 

.afh-age{position:fixed;inset:0;background:#000000cc;display:none;align-items:center;justify-content:center;z-index:1100;} 
.afh-age.show{display:flex;} 
.afh-age-inner{background:var(--color-surface-elevated);padding:var(--space-4);border-radius:var(--radius);text-align:center;max-width:400px;width:90%;} 
.afh-age-actions{display:flex;gap:var(--space-2);justify-content:center;margin-top:var(--space-3);}


.cp-page{}

.cp-hero{
  background:var(--gradient-header);
  padding:var(--space-6) var(--space-2);
  text-align:center;
}
.cp-hero-inner{
  max-width:700px;
  margin-inline:auto;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}

.cp-narrow{
  max-width:720px;
}

.cp-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-3);
}
.cp-card{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}
.cp-card:hover{
  box-shadow:var(--shadow-glow-pink);
}

.cp-warning{
  margin-top:var(--space-3);
  padding:var(--space-3);
  border-radius:var(--radius);
  border:2px solid var(--color-highlight);
  background:rgba(255,251,150,0.08);
}

.cp-form-wrap{
  max-width:600px;
}
.cp-form{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}
.cp-success{
  color:var(--color-secondary);
}

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


.contact-page{}

.contact-hero{
  background:linear-gradient(180deg,rgba(255,113,206,0.2),rgba(1,205,254,0.2));
  display:flex;
  justify-content:center;
}
.contact-hero-inner{
  max-width:700px;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}
.contact-hero .button{margin-top:var(--space-2);} 

.contact-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-3);
}
.contact-card{display:flex;flex-direction:column;gap:var(--space-2);} 
.contact-card:hover{box-shadow:var(--shadow-glow-pink);} 

.contact-form-section{display:flex;justify-content:center;}
.contact-form-container{
  max-width:600px;
  width:100%;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}
.form-feedback{font-size:var(--fs-6);} 

.contact-steps .steps-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-3);
}
.step{padding:var(--space-3);border:var(--border-cyan);border-radius:var(--radius);} 

.response-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-3);
}
.response-block{max-width:500px;margin-inline:auto;text-align:center;}

.contact-faq .faq-container{
  max-width:700px;
  margin-inline:auto;
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}
.faq-question{
  width:100%;
  text-align:left;
  padding:var(--space-2);
  border:var(--border-neon);
  border-radius:var(--radius);
}
.faq-answer{display:none;padding:var(--space-2);} 
.faq-item.active .faq-answer{display:block;} 

.nav-cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-3);
}
.nav-card{display:flex;flex-direction:column;gap:var(--space-2);} 
.nav-card:hover{box-shadow:var(--shadow-glow-cyan);} 

@media (max-width:900px){
  .contact-cards{grid-template-columns:1fr;}
  .contact-steps .steps-grid{grid-template-columns:1fr;}
  .response-grid{grid-template-columns:1fr;}
  .nav-cards{grid-template-columns:1fr;}
}


.privacy-page .privacy-hero-box{
  max-width:800px;
  margin-inline:auto;
  text-align:center;
  border:var(--border-neon);
  padding:var(--space-4);
  background:linear-gradient(180deg, rgba(255,113,206,0.1), transparent);
}

.privacy-page .privacy-hero-box p{
  text-align:left;
}

.privacy-page .privacy-cards{
  gap:var(--space-4);
}

.privacy-page .data-card{
  min-width:0;
}

.privacy-page .privacy-text-block{
  max-width:800px;
}

.privacy-page .privacy-text-section .container{
  display:flex;
  justify-content:center;
}

.privacy-page .legal-block{
  min-width:0;
}

.privacy-page .rights-block{
  max-width:520px;
}

.privacy-page .privacy-rights .grid{
  justify-content:center;
}

.privacy-page .security-text{
  max-width:700px;
  margin-inline:auto;
}

.privacy-page .privacy-form-box{
  max-width:600px;
  margin-inline:auto;
  text-align:center;
  border:var(--border-cyan);
  padding:var(--space-4);
}

.privacy-page form{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  text-align:left;
}

@media (max-width:900px){
  .privacy-page .privacy-hero-box{
    padding:var(--space-3);
  }
}


.tc-page{}

.tc-hero{
  background:var(--gradient-header);
}

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

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

.tc-card-section .surface{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}

.tc-highlight .tc-narrow{
  border:var(--border-neon);
  padding:var(--space-3);
  border-radius:var(--radius);
}

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

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

.tc-form-wrap{
  max-width:600px;
  width:100%;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  text-align:center;
}

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

.tc-form-status{
  font-size:var(--fs-6);
}

@media (max-width:600px){
  .tc-hero-inner{padding-inline:var(--space-2);}  
}


.privat-page .hero-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-4);align-items:center}
.hero-text{display:flex;flex-direction:column;gap:var(--space-3);max-width:600px}
.hero-image img{width:100%;height:100%}

.types-grid{gap:var(--space-4)}
.type-card{display:flex;flex-direction:column;gap:var(--space-2);text-align:center}

.exp-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-4);align-items:center}
.exp-text{max-width:650px}
.exp-image img{width:100%;border-radius:var(--radius)}

.steps-grid{gap:var(--space-4)}
.step{display:flex;flex-direction:column;gap:var(--space-2);text-align:center}

.gallery-caption{text-align:center;max-width:600px;margin:var(--space-3) auto 0}

.audience-grid > div{display:flex;flex-direction:column;gap:var(--space-2)}

.faq-container{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-2)}
.faq-question{width:100%;text-align:left;padding:var(--space-2);border:var(--border-neon);border-radius:var(--radius)}
.faq-answer{display:none;padding:var(--space-2)}
.faq-item.active .faq-answer{display:block}

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

.cta-box{gap:var(--space-3);text-align:center}

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


.ceges-page{display:block}
.ceges-hero{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-6) var(--space-2)}
.ceges-hero .hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}
.hero-content{position:relative;max-width:600px;display:flex;flex-direction:column;gap:var(--space-3);margin-inline:auto}

.ceges-diff .grid{gap:var(--space-3)}
.ceges-types .grid{gap:var(--space-4)}

.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}
.step{border:var(--border-cyan);padding:var(--space-3);border-radius:var(--radius)}

.space-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center}

.ceges-audience .grid{gap:var(--space-3)}

.ceges-story{text-align:center}
.story-inner{max-width:700px;margin-inline:auto}
.story-content{display:flex;flex-direction:column;gap:var(--space-3)}

.ceges-simple p{max-width:800px}

.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:start}
.contact-form{display:flex;flex-direction:column;gap:var(--space-3)}

.ceges-final{padding:var(--space-6) var(--space-2)}
.final-inner{display:flex;flex-direction:column;gap:var(--space-3);align-items:center;text-align:center}

@media(max-width:900px){
.process-grid{grid-template-columns:1fr}
.space-grid{grid-template-columns:1fr}
.contact-grid{grid-template-columns:1fr}
}


.asztalprogramok-page .hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center}
.asztalprogramok-page .hero-text{max-width:520px}
.asztalprogramok-page .hero-text p{max-width:60ch}
.asztalprogramok-page .hero-image img{height:100%}

.asztalprogramok-page .steps .card,
.asztalprogramok-page .moods .card,
.asztalprogramok-page .programs .card{min-width:0}

.asztalprogramok-page .steps p{max-width:60ch}
.asztalprogramok-page .moods p{max-width:50ch;margin-inline:auto;text-align:center}

.asztalprogramok-page .audience p{max-width:55ch}

.asztalprogramok-page .benefits p{max-width:60ch}

.asztalprogramok-page .steps-center{max-width:520px;margin-inline:auto;text-align:center}

.asztalprogramok-page .form-wrap{max-width:520px;margin-inline:auto}

.asztalprogramok-page .cta p{max-width:60ch;text-align:center;margin-inline:auto}

@media(max-width:900px){
.asztalprogramok-page .hero-inner{grid-template-columns:1fr}
.asztalprogramok-page .hero-text{order:2}
.asztalprogramok-page .hero-image{order:1}
}


.tv-page{overflow:hidden}
.tv-hero{padding:0}
.tv-hero-inner{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center}
.tv-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}
.tv-hero-content{position:relative;max-width:600px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3)}
.tv-def .card{min-width:0}
.tv-experience .tv-exp-grid{align-items:center}
.tv-exp-text{max-width:520px}
.tv-exp-image{width:100%}
.tv-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
.tv-cards .card{min-width:0;transition:.2s}
.tv-cards .card:hover{box-shadow:var(--shadow-glow-pink)}
.tv-steps .card{text-align:center}
.tv-gallery-caption{text-align:center;max-width:500px;margin-inline:auto}
.tv-gallery-grid img{cursor:pointer}
.tv-form .tv-contact-form{max-width:600px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3)}
.tv-cta{background:var(--gradient-header);text-align:center}
.tv-cta-inner{flex-direction:column;gap:var(--space-3)}
@media(max-width:900px){
.tv-cards{grid-template-columns:1fr}
.tv-exp-grid{grid-template-columns:1fr}
.tv-exp-text{order:2}
}


.home-page .hero{position:relative;overflow:hidden;padding:0}
.hero-bg img{width:100%;height:100%;object-fit:cover;filter:brightness(0.6)}
.hero-inner{display:flex;justify-content:center;align-items:center;min-height:70vh}
.hero-content{max-width:700px;display:flex;flex-direction:column;gap:var(--space-3)}
.hero-cta{display:flex;gap:var(--space-2);flex-wrap:wrap}

.selector-inner{display:flex;flex-direction:column;gap:var(--space-4);text-align:center}
.selector-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-3)}
.selector-grid .card{display:flex;align-items:center;justify-content:center;text-align:center}

.value-cards{gap:var(--space-3)}

.story-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-4);align-items:center}
.story-text{max-width:600px}

.steps-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);text-align:center}
.step{border:var(--border-cyan);padding:var(--space-2);border-radius:var(--radius)}

.private-grid{display:grid;grid-template-columns:55% 45%;gap:var(--space-4);align-items:center}
.private-text{max-width:650px}

.gallery-rail{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-2)}
.gallery-card{min-width:220px;height:140px;background:var(--color-surface-elevated);border:var(--border-neon);display:flex;align-items:center;justify-content:center;text-align:center}

.contact-inner{display:flex;justify-content:center}
.contact-box{max-width:600px;width:100%;display:flex;flex-direction:column;gap:var(--space-3)}

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

@media(max-width:900px){
.selector-grid{grid-template-columns:1fr}
.story-grid,.private-grid{grid-template-columns:1fr}
.steps-row{grid-template-columns:1fr}
.hero-inner{min-height:60vh}
}


.fooldal-main{display:block}
.hero{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.6}
.hero-inner{position:relative;display:flex;flex-direction:column;gap:var(--space-3);max-width:700px;margin-inline:auto}
.hero-sub{max-width:60ch;margin-inline:auto}
.hero-cta{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap}

.categories-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-3)}
.category-card{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}

.special-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);text-align:center;max-width:800px;margin-inline:auto}

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

.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}

.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);text-align:center;max-width:700px;margin-inline:auto}

.form-wrap{max-width:600px;margin-inline:auto;text-align:center}
.booking-form{display:flex;flex-direction:column;gap:var(--space-3);text-align:left}

.closing-inner{text-align:center;display:flex;flex-direction:column;gap:var(--space-3);align-items:center}

@media(max-width:900px){
.categories-grid{grid-template-columns:1fr}
.special-grid{grid-template-columns:1fr}
.story-grid{grid-template-columns:1fr}
.gallery-grid{grid-template-columns:1fr}
.process-grid{grid-template-columns:1fr}
}


.poker-page .center-title{text-align:center;margin-inline:auto}

.poker-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:center}
.poker-hero-text{max-width:650px}
.poker-hero-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-2)}

.poker-why-grid{text-align:center}
.poker-card:hover{box-shadow:var(--shadow-glow-pink)}

.poker-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}
.poker-step{padding:var(--space-3);border:var(--border-cyan);border-radius:var(--radius)}
.poker-step:hover{box-shadow:var(--shadow-glow-cyan)}

.poker-audience-item{padding:var(--space-3);border:var(--border-neon);border-radius:var(--radius)}

.poker-types .card:hover{box-shadow:var(--shadow-glow-pink)}

.poker-atmo-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:center}
.poker-atmo-text{max-width:700px}

.poker-cta-box{text-align:center;max-width:600px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3)}

.poker-form-wrap{max-width:600px;margin-inline:auto}

@media (max-width:900px){
.poker-hero-grid{grid-template-columns:1fr}
.poker-atmo-grid{grid-template-columns:1fr}
.poker-steps-grid{grid-template-columns:1fr}
}


.programok-page{display:block}

.programok-hero-inner{display:grid;grid-template-columns:60% 40%;align-items:center;gap:var(--space-4)}
.programok-hero-text{max-width:60ch}
.programok-hero-cta{display:flex;gap:var(--space-2);flex-wrap:wrap}
.programok-hero-image{min-width:0}

.programok-kat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}
.programok-kat-card{display:flex;flex-direction:column;justify-content:flex-start;text-align:center;height:100%}

.programok-ertek-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);max-width:65ch;margin-inline:auto;text-align:center}

.programok-lepes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);text-align:center}
.programok-step{border:var(--border-cyan);padding:var(--space-3);border-radius:var(--radius)}

.programok-hangulat-image{position:relative}
.programok-hangulat-image img{width:100%;height:100%;object-fit:cover}
.programok-hangulat-overlay{position:absolute;left:var(--space-3);bottom:var(--space-3);max-width:45ch;background:rgba(0,0,0,0.4);padding:var(--space-2);border-radius:var(--radius)}

.programok-alk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}

.programok-cta{background:var(--gradient-header);color:#000}
.programok-cta-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center;max-width:60ch;margin-inline:auto}
.programok-cta-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap}

.programok-urlap-grid{display:grid;grid-template-columns:40% 60%;gap:var(--space-4)}
.programok-form{display:flex;flex-direction:column;gap:var(--space-3)}

@media (max-width:900px){
.programok-hero-inner{grid-template-columns:1fr}
.programok-hero-text{max-width:100%;text-align:center}
.programok-kat-grid{grid-template-columns:1fr}
.programok-ertek-grid{grid-template-columns:1fr;text-align:left}
.programok-lepes-grid{grid-template-columns:1fr}
.programok-alk-grid{grid-template-columns:1fr}
.programok-urlap-grid{grid-template-columns:1fr}
.programok-hangulat-overlay{max-width:90%}
}


.thankyou{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:var(--space-3);
  padding:var(--space-5) var(--space-2);
}

.thankyou-copy{
  max-width:640px;
  margin-inline:auto;
}

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

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

  .thankyou-copy{
    max-width:100%;
  }
}