@import "fonts.css";

*{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;background:#F4EFE6;color:#1C1917;font-family:'Barlow Semi Condensed',system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
  ::selection{background:#B58236;color:#F4EFE6}
  input,textarea,select,button{font-family:inherit}
  ::placeholder{color:#9c9488;opacity:1}
  @keyframes wsFadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
  @keyframes wsMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  @keyframes wsWiggle{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
  @keyframes wsFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
  @keyframes wsBlock{from{transform:translateY(11px)}to{transform:none}}
  @keyframes wsPulse{0%{box-shadow:0 0 0 0 rgba(111,168,111,.55)}70%{box-shadow:0 0 0 13px rgba(111,168,111,0)}100%{box-shadow:0 0 0 0 rgba(111,168,111,0)}}
  @keyframes wsSpin{to{transform:rotate(360deg)}}
  @keyframes wsCaret{0%,49%{opacity:1}50%,100%{opacity:0}}
  summary{list-style:none;cursor:pointer}
  summary::-webkit-details-marker{display:none}
  details[open] [data-faq-icon]{transform:rotate(45deg) !important}
  @media (prefers-reduced-motion:reduce){*{animation-duration:.001ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important}}

/* --- generated: hover states (from DC style-hover) --- */
@media (hover:hover){
.wsh1:hover{color:#B58236 !important}
.wsh2:hover{transform:translateY(-2px) !important; background:#9A5A28 !important; color:#F4EFE6 !important}
.wsh3:hover{transform:translateY(-2px) !important; background:#9A5A28 !important; color:#F4EFE6 !important; box-shadow:0 18px 34px -14px rgba(154,90,40,.75) !important}
.wsh4:hover{background:#1C1917 !important; color:#F4EFE6 !important; border-color:#1C1917 !important}
.wsh5:hover{animation-play-state:paused !important}
.wsh6:hover{transform:translateY(-6px) !important; box-shadow:0 26px 46px -28px rgba(28,25,23,.45) !important; border-color:rgba(181,130,54,.55) !important}
.wsh7:hover{transform:translateY(-7px) !important; box-shadow:0 30px 52px -30px rgba(28,25,23,.48) !important; border-color:rgba(181,130,54,.55) !important}
.wsh8:hover{transform:translateY(-7px) !important; border-color:rgba(181,130,54,.6) !important; background:rgba(244,239,230,.07) !important}
.wsh9:hover{transform:translateY(-2px) !important; background:#C4923F !important}
.wsh10:hover{transform:translateY(-6px) !important; box-shadow:0 28px 48px -28px rgba(28,25,23,.45) !important}
.wsh11:hover{transform:translateY(-6px) !important; box-shadow:0 28px 48px -30px rgba(28,25,23,.45) !important; border-color:rgba(181,130,54,.5) !important}
.wsh12:hover{transform:translateY(-9px) !important}
.wsh13:hover{background:#C4923F !important}
.wsh14:hover{color:#9A5A28 !important}
.wsh15:hover{color:#F4EFE6 !important}
}
/* --- generated: focus states (from DC style-focus) --- */
.wsf1:focus{border-color:#B58236 !important; box-shadow:0 0 0 3px rgba(181,130,54,.18) !important}

/* --- mobile menu + reveal (added in flatten) --- */
.ws-burger{display:none;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid rgba(28,25,23,.16);background:transparent;border-radius:10px;cursor:pointer;color:#1C1917;flex:0 0 auto}
.ws-burger .ws-ico-close{display:none}
.ws-burger[aria-expanded="true"] .ws-ico-burger{display:none}
.ws-burger[aria-expanded="true"] .ws-ico-close{display:block}
.ws-mnav{display:none}
@media (max-width:900px){
  .ws-nav-desktop{display:none !important}
  .ws-burger{display:inline-flex}
  .ws-mnav{position:absolute;top:100%;left:0;right:0;background:#F4EFE6;border-top:1px solid rgba(28,25,23,.08);box-shadow:0 26px 40px -26px rgba(28,25,23,.45);padding:8px 18px 16px;flex-direction:column}
  .ws-mnav[data-open="true"]{display:flex}
  .ws-mnav a{padding:14px 6px;min-height:48px;display:flex;align-items:center;font-family:'Barlow Semi Condensed',sans-serif;font-weight:600;font-size:16px;color:#1C1917;text-decoration:none;border-bottom:1px solid rgba(28,25,23,.07)}
  .ws-mnav a.ws-mcta{margin-top:10px;justify-content:center;background:#B58236;color:#1C1917;border:none;border-radius:11px;border-bottom:none}
}
[data-reveal]{will-change:opacity,transform}
html.js [data-reveal]{opacity:0}
/* fallback: gdy main.js się nie załaduje (klasa ws-io nie zostanie dodana), treść i tak się pokaże */
@keyframes wsAutoReveal{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
html.js:not(.ws-io) [data-reveal]{animation:wsAutoReveal .7s cubic-bezier(.2,.7,.2,1) 2.2s both}
html.js [data-reveal].is-visible{animation:wsFadeUp .7s cubic-bezier(.2,.7,.2,1) both}
.ws-scrolled[data-ws-header]{box-shadow:0 8px 26px -18px rgba(28,25,23,.5)}
@media (prefers-reduced-motion:reduce){
  html.js [data-reveal]{opacity:1 !important;animation:none !important}
}
/* --- floating CTA (FAB) — reveal on scroll; desktop: demo, mobile: telefon --- */
[data-ws-fab].ws-fab-on{opacity:1 !important;transform:none !important;pointer-events:auto !important}
.ws-fab-call{display:none !important}
@media (max-width:640px){
  .ws-fab-demo{display:none !important}
  .ws-fab-call{display:inline-flex !important}
}
/* --- marquee branż: tap/klik zatrzymuje przewijanie (WCAG 2.2.2) --- */
[data-ws-marquee]{cursor:pointer}
.ws-marquee-paused{animation-play-state:paused !important}
/* --- honeypot (anty-spam) — poza ekranem, niedostępny dla ludzi --- */
.ws-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;opacity:0;pointer-events:none}
/* --- skip-link (a11y) --- */
.ws-skip{position:absolute;left:-9999px;top:0;z-index:200;background:#1C1917;color:#F4EFE6;padding:12px 20px;border-radius:0 0 10px 0;font-family:'Barlow Semi Condensed',sans-serif;font-weight:600;text-decoration:none}
.ws-skip:focus{left:0}
/* --- mobilne tap-targety: linki w kolumnach stopki >= 32px (WCAG 2.5.8) --- */
@media (max-width:640px){
  [data-ws-footer] a.wsh15{min-height:32px;display:inline-flex;align-items:center}
}