*{box-sizing:border-box}
body{margin:0;background:#fffdf8}
a{color:#202124;text-decoration:none}a:hover{color:#1967d2}
summary::-webkit-details-marker{display:none}
input::placeholder{color:#80868b}
input:focus{outline:none;box-shadow:0 0 0 3px #fbbc05;border-color:#202124 !important}
button{font-family:inherit}
html,body{background:#202124}
a,button,summary{cursor:pointer}
.nfc-pill,.m-price button,button[aria-label*="liczbę pakietów"]{transition:transform .16s ease,filter .16s ease,background-color .16s ease}
.nfc-pill:active,.m-price button:active,button[aria-label*="liczbę pakietów"]:active{transform:translate(1px,1px) !important;filter:none !important}
#faq summary{transition:background-color .16s ease}
#faq summary svg{transition:transform .2s ease}
#faq details[open] > summary svg{transform:rotate(45deg)}
#faq details.faq-closing > summary svg{transform:rotate(0deg)}
@media (hover:hover){
.nfc-pill:hover{transform:translate(-2px,-2px);filter:drop-shadow(3px 3px 0 #202124)}
a.nfc-pill:hover{color:#202124}
.nfc-pillw:hover{background-color:#fff3c4 !important}
.m-price button:hover{transform:translate(-3px,-5px) !important;filter:drop-shadow(4px 4px 0 #fbbc05)}
#cennik .nfc-pill:hover{filter:drop-shadow(3px 3px 0 #ffffff)}
button[aria-label*="liczbę pakietów"]:hover{transform:translate(-1px,-1px);filter:drop-shadow(2px 2px 0 #202124)}
header nav a:not(:last-child):hover,footer a:hover,label a:hover{text-decoration:underline;text-decoration-color:#fbbc05;text-decoration-thickness:3px;text-underline-offset:5px}
header > a[href="#top"]:hover{transform:rotate(-2deg)}
#faq summary:hover{background-color:rgba(255,255,255,.75)}
#faq summary:hover svg{transform:rotate(90deg)}
#faq details[open] > summary:hover svg{transform:rotate(135deg)}
}
@media (prefers-reduced-motion:reduce){a,button,summary,#faq summary svg{transition:none !important}}
@keyframes nfcSpin{to{transform:rotate(360deg)}}
.nfc-card{animation:nfcCard 8s ease-in-out infinite}
.nfc-phone{animation:nfcPhone 8s cubic-bezier(.45,0,.2,1) infinite}
.nfc-lock{animation:nfcLock 8s ease-in-out infinite}
.nfc-ring{animation:nfcRing 8s ease-out infinite}
.nfc-pop{animation:nfcPop 8s ease-in-out infinite}
.nfc-btn{animation:nfcBtn 8s ease-in-out infinite}
.nfc-s1{animation:nfcS1 8s linear infinite}.nfc-s2{animation:nfcS2 8s linear infinite}.nfc-s3{animation:nfcS3 8s linear infinite}.nfc-s4{animation:nfcS4 8s linear infinite}.nfc-s5{animation:nfcS5 8s linear infinite}
@keyframes nfcPhone{0%,6%{transform:translate(0,0) rotate(5deg)}26%{transform:translate(-21cqw,-11cqw) rotate(-2deg)}29%{transform:translate(-20.4cqw,-10.5cqw) rotate(-2deg) scale(.98)}32%,80%{transform:translate(-21cqw,-11cqw) rotate(-2deg)}92%,100%{transform:translate(0,0) rotate(5deg)}}
@keyframes nfcCard{0%,27%{transform:rotate(-6deg) scale(1)}31%{transform:rotate(-6deg) scale(1.025)}40%,100%{transform:rotate(-6deg) scale(1)}}
@keyframes nfcLock{0%,30%{opacity:1}36%,86%{opacity:0}92%,100%{opacity:1}}
@keyframes nfcRing{0%,26%{opacity:0;transform:scale(.2)}27%{opacity:.95;transform:scale(.2)}42%{opacity:0;transform:scale(1.1)}100%{opacity:0;transform:scale(1.1)}}
@keyframes nfcPop{0%,66%{opacity:0;transform:rotate(4deg) scale(.4)}72%{opacity:1;transform:rotate(4deg) scale(1.12)}75%,88%{opacity:1;transform:rotate(4deg) scale(1)}92%,100%{opacity:0;transform:rotate(4deg) scale(.8)}}
@keyframes nfcBtn{0%,58%{transform:scale(1)}61%{transform:scale(.92)}64%,100%{transform:scale(1)}}
@keyframes nfcS1{0%,38%{fill:#dadce0}41%,100%{fill:#fbbc05}}
@keyframes nfcS2{0%,41%{fill:#dadce0}44%,100%{fill:#fbbc05}}
@keyframes nfcS3{0%,44%{fill:#dadce0}47%,100%{fill:#fbbc05}}
@keyframes nfcS4{0%,47%{fill:#dadce0}50%,100%{fill:#fbbc05}}
@keyframes nfcS5{0%,50%{fill:#dadce0}53%,100%{fill:#fbbc05}}
.nfc-c1{animation:nfcC1 8s ease-in-out infinite}.nfc-c2{animation:nfcC2 8s ease-in-out infinite}.nfc-c3{animation:nfcC3 8s ease-in-out infinite}
.nfc-st1{animation:nfcSt1 8s ease-in-out infinite}.nfc-st2{animation:nfcSt2 8s ease-in-out infinite}.nfc-st3{animation:nfcSt3 8s ease-in-out infinite}
@keyframes nfcC1{0%,26%{opacity:1;transform:translateX(-50%) translateY(0)}30%,92%{opacity:0;transform:translateX(-50%) translateY(1.2cqw)}96%,100%{opacity:1;transform:translateX(-50%) translateY(0)}}
@keyframes nfcC2{0%,28%{opacity:0;transform:translateX(-50%) translateY(1.2cqw)}33%,58%{opacity:1;transform:translateX(-50%) translateY(0)}62%,100%{opacity:0;transform:translateX(-50%) translateY(1.2cqw)}}
@keyframes nfcC3{0%,60%{opacity:0;transform:translateX(-50%) translateY(1.2cqw)}65%,88%{opacity:1;transform:translateX(-50%) translateY(0)}92%,100%{opacity:0;transform:translateX(-50%) translateY(1.2cqw)}}
@keyframes nfcSt1{0%,28%{opacity:1}32%,92%{opacity:.35}96%,100%{opacity:1}}
@keyframes nfcSt2{0%,28%{opacity:.35}32%,58%{opacity:1}62%,100%{opacity:.35}}
@keyframes nfcSt3{0%,60%{opacity:.35}64%,88%{opacity:1}92%,100%{opacity:.35}}
@media (max-width:760px){.m-femail{font-size:12.5px !important;white-space:nowrap}.m-awn{height:22px !important;bottom:-21px !important}.m-band.m-cart{padding-top:84px !important}
.nfc-page header{padding:12px 18px !important}
.nfc-page header nav a:not(:last-child){display:none !important}
.nfc-page header span{font-size:19px !important}
.m-hero{padding-top:8px !important;padding-bottom:40px !important;gap:20px !important}
.m-hero h1{font-size:37px !important;margin-top:16px !important}
.m-hero p{font-size:16px !important;margin-top:14px !important;line-height:1.5 !important}
.m-hero > div:first-child > div{margin-top:20px !important;gap:12px !important}
.m-hero > div:first-child > div a{padding:14px 22px !important;font-size:16px !important}
.m-hero > div:last-child{flex:none !important;width:86%;margin:0 auto}
.m-band{padding:44px 0 !important}
.nfc-page h2{font-size:29px !important}
.nfc-page section{padding-left:18px !important;padding-right:18px !important}
.m-stack{flex-direction:column !important;flex-wrap:nowrap !important;gap:20px !important;margin-top:26px !important}
.m-stack > *{flex:none !important;width:100%}
#jak > div:first-child{margin-bottom:22px !important}
.m-col{border-top:0 !important;border-left:6px solid var(--c);padding:2px 0 2px 16px !important}
.m-col .m-word{font-size:34px !important;margin-top:4px !important}
.m-col p{font-size:15px !important;margin-top:6px !important}
.m-col span{font-size:12px !important}
.m-jakrow{flex-direction:column !important;flex-wrap:nowrap !important;gap:22px !important;align-items:stretch !important}
.m-jakrow > *{flex:none !important;width:100% !important;max-width:none !important}
.m-jakrow .m-stack{margin-top:0 !important}
.m-demo > div{border-radius:26px !important;box-shadow:4px 4px 0 #202124 !important}
.m-demo [class*="nfc-c"]{font-size:3.5cqw !important}
.m-demo [class*="nfc-c"] > span{width:5.4cqw !important;height:5.4cqw !important;font-size:3.2cqw !important}
.m-jakcta{margin-top:28px !important;gap:12px !important}
.m-jakcta > span{font-size:20px !important}
.m-ben{flex-direction:row !important;gap:14px !important;align-items:flex-start}
.m-ben > div:first-child{width:46px !important;height:46px !important}
.m-ben > div:first-child svg{width:23px !important;height:23px !important}
.m-ben h3{font-size:20px !important}
.m-ben p{font-size:15px !important;margin-top:6px !important;line-height:1.5 !important}
#zalety > div:last-child{margin-top:26px !important;padding-top:18px !important}
#zalety > div:last-child > span:first-child{font-size:18px !important}
.m-scenes{gap:14px !important}
.m-scene{flex-direction:row !important;align-items:center;gap:14px !important}
.m-scene > div:first-child{flex:0 0 42% !important;width:42% !important;padding:8px !important;border-radius:20px !important}
.m-scene > div:last-child{flex:1 !important;padding:0 !important}
.m-scene h3{font-size:19px !important}
.m-scene p{font-size:14px !important;margin-top:4px !important;line-height:1.45 !important}
.m-steps{margin-top:24px !important;padding-top:22px !important;gap:16px !important}
.m-steps p{font-size:14px !important}
.m-price{display:grid !important;grid-template-columns:1fr 1fr;gap:12px !important;margin-top:26px !important}
.m-price > button{min-height:0 !important;padding:16px 13px !important;border-radius:22px !important;gap:8px !important}
.m-price .m-pname{font-size:18px !important}
.m-price > button .m-pnum{font-size:36px !important}
.m-price > button .m-pper{font-size:13px !important}
.m-price > button .m-pbadge{font-size:11px !important;white-space:normal}
.m-price > button .m-prec{right:8px !important;font-size:11px !important;padding:5px 11px !important}
#cennik .m-fine{font-size:13px !important}
.m-panel{padding:20px !important;border-radius:26px !important}
#koszyk > div:first-child{margin-bottom:22px !important}
#koszyk > div:nth-child(2){gap:16px !important}
#koszyk h3{font-size:26px !important}
.m-cart{padding:16px !important;gap:14px !important;border-radius:22px !important}
.m-cart > div:first-child{gap:12px !important;flex-wrap:nowrap !important}
.m-cart > div:first-child > div:first-child{width:62px !important}
.m-cart > div:first-child > div:first-child img{width:62px !important}
.m-cart > div:first-child > div:nth-child(2){flex:1 1 auto !important;min-width:0}
.m-cart > div:first-child > div:nth-child(2) > div:first-child{font-size:17px !important}
.m-cart > div:first-child > div:nth-child(2) > div:last-child{font-size:13px !important}
.m-cart > div:first-child > div:last-child{font-size:22px !important;white-space:nowrap}
.m-cart > div:nth-child(2){padding:10px 0 !important}
.m-cart > div:nth-child(3) > .m-hide{display:none !important}
.m-cart > div:nth-child(3){gap:8px !important;font-size:15px !important}
.m-total span:first-child{font-size:16px !important}
.m-total span:last-child{font-size:34px !important}
.m-ticks{gap:8px !important;font-size:14px !important}
.m-order{padding:18px !important;border-radius:26px !important;box-shadow:5px 5px 0 #202124 !important;gap:12px !important}
.m-order .m-eyebrow{display:none !important}
.m-order h3{font-size:23px !important;margin:0 !important}
.m-order label{font-size:13px !important;gap:5px !important}
.m-order .m-check{gap:10px !important;line-height:1.4 !important}
.m-order label span{font-size:13px !important}
.m-order input[type=text],.m-order input[type=tel],.m-order input[type=email]{padding:11px 14px !important;border-radius:14px !important;font-size:16px !important}
.m-order input[type=checkbox]{width:18px !important;height:18px !important}
.m-order .m-row2{gap:12px !important}
.m-order .m-half{flex-basis:100% !important}
.m-order .m-keep{flex-wrap:nowrap !important}
.m-order .m-keep label{min-width:0 !important}
.m-order .m-w1{flex:1 1 0 !important}
.m-order .m-w2{flex:2 1 0 !important}
.m-order button{padding:14px !important;font-size:16px !important;box-shadow:3px 3px 0 #202124 !important}
.m-order .m-mini{padding:3px 9px !important;font-size:12px !important}
.m-order .m-minilead{font-size:12px !important}
.m-order p{font-size:12px !important;line-height:1.4 !important}
.m-order .m-note{padding:10px 12px !important;font-size:13px !important}
#opinie > div:first-child{gap:14px !important}
#opinie figure{padding:20px !important;min-height:0 !important;gap:14px !important;border-radius:24px !important}
#opinie blockquote{font-size:18px !important}
#opinie button{width:44px !important;height:44px !important}
#faq summary{font-size:16px !important;padding:15px 0 !important}
#faq details p{font-size:15px !important;margin-left:0 !important}
#faq > div:last-child{margin-top:22px !important}
.nfc-page footer > div:nth-child(2){display:grid !important;grid-template-columns:1fr 1fr;padding:22px 18px 8px !important;gap:18px 14px !important}
.nfc-page footer > div:nth-child(2) > div:first-child{grid-column:1/-1;gap:6px !important}
.nfc-page footer > div:nth-child(2) > div:last-child{grid-column:1/-1;font-size:11px !important;line-height:1.5 !important}
.nfc-page footer > div:nth-child(2) > div:nth-child(2),.nfc-page footer > div:nth-child(2) > div:nth-child(3){gap:6px !important;font-size:14px !important;min-width:0}
.nfc-page footer a{overflow-wrap:anywhere}
.nfc-page footer a[href^="mailto"]{font-size:12.5px !important}
}
@media (max-width:760px){.nfc-page footer{padding-bottom:78px}.nfc-sticky{display:flex !important}}
@media (prefers-reduced-motion:reduce){.nfc-anim{animation:none !important}}
