/*
Theme Name: DAWOX Practical
Description: Dedykowany responsywny motyw DAWOX. Banery, oferta, FAQ i formularz tekstowy bez załączników.
Version: 3.0.0
Requires at least: 6.6
Requires PHP: 8.1
Author: DAWOX
Text Domain: dawox
*/
/* Dawox.pl – nero24.pl */
:root{
  --red:#d92738;
  --red-d:#b81d2c;
  --yel:#fbb300;
  --yel-d:#e9a400;
  --ink:#1d2024;
  --muted:#5f646b;
  --line:#e4e4e1;
  --line-d:#cfcfcb;
  --soft:#f5f5f4;
  --dark:#23272c;
  --dark2:#1b1e22;
  --sans:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;
  --r:2px;
  --sygnet:url(img/sygnet.png);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{font:400 16px/1.7 var(--sans);color:var(--ink);background:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
ul,ol{list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0}
.wrap{width:min(1240px,100% - 48px);margin-inline:auto;position:relative;z-index:1}
section{position:relative}
h1,h2,h3,.h1{font-weight:500;line-height:1.15;letter-spacing:-.015em}
h1,.h1{font-size:clamp(36px,4.4vw,58px);font-weight:400;line-height:1.08}
h2{font-size:clamp(28px,3vw,40px)}
h3{font-size:19px}
h1 em,h2 em,.h1 em{font-style:normal;color:var(--red)}
.kicker{display:flex;align-items:center;gap:14px;font-size:12.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin-bottom:16px}
.kicker::before{content:"";width:34px;height:1px;background:currentColor}
.kicker--light{color:#fff}
.lead{font-size:18px;line-height:1.65;color:var(--ink)}
.muted{color:var(--muted)}
.small{font-size:13.5px}
.hide-m{}
.show-s{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 28px;font-size:13.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border:1px solid transparent;border-radius:var(--r);transition:background .2s,color .2s,border-color .2s;white-space:nowrap}
.btn--sm{min-height:44px;padding:0 20px;font-size:12.5px}
.btn--acc{background:var(--yel);color:var(--ink)}
.btn--acc:hover{background:var(--yel-d)}
.btn--line{border-color:var(--line-d);color:var(--ink)}
.btn--line:hover{border-color:var(--red);color:var(--red)}
.btn--line-w{border-color:rgba(255,255,255,.65);color:#fff}
.btn--line-w:hover{background:#fff;color:var(--ink)}
.link{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--red);border-bottom:1px solid currentColor;padding-bottom:3px}
.link:hover{color:var(--red-d)}

/* ---------- deco: koło z koszulką z logo ---------- */
.deco{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.deco::before{content:"";position:absolute;width:var(--s,210px);aspect-ratio:486/504;left:var(--x,auto);right:var(--rr,auto);top:var(--t,auto);bottom:var(--b,auto);background:var(--c,var(--red));opacity:var(--o,.05);-webkit-mask:var(--sygnet) center/contain no-repeat;mask:var(--sygnet) center/contain no-repeat;animation:float 15s ease-in-out infinite}
.deco--hero{--s:170px;--x:-80px;--b:-70px;--o:.06}
.deco--about{--s:230px;--rr:-60px;--t:60px;--o:.05}
.deco--steps{--s:180px;--rr:6%;--t:40px;--o:.06}
.deco--footer{--s:170px;--rr:4%;--t:50px;--o:.04;--c:#fff}
@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(5deg)}}

/* ---------- TOPBAR ---------- */
.topbar{background:var(--red);color:#fff;font-size:13px}
.topbar__in{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:38px}
.topbar__info{display:flex;gap:0;flex-wrap:wrap}
.topbar__info li{padding:0 18px;border-left:1px solid rgba(255,255,255,.3)}
.topbar__info li:first-child{padding-left:0;border:0}
.topbar__info a{text-decoration:none}
.topbar__info a:hover{text-decoration:underline}
.topbar__cta{font-weight:500;text-decoration:none;letter-spacing:.04em;white-space:nowrap}
.topbar__cta:hover{text-decoration:underline}

/* ---------- HEADER ---------- */
.header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line);transition:box-shadow .25s}
.header.is-scrolled{box-shadow:0 8px 30px rgba(20,22,26,.07)}
.header__in{display:flex;align-items:center;gap:32px;min-height:84px}
.logo img{width:190px;height:auto}
.nav{margin-left:auto}
.nav__list{display:flex;align-items:center;gap:4px}
.nav__link{display:flex;align-items:center;gap:7px;padding:30px 13px;font-size:15px;font-weight:500;text-decoration:none;color:var(--ink);position:relative}
.nav__link::after{content:"";position:absolute;left:13px;right:13px;bottom:22px;height:1px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.nav__link:hover::after,.nav__item--mega.is-open .nav__link::after{transform:scaleX(1)}
.nav__toggle svg{width:11px;height:8px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .2s}
.nav__item--mega.is-open .nav__toggle svg{transform:rotate(180deg)}
.nav__mobile-extra{display:none}
.header__right{display:flex;align-items:center;gap:22px}
.header__tel{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:15px;font-weight:500;white-space:nowrap}
.header__tel svg{width:34px;height:34px;padding:8px;border:1px solid var(--line);border-radius:50%;fill:none;stroke:var(--red);stroke-width:1.5}
.header__tel small{display:block;font-size:11.5px;font-weight:400;color:var(--muted);letter-spacing:.06em;line-height:1.2}
.header__tel span{line-height:1.3}
.burger{display:none;width:44px;height:44px;position:relative}
.burger span{position:absolute;left:11px;right:11px;height:1.5px;background:var(--ink);transition:transform .25s,opacity .25s}
.burger span:nth-child(1){top:15px}.burger span:nth-child(2){top:21px}.burger span:nth-child(3){top:27px}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* mega-menu */
.mega{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 24px 40px rgba(20,22,26,.08);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility .2s}
.nav__item--mega.is-open .mega{opacity:1;visibility:visible;transform:none}
.mega__in{display:grid;grid-template-columns:1fr 1fr 300px;gap:40px;padding:34px 0 38px}
.mega__title{font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding-bottom:12px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.mega__link{display:flex;align-items:center;gap:16px;padding:10px 0;text-decoration:none;border-bottom:1px solid transparent}
.mega__link img{width:64px;height:64px;object-fit:cover;border-radius:var(--r);flex:none}
.mega__link strong{display:block;font-size:15.5px;font-weight:500}
.mega__link small{display:block;font-size:13.5px;color:var(--muted);line-height:1.45}
.mega__link:hover strong{color:var(--red)}
.mega__panel{background:var(--soft);padding:0 26px 26px;border-left:2px solid var(--red);align-self:start}
.mega__panel .mega__title{padding-top:20px}
.mega__panel .mega__title{border-color:var(--line-d)}
.mega__panel p{font-size:14.5px;color:var(--muted);margin-bottom:14px}
.mega__tel{display:block;font-size:22px;font-weight:400;text-decoration:none;margin-bottom:16px}

/* ---------- HERO (split) ---------- */
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:min(640px,calc(100vh - 122px));background:#fff;border-bottom:1px solid var(--line)}
.hero__text{position:relative;display:flex;align-items:center;padding:64px 64px 64px max(24px,calc((100vw - 1240px)/2));overflow:hidden}
.hero__inner{position:relative;z-index:2;max-width:560px;width:100%}
.hero__slides{display:grid}
.hero__copy{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .6s,transform .6s,visibility .6s}
.hero__copy.is-active{opacity:1;visibility:visible;transform:none}
.hero__copy h1,.hero__copy .h1{margin-bottom:22px}
.hero__lead{font-size:18px;color:var(--muted);max-width:500px}
.hero__btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.hero__facts{display:flex;flex-wrap:wrap;margin-top:28px;font-size:13.5px;color:var(--muted)}
.hero__facts span{padding:0 16px;border-left:1px solid var(--line-d)}
.hero__facts span:first-child{padding-left:0;border:0}
.hero__tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px}
.hero__tab{text-align:left;font-size:13px;font-weight:500;color:var(--muted);padding-top:14px;position:relative;transition:color .2s}
.hero__tab::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line-d)}
.hero__tab i{position:absolute;left:0;top:0;height:2px;width:0;background:var(--red)}
.hero__tab.is-active{color:var(--ink)}
.hero__tab.is-active i{animation:prog var(--dur,6.5s) linear forwards}
.hero.is-paused .hero__tab.is-active i{animation-play-state:paused}
.hero__tab:hover{color:var(--ink)}
@keyframes prog{to{width:100%}}
.hero__media{position:relative;overflow:hidden;background:var(--soft)}
.hero__img{position:absolute;inset:0;opacity:0;transition:opacity .9s}
.hero__img.is-active{opacity:1}
.hero__img img{width:100%;height:100%;object-fit:cover;transform:scale(1.05);transition:transform 7s ease-out}
.hero__img.is-active img{transform:scale(1)}
.hero__media::after{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--line)}
/* linie w tle hero */
.lines{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.lines path{fill:none;stroke:var(--red);stroke-width:1;opacity:.18;vector-effect:non-scaling-stroke;stroke-dasharray:1200;stroke-dashoffset:1200;animation:drawline 3.2s ease-out forwards}
.lines path:nth-child(2){opacity:.12;animation-delay:.35s}
.lines path:nth-child(3){opacity:.08;animation-delay:.7s}
@keyframes drawline{to{stroke-dashoffset:0}}

/* ---------- ATUTY ---------- */
.perks{z-index:5;border-bottom:1px solid var(--line)}
.perks__list{display:grid;grid-template-columns:repeat(4,1fr);background:#fff}
.perk{padding:40px 32px 42px;border-left:1px solid var(--line);position:relative}
.perk:first-child{border-left:0;padding-left:0}
.perk:first-child::before{left:0}
.perk::before{content:"";position:absolute;left:32px;top:0;width:36px;height:2px;background:var(--red)}
.perk h3{font-size:19px;font-weight:500;margin-bottom:10px}
.perk p{font-size:14.5px;color:var(--muted);line-height:1.6}

/* ---------- O NAS ---------- */
.about{padding:130px 0 120px;overflow:hidden}
.about__in{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}
.about__media{position:relative;padding:0 18px 18px 36px}
.about__frame{position:relative}
.about__frame::before{content:"";position:absolute;left:-36px;top:36px;width:62%;height:84%;background:var(--red);z-index:-1}
.about__frame::after{content:"";position:absolute;inset:18px -18px -18px 18px;border:1.5px solid var(--yel);z-index:0;pointer-events:none}
.about__frame img{width:100%;aspect-ratio:1/1;object-fit:cover;position:relative;z-index:1}
.about__text h2{margin-bottom:22px}
.about__text>p{margin-bottom:16px;color:var(--muted)}
.about__text>p.lead{color:var(--ink)}
.ticks{margin:26px 0 30px;border-top:1px solid var(--line)}
.ticks li{position:relative;padding:13px 0 13px 34px;border-bottom:1px solid var(--line);font-size:15px}
.ticks li::before{content:"";position:absolute;left:4px;top:19px;width:12px;height:7px;border-left:1.5px solid var(--red);border-bottom:1.5px solid var(--red);transform:rotate(-45deg)}
.about__sign span{display:block;font-size:20px;font-weight:400}
.about__sign small{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}

/* ---------- USŁUGI: indeks-lista ---------- */
.svc{padding:110px 0 120px;background:var(--soft);overflow:hidden}
.head{margin-bottom:54px}
.head--split{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end}
.head--split>p{color:var(--muted);max-width:480px;justify-self:end}
.head--center{text-align:center;max-width:720px;margin-inline:auto}
.head--center .kicker{justify-content:center}
.head--center .kicker::after{content:"";width:34px;height:1px;background:currentColor}
.svc__in{display:grid;grid-template-columns:5fr 6fr;gap:70px;align-items:start}
.svc__group{font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}
.svc__list+.svc__group{margin-top:40px}
.svc__list{border-top:1px solid var(--line-d)}
.svc__item{border-bottom:1px solid var(--line-d)}
.svc__row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name arr" "tag arr";column-gap:20px;width:100%;text-align:left;padding:20px 4px 20px 0;position:relative}
.svc__row::before{content:"";position:absolute;left:0;top:-1px;height:1px;width:0;background:var(--red);transition:width .35s}
.svc__name{grid-area:name;font-size:24px;font-weight:400;line-height:1.25;transition:color .2s,transform .3s}
.svc__tag{grid-area:tag;font-size:14px;color:var(--muted);margin-top:3px}
.svc__arr{grid-area:arr;align-self:center;width:24px;height:24px;fill:none;stroke:var(--line-d);stroke-width:1.3;transition:stroke .2s,transform .3s}
.svc__item.is-active .svc__row::before{width:100%}
.svc__item.is-active .svc__name,.svc__row:hover .svc__name{color:var(--red)}
.svc__item.is-active .svc__name{transform:translateX(8px)}
.svc__item.is-active .svc__arr{stroke:var(--red);transform:translateX(4px)}
.svc__detail{display:none}
.svc__preview{position:sticky;top:110px;background:#fff;border:1px solid var(--line);min-width:0}
.svc__preview .svc__detail{display:block}
.svc__preview.is-anim .svc__detail{animation:fadein .4s ease}
.svc__detail img{width:100%;aspect-ratio:16/10;object-fit:cover;flex:none}
.svc__preview .svc__detail>*:not(img){margin-left:38px;margin-right:38px}
.svc__detail h3{font-size:24px;font-weight:400;margin-top:30px;margin-bottom:12px}
.svc__detail>p{color:var(--muted);font-size:15.5px}
.svc__detail dl{display:grid;grid-template-columns:150px 1fr;margin-top:22px;margin-bottom:26px;border-top:1px solid var(--line)}
.svc__detail dt,.svc__detail dd{padding:12px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.svc__detail dt{font-weight:500;color:var(--ink)}
.svc__detail dd{color:var(--muted)}
.svc__preview .svc__detail .link{margin-bottom:34px}
@keyframes fadein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ---------- CTA ---------- */
.cta{padding:120px 0;color:#fff;overflow:hidden;background:var(--dark)}
.cta__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.cta::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(27,30,34,.92) 0%,rgba(27,30,34,.8) 50%,rgba(27,30,34,.55) 100%);z-index:1}
.cta__in{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end}
.cta h2{max-width:640px;margin-bottom:16px}
.cta h2 em{color:var(--yel)}
.cta p{max-width:560px;color:rgba(255,255,255,.82)}
.cta__btns{display:flex;flex-wrap:wrap;gap:12px}

/* ---------- KROKI ---------- */
.steps{padding:110px 0 90px;overflow:hidden}
.steps__axis{position:relative;height:20px;margin:0 calc(100%/6);}
.steps__axis svg{width:100%;height:20px;display:block}
.steps__axis path{fill:none;stroke:var(--red);stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:1000;stroke-dashoffset:1000;transition:stroke-dashoffset 1.8s ease-out}
.steps.is-in .steps__axis path{stroke-dashoffset:0}
.steps__list{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:-20px}
.step{text-align:center;padding:0 12px;position:relative}
.step__dot{display:block;width:20px;height:20px;margin:0 auto 30px;border:1px solid var(--red);border-radius:50%;background:#fff;position:relative}
.step__dot::after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--red);transform:scale(0);transition:transform .4s .9s}
.steps.is-in .step__dot::after{transform:scale(1)}
.step h3{font-size:21px;font-weight:500;margin-bottom:12px}
.step p{font-size:15px;color:var(--muted);max-width:340px;margin-inline:auto}

/* ---------- CENNIK ---------- */
.price{padding:96px 0 110px;background:var(--soft)}
.price__in{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.price__card,.price__table{background:#fff;border:1px solid var(--line);padding:44px 44px 46px}
.price__card{border-top:2px solid var(--red)}
.price__card h3,.price__table h3{font-size:22px;font-weight:500;margin-bottom:6px}
.price__val{font-size:30px;font-weight:300;color:var(--red);margin-bottom:14px;line-height:1.2}
.price__card>p{color:var(--muted);margin-bottom:30px}
.scale{margin-bottom:34px}
.scale__title{font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}
.scale__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;font-size:14px;line-height:1.4}
.scale__list li{position:relative;padding-top:18px}
.scale__list li::before{content:"";position:absolute;left:0;top:0;width:9px;height:9px;border-radius:50%;border:1px solid var(--red);background:#fff}
.scale__list{position:relative}
.scale__list::before{content:"";position:absolute;left:4px;right:0;top:4px;height:1px;background:linear-gradient(90deg,var(--line-d),var(--red))}
.price__table table{width:100%;border-collapse:collapse;margin:22px 0 20px}
.price__table th,.price__table td{padding:17px 0;border-bottom:1px solid var(--line);text-align:left;font-weight:400}
.price__table tr:first-child th,.price__table tr:first-child td{border-top:1px solid var(--line)}
.price__table td{text-align:right;font-size:22px;font-weight:300;white-space:nowrap}
.price__table td small{font-size:13px;color:var(--muted)}
.price__free{padding:16px 20px;background:#fff8e6;border-left:2px solid var(--yel);margin-bottom:16px}
.price__free strong{font-weight:500}

/* ---------- FAQ ---------- */
.faq{padding:110px 0 110px}
.faq__cols{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.faq__col{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:22px 44px 22px 0;font-size:16.5px;font-weight:500;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after,.faq summary::before{content:"";position:absolute;right:6px;top:50%;width:14px;height:1.5px;background:var(--red);transition:transform .25s}
.faq summary::before{transform:rotate(90deg)}
.faq details[open] summary::before{transform:rotate(0)}
.faq summary:hover{color:var(--red)}
.faq details p{padding:0 30px 20px 0;color:var(--muted);font-size:15px}
.faq details p a{color:var(--red)}

/* ---------- KONTAKT ---------- */
.contact{padding:110px 0 0;background:var(--soft);overflow:hidden}
.contact__in{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:start;padding-bottom:100px}
.contact__info h2{margin-bottom:16px}
.contact__info>p{color:var(--muted);margin-bottom:30px}
.contact__list{border-top:1px solid var(--line-d)}
.contact__list>div{display:grid;grid-template-columns:170px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--line-d)}
.contact__list dt{font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding-top:4px}
.contact__list dd{font-size:17px}
.contact__list a{text-decoration:none}
.contact__route{margin-top:26px}
.contact__list a:hover{color:var(--red)}
.hours{border-collapse:collapse;font-size:15.5px}
.hours th{font-weight:400;text-align:left;padding:0 26px 2px 0;color:var(--muted)}
.hours td{padding:0 0 2px}
.form{background:#fff;border:1px solid var(--line);padding:42px;display:grid;gap:16px}
.form h3{font-size:22px;font-weight:500;margin-bottom:6px}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form label{display:grid;gap:6px}
.form label>span{font-size:13px;font-weight:500;color:var(--muted)}
.form input,.form select,.form textarea{width:100%;border:1px solid var(--line-d);border-radius:var(--r);padding:13px 14px;background:#fff;font-size:15px;transition:border-color .2s}
.form textarea{resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-color:var(--red)}
.form .form__check{display:flex;gap:10px;align-items:flex-start}
.form__check input{width:16px;height:16px;margin-top:3px;flex:none;accent-color:var(--red)}
.form__check span{font-size:13px !important;font-weight:400 !important}
.form .btn{justify-self:start;margin-top:4px}
.form__note{font-size:12.5px;color:var(--muted)}
.map{position:relative;z-index:1;height:380px;border-top:1px solid var(--line);background:#e9e9e6}
.map::before{content:"Mapa: " attr(data-label);position:absolute;inset:0;display:grid;place-items:center;font-size:14px;color:var(--muted);z-index:0}
.map iframe{position:relative;z-index:1}
.map iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(.35)}

/* ---------- STOPKA ---------- */
.footer{background:var(--dark);color:rgba(255,255,255,.72);font-size:14.5px;position:relative;overflow:hidden}
.footer__in{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:50px;padding:80px 0 60px}
.footer__brand img{width:190px;height:auto;margin-bottom:22px}
.footer__brand p{max-width:300px}
.footer__title{font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#fff;margin-bottom:18px;padding-bottom:12px;position:relative}
.footer__title::after{content:"";position:absolute;left:0;bottom:0;width:30px;height:1px;background:var(--red)}
.footer li{margin-bottom:8px}
.footer a{text-decoration:none}
.footer a:hover{color:#fff}
.footer address{font-style:normal;line-height:1.8}
.footer__bottom{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;padding:22px 0 26px;border-top:1px solid rgba(255,255,255,.1);font-size:12.5px;color:rgba(255,255,255,.55)}
.footer__bottom a{text-decoration:underline}

/* reveal */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}
.reveal.is-in{opacity:1;transform:none}

/* ---------- RWD ---------- */
@media (max-width:1180px){
  .header__tel span{display:none}
  .header__in{gap:20px}
  .nav__link{padding-inline:10px}
  .nav__link::after{left:10px;right:10px}
  .mega__in{grid-template-columns:1fr 1fr 260px;gap:28px}
}
@media (max-width:1024px){
  .hide-m{display:none}
  .burger{display:block}
  .header__in{min-height:72px}
  .header__tel svg{width:40px;height:40px;padding:10px}
  .nav{position:fixed;left:0;right:0;top:var(--hh,110px);bottom:0;background:#fff;overflow-y:auto;padding:8px 24px 30px;transform:translateX(100%);transition:transform .3s;margin:0;border-top:1px solid var(--line)}
  .nav.is-open{transform:none}
  .nav__list{flex-direction:column;align-items:stretch;gap:0}
  .nav__item{border-bottom:1px solid var(--line)}
  .nav__link{padding:17px 0;font-size:17px;width:100%;justify-content:space-between}
  .nav__link::after{display:none}
  .mega{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;display:none}
  .nav__item--mega.is-open .mega{display:block}
  .mega__in{grid-template-columns:1fr;gap:20px;padding:4px 0 22px;width:100%}
  .mega__panel{display:none}
  .nav__mobile-extra{display:grid;gap:10px;padding-top:24px;font-size:17px}
  .nav__mobile-extra a{text-decoration:none}
  .hero{grid-template-columns:1fr;min-height:0}
  .hero__media{order:-1;height:46vw;min-height:280px}
  .hero__text{padding:44px 24px 64px}
  .hero__inner{max-width:none}
  .perks__list{grid-template-columns:1fr 1fr}
  .perk:nth-child(3){border-left:0;padding-left:0}
  .perk:nth-child(3)::before{left:0}
  .perk:nth-child(n+3){border-top:1px solid var(--line)}
  .about__in,.svc__in,.price__in,.contact__in{grid-template-columns:1fr;gap:50px}
  .about__media{max-width:560px}
  .head--split{grid-template-columns:1fr;gap:16px}
  .head--split>p{justify-self:start}
  .svc__preview{display:none}
  .svc__item.is-active .svc__detail{display:block;padding:4px 0 30px;animation:fadein .4s ease}
  .svc__detail img{border-radius:var(--r)}
  .svc__detail h3{margin-top:22px}
  .cta__in{grid-template-columns:1fr;gap:30px}
  .footer__in{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .hide-s{display:none}
  .show-s{display:list-item}
  .deco--steps{display:none}
  .deco--hero{--s:130px;--o:.05;--t:14px;--rr:-20px}
  .wrap{width:calc(100% - 40px)}
  .topbar__info li{padding:0;border:0}
  .topbar__in{font-size:12px;gap:10px}
  .logo img{width:150px}
  .header__right{gap:6px}
  .hero__text{padding:36px 20px 56px}
  .hero__media{height:62vw;min-height:230px}
  .hero__lead{font-size:16px}
  .hero__btns .btn{flex:1 1 auto}
  .hero__facts{flex-direction:column;gap:6px}
  .hero__facts span{padding:0 0 0 12px;border:0 !important;font-size:13px;position:relative}
  .hero__facts span:first-child{padding-left:12px}
  .hero__facts span::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--red)}
  .hero__tabs{gap:10px;margin-top:34px}
  .hero__tab{font-size:12px;line-height:1.35}
  .perks__list{grid-template-columns:1fr}
  .perk{border-left:0 !important;border-top:1px solid var(--line);padding:26px 0}
  .perk:first-child{border-top:0}
  .perk::before{left:0}
  .footer__bottom span{display:block}
  .about{padding:90px 0 80px}
  .about__media{padding:0 12px 12px 22px}
  .about__frame::before{left:-22px;top:22px}
  .about__frame::after{inset:12px -12px -12px 12px}
  .svc,.steps,.price,.faq{padding:80px 0}
  .contact{padding-top:80px}
  .svc__name{font-size:21px}
  .svc__detail dl{grid-template-columns:1fr}
  .svc__detail dt{border-bottom:0;padding-bottom:0}
  .cta{padding:80px 0}
  .steps__axis{display:none}
  .steps__list{grid-template-columns:1fr;gap:40px;margin-top:0;position:relative}
  .steps__list::before{content:"";position:absolute;left:50%;top:10px;bottom:40px;width:1px;background:var(--line)}
  .step{background:#fff;padding:0 0 10px}
  .price__card,.price__table,.form{padding:30px 22px}
  .scale__list{grid-template-columns:1fr 1fr;gap:16px 10px}
  .scale__list::before{display:none}
  .price__table td{font-size:19px}
  .faq__cols{grid-template-columns:1fr}
  .faq__col+.faq__col{border-top:0}
  .contact__list>div{grid-template-columns:1fr;gap:4px}
  .form__row{grid-template-columns:1fr}
  .map{height:320px}
  .footer__in{grid-template-columns:1fr;gap:36px;padding:60px 0 40px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important}
  .lines path,.steps__axis path{stroke-dashoffset:0}
  .reveal{opacity:1;transform:none}
  html{scroll-behavior:auto}
}

/* WordPress and accessibility integration. */
:focus-visible{outline:3px solid var(--red);outline-offset:4px}
.skip-link{position:fixed;top:-150px;left:12px;z-index:100000;background:#fff;padding:12px;color:#111}
.skip-link:focus{top:12px}
body.admin-bar .header{top:32px}
.dawox3-honeypot{position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;clip-path:inset(50%);white-space:nowrap}
.form__status{padding:14px 16px;border:1px solid var(--red);background:#fff8f8;margin-bottom:18px}
.form__status--sent{border-color:#247046;background:#f1faf4}
.form__status a{text-decoration:underline}
.form button[disabled]{opacity:.65;cursor:wait}
.dawox3-test-label{font-size:12px;text-align:center;padding:7px 16px;background:#fff5d6;color:#483800}
.hero__pause{font-size:12px;text-decoration:underline;margin-top:12px;min-height:32px}
@media(max-width:782px){body.admin-bar .header{top:46px}}
@media(max-width:600px){body.admin-bar .header{top:0}}
/* Keep content readable if scripts are unavailable. */
html:not(.dawox3-js) .reveal{opacity:1;transform:none}
html:not(.dawox3-js) .svc__detail{display:block;padding:20px 0}
html:not(.dawox3-js) .svc__preview{display:none}
html:not(.dawox3-js) .svc__in{grid-template-columns:1fr}
html:not(.dawox3-js) .nav{transform:none;position:static}
html:not(.dawox3-js) .nav__list{flex-wrap:wrap}
html:not(.dawox3-js) .burger{display:none}
/* Practical: jasny, uporządkowany układ oparty na pierwszej wersji. */
:root{--red:#17634a;--red-d:#104b38;--yel:#ffce42;--yel-d:#f1bc29;--ink:#182c27;--muted:#52615b;--line:#dce5df;--line-d:#bccbc2;--soft:#f3f7f3;--dark:#213c32;--dark2:#172c25;--sans:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;--r:8px}
body{line-height:1.65}h1,h2,h3,.h1{font-weight:650;letter-spacing:-.025em}h1,.h1{font-size:clamp(34px,3.5vw,52px);font-weight:700;line-height:1.15}h2{font-size:clamp(28px,2.8vw,38px)}.kicker{font-size:12px;letter-spacing:.08em;font-weight:650}.btn{letter-spacing:0;text-transform:none;font-size:16px;font-weight:650;min-height:50px}.btn--sm{font-size:14px}.btn--acc{background:var(--red);color:white}.btn--acc:hover{background:var(--red-d)}.link{letter-spacing:0;text-transform:none;font-size:15px;font-weight:650}.topbar{background:#edf3ee;color:#294a3c;border-bottom:1px solid var(--line)}.topbar__cta{color:var(--red)}.header__in{min-height:88px}.nav__link{font-weight:600;letter-spacing:0}.hero{width:min(1240px,calc(100% - 48px));margin:30px auto;grid-template-columns:1.2fr 1fr;min-height:490px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#f3f7f3}.hero__text{padding:40px}.hero__media{margin:20px 20px 20px 0;border-radius:12px}.hero__media:after{display:none}.hero__lead{font-size:18px}.hero__btns{margin-top:24px}.hero__facts{margin-top:20px;font-size:12px}.hero__facts span{padding-inline:9px}.hero__tabs{margin-top:25px;gap:12px}.hero__tab{font-size:12px}.hero__pause{font-size:11px}.hero__img img{transform:none!important}.quick-offer{padding:5px 0 45px}.quick-offer p{font-size:16px;font-weight:650;margin-bottom:14px}.quick-offer__links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.quick-offer a{display:block;border:1px solid var(--line);border-radius:10px;text-decoration:none;padding:22px 25px;font-size:20px;font-weight:650;transition:background .2s}.quick-offer a:hover{background:var(--soft);border-color:var(--red)}.quick-offer span{display:block;font-size:14px;font-weight:400;color:var(--muted);margin-top:4px}.svc,.steps,.price,.about,.faq{padding:65px 0}.head{margin-bottom:32px}.head--split{gap:40px}.svc__in{gap:40px}.svc__name{font-size:22px;font-weight:600}.svc__tag{font-size:14px}.svc__row{padding:17px 12px}.svc__item.is-active{background:#e4efe6;border-radius:8px}.svc__detail{border-radius:12px;overflow:hidden}.svc__detail h3{font-size:24px;font-weight:650}.svc__detail p,.svc__detail dd{font-size:16px;line-height:1.7}.about__in{gap:55px}.about__media{padding:0}.about__frame:before,.about__frame:after{display:none}.about__frame img{border-radius:12px}.perk{padding-block:28px}.perk h3{font-weight:650}.perks{border-block:1px solid var(--line)}.step h3{font-weight:650}.price__card,.price__table,.form{border-radius:12px}.faq summary{font-weight:600;font-size:17px}.faq details p{font-size:16px}.contact{background:#f3f7f3}.contact__in{gap:55px}.contact__info h2{font-size:36px}.form__row input,.form input,.form select,.form textarea{border-radius:6px}.footer{background:var(--dark2)}.reveal{opacity:1!important;transform:none!important}.steps__axis{display:none}.step__dot{display:none}
@media(max-width:1024px){.hero{grid-template-columns:1fr 1fr}.hero__text{padding:28px}.hero__facts{display:grid;gap:5px}.hero__facts span{padding:0;border:0}.hero__media{margin:15px 15px 15px 0}.contact__in{gap:30px}}
@media(max-width:700px){.hero{width:calc(100% - 32px);grid-template-columns:1fr;margin:16px auto 24px;min-height:0}.hero__text{padding:25px 22px}.hero__media{height:230px;min-height:230px;margin:0 16px 16px;order:2}.hero__tabs{margin-top:23px}.hero__facts{display:flex;gap:5px 12px}.hero__lead{font-size:16px}.hero__btns{gap:10px}.hero__btns .btn{padding:0 17px;font-size:14px}.quick-offer{padding-bottom:32px}.quick-offer__links{grid-template-columns:1fr;gap:9px}.quick-offer a{padding:14px 18px;font-size:18px}.quick-offer span{font-size:13px}.svc,.steps,.price,.about,.faq{padding:42px 0}.head--split{gap:18px}.contact__info h2{font-size:30px}.contact__in{gap:25px}.form{padding:24px}.svc__detail p,.svc__detail dd{font-size:15px}.topbar__in{min-height:36px}.hero__copy h1,.hero__copy .h1{margin-bottom:16px}.svc__name{font-size:22px}.faq summary{font-size:16px}.about__in{gap:30px}}