/* JAWEX – identyfikacja: granat (woda/izolacja) + turkus + pomarańcz tylko na przyciskach akcji. Wersja 2026-10-27. */
:root{--jx-navy:#0b2545;--jx-navy2:#13315c;--jx-deep:#071a33;--jx-teal:#1fa2b8;--jx-teal-d:#0d7486;--jx-teal-l:#e6f6f9;--jx-accent:#f28c28;--jx-accent-d:#e07a14;--jx-ink:#1b2633;--jx-muted:#4f5f70;--jx-bg:#f2f6f9;--jx-line:#dce6ee;--jx-r:16px;--jx-sh:0 10px 34px rgba(11,37,69,.10);--jx-sh2:0 22px 50px rgba(11,37,69,.18);--jx-h:76px}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
body,button,input,select,textarea{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--jx-ink)}
body{font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6,.main-header-menu{font-family:Montserrat,Inter,sans-serif}
h1,h2,h3,h4{color:var(--jx-navy);letter-spacing:-.015em;line-height:1.2}
a{color:var(--jx-teal-d)}a:hover{color:var(--jx-navy)}
:focus-visible{outline:3px solid var(--jx-accent)!important;outline-offset:3px}
.screen-reader-text:focus{clip:auto!important}
[id]{scroll-margin-top:calc(var(--jx-h) + 12px)}
.entry-content>*{margin-bottom:0}
.ast-plain-container.ast-no-sidebar #primary{margin:0;padding:0}
.entry-content h2,.entry-content h3{margin-top:0}
.entry-content .jx-wrap,.jx-footer .jx-wrap{max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;padding-left:24px;padding-right:24px;width:100%;box-sizing:border-box}
.entry-content .jx-narrow{max-width:860px!important}
.jx-narrow h2{font-size:24px!important;margin-top:34px!important}

/* ---------- nagłówek przyklejony ---------- */
#masthead{position:fixed;top:0;left:0;right:0;z-index:999;transition:background .3s,box-shadow .3s}
.admin-bar #masthead{top:32px}
#masthead .ast-primary-header-bar,#masthead .main-header-bar{background:rgba(255,255,255,.97)!important;border:0!important;box-shadow:0 4px 22px rgba(11,37,69,.10);transition:background .3s,box-shadow .3s;backdrop-filter:saturate(1.4) blur(8px)}
body.jx-top #masthead .ast-primary-header-bar,body.jx-top #masthead .main-header-bar{background:linear-gradient(180deg,rgba(7,26,51,.55),rgba(7,26,51,0))!important;box-shadow:none;backdrop-filter:none}
#masthead .site-primary-header-wrap{min-height:var(--jx-h)}
.site-header .custom-logo{max-width:170px!important;width:170px;height:auto}
@media(max-width:600px){.site-header .custom-logo{max-width:140px!important;width:140px}}
.ast-site-title-wrap .site-title,.ast-site-identity .site-description{display:none}
.main-header-menu .menu-link{color:var(--jx-navy)!important;font-weight:600;font-size:15px}
body.jx-top .ast-desktop .main-header-menu>.menu-item>.menu-link,body.jx-top #ast-desktop-header .main-header-menu>.menu-item>.menu-link{color:#fff!important}
body.jx-top #ast-desktop-header .main-header-menu>.menu-item>.menu-link .ast-icon svg{fill:#fff}
.main-header-menu .menu-item:hover>.menu-link,.main-header-menu .current-menu-item>.menu-link{color:var(--jx-teal-d)!important}
body.jx-top #ast-desktop-header .main-header-menu>.menu-item:hover>.menu-link{color:#bfeff7!important}
.main-header-menu .sub-menu{border-top:3px solid var(--jx-teal)!important;border-radius:0 0 12px 12px;box-shadow:var(--jx-sh2)}
.main-header-menu .sub-menu .menu-link{color:var(--jx-navy)!important}
.jx-menu-tel{display:flex;align-items:center}
.main-header-menu .jx-menu-tel>.menu-link{background:var(--jx-accent);color:var(--jx-navy)!important;border-radius:999px;padding:10px 20px!important;margin-left:10px;line-height:1.2!important;height:auto!important;font-weight:800;display:inline-flex!important;gap:8px;align-items:center;box-shadow:0 8px 20px rgba(242,140,40,.35)}
body.jx-top #ast-desktop-header .main-header-menu>.jx-menu-tel>.menu-link{color:var(--jx-navy)!important}
.main-header-menu .jx-menu-tel>.menu-link:hover{background:#ffa64d}
.ast-mobile-header-wrap .ast-button-wrap .menu-toggle{color:var(--jx-navy)}
body.jx-top .ast-mobile-header-wrap .menu-toggle .ast-mobile-svg{fill:#fff}
body.jx-top.ast-main-header-nav-open .ast-mobile-header-wrap .menu-toggle .ast-mobile-svg{fill:var(--jx-navy)}
body.jx-top.ast-main-header-nav-open #masthead .main-header-bar{background:#fff!important}

/* ---------- przyciski ---------- */
.jx-btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.jx-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 28px;border-radius:999px;font:800 16px/1.2 Montserrat,sans-serif;text-decoration:none!important;transition:transform .2s,background .2s,box-shadow .2s;border:2px solid transparent;cursor:pointer}
.jx-btn svg{flex:none}
.jx-btn-accent{background:var(--jx-accent);color:var(--jx-navy)!important;box-shadow:0 10px 26px rgba(242,140,40,.38)}
.jx-btn-accent:hover{background:#ffa64d;transform:translateY(-2px);box-shadow:0 14px 30px rgba(242,140,40,.45)}
.jx-btn-ghost{border-color:rgba(255,255,255,.85);color:#fff!important;background:rgba(255,255,255,.06)}
.jx-btn-ghost:hover{background:#fff;color:var(--jx-navy)!important}
.jx-btn-line{border-color:var(--jx-navy);color:var(--jx-navy)!important}
.jx-btn-line:hover{background:var(--jx-navy);color:#fff!important}

/* ---------- hero ---------- */
.jx-hero{position:relative;overflow:hidden;color:#fff;background:var(--jx-navy);padding:calc(var(--jx-h) + 70px) 0 110px;isolation:isolate}
.jx-hero-bg{position:absolute!important;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;z-index:-2;transform-origin:60% 40%}
.jx-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(7,26,51,.94) 0%,rgba(11,37,69,.84) 42%,rgba(11,37,69,.40) 100%)}
.jx-hero-home{min-height:min(860px,100vh);display:flex;align-items:center;padding-bottom:140px}
.jx-hero-home .jx-hero-bg{animation:jxkb 28s ease-in-out infinite alternate}
@keyframes jxkb{from{transform:scale(1)}to{transform:scale(1.12) translate(-1.5%,-1%)}}
.jx-hero .jx-wrap{position:relative}
.jx-hero h1{color:#fff;font-size:clamp(34px,5.4vw,64px);line-height:1.06;font-weight:800;max-width:860px;margin:0 0 22px;letter-spacing:-.025em}
.jx-hero h1 em{font-style:normal;color:#7fe0ee}
.jx-hero-sub{padding:calc(var(--jx-h) + 46px) 0 96px}
.jx-hero-sub h1{font-size:clamp(30px,4.2vw,50px)}
.jx-lead{font-size:clamp(17px,1.9vw,20px);max-width:660px;color:#dce9f4;margin:0}
.jx-kicker{display:inline-block;text-transform:uppercase;letter-spacing:.16em;font-size:13px;font-weight:700;color:#ffb36b;margin:0 0 14px}
.jx-kicker.dark{color:var(--jx-teal-d)}
.jx-usp{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1040px}
.jx-usp li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.4;color:#e8f1f8;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:14px 16px;backdrop-filter:blur(4px)}
.jx-usp svg{flex:none;color:#7fe0ee;margin-top:1px}
.jx-crumbs{font-size:14px;margin:0 0 16px;color:#b9cde0}
.jx-crumbs a{color:#fff;text-decoration:none}.jx-crumbs a:hover{text-decoration:underline;color:#fff}
.jx-crumbs span[aria-hidden]{margin:0 8px;opacity:.6}

/* fale (separatory) */
.jx-wave{display:block;width:100%;height:60px;position:absolute;left:0;bottom:-1px;z-index:1}
.jx-wave-foot{position:static;margin-top:-1px;height:50px;background:transparent}
.jx-sec.jx-alt+.jx-wave-foot,.jx-map+.jx-wave-foot{background:transparent}

/* ---------- sekcje ---------- */
.jx-sec{padding:96px 0;position:relative}
.jx-alt{background:var(--jx-bg)}
.jx-dark{background:var(--jx-navy);color:#d5e4f1}.jx-dark h2,.jx-dark h3{color:#fff}
.jx-head{text-align:center;max-width:780px;margin:0 auto 52px}
.jx-head h2,.jx-sec h2{font-size:clamp(28px,3.4vw,42px);font-weight:800;margin-bottom:16px}
.jx-head p{color:var(--jx-muted);font-size:18px;margin:0}
.jx-dark .jx-head p{color:#c3d6e7}
.jx-drop{position:absolute;right:6%;top:40px;width:120px;opacity:.07;color:var(--jx-teal);pointer-events:none}

/* animacja pojawiania (włączana przez JS) */
.jx-anim .jx-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.jx-anim .jx-reveal.is-in{opacity:1;transform:none}
.jx-anim .jx-reveal:nth-child(2){transition-delay:.08s}.jx-anim .jx-reveal:nth-child(3){transition-delay:.16s}.jx-anim .jx-reveal:nth-child(4){transition-delay:.24s}.jx-anim .jx-reveal:nth-child(5){transition-delay:.32s}.jx-anim .jx-reveal:nth-child(6){transition-delay:.4s}

/* problemy */
.jx-problems{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.jx-prob{display:flex;flex-direction:column;background:#fff;border:1px solid var(--jx-line);border-radius:var(--jx-r);padding:30px 28px;text-decoration:none!important;color:var(--jx-ink)!important;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}
.jx-prob:before{content:"";position:absolute;left:0;top:0;height:4px;width:100%;background:linear-gradient(90deg,var(--jx-teal),var(--jx-navy2));transform:scaleX(0);transform-origin:left;transition:transform .35s}
.jx-prob:hover{transform:translateY(-6px);box-shadow:var(--jx-sh2);border-color:transparent}.jx-prob:hover:before{transform:scaleX(1)}
.jx-prob-ico{width:58px;height:58px;border-radius:16px;background:var(--jx-teal-l);color:var(--jx-teal-d);display:grid;place-items:center;margin-bottom:18px}
.jx-prob h3{font-size:20px;margin:0 0 8px}
.jx-prob p{color:var(--jx-muted);margin:0 0 16px;font-size:16px}
.jx-prob .jx-more{margin-top:auto}
.jx-more{color:var(--jx-teal-d);font-weight:700;font-size:15px}
.jx-more:after{content:" →";transition:margin .2s}
a:hover .jx-more:after{margin-left:4px}

/* usługi */
.jx-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px}
.jx-card{grid-column:span 2;background:#fff;border-radius:var(--jx-r);overflow:hidden;box-shadow:var(--jx-sh);text-decoration:none!important;color:var(--jx-ink)!important;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column}
.jx-card:nth-child(4),.jx-card:nth-child(5){grid-column:span 3}
.jx-card:hover{transform:translateY(-8px);box-shadow:var(--jx-sh2)}
.jx-card-img{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--jx-bg)}
.jx-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.jx-card:hover .jx-card-img img{transform:scale(1.07)}
.jx-card-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,26,51,.45))}
.jx-ico{position:absolute;left:22px;bottom:-26px;z-index:2;width:56px;height:56px;border-radius:16px;background:var(--jx-navy);color:#7fe0ee;display:grid;place-items:center;box-shadow:0 10px 22px rgba(11,37,69,.3)}
.jx-card-body{padding:42px 26px 28px;display:flex;flex-direction:column;flex:1}
.jx-card-body h3{font-size:21px;margin:0 0 8px}.jx-card-body p{color:var(--jx-muted);margin:0 0 16px;font-size:16px}
.jx-card-body .jx-more{margin-top:auto}

/* proces 4 kroki */
.jx-process{--p:0;position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;list-style:none;margin:0;padding:0}
.jx-process:before,.jx-process:after{content:"";position:absolute;top:34px;left:12.5%;right:12.5%;height:4px;border-radius:4px;background:rgba(255,255,255,.14)}
.jx-process:after{background:linear-gradient(90deg,var(--jx-teal),#7fe0ee);right:auto;width:calc(75% * var(--p))}
.jx-pstep{position:relative;z-index:1;text-align:center;padding:0 6px}
.jx-pnum{width:72px;height:72px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;background:var(--jx-navy2);border:3px solid rgba(255,255,255,.18);color:#fff;transition:background .4s,border-color .4s,transform .4s}
.jx-pstep.is-on .jx-pnum{background:var(--jx-teal);border-color:#7fe0ee;transform:scale(1.06)}
.jx-pstep h3{font-size:22px;margin:0 0 4px}
.jx-pstep small{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700;color:#7fe0ee;margin-bottom:10px}
.jx-pstep p{margin:0;color:#c9dbea;font-size:16px}

/* dla kogo */
.jx-who{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.jx-whocard{background:#fff;border-radius:var(--jx-r);padding:34px 30px;box-shadow:var(--jx-sh);display:flex;flex-direction:column;border-top:5px solid var(--jx-teal)}
.jx-whocard:nth-child(2){border-top-color:var(--jx-navy2)}.jx-whocard:nth-child(3){border-top-color:var(--jx-accent)}
.jx-whocard h3{font-size:22px;margin:14px 0 10px}
.jx-whocard p{color:var(--jx-muted);font-size:16px;margin:0 0 14px}
.jx-whocard .jx-check{margin-bottom:18px}
.jx-whocard .jx-more{margin-top:auto}
.jx-who-ico{color:var(--jx-teal-d)}
.jx-law{background:var(--jx-teal-l);border-radius:12px;padding:14px 16px;font-size:15px!important;color:var(--jx-ink)!important}
.jx-law strong{color:var(--jx-navy)}
.jx-deadline{display:inline-block;margin-top:8px;font-weight:700;color:var(--jx-teal-d)}

/* pas przeglądów */
.jx-band{position:relative;overflow:hidden;background:linear-gradient(115deg,var(--jx-navy) 0%,var(--jx-navy2) 55%,#0f6577 100%);color:#d9e8f4;padding:80px 0}
.jx-band:after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;border:60px solid rgba(127,224,238,.08)}
.jx-band-in{display:grid;grid-template-columns:1.25fr 1fr;gap:50px;align-items:center;position:relative;z-index:1}
.jx-band h2{color:#fff;font-size:clamp(26px,3.2vw,38px);margin:0 0 14px}
.jx-band p{margin:0 0 12px}
.jx-band .jx-check li{border-color:rgba(255,255,255,.15);color:#e6f0f8}
.jx-band .jx-btns{margin-top:10px}

/* galeria + filtr */
.jx-filter{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 0 30px}
.jx-filter button{border:2px solid var(--jx-line);background:#fff;color:var(--jx-navy);border-radius:999px;padding:9px 18px;font:700 14px Montserrat,sans-serif;cursor:pointer;transition:.2s}
.jx-filter button:hover{border-color:var(--jx-teal)}
.jx-filter button[aria-pressed=true]{background:var(--jx-navy);border-color:var(--jx-navy);color:#fff}
.jx-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.jx-gallery a{position:relative;display:block;border-radius:14px;overflow:hidden;aspect-ratio:4/3;background:var(--jx-bg)}
.jx-gallery a[hidden]{display:none}
.jx-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.jx-gallery a:after{content:"";position:absolute;inset:0;background:rgba(11,37,69,.35) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M16 16l5 5M11 8v6M8 11h6'/%3E%3C/svg%3E") center/42px no-repeat;opacity:0;transition:opacity .3s}
.jx-gallery a:hover img{transform:scale(1.07)}.jx-gallery a:hover:after,.jx-gallery a:focus-visible:after{opacity:1}
.jx-lb{position:fixed;inset:0;z-index:100000;background:rgba(4,14,28,.94);display:flex;align-items:center;justify-content:center;padding:40px 70px}
.jx-lb[hidden]{display:none}
.jx-lb figure{margin:0;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center}
.jx-lb img{max-width:100%;max-height:calc(100vh - 120px);border-radius:10px;object-fit:contain}
.jx-lb figcaption{color:#c9dbea;font-size:14px;margin-top:12px;text-align:center}
.jx-lb button{position:absolute;background:rgba(255,255,255,.12);border:0;color:#fff;width:52px;height:52px;border-radius:50%;font-size:34px;line-height:1;cursor:pointer;display:grid;place-items:center}
.jx-lb button:hover{background:rgba(255,255,255,.25)}
.jx-lb-x{top:18px;right:18px}.jx-lb-prev{left:14px;top:50%;transform:translateY(-50%)}.jx-lb-next{right:14px;top:50%;transform:translateY(-50%)}
body.jx-lb-open{overflow:hidden}

/* FAQ */
.jx-faq{max-width:860px;margin:0 auto}
.jx-faq details{background:#fff;border:1px solid var(--jx-line);border-radius:14px;margin-bottom:12px;transition:box-shadow .25s,border-color .25s}
.jx-faq details[open]{box-shadow:var(--jx-sh);border-color:transparent}
.jx-faq summary{list-style:none;cursor:pointer;padding:20px 60px 20px 24px;font:700 18px/1.35 Montserrat,sans-serif;color:var(--jx-navy);position:relative}
.jx-faq summary::-webkit-details-marker{display:none}
.jx-faq summary:after{content:"";position:absolute;right:22px;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;background:var(--jx-teal-l) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d7486' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/14px no-repeat;transition:transform .3s}
.jx-faq details[open] summary:after{transform:rotate(45deg)}
.jx-faq details>div{padding:0 24px 22px;color:var(--jx-muted)}
.jx-faq details>div p{margin:0 0 8px}

/* bloki podstron */
.jx-split{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
.jx-split-img{position:relative}
.jx-split-img img{width:100%;height:auto;border-radius:var(--jx-r);box-shadow:var(--jx-sh2);aspect-ratio:4/3;object-fit:cover}
.jx-split-img:before{content:"";position:absolute;inset:22px -22px -22px 22px;border-radius:var(--jx-r);background:var(--jx-teal-l);z-index:-1}
.jx-two{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.jx-box{background:#fff;padding:36px;border-radius:var(--jx-r);box-shadow:var(--jx-sh)}
.jx-box h3{font-size:22px;margin-top:0}
.jx-check{list-style:none;margin:0;padding:0}
.jx-check li{position:relative;padding:9px 0 9px 36px;border-bottom:1px dashed var(--jx-line)}
.jx-check li:last-child{border-bottom:0}
.jx-check li:before{content:"";position:absolute;left:0;top:11px;width:24px;height:24px;border-radius:50%;background:var(--jx-teal-d) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat}
.jx-when{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.jx-when div{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--jx-line);border-radius:14px;padding:20px}
.jx-when svg{flex:none;color:var(--jx-teal-d)}
.jx-when p{margin:0;font-weight:600;color:var(--jx-navy);line-height:1.4}
.jx-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;counter-reset:s;list-style:none;margin:0;padding:0}
.jx-steps li{position:relative;padding:30px 24px 26px;border-radius:var(--jx-r);background:#fff;box-shadow:var(--jx-sh)}
.jx-steps li:before{counter-increment:s;content:"0" counter(s);display:block;font:800 34px/1 Montserrat,sans-serif;color:var(--jx-teal);margin-bottom:12px}
.jx-steps h3{font-size:19px;margin:0 0 6px}.jx-steps p{color:var(--jx-muted);margin:0;font-size:16px}
.jx-minis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.jx-mini{background:#fff;border-radius:var(--jx-r);overflow:hidden;box-shadow:var(--jx-sh)}
.jx-mini img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.jx-mini h3{font-size:18px;margin:18px 22px 6px}.jx-mini p{margin:0 22px 22px;color:var(--jx-muted);font-size:16px}
.jx-videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin-top:34px}
.jx-video{aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000}.jx-video iframe{width:100%;height:100%;border:0}

/* CTA + kontakt */
.jx-cta{position:relative;background:linear-gradient(110deg,var(--jx-navy),var(--jx-navy2) 60%,#0f6577);color:#fff;padding:64px 0;overflow:hidden}
.jx-cta-in{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.jx-cta h2{color:#fff;margin:0 0 8px;font-size:clamp(24px,3vw,36px)}.jx-cta p{margin:0;color:#d5e5f2}.jx-cta .jx-btns{margin-top:0}
.jx-contact{background:var(--jx-navy);color:#d5e4f1}.jx-contact h2,.jx-contact h3{color:#fff}
.jx-contact .jx-kicker{color:#ffb36b}
.jx-clist{list-style:none;margin:26px 0;padding:0}
.jx-clist li{display:flex;gap:14px;align-items:center;margin-bottom:14px}
.jx-clist .jx-ci{width:46px;height:46px;flex:none;border-radius:12px;background:rgba(127,224,238,.12);color:#7fe0ee;display:grid;place-items:center}
.jx-clist a{color:#fff;font:700 20px Montserrat,sans-serif;text-decoration:none}.jx-clist a:hover{color:#7fe0ee}
.jx-clist small{display:block;color:#a9c0d6;font-size:13px}
.jx-tip{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:18px 20px;font-size:15px}
.jx-tip strong{color:#fff}
.jx-formbox{background:#fff;color:var(--jx-ink);padding:36px;border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.25)}
.jx-formbox h2,.jx-formbox h3{margin-top:0;color:var(--jx-navy)!important}
.jx-big{font-size:20px;line-height:2;font-weight:600}
.wpcf7 label{display:block;font-weight:600;font-size:14px;color:var(--jx-navy);margin-bottom:14px}
.wpcf7 .jx-row{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 input[type=tel],.wpcf7 select,.wpcf7 textarea{width:100%;border:1.5px solid #c5d3df;border-radius:10px;padding:12px 14px;margin-top:5px;background:#fbfdfe;font-weight:400;font-size:16px;color:var(--jx-ink)}
.wpcf7 input[type=file]{margin-top:6px;font-size:14px;width:100%}
.wpcf7 .jx-hint{display:block;font-weight:400;color:var(--jx-muted);font-size:13px}
.wpcf7 textarea{height:120px}
.wpcf7 input:focus,.wpcf7 textarea:focus,.wpcf7 select:focus{border-color:var(--jx-teal-d);outline:3px solid rgba(31,162,184,.25)!important;outline-offset:0}
.wpcf7 .wpcf7-acceptance{font-size:13px;color:var(--jx-muted)}
.wpcf7 input[type=submit]{background:var(--jx-accent);border:0;border-radius:999px;padding:16px 34px;font:800 17px Montserrat,sans-serif;color:var(--jx-navy);cursor:pointer;width:100%;box-shadow:0 10px 24px rgba(242,140,40,.35);transition:.2s}
.wpcf7 input[type=submit]:hover{background:#ffa64d}
.jx-map{line-height:0}.jx-map iframe{width:100%;height:380px;border:0;display:block;filter:saturate(.85)}

/* stopka */
.site-footer{display:none}
.jx-footer{background:var(--jx-deep);color:#a9bdd1;padding:56px 0 0;font-size:15px}
.jx-fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
.jx-footer .jx-fh{color:#fff;font-size:16px;margin:0 0 14px;letter-spacing:0}
.jx-footer ul{list-style:none;margin:0;padding:0}.jx-footer li{margin-bottom:6px}
.jx-footer a{color:#d6e5f1;text-decoration:none}.jx-footer a:hover{color:#7fe0ee}
.jx-flogo{margin-bottom:14px;height:auto}
.jx-fbottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid rgba(255,255,255,.1);margin-top:44px;padding-top:20px;padding-bottom:22px;font-size:13px}

/* dolny pasek na telefonie */
.jx-mbar{display:none}
#cookie-notice{font-family:Inter,sans-serif}
#cookie-notice .cn-button:not(.cn-button-custom){background:var(--jx-accent)!important;color:var(--jx-navy)!important;border-radius:999px!important;font-weight:700}

/* ---------- responsywność ---------- */
@media (max-width:1100px){
 .jx-usp{grid-template-columns:repeat(2,minmax(0,1fr))}
 .jx-problems,.jx-who{grid-template-columns:repeat(2,minmax(0,1fr))}
 .jx-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.jx-card,.jx-card:nth-child(4),.jx-card:nth-child(5){grid-column:span 1}
 .jx-card:nth-child(5){grid-column:span 2}
 .jx-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .jx-minis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:921px){
 :root{--jx-h:64px}
 body{font-size:16px;padding-bottom:64px}
 .jx-mbar{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:9999;background:#fff;box-shadow:0 -6px 24px rgba(11,37,69,.18);padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:8px}
 .jx-mbar a{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 10px;border-radius:12px;font:800 16px Montserrat,sans-serif;text-decoration:none}
 .jx-mbar-call{background:var(--jx-accent);color:var(--jx-navy)!important}
 .jx-mbar-write{background:var(--jx-navy);color:#fff!important}
 #cookie-notice{bottom:64px!important}
 .jx-split,.jx-two,.jx-fgrid,.jx-band-in{grid-template-columns:1fr;gap:34px}
 .jx-split-img:before{inset:14px -10px -14px 14px}
 .jx-sec{padding:64px 0}.jx-band{padding:60px 0}
 .jx-hero{padding:calc(var(--jx-h) + 40px) 0 90px}
 .jx-hero-home{min-height:0;padding-bottom:100px}
 .jx-hero-sub{padding:calc(var(--jx-h) + 30px) 0 80px}
 .jx-process{grid-template-columns:1fr;gap:30px;padding-left:0}
 .jx-process:before,.jx-process:after{top:0;bottom:0;left:35px;right:auto;width:4px;height:auto}
 .jx-process:after{height:calc(100% * var(--p));bottom:auto;width:4px;background:linear-gradient(180deg,var(--jx-teal),#7fe0ee)}
 .jx-pstep{text-align:left;display:grid;grid-template-columns:72px 1fr;gap:0 20px;padding:0}
 .jx-pnum{margin:0;grid-row:span 3}
 .jx-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .main-header-menu .jx-menu-tel>.menu-link{margin:10px 20px!important;width:calc(100% - 40px)!important;justify-content:center}
 .jx-lb{padding:60px 10px}
 .jx-lb-prev,.jx-lb-next{top:auto!important;bottom:14px;transform:none!important}
 .jx-lb-prev{left:calc(50% - 66px)!important}.jx-lb-next{right:calc(50% - 66px)!important}
}
@media (max-width:640px){
 .jx-usp,.jx-problems,.jx-who,.jx-cards,.jx-steps,.jx-minis{grid-template-columns:1fr}
 .jx-card:nth-child(5){grid-column:span 1}
 .jx-usp{gap:10px;margin-top:32px}.jx-usp li{padding:11px 14px;font-size:14px}
 .jx-btn{width:100%}
 .jx-formbox,.jx-box{padding:24px 20px}
 .wpcf7 .jx-row{grid-template-columns:1fr}
 .jx-prob{padding:24px 22px}
 .jx-head{margin-bottom:36px}
 .jx-faq summary{font-size:16px;padding:18px 54px 18px 18px}
 .jx-clist a{font-size:18px}
}
.jx-usp{margin-left:0!important}
.jx-card .jx-ico{bottom:16px;left:18px;width:50px;height:50px}
.jx-card-body{padding-top:26px}
.main-header-menu .current-menu-item>.menu-link{color:var(--jx-navy)!important}
body.jx-top #ast-desktop-header .main-header-menu>.current-menu-item>.menu-link{color:#fff!important}
.main-header-menu .menu-item>.menu-link:hover{color:var(--jx-teal-d)!important}
.jx-dark .jx-head{max-width:960px}
a.jx-more{text-decoration:none}a.jx-more:hover{text-decoration:underline}
#ast-scroll-top{background:var(--jx-navy)!important;border-radius:10px}
@media (max-width:921px){#ast-scroll-top{bottom:78px!important}}
.entry-content .jx-clist a,.entry-content .jx-crumbs a,.entry-content .jx-btn,.entry-content .jx-card,.entry-content .jx-prob{text-decoration:none}
.wpcf7 .wpcf7-acceptance label{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:13px;color:var(--jx-muted)}
.wpcf7 .wpcf7-acceptance input{margin-top:3px;flex:none;width:18px;height:18px}
.wpcf7 .wpcf7-list-item{margin:0 0 16px}
.wpcf7 .jx-hint{display:inline;margin-left:4px}
.entry-content .jx-clist,.entry-content .jx-usp{margin-left:0;padding-left:0}

/* ---------- przełącznik języka PL | EN (jawex-design.php, Polylang) ---------- */
.jx-lang{display:flex;align-items:center;margin-left:14px;font:700 14px/1 Montserrat,sans-serif;color:var(--jx-navy);white-space:nowrap}
.jx-lang>span{opacity:.5;padding:0 1px}
.jx-lang a{display:inline-flex;align-items:center;min-height:38px;padding:0 8px;border-radius:8px;color:var(--jx-navy)!important;text-decoration:none!important;letter-spacing:.06em;transition:background .2s,color .2s}
.jx-lang a:hover{background:var(--jx-teal-l);color:var(--jx-teal-d)!important}
.jx-lang a.is-current{color:var(--jx-teal-d)!important;box-shadow:inset 0 -3px 0 var(--jx-teal)}
.jx-lang a:focus-visible{outline-offset:1px}
body.jx-top .jx-lang,body.jx-top .jx-lang a{color:#fff!important}
body.jx-top .jx-lang a:hover{background:rgba(255,255,255,.16)}
body.jx-top .jx-lang a.is-current{color:#7fe0ee!important;box-shadow:inset 0 -3px 0 #7fe0ee}
body.jx-top.ast-main-header-nav-open .jx-lang,body.jx-top.ast-main-header-nav-open .jx-lang a{color:var(--jx-navy)!important}
body.jx-top.ast-main-header-nav-open .jx-lang a.is-current{color:var(--jx-teal-d)!important;box-shadow:inset 0 -3px 0 var(--jx-teal)}
@media (max-width:921px){
 .jx-lang{margin:0 4px 0 0;font-size:15px}
 .jx-lang a{min-height:44px;padding:0 9px}
}

/* ---------- 2026-11-11: pasek menu zawsze w jasnym granacie, jaśniejsze hero z łagodnym przejściem, obszar działania ---------- */
/* pasek: na górze przezroczysty (ciągłość zdjęcia), po przewinięciu biały – reguły z sekcji „nagłówek przyklejony” */
body.jx-top #masthead .ast-primary-header-bar,body.jx-top #masthead .main-header-bar{background:linear-gradient(180deg,rgba(7,26,51,.28),rgba(7,26,51,0))!important}
body.jx-top .site-header .custom-logo{filter:drop-shadow(0 1px 6px rgba(7,26,51,.45))}
body:not(.jx-top) .site-header .custom-logo,body.jx-top.ast-main-header-nav-open .site-header .custom-logo{content:url("jx-assets/logo-jawex-ciemne.png")}
.jx-hero:before{background:linear-gradient(100deg,rgba(7,26,51,.88) 0%,rgba(11,37,69,.72) 26%,rgba(11,37,69,.44) 48%,rgba(11,37,69,.16) 68%,rgba(11,37,69,0) 86%)}
.jx-hero h1,.jx-hero .jx-lead,.jx-hero .jx-motto,.jx-hero .jx-kicker{text-shadow:0 2px 18px rgba(7,26,51,.45)}
@media(max-width:921px){.jx-hero:before{background:linear-gradient(180deg,rgba(7,26,51,.84) 0%,rgba(11,37,69,.66) 45%,rgba(11,37,69,.40) 75%,rgba(11,37,69,.22) 100%)}}
.jx-hero .jx-motto{font:600 clamp(18px,2.2vw,24px)/1.35 Montserrat,sans-serif;color:#fff;opacity:.94;margin:-6px 0 18px;letter-spacing:.01em}
.jx-area .jx-split{align-items:center}
.jx-area h2{font-size:clamp(28px,3.2vw,38px)!important}
.jx-regions{list-style:none;margin:22px 0 18px!important;padding:0!important;display:grid;gap:12px}
.jx-regions li{background:#fff;border:1px solid var(--jx-line);border-left:5px solid var(--jx-teal);border-radius:12px;padding:12px 16px;box-shadow:var(--jx-sh)}
.jx-regions strong{display:block;font:800 17px/1.3 Montserrat,sans-serif;color:var(--jx-navy)}
.jx-regions span{font-size:15px;color:var(--jx-muted)}
.jx-area-note{font-size:15px;color:var(--jx-muted)}
.jx-area-map{display:flex;justify-content:center}
.jx-map{width:100%;max-width:520px;height:auto}
.jx-map-pl{fill:#e3ebf2;stroke:#fff;stroke-width:1.5}
.jx-map-on{fill:var(--jx-teal);stroke:#fff;stroke-width:2}
.jx-map-dot{fill:#fff;stroke:var(--jx-navy);stroke-width:1.5}
.jx-map-city{fill:var(--jx-accent);stroke:#fff;stroke-width:2.5}
.jx-map-name{font:800 16px Montserrat,sans-serif;fill:var(--jx-navy);paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}
.jx-map-reg{font:800 9.5px Montserrat,sans-serif;letter-spacing:.06em;fill:#06283d}

/* ---------- 2026-11-11: „Najnowsze realizacje” – duże zdjęcia polimocznika ---------- */
.jx-showcase{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:230px;gap:16px}
.jx-showcase a{aspect-ratio:auto;border-radius:18px;box-shadow:var(--jx-sh)}
.jx-showcase a:first-child{grid-column:span 2;grid-row:span 2}
.jx-showcase .jx-cap{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:28px 16px 12px;font:700 15px/1.2 Montserrat,sans-serif;color:#fff;background:linear-gradient(180deg,rgba(7,26,51,0),rgba(7,26,51,.7))}
.jx-showcase a:first-child .jx-cap{font-size:18px;padding:40px 22px 18px}
.jx-showcase-more{text-align:center;margin-top:26px}
@media(max-width:921px){.jx-showcase{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:170px;gap:10px}.jx-showcase a:first-child{grid-column:span 2;grid-row:span 2}}
.jx-gallery:has(> a:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))} /* 11.11: galerie z 3 zdjęciami (wykrywanie) */
/* 11.11: tylko komputer – półprzezroczysty pasek po przewinięciu (45% bieli) i lustrzane zdjęcie na górze strony głównej */
@media(min-width:922px){
body:not(.jx-top) #masthead .ast-primary-header-bar,body:not(.jx-top) #masthead .main-header-bar{background:rgba(255,255,255,.45)!important;backdrop-filter:saturate(1.4) blur(6px);-webkit-backdrop-filter:saturate(1.4) blur(6px)}
.jx-hero-home .jx-hero-bg{scale:-1 1;transform-origin:50% 40%}
.jx-lang a{text-shadow:0 1px 8px rgba(7,26,51,.35)}
body:not(.jx-top) .jx-lang a{text-shadow:none}
}
/* 11.11: telefon – ten sam półprzezroczysty pasek po przewinięciu; przy otwartym menu biały */
@media(max-width:921px){
body:not(.jx-top) #masthead .ast-primary-header-bar,body:not(.jx-top) #masthead .main-header-bar{background:rgba(255,255,255,.45)!important;backdrop-filter:saturate(1.4) blur(6px);-webkit-backdrop-filter:saturate(1.4) blur(6px)}
body.ast-main-header-nav-open #masthead .ast-primary-header-bar,body.ast-main-header-nav-open #masthead .main-header-bar{background:#fff!important}
}
/* 11.11: wyróżniona grafika „3 etapy” na Izolacjach krystalicznych */
.jx-gallery.jx-feature{display:block;max-width:1100px;margin:0 auto 30px;padding:10px;background:#fff;border:1px solid #e3eaf1;border-radius:var(--jx-r);box-shadow:var(--jx-sh)}
.jx-gallery.jx-feature a{aspect-ratio:auto;background:none;border-radius:10px}
.jx-gallery.jx-feature img{height:auto;object-fit:contain}
.jx-gallery.jx-feature a:hover img{transform:none}
.jx-steps.jx-steps3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:921px){.jx-steps.jx-steps3{grid-template-columns:1fr}.jx-gallery.jx-feature{padding:4px;margin-left:-8px;margin-right:-8px}}