

:root{
  --color-bg-primary:#FAF7F2;
  --color-accent-pink:#FF90E8;
  --color-accent-blue:#23A6F0;
  --color-text-primary:#000000;
  --color-surface-card:#FFFFFF;
  --color-border-strong:#000000;
  --color-cta-bg:#23A6F0;
  --color-cta-text:#FFFFFF;
  --color-label-bg:#FF90E8;
  --color-pattern-dot:#23A6F0;

  --font-heading:"Montserrat ExtraBold",sans-serif;
  --font-body:"Montserrat",Arial,sans-serif;

  --step-1:2.8rem;
  --step-2:2.1rem;
  --step-3:1.5rem;
  --step-4:1.25rem;
  --step-5:1rem;
  --step-6:0.875rem;

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

  --container-max:1200px;
  --container-pad:1rem;

  --border-strong:2px solid #000000;

  --radius-sharp:0;
  --radius-soft:4px;
  --radius-button:8px;
  --radius-sticker:20px;

  --shadow-offset:8px 8px 0 rgba(0,0,0,0.2);
  --shadow-offset-lg:16px 16px 0 rgba(0,0,0,0.2);
}

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

html,body{
  height:100%;
}

body{
  font-family:var(--font-body);
  font-size:var(--step-5);
  background:var(--color-bg-primary);
  color:var(--color-text-primary);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}

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

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

button{
  cursor:pointer;
}

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

a:hover{
  text-decoration:underline wavy;
}

h1,h2,h3,h4,h5,h6{
  font-family:var(--font-heading);
  text-transform:uppercase;
  letter-spacing:-0.02em;
  line-height:1.2;
}

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

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

ul,ol{
  margin-bottom:var(--space-2);
  padding-left:1.5rem;
}

blockquote{
  margin-bottom:var(--space-3);
  padding-left:var(--space-2);
  border-left:var(--border-strong);
}

:where(h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote):last-child{
  margin-bottom:0;
}

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

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

.card{
  background:var(--color-surface-card);
  border:var(--border-strong);
  box-shadow:var(--shadow-offset);
  padding:var(--space-3);
  position:relative;
}

.card:hover{
  box-shadow:var(--shadow-offset-lg);
}

.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 var(--space-3);
  background:var(--color-cta-bg);
  color:var(--color-cta-text);
  border:var(--border-strong);
  border-radius:var(--radius-button);
  font-weight:700;
  text-transform:uppercase;
  box-shadow:var(--shadow-offset);
  transition:transform .09s ease,box-shadow .09s ease,background .2s ease;
}

.button:hover{
  transform:scale(1.05);
  box-shadow:var(--shadow-offset-lg);
}

.button:focus-visible{
  outline:2px solid #000;
  outline-offset:2px;
}

.label{
  display:inline-block;
  padding:0.4em 0.8em;
  background:var(--color-label-bg);
  border:var(--border-strong);
  border-radius:var(--radius-sticker);
  font-weight:700;
  text-transform:uppercase;
  box-shadow:var(--shadow-offset);
}

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

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

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

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

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

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

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

.input,
textarea,
select{
  width:100%;
  border:var(--border-strong);
  padding:0.6rem;
  background:#fff;
}

.input:focus,
textarea:focus,
select:focus{
  outline:2px solid #000;
}

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

.pattern-dots{
  background-image:radial-gradient(var(--color-pattern-dot) 2px,transparent 2px);
  background-size:20px 20px;
}

.pattern-zigzag{
  background-image:linear-gradient(135deg,var(--color-pattern-dot) 25%,transparent 25%),linear-gradient(225deg,var(--color-pattern-dot) 25%,transparent 25%);
  background-size:20px 20px;
}

.no-overflow{
  overflow:hidden;
}

.text-center{
  text-align:center;
}

.hidden{
  display:none;
}


.site-header{position:sticky;top:0;background:var(--color-bg-primary);z-index:100;border-bottom:var(--border-strong);} 
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:80px;gap:var(--space-2);} 
.brand{display:flex;align-items:center;gap:0.6rem;text-decoration:none;color:var(--color-text-primary);} 
.brand-mark{height:48px;width:auto;} 
.brand-text{font-family:var(--font-heading);font-size:1.4rem;} 
.nav-list{display:flex;align-items:center;gap:var(--space-3);list-style:none;} 
.nav-list a{font-weight:700;text-transform:uppercase;color:#000;} 
.nav-cta{margin-left:var(--space-2);} 
.nav-toggle{display:none;flex-direction:column;gap:5px;min-width:44px;min-height:44px;align-items:center;justify-content:center;border:var(--border-strong);background:#fff;} 
.nav-toggle span{display:block;width:22px;height:2px;background:#000;} 
.nav-toggle:focus-visible{outline:2px solid #000;} 

@media(max-width:900px){
  .nav{position:fixed;top:80px;left:0;width:100%;background:#fff;border-top:var(--border-strong);transform:translateY(-120%);transition:transform .2s ease;max-height:calc(100vh - 80px);overflow:auto;}
  .nav.open{transform:translateY(0);} 
  .nav-list{flex-direction:column;align-items:flex-start;padding:var(--space-3);} 
  .nav-toggle{display:flex;} 
}


.site-footer{background:#fff;border-top:var(--border-strong);padding-block:var(--space-4);} 
.footer-inner{display:grid;gap:var(--space-3);} 
.footer-nav ul{list-style:none;padding:0;columns:2;gap:var(--space-2);} 
.footer-nav a{color:#000;} 
.footer-copy{text-align:center;} 

.consent{position:fixed;bottom:1rem;left:1rem;right:1rem;z-index:200;} 
.consent.hidden{display:none;} 
.consent-card{max-width:500px;margin-inline:auto;} 
.consent-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2);} 
.button.alt{background:var(--color-accent-pink);color:#000;} 

.age-modal{position:fixed;inset:0;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;z-index:300;} 
.age-modal.hidden{display:none;} 
.age-card{text-align:center;} 
.age-actions{display:flex;gap:var(--space-2);justify-content:center;margin-top:var(--space-2);}


.pp-page .pp-hero__inner{max-width:720px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}
.pp-page .pp-hero__label{align-self:center}

.pp-page .pp-block{max-width:720px}

.pp-page .pp-card{max-width:760px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-2)}
.pp-page .pp-card__label{position:absolute;top:-12px;left:16px}

.pp-page .pp-footer__inner{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}
.pp-page .pp-footer__links{display:flex;gap:var(--space-3);flex-wrap:wrap}
.pp-page .pp-footer__cta{display:flex;flex-direction:column;gap:var(--space-2);max-width:320px}

@media (max-width:600px){
.pp-page .pp-footer__inner{flex-direction:column;align-items:flex-start}
.pp-page .pp-footer__cta{max-width:100%}
}


.tc-page{}

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

.tc-hero-card{
  max-width:800px;
  width:100%;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  text-align:center;
  position:relative;
}

.tc-hero-card::after{
  content:"";
  position:absolute;
  width:80px;
  height:80px;
  background:var(--color-accent-pink);
  border:var(--border-strong);
  top:-20px;
  right:-20px;
  z-index:-1;
}

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

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

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

@media (max-width:600px){
  .tc-hero-card::after{
    width:50px;
    height:50px;
    top:-10px;
    right:-10px;
  }
}


.contact-page{}

.contact-hero-grid{display:grid;grid-template-columns:3fr 2fr;gap:var(--space-4);align-items:center}
.contact-hero-text{max-width:55ch}
.contact-hero-deco{min-height:220px;border:var(--border-strong)}
.contact-sticker{transform:rotate(-3deg);display:inline-block;margin-bottom:var(--space-2)}

@media(max-width:900px){
.contact-hero-grid{grid-template-columns:1fr}
.contact-hero-text{max-width:65ch;margin-inline:auto;text-align:center}
.contact-hero-deco{display:none}
}

.contact-benefits-grid> *{min-width:0}
.contact-card{display:flex;flex-direction:column;gap:var(--space-2);height:100%}
.contact-card-label{align-self:flex-start;transform:rotate(2deg)}

.contact-form-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}
.contact-form-intro{max-width:50ch;text-align:center}
.contact-form-card{width:100%;max-width:600px}

.contact-types-grid> *{min-width:0}
.contact-type{display:flex;flex-direction:column;gap:var(--space-2)}

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

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

.contact-faq-inner{max-width:700px;margin-inline:auto}
.contact-accordion{display:flex;flex-direction:column;gap:var(--space-3)}
.contact-accordion-item{padding:0}
.contact-accordion-trigger{width:100%;text-align:left;padding:var(--space-3);font-weight:700;text-transform:uppercase}
.contact-accordion-content{display:none;padding:0 var(--space-3) var(--space-3)}
.contact-accordion-item.active .contact-accordion-content{display:block}

.contact-footer-links{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}

@media(max-width:600px){
.contact-form-card{max-width:100%}
}


.cookie-policy-page{
  position:relative;
}

.cookie-hero{
  padding-top:var(--space-5);
  padding-bottom:var(--space-4);
}

.cookie-hero__container{
  display:flex;
  justify-content:center;
}

.cookie-hero__content{
  max-width:800px;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
  position:relative;
}

.cookie-hero__content::after{
  content:"";
  position:absolute;
  top:-20px;
  right:-20px;
  width:80px;
  height:80px;
  background:var(--color-accent-pink);
  border:var(--border-strong);
  transform:rotate(15deg);
}

.cookie-text-card{
  max-width:760px;
  margin-inline:auto;
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

.cookie-section-heading{
  max-width:760px;
  margin-inline:auto;
}

.cookie-grid{
  margin-top:var(--space-3);
}

.cookie-type-card{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
  min-width:0;
}

.cookie-purpose__container{
  max-width:760px;
  margin-inline:auto;
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
}

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

.cookie-manage-card{
  max-width:760px;
  margin-inline:auto;
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

.cookie-updates__container{
  display:flex;
  justify-content:center;
}

.cookie-updates__block{
  max-width:700px;
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

@media (max-width:600px){
  .cookie-hero__content::after{
    width:50px;
    height:50px;
    right:-10px;
    top:-10px;
  }
}


.home-hero-grid{display:grid;grid-template-columns:40% 60%;align-items:center;gap:var(--space-4)}
.home-hero-text{max-width:55ch}
.home-hero-cta{display:flex;gap:var(--space-2);margin-top:var(--space-3)}
.home-btn-alt{background:var(--color-accent-pink);color:#000}
.home-hero-image img{border:var(--border-strong);box-shadow:var(--shadow-offset)}

.home-card-grid{margin-top:var(--space-4)}
.home-card-grid .card{display:flex;flex-direction:column;gap:var(--space-2)}

.home-format-grid{margin-top:var(--space-4)}
.home-format-grid .card{min-height:160px}

.home-atmosphere-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-4);align-items:center}
.home-atmosphere-text{max-width:50ch}

.home-b2b-grid{display:grid;grid-template-columns:70% 30%;gap:var(--space-4);align-items:center}
.home-b2b-cta{display:flex;justify-content:center}

.home-final-inner{max-width:50ch;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3);align-items:center}

@media (max-width:900px){
.home-hero-grid{grid-template-columns:1fr}
.home-atmosphere-grid{grid-template-columns:1fr}
.home-b2b-grid{grid-template-columns:1fr}
}


.wt-page{overflow:hidden}

.wt-hero-grid{display:grid;grid-template-columns:40% 60%;align-items:center;gap:var(--space-4)}
.wt-hero-text{max-width:520px;display:flex;flex-direction:column;gap:var(--space-3)}
.wt-hero-image img{width:100%;border:var(--border-strong);box-shadow:var(--shadow-offset)}

.wt-intro-inner{display:flex;justify-content:center}
.wt-intro-text{max-width:700px;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

.wt-cards .card{display:flex;flex-direction:column;gap:var(--space-2)}

.wt-flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}

.wt-atmosphere-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center}
.wt-atmosphere-text{max-width:500px;display:flex;flex-direction:column;gap:var(--space-3)}
.wt-atmosphere-image img{border:var(--border-strong);box-shadow:var(--shadow-offset)}

.wt-gallery img{width:100%;border:var(--border-strong);box-shadow:var(--shadow-offset)}

.wt-cta{background:var(--color-accent-pink)}
.wt-cta .container{display:flex;flex-direction:column;gap:var(--space-3);align-items:center}

@media(max-width:900px){
.wt-hero-grid{grid-template-columns:1fr}
.wt-flow-grid{grid-template-columns:1fr}
.wt-atmosphere-grid{grid-template-columns:1fr}
.wt-hero-text{max-width:100%}
.wt-atmosphere-text{max-width:100%}
}


.sg-page{}
.sg-hero-inner{display:flex;flex-direction:column;gap:var(--space-4);align-items:center}
.sg-hero-text{max-width:600px;text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}
.sg-hero-cta{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap}
.sg-hero-gallery{display:flex;gap:var(--space-2);width:100%}
.sg-hero-gallery img{border:var(--border-strong);box-shadow:var(--shadow-offset);object-fit:cover;height:220px}
.sg-hero-gallery .g1{flex:4}
.sg-hero-gallery .g2{flex:3}
.sg-hero-gallery .g3{flex:3}
.sg-intro-grid .card{display:flex;flex-direction:column;gap:var(--space-2)}
.sg-steps .card{display:flex;flex-direction:column;gap:var(--space-2)}
.sg-cta{background:var(--color-accent-blue);color:#fff}
.sg-faq{max-width:700px;margin-inline:auto}
.sg-accordion{display:flex;flex-direction:column;gap:var(--space-2)}
.sg-item{border:var(--border-strong);background:#fff}
.sg-q{width:100%;padding:var(--space-2);text-align:left;font-weight:700}
.sg-a{padding:var(--space-2);display:none}
.sg-item.active .sg-a{display:block}
@media(max-width:600px){
.sg-hero-gallery{overflow-x:auto}
.sg-hero-gallery img{min-width:70%}
}


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

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

.o-nas .hero-image img{
  width:100%;
  border:var(--border-strong);
  box-shadow:var(--shadow-offset);
}

.o-nas .concept-grid{
  margin-top:var(--space-4);
}

.o-nas .concept-card{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

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

.o-nas .design-text{
  max-width:60ch;
}

.o-nas .design-image img{
  border:var(--border-strong);
  box-shadow:var(--shadow-offset);
}

.o-nas .exp-grid{
  margin-top:var(--space-4);
}

.o-nas .audience .card,
.o-nas .flexibility .card,
.o-nas .why .card{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

.o-nas .philosophy-wrap{
  display:flex;
  justify-content:center;
}

.o-nas .philosophy-text{
  max-width:700px;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}

.o-nas .cta-wrap{
  max-width:600px;
  margin-inline:auto;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}

@media(max-width:900px){
  .o-nas .hero-wrap,
  .o-nas .design-wrap{
    grid-template-columns:1fr;
  }

  .o-nas .hero-text{
    order:1;
  }

  .o-nas .hero-image{
    order:2;
  }
}


.restauracja-page .hero-grid{display:flex;grid-template-columns:40% 60%;gap:var(--space-4);align-items:center;flex-wrap: wrap;}
.hero-text{display:flex;flex-direction:column;gap:var(--space-3);max-width:520px}
.hero-image img{width:100%;height:100%;object-fit:cover;border:var(--border-strong);box-shadow:var(--shadow-offset)}

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

.experience-grid .exp-card{display:flex;flex-direction:column;gap:var(--space-2)}

.food-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center}
.food-text{display:flex;flex-direction:column;gap:var(--space-3);max-width:600px}
.food-image img{border:var(--border-strong);box-shadow:var(--shadow-offset)}

.space-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-4);align-items:center}
.space-text{display:flex;flex-direction:column;gap:var(--space-3);max-width:520px}
.space-image img{border:var(--border-strong);box-shadow:var(--shadow-offset)}

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

.steps-grid .step-card{display:flex;flex-direction:column;gap:var(--space-2)}

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

.faq-inner{max-width:700px;margin-inline:auto}
.faq-list{display:flex;flex-direction:column;gap:var(--space-3)}
.faq-question{width:100%;text-align:left;padding:var(--space-2);border:var(--border-strong);background:#fff;font-weight:700}
.faq-answer{padding:var(--space-2);border:var(--border-strong);border-top:none;background:#fff}

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


.pw-page{} 

.pw-hero-inner{display:grid;grid-template-columns:40% 60%;gap:var(--space-4);align-items:center}
.pw-hero-text{max-width:420px}
.pw-hero-cta{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-2)}
.pw-secondary{background:#fff;color:#000}
.pw-hero-image img{width:100%;height:100%;object-fit:cover;border:var(--border-strong);box-shadow:var(--shadow-offset)}

.pw-intro-inner{display:flex;justify-content:center}
.pw-intro-content{max-width:700px;text-align:center}

.pw-type-grid .card{min-width:0}

.pw-exp-inner{display:flex;flex-direction:column;gap:var(--space-5)}
.pw-exp-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center}
.pw-exp-row.reverse{direction:rtl}
.pw-exp-row.reverse .pw-exp-text{direction:ltr}
.pw-exp-text{max-width:520px}
.pw-exp-img img{border:var(--border-strong);box-shadow:var(--shadow-offset)}

.pw-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-top:var(--space-3)}
.pw-step{min-width:0}

.pw-custom-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
.pw-custom-inner > div{max-width:520px}

.pw-process-inner{max-width:600px;margin-inline:auto;text-align:center}

.pw-cta-inner{max-width:500px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-2)}

.pw-faq-inner{max-width:700px}
.pw-faq-item{border-bottom:var(--border-strong);padding:var(--space-2) 0}
.pw-faq-question{width:100%;text-align:left;font-weight:700}
.pw-faq-answer{display:none;padding-top:var(--space-1)}

@media(max-width:900px){
.pw-hero-inner{grid-template-columns:1fr}
.pw-exp-row{grid-template-columns:1fr}
.pw-steps{grid-template-columns:1fr}
.pw-custom-inner{grid-template-columns:1fr}
}


.fs-page{overflow:hidden}

.fs-hero-grid{display:grid;grid-template-columns:40% 60%;gap:var(--space-4);align-items:center}
.fs-hero-text{max-width:55ch}
.fs-hero-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}
.fs-secondary-btn{background:var(--color-accent-pink);color:#000}
.fs-hero-image img{border:var(--border-strong);box-shadow:var(--shadow-offset)}
.fs-hero-image img:hover{box-shadow:var(--shadow-offset-lg);transform:translateY(-2px)}

.fs-intro-grid .fs-card{display:flex;flex-direction:column;gap:var(--space-2)}

.fs-format-grid{margin-top:var(--space-3)}
.fs-format-card{display:flex;flex-direction:column;gap:var(--space-2);max-width:60ch}

.fs-steps-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-top:var(--space-3)}
.fs-step{display:flex;flex-direction:column;gap:var(--space-2)}

.fs-audience .card{display:flex;flex-direction:column;gap:var(--space-2);max-width:50ch;margin-inline:auto}

.fs-atmosphere-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center}
.fs-atmosphere-text{max-width:55ch}
.fs-atmosphere-image img{border:var(--border-strong);box-shadow:var(--shadow-offset)}

.fs-personalization .card{display:flex;flex-direction:column;gap:var(--space-2)}

.fs-booking-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-top:var(--space-3)}

.fs-final-cta{background:var(--color-accent-blue)}
.fs-final-cta .container{display:flex;flex-direction:column;gap:var(--space-3);align-items:center}

@media(max-width:900px){
.fs-hero-grid{grid-template-columns:1fr}
.fs-steps-row{grid-template-columns:1fr 1fr}
.fs-booking-steps{grid-template-columns:1fr}
.fs-atmosphere-grid{grid-template-columns:1fr}
}

@media(max-width:600px){
.fs-steps-row{grid-template-columns:1fr}
}


.wf-page{}

.wf-hero-inner{display:grid;grid-template-columns:40% 60%;gap:var(--space-4);align-items:center}
.wf-hero-text{max-width:55ch}
.wf-hero-image img{width:100%;border:var(--border-strong);box-shadow:var(--shadow-offset);transition:transform .3s ease}
.wf-hero-image img:hover{transform:scale(1.03)}

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

.wf-formats .card{display:flex;flex-direction:column;gap:var(--space-2)}

.wf-timeline .wf-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}
.wf-step{display:flex;flex-direction:column;gap:var(--space-2)}

.wf-gallery img{border:var(--border-strong);box-shadow:var(--shadow-offset);transition:transform .3s ease}
.wf-gallery img:hover{transform:scale(1.04)}
.wf-gallery-lead{max-width:50ch;margin-inline:auto}

.wf-custom{display:grid;grid-template-columns:60% 40%;gap:var(--space-4)}
.wf-custom div{display:flex;flex-direction:column;gap:var(--space-2)}

.wf-cta{background:var(--color-accent-blue);color:#fff}
.wf-cta .container{display:flex;flex-direction:column;gap:var(--space-3);align-items:center}

.wf-faq .wf-accordion{display:flex;flex-direction:column;gap:var(--space-2)}
.wf-question{width:100%;text-align:left;padding:var(--space-2);border:var(--border-strong);background:#fff;font-weight:700}
.wf-answer{display:none;padding:var(--space-2);border:var(--border-strong);border-top:none;background:#fff}

@media(max-width:900px){
.wf-hero-inner{grid-template-columns:1fr}
.wf-custom{grid-template-columns:1fr}
.wf-timeline .wf-steps{grid-template-columns:1fr}
}


.thank-you-section{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:70vh;
}

.thank-you-card{
  max-width:720px;
  margin-inline:auto;
  text-align:center;
  padding:var(--space-4);
  position:relative;
}

.thank-you-card .label{
  position:absolute;
  top:-12px;
  left:-12px;
}

.thank-you-content{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

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

.thank-you-secondary{
  background:var(--color-accent-pink);
  color:#000;
}

.thank-you-secondary:hover{
  background:#ff6fdb;
}

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

.btn,
.btn-outline {
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  text-align: center;
  line-height: 1.35;
}


p,
a,
li,
h1,
h2,
h3,
h4,
h5,
h6,
span {
  overflow-wrap: anywhere;
  word-break: normal;
}