@charset "utf-8";:root{interpolate-size:allow-keywords}::selection{background:#1a7ec0;color:#fff}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#fff0}::-webkit-scrollbar-thumb{background:#999}::-webkit-scrollbar-thumb:hover{background:#000}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;&.active{color:#d00}}body{background:#fff;min-height:100svh;display:flex;flex-flow:column;font-family:system-ui,sans-serif;font-size:14px;-webkit-tap-highlight-color:#fff0}container{max-width:1200px;display:block;position:relative;margin:auto}header{padding:0 10px;container{display:flex;align-items:center;justify-content:space-between;padding:15px 0}a.logo{max-width:200px;max-height:100px;display:flex;img{width:100%;pointer-events:none}}}main{//min-height:50vh;flex:1;padding:0 10px;container{padding:0 0 40px}p{margin:15px 0;line-height:24px;a{font-size:16px;font-weight:500;color:#000;&:hover{color:#1a7ec0}}img{max-width:100%;height:auto!important}}strong{font-size:16px;font-weight:500}ul,ol{padding-left:25px;line-height:24px}map{border-radius:5px;background:#f5f5f5;height:350px;display:block;margin:50px 0}blockquote{position:relative;padding:20px 30px;p{font-size:18px;font-style:italic;color:#000}}}footer{min-height:100px;padding:0 10px;container{display:flex;flex-flow:row wrap;justify-content:space-between;padding:40px 0}p{padding:5px 0}strong{font-size:16px;font-weight:500}box{ul{list-style:none;margin:0;padding:0;li{padding:5px 0;a{color:#000;&:hover{color:#d00}}}}info{line-height:24px}}copyright{display:flex;align-items:center;gap:0 10px;margin:20px 0;color:#aaa;a{font-size:12px;color:#aaa;&:hover{color:#d00}}sep{background:#aaa;width:1px;height:10px}}}h1{font-size:24px;font-weight:500}h2{margin:20px 0 20px;font-size:18px;font-weight:500}h3{font-size:18px;font-weight:500}h4{margin:80px 0 5px;font-size:18px;font-weight:500}h5{margin:0 0 5px;font-size:16px;font-weight:500}:is(photo,.photo):empty,img.error{background:#ebecec;mask:url(images/no-photo.svg) no-repeat center;mask-size:auto 50%}menu{display:flex;flex-direction:row-reverse;//gap:5px;position:relative;right:-10px;user-select:none;button{outline:none;border:none;background:none;width:50px;height:50px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;&[name=nav]{order:1;span{display:flex;&,&::before,&::after{border-radius:2px;background:#999;width:30px;height:3px;position:absolute;transition:.2s}&::before{content:"";translate:0 -11px}&::after{content:"";translate:0 11px}}&.checked{span{background:transparent!important;transition:.1s;&::before{background:#000;translate:0;rotate:45deg}&::after{background:#000;translate:0;rotate:-45deg}}}&:hover{span{&,&::before,&::after{background:#000}}}}&[name=user]{order:2}&[name=scm]{order:3;font:inherit;span{border-radius:50%;background:#d00;width:18px;height:18px;display:grid;place-content:center;position:absolute;bottom:5px;right:0;font-size:12px;font-weight:500;color:#fff;&:empty{opacity:0}&[notify]{opacity:1;transition:opacity .25s;animation:notify .25s}}price{display:none}}&[name=searcher]{order:4}&[name=nav]~nav,&[name=user]~user,&[name=scm]~scm,&[name=searcher]~search{opacity:0;translate:0 20px;transition:.1s allow-discrete}&[name=nav].checked~nav,&[name=user].checked~user,&[name=scm].checked~scm,&[name=searcher].checked~search{display:block;opacity:1;translate:0;@starting-style{opacity:0;translate:0 -5px}}&[name=scm].checked~scm{display:flex}}svg{height:50%;path{stroke:#999;transition:stroke .2s}circle{fill:#999;transition:fill .2s}}:is(:hover,.checked){svg{path{stroke:#000}circle{fill:#000}}}}nav{background:#eee;width:50vw;max-width:500px;display:none;position:absolute;top:50px;right:10px;padding:5px;z-index:1;ul{list-style:none;margin:0;padding:0;ul{background:rgb(0 0 0 / .05);height:0;opacity:0;overflow:clip;transition:height .5s,opacity .25s}li{a,span{display:block;position:relative;padding:8px 10px;color:#000;cursor:pointer;&:hover{background:rgb(0 0 0 / .05)}}&.checked>ul{height:auto;opacity:1;transition:height .25s,opacity .1s linear .25s}&:has(ul)>:is(a,span){&::before,&::after{content:"";border-radius:2px;background:#999;width:8px;height:2px;position:absolute;top:0;bottom:0;right:10px;margin:auto;transition:background .25s,rotate .25s}&::before{translate:2.2px;rotate:-45deg}&::after{translate:-2.2px;rotate:45deg}}&:hover:has(ul)>:is(a,span){&::before,&::after{background:#000}}&.checked:has(ul)>:is(a,span){&::before,&::after{background:#000}&::before{rotate:45deg}&::after{rotate:-45deg}}}}}user{background:#eee;width:50vw;max-width:500px;display:none;position:absolute;top:50px;right:10px;padding:2px;z-index:1;a{display:block;align-items:center;padding:8px 10px;color:#000;&:hover{background:rgb(0 0 0 / .05)}svg{fill:#fff;width:30px;height:auto;margin-right:20px}}span{display:block;padding:0;font-size:18px;line-height:50px;text-align:center;color:#000;&::before{content:"Witaj, ";font-size:12px}}}search{background:#eee;width:50vw;max-width:500px;display:none;position:absolute;top:50px;right:10px;padding:5px;z-index:1;label{gap:0;margin:5px 0;&[invalid]::before{right:50px}}[type=search]{border:none;color:#000;&+span{background:none;color:#000;transition:.25s}}[type=submit]{border:none;background:none;width:40px!important;height:100%;display:flex;cursor:pointer;transition:none;&:hover{border:none;background:none}&:hover svg path{stroke:#000}svg path{stroke:#999;stroke-dasharray:80;stroke-dashoffset:0}&[progress] svg path{stroke-dashoffset:160;transition:.5s linear}}results{max-height:75vh;overflow-y:auto;a{display:flex;align-items:center;gap:10px;padding:5px 10px;color:#000;&:hover{background:rgb(0 0 0 / .05);color:#000}&:focus{background:rgb(0 0 0 / .05);color:#d00}&:hover photo img{scale:1.1;transition:scale .25s}photo{flex:0 0 50px;border-radius:5px;background:#fff;height:40px;display:flex;align-items:center;justify-content:center;overflow:hidden;img{object-fit:contain;width:80%;height:80%;transition:scale .5s;pointer-events:none}}name{flex:1 1 100%;font-weight:400}strong{font-weight:500}price{flex:1 0 auto;font-size:14px;font-weight:500;text-align:right}}}}scm{background:#eee;width:50vw;max-width:500px;display:none;flex-flow:column;gap:2px;position:absolute;top:50px;right:10px;z-index:1;items{max-height:75vh;overflow-y:auto;a{display:flex;gap:10px;padding:5px 10px;color:#000;&:hover{background:rgb(0 0 0 / .05)}&:hover photo img{scale:1.1;transition:scale .25s}photo{flex:0 0 80px;border-radius:5px;background:#fff;height:60px;display:flex;align-items:center;justify-content:center;overflow:hidden;img{object-fit:contain;width:80%;height:80%;transition:scale .5s;pointer-events:none}}wrapper{flex:1 1 auto;display:flex;align-items:center;gap:5px;name{flex:0 1 100%;count{font-size:16px;font-weight:500;padding-right:5px}span{display:flex;font-size:12px;color:#d00}}cost{order:3;flex:1 0 auto;font-size:18px;font-weight:500;text-align:right;price{display:block;font-size:12px;font-weight:400}}}}}&>a{border-radius:5px;align-self:flex-end;background:#d00;padding:8px 50px;color:#fff;transition:.25s;&:hover{background:red}}empty{position:relative;margin:10px auto;padding:10px 25px;line-height:20px;animation:alert .5s;&::before{content:"i";border-radius:2px;background:#1a7ec0;width:20px;height:20px;display:grid;place-content:center;position:absolute;top:10px;left:-10px;font-size:14px;font-weight:700;color:#fff;animation:notify .25s}}}products{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:30px 10px;margin:20px 0;a{//border-radius:10px;background:#fff;inner{height:100%;display:flex;flex-flow:column wrap;gap:10px;position:relative;padding:10px;overflow:hidden}&:hover photo img{scale:1.1;transition:scale .25s}photo{height:200px;display:flex;align-items:center;justify-content:center;//overflow:hidden;img{object-fit:contain;width:100%;height:100%;transition:scale .5s;pointer-events:none}}h2{order:1;flex-grow:1;margin:0;font-size:14px;font-weight:500;text-align:center;color:#000}wrapper{order:2;height:40px;display:flex}price{order:1;flex-basis:40%;align-self:flex-end;display:inline-flex;flex-flow:column;align-items:flex-end;font-size:20px;font-weight:500;line-height:1;color:#000;white-space:nowrap;old{font-size:12px;font-weight:400;line-height:1;text-decoration:line-through;color:#d00}}button{order:2;flex-basis:50%;align-self:flex-end}}sizes{order:2;display:flex;flex-flow:row wrap;gap:5px;&:empty{display:none}size{font-size:12px;font-weight:500;color:#999}}stars{order:2;justify-content:center}promotion,new,sale,bestseller{display:flex;align-items:center;justify-content:center;position:absolute;top:10px}promotion{border-radius:50%;background:#1a7ec0;width:30px;height:30px;right:10px;&::before{content:"%";font-size:20px;font-weight:700;line-height:1;color:#fff;animation:alert .25s}}new{border-radius:5px;background:#d00;width:120px;height:20px;left:10px;rotate:-45deg;translate:-25px 25px;&::before{content:"nowość";font-size:12px;font-weight:500;color:#fff;animation:alert .25s}}sale{border-radius:5px;background:#d00;width:120px;height:20px;left:10px;rotate:-45deg;translate:-25px 25px;&::before{content:"wyprzedaż";font-size:12px;font-weight:500;color:#fff;animation:alert .25s}}bestseller{border-radius:5px;background:#d00;width:120px;height:20px;left:10px;rotate:-45deg;translate:-25px 25px;&::before{content:"bestseller";font-size:12px;font-weight:500;color:#fff;animation:alert .25s}}&[list]{grid-template-columns:1fr;gap:20px;a{photo{width:15%;height:100px;img{width:90%;height:90%}}h2{width:50%;display:flex;align-items:center;text-align:left}inner{flex-flow:row;align-items:center}wrapper{width:30%;height:auto}}}}products-controls{display:flex;gap:10px;margin:15px 0 5px}products-slider{display:block;margin:30px 0;&~h1{margin-top:80px}products{grid-template-columns:none;display:grid;grid-auto-flow:column;grid-column-gap:10px;grid-auto-columns:calc(25% - 30px/4);@media (max-width:1069px){&{grid-auto-columns:33%}}@media (max-width:799px){&{grid-auto-columns:50%}}@media (max-width:529px){&{grid-auto-columns:100%}}}}product{h1{}mpn{font-size:12px;color:#999}info{display:flex;flex-flow:column;span{margin-left:5px;font-size:16px;font-weight:500;color:#000}}&>items{margin:10px 0}groups{user-select:none;items{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));grid-auto-rows:1fr;gap:5px;margin:5px 0;a{border-radius:5px;//outline:1px solid #eee;background:#fff;height:60px;display:flex;align-items:center;justify-content:center;overflow:hidden;&:hover{outline:1px solid #999}&:hover img{scale:1.1;transition:scale .25s}img{object-fit:contain;width:80%;height:80%;transition:scale .5s;pointer-events:none}&.active{outline:1px solid #1a7ec0}}}}promotion,new,sale,bestseller{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0}promotion{border-radius:50%;background:#1a7ec0;width:30px;height:30px;position:relative;top:5px;&::before{content:"%";font-size:20px;font-weight:700;line-height:1;color:#fff;animation:alert .25s}}new{border-radius:5px;background:#d00;width:120px;height:20px;&::before{content:"nowość";font-size:12px;font-weight:500;color:#fff;animation:alert .25s}}sale{border-radius:5px;background:#d00;width:120px;height:20px;&::before{content:"wyprzedaż";font-size:12px;font-weight:500;color:#fff;animation:alert .25s}}bestseller{border-radius:5px;background:#d00;width:120px;height:20px;&::before{content:"bestseller";font-size:12px;font-weight:500;color:#fff;animation:alert .25s}}type{margin-right:10px;font-size:12px;font-weight:500;text-transform:uppercase;}items{options{display:flex;flex-flow:row wrap;align-items:baseline;gap:10px;margin-bottom:20px;label{width:auto;margin:0;cursor:pointer;name{font-size:18px;font-weight:500;color:#999}[type=radio]{&:hover~name{color:#666}&:checked~name{color:#000}}}}}price{display:inline-flex;flex-flow:column;align-items:flex-end;font-size:30px;font-weight:500;line-height:1;color:#000;old{font-size:16px;font-weight:400;line-height:1;text-decoration:line-through;color:#d00}}history{display:block;margin:5px 0;font-size:12px;color:#999;strong{font-size:14px;font-weight:500}}basket,notify,question{display:block;margin-top:20px}unit{display:inline-flex;margin-right:20px}costs{width:max-content;display:block;margin-top:10px;font-weight:500;color:#1a7ec0;cursor:pointer;&:hover{color:#00a0e3}}questions{display:flex;align-items:center;gap:5px;cursor:pointer;user-select:none;&:hover svg{stroke:#000}svg{width:20px;height:15px;fill:none;stroke:#999;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s;pointer-events:none}}bottom{display:flex;align-items:center;justify-content:space-between;margin:10px 0}gallery{display:flex;flex-flow:column;gap:10px;photo{background:#fff;//max-height:400px;position:relative;&:empty{min-height:min(300px, 50vw)}}[photos]{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:100%;li{display:grid;a{display:grid;place-items:center;cursor:zoom-in}img{object-fit:contain;max-inline-size:100%;block-size:auto;//max-width:100%;max-height:400px;pointer-events:none}}}[thumbs]{list-style:none;margin:0;padding:0;gap:5px}@media (max-width:768px){[thumbs]{display:flex;align-items:center;justify-content:center;li{border-radius:50%;background:#eee;width:10px;height:10px;margin:2px;transition:scale .25s;img{display:none}&.active{background:#1a7ec0;scale:1.5}@supports selector(:has(+*)){&.active+&,&:has(+&.active){scale:1.25}}}}}@media (min-width:769px){[thumbs]{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(15%, 100px),1fr));grid-auto-rows:1fr;li{border-radius:5px;//outline:1px solid #eee;background:#fff;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;&:hover{outline:1px solid #999}&:hover img{scale:1.1;transition:scale .25s}img{object-fit:contain;width:80%;height:80%;transition:scale .5s;pointer-events:none}&.active{outline:1px solid #1a7ec0}}}}}}stars{display:flex;flex-flow:row-reverse;gap:5px;star{width:15px;height:15px;display:flex;fill:none;stroke:#999;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;&[checked] svg,&[checked]~& svg{stroke:#1a7ec0}}}pline{display:flex;align-items:flex-end;gap:20px;margin:0 0 20px;}rating{display:flex;align-items:center;gap:10px;cursor:pointer;stars{star{}}count{font-size:12px;color:#999}}reviews{display:flex;flex-flow:column;[name=review-add]{margin:0 auto}[name=review-more]{max-width:400px;margin:20px auto}rs{display:flex;justify-content:space-around;gap:40px;margin:40px 0}rev{width:60%;position:relative;margin:20px auto 40px;form{max-width:inherit!important}cc{display:flex;flex-flow:row-reverse;position:relative;margin:0 auto;label{//width:50px;//height:50px;margin:0;padding:5px;cursor:pointer;&:hover svg{stroke:#1a7ec0!important}svg{width:40px;height:40px;display:flex;fill:none;stroke:#999!important;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;transition:.2s}}}[name=rate]{&:checked~label svg{stroke:#1a7ec0!important;scale:1.1}&:hover~label svg{stroke:#00a0e3!important}}}mega{width:25%;display:grid;place-content:center;place-items:center;gap:10px;score{display:flex;align-items:baseline;gap:5px;value{font-size:30px;font-weight:500}span{font-size:18px}}stars{gap:10px;star{width:25px;height:25px}}count{font-size:16px}}lines{width:400px;line{display:flex;align-items:center;txt,count{padding:5px 10px;font-size:16px}value{display:none}progress-bar{border-radius:2px;background:rgb(0 0 0 / .1);width:100%;display:flex;overflow:hidden;bar{background:#1a7ec0;width:100%;height:5px;translate:-100%;&[style]{transition:translate 1s linear}}}star{width:15px;height:15px;display:flex;fill:none;stroke:#999;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}}}have{display:grid;place-content:center;gap:20px;text-align:center;text-wrap:balance}@media (max-width:768px){rs{flex-flow:column}rev{width:100%}mega{width:100%}lines{width:100%}}}review{display:grid;gap:10px;margin:20px 0;top{display:flex;flex-flow:row wrap;align-items:baseline;gap:5px 20px}stars{align-self:center;star{width:20px;height:20px}}author{margin-left:auto;font-size:16px}date{font-size:12px;color:#666}confirmed{color:#1a7ec0;user-select:none}name{font-size:16px;font-weight:500}description{line-height:24px}photos{display:flex;gap:5px;user-select:none;a{border-radius:5px;background:#fff;width:60px;height:60px;display:flex;align-items:center;justify-content:center;overflow:hidden;&:hover img{scale:1.1;transition:scale .25s}img{object-fit:contain;width:80%;height:80%;transition:scale .5s;pointer-events:none}}}helpful{display:flex;align-items:center;gap:10px;font-size:12px;color:#666;user-select:none}button{border:none;background:none;display:flex;align-items:center;font:inherit;cursor:pointer;&:hover svg{stroke:#000}svg{width:20px;height:15px;fill:none;stroke:#999;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s;pointer-events:none}&[data-vote]::after{content:attr(data-count);padding:5px;font-weight:500;color:#666}&[data-vote=no] svg{scale:-1}}}unit{display:flex;align-items:center;gap:10px;qty{display:flex;position:relative;&[invalid]::before{top:8px;left:-10px}input{outline:none;border:none;background:#fff0;width:60px;padding:0 10px;font-size:18px;font-weight:500;text-align:right;&:disabled{color:#999;cursor:not-allowed;&~controls btn{opacity:0;scale:0}}}controls{btn{width:25px;height:20px;display:flex;align-items:center;transition:.5s;cursor:pointer;&::before,&::after{content:"";border-radius:2px;background:#999;width:8px;height:2px;position:relative;left:5px;transition:.2s}&::before{translate:1.8px}&::after{translate:-1.8px}&[inc]{&::before{rotate:-45deg}&::after{rotate:45deg}}&[dec]{&::before{rotate:45deg}&::after{rotate:-45deg}}&:disabled{cursor:not-allowed}&:not(:disabled):hover{&::before,&::after{background:#000}}}}}}scc{user-select:none;content{display:flex;flex-flow:column;gap:20px;margin:20px 0;overflow:hidden;item{min-height:80px;display:flex;gap:5px 10px;&:hover .photo img{scale:1.1;transition:scale .25s}.photo{order:1;flex:0 0 10%;border-radius:5px;background:#fff;height:80px;display:flex;align-items:center;justify-content:center;overflow:hidden;img{object-fit:contain;width:80%;height:80%;transition:scale .5s;pointer-events:none}}name{order:2;flex:1 0 50%;display:flex;flex-flow:column;justify-content:center;font-weight:500;color:#000;span{font-size:12px;font-weight:400;color:#d00}specification{display:block;padding:10px 0;font-size:10px;line-height:18px;color:#666;strong{font-size:12px;font-weight:500;color:#000}a{font-size:12px;font-weight:500;color:#1a7ec0}sup{font-size:8px}}}wrapper{order:3;flex:1 1 35%;display:flex;align-items:center;justify-content:space-between;cost{font-size:24px;font-weight:500;text-align:right;price{display:block;font-size:14px;font-weight:400}}}remove{order:4;flex:0 0 5%;display:flex;align-items:center}}}.discount{display:flex;flex-flow:row wrap;align-items:center;gap:0 20px;label{width:400px}alerts{margin:5px auto;padding:10px 25px}}section{display:flex;justify-content:space-between;gap:20px 40px;margin:20px 0}.delivery,.paymant,.registration{[type=submit]{display:none}}.delivery type:not(:first-of-type){margin-top:10px}.comment{order:1;flex-basis:50%}.registration{order:2;flex-basis:50%}.costs{wrapper{gap:5px}item{display:flex;align-items:center;justify-content:space-between;total{font-size:30px;text-transform:none}&:has(total){align-items:baseline;text-transform:uppercase;font-weight:500}&:not(:has(captions)){justify-content:flex-end;font-size:12px;text-align:right}}}}.delivery,.paymant,.costs,.client,.delivery-paymant,.comments{flex-basis:calc(100% /3);wrapper{display:flex;flex-flow:column;margin:10px 0;padding:5px 0}}.client,.delivery-paymant{span{font-weight:500}}sca{background:rgb(0 0 0 / 0);width:100%;height:100%;display:none;position:fixed;transition:.5s allow-discrete;z-index:100;user-select:none;&[active]{background:rgb(0 0 0 / .7);display:block;//transition:.5s;@starting-style{background:rgb(0 0 0 / 0)}alert{opacity:1;translate:0 100px;transition:opacity .25s,translate .5s;@starting-style{opacity:0;translate:0 -400px}}}alert{background:#fff;width:50%;display:flex;flex-wrap:wrap;margin:auto;padding:2px;opacity:0;translate:0 25vh;transition:opacity .25s,translate .25s;box-shadow:0 5px 30px rgb(0 0 0 / .75);title{display:flex;font-size:16px;font-weight:500;color:#666}photo{width:30%;height:160px;display:flex;align-items:center;justify-content:center;overflow:hidden;img{object-fit:contain;width:80%;height:80%;pointer-events:none}}inner{width:70%;display:flex;flex-flow:column;justify-content:center;padding:10px}wrapper{display:flex;flex-flow:row wrap;align-items:center;padding:20px 0;name{count{font-size:16px;font-weight:500;padding-right:5px}span{display:flex;font-size:12px;color:#d00}}cost{order:3;flex:1 0 auto;font-size:18px;font-weight:500;text-align:right;price{display:block;font-size:12px;font-weight:400}}}}}sca alert{costs{max-height:calc(100vh - 400px);flex-basis:100%;display:flex;flex-flow:column;gap:5px;margin:0 2px 20px;padding:0 20px;overflow:auto;type{font-weight:500;&:not(:first-of-type){margin:10px 0 0}}div{display:flex;align-items:center;justify-content:space-between;name{flex:1 1 auto}days{flex:0 0 25%;text-align:right}price{flex:0 0 25%;font-size:18px;font-weight:500;text-align:right}}}alerts{display:none}}navigation{width:100%;display:flex;justify-content:space-between;a{border-radius:5px;background:#d00;padding:8px 50px;color:#fff;transition:.25s;&:hover{background:red}}[href*=zamowienia],scc & [href*=koszyk],continue{border-radius:5px;background:#fff;padding:8px 50px;color:#000;transition:.25s;cursor:pointer;&:hover{background:#eee}}}account{display:block;margin:0 0 20px;ul{list-style:none;margin:0;padding:0;li{margin:5px 0;a{font-size:16px;color:#666;&:hover{color:#000}}}}}places,billing{display:flex;flex-flow:row wrap;gap:20px;margin:20px 0;a{font-weight:500;color:#1a7ec0;cursor:pointer}place{border-radius:5px;border:1px solid #eee;background:#fff;width:calc(25% - 15px);display:flex;flex-flow:column;padding:10px;box-shadow:0 25px 20px -20px rgb(0 0 0 / .05)}type{margin-bottom:5px;font-size:10px;color:#999}buttons{display:flex;gap:5px;margin:auto 0 0 auto}&:has(form)+button{display:none}}scc userdata{flex-basis:50%;form{width:100%;max-width:none!important;h3{font-size:16px}&.choose wrapper{margin:0;padding:0}}}orders{display:flex;flex-flow:column;margin:20px 0;&>a{display:flex;align-items:center;gap:10px;color:#000}a{date{flex:1 1 25%;font-size:12px}transaction{flex:1 1 25%;font-size:16px;font-weight:500}state{flex:1 1 25%}cost{flex:1 1 25%;font-size:24px;font-weight:500;text-align:right}}section{display:flex;justify-content:space-between;gap:20px 40px;margin:20px 0}p{margin:5px 0}items{width:60%;h3{margin-bottom:15px}a{display:flex;gap:10px;color:#000;&:hover photo img{scale:1.1;transition:scale .25s}photo{flex:0 0 20%;height:80px;display:flex;align-items:center;justify-content:center;overflow:hidden;img{object-fit:contain;width:80%;height:80%;transition:scale .5s;pointer-events:none}}wrapper{flex:1 1 auto;display:flex;align-items:center;gap:10px;name{count{font-size:16px;font-weight:500;padding-right:5px}span{display:block;font-size:12px;color:#d00}}cost{order:3;flex:1 0 auto;font-size:18px;font-weight:500;text-align:right;price{display:block;font-size:12px;font-weight:400}}}}}right{width:35%}button{flex-basis:15%;align-self:center}}publications{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:30px 10px;margin:30px 0;a{//border-radius:10px;background:#fff;position:relative;//overflow:hidden;&:hover photo img{scale:1.1;transition:scale .25s}photo{height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden;img{object-fit:cover;width:100%;height:100%;transition:scale .5s;pointer-events:none}}wrapper{display:flex;flex-flow:column;gap:10px;padding:10px}h2{order:2;margin:0;font-size:14px;font-weight:500;text-align:center;color:#000}date{order:1;display:flex;align-items:center;//position:relative;//margin:10px 0;font-size:12px;color:#999}description{display:none}&:has(read) photo{opacity:.75;transition:opacity .5s}read{background:rgb(0 0 0 / .5);width:120px;height:20px;display:flex;align-items:center;justify-content:center;position:absolute;top:10px;right:0;&::before{content:"przeczytane";font-size:12px;font-weight:500;color:#fff;animation:alert .25s}}}}publication{date{display:flex;align-items:center;//position:relative;margin:10px 0 20px;font-size:12px;color:#999}&:not(:has(gallery)) img{max-width:100%;display:block;margin:40px auto}gallery{border-radius:10px;border:1px solid #eee;background:#f5f5f5;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:5px;margin:40px 0 20px;padding:20px;a{display:flex;align-items:center;justify-content:center;overflow:hidden;&:hover img{scale:1.1;transition:scale .25s}img{object-fit:cover;aspect-ratio:1/1;width:100%;height:100%;transition:scale .5s;pointer-events:none}}}share{margin:20px 0 20px auto}}breadcrumbs{max-width:1200px;display:flex;margin:10px auto;user-select:none;ul{list-style:none;margin:0;padding:0;display:flex;gap:10px;li{&:not(:first-child){position:relative;padding-left:15px;&::before,&::after{content:"";border-radius:2px;background:#999;width:5px;height:1px;position:absolute;top:0;bottom:0;left:0;//inset:0;margin:auto}&::before{translate:0 1.5px;rotate:-45deg}&::after{translate:0 -1.5px;rotate:45deg}}a:hover span{color:#000}span{color:#999}}}}pagination{user-select:none;ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:center;gap:10px;li{a{padding:5px;font-size:16px;color:#999;&:hover{color:#000}&.checked{font-size:18px;font-weight:500;color:#000}&:is(.first,.last){position:relative;top:2px;&::before,&::after{content:"";border-radius:2px;background:#999;width:6px;height:1px;position:absolute;inset:0;margin:auto;transition:background .25s,rotate .25s}&::before{translate:0 1.8px}&::after{translate:0 -1.8px}&[href]:hover{&::before,&::after{background:#000}}&:not([href]){cursor:not-allowed}}&.first{&::before{rotate:45deg}&::after{rotate:-45deg}}&.last{&::before{rotate:-45deg}&::after{rotate:45deg}}}count{padding:5px;font-size:16px;color:#999}}}}share{&:not([url]){display:flex;align-items:center;justify-content:flex-end;gap:10px;user-select:none;&::before{content:"Udostępnij"}}a{display:flex;&:hover svg{fill:#000}svg{width:30px;height:15px;fill:#999;transition:fill .2s}}&[url]{display:flex;align-items:center;gap:5px;user-select:none;cursor:pointer;&:hover svg{stroke:#000}svg{width:20px;height:15px;fill:none;stroke:#999;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s;pointer-events:none}}}view-mode{width:30px;height:30px;display:grid;place-items:center;align-self:flex-start;button{outline:none;border:none;background:none;width:20px;height:20px;cursor:pointer;svg rect{transition:.2s;&:nth-child(-n+4){fill:none;stroke:#999;stroke-width:10}&:nth-child(n+5){fill:#999;translate:75px}}&:hover svg rect{&:nth-child(-n+4){stroke:#000}&:nth-child(n+5){fill:#000}}&[list] svg rect{&:nth-child(1){translate:0 45px}&:nth-child(2){translate:0 60px}&:nth-child(3){translate:-70px 20px}&:nth-child(4){translate:-70px 0}&:nth-child(-n+4){width:25px;height:25px}&:nth-child(n+5){translate:0}}}}[slider=true]{position:relative;user-select:none;[slider=items]{scroll-snap-type:x mandatory;scroll-snap-stop:always;scroll-behavior:smooth;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;&::-webkit-scrollbar{display:none}&[mouse]{scroll-snap-type:none;scroll-snap-stop:normal;scroll-behavior:auto;cursor:grabbing}}[slider=item]{scroll-snap-align:start;&[pointer]{pointer-events:none}}}:hover>:is([prev],[next]):not([disabled]){opacity:.9;transition:.25s}[prev],[next]{width:50px;height:75px;display:flex;align-items:center;//justify-content:center;position:absolute;top:0;bottom:0;margin:auto;opacity:.3;//scale:1;transition:.5s;cursor:pointer;&::before,&::after{content:"";border-radius:2px;background:#000;width:25px;height:3px;position:absolute;left:13px}&::before{translate:0 -7.8px}&::after{translate:0 7.8px}&[disabled]{opacity:0;scale:0}&:not([disabled]):hover{scale:1.2}}[prev]{left:0;&::before{rotate:-45deg}&::after{rotate:45deg}}[next]{right:0;&::before{rotate:45deg}&::after{rotate:-45deg}}form{//user-select:none}form[name]{display:flex;flex-flow:column wrap}form[name=contact]{margin:40px auto!important}form wrapper{display:flex;flex-flow:row wrap;justify-content:space-between;margin:10px 0;padding:5px 0}form a{padding:5px;font-weight:500;color:#1a7ec0;&:hover{color:#00a0e3}}form div a{padding:0}svg[hidden]{width:0;height:0;display:none}label{width:100%;display:flex;align-items:center;gap:10px;position:relative;margin:5px 0;span{position:absolute;top:10px;left:10px;transform-origin:left;transition:.25s;pointer-events:none}}[invalid]::before{content:"!";border-radius:2px;background:#ffa300;width:20px;height:20px;display:grid;place-content:center;position:absolute;right:10px;font-size:14px;font-weight:700;color:#fff;animation:notify .25s}input{outline:none;border:none;border-bottom:1px solid #999;background:#fff0;width:100%;padding:10px;font:inherit;color:#000;&:focus+span,&[value]+span{color:#1a7ec0;scale:.7;translate:0 -100%}&:invalid{outline:none;box-shadow:none}}textarea{outline:none;border:none;border-bottom:1px solid #999;background:#fff0;width:100%;padding:10px;font:inherit;color:#000;resize:none;overflow:hidden;&:focus+span,&[value]+span{color:#1a7ec0;scale:.7;translate:0 -100%}&:invalid{outline:none;box-shadow:none}}[type=checkbox],[type=radio]{height:100%;position:absolute;opacity:0;pointer-events:none;&~div{cursor:pointer}&~svg{flex:0 0 auto;width:18px;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke:#ccc;cursor:pointer;.path{stroke-dasharray:60;stroke-dashoffset:0;stroke-width:1.5;transition:.2s .1s}.polyline{stroke-dasharray:22;stroke-dashoffset:66;stroke-width:2;transition:.2s .1s}}&:checked~svg{stroke:#1a7ec0;.path{stroke-dashoffset:60;transition:.4s}.polyline{stroke-dashoffset:43;transition:.2s .2s}}&:not(:checked,:disabled):hover~svg{stroke:#999}}[type=submit],[type=button]{outline:none;border:none;border-radius:5px;background:#1a7ec0;width:40%;position:relative;margin-left:auto;padding:8px;font:inherit;color:#fff;cursor:pointer;transition:.2s;&:disabled,&:disabled:hover{background:#eee;color:#999;cursor:not-allowed}&:active{scale:.96}&:hover{background:#00a0e3}}.collapse{height:auto;opacity:1;transition:height .25s,opacity .1s linear .25s;&.hidden{margin:0;height:0;opacity:0;overflow:clip;transition:height .25s,opacity 0s}}billingform{display:block;margin-top:25px}basket.hidden{display:none}[length]::after{content:attr(length);position:absolute;bottom:-15px;right:0;font-size:10px;color:#999}[for^=agreement]{div{font-size:10px}&[invalid] div{margin-right:40px}}[for*=post_code]{width:25%}[for*=city]{width:calc(75% - 10px)}[type=radio]{&~div{flex:1 1 100%;display:flex;align-items:center;justify-content:space-between;days{margin-left:10px;font-size:10px}price{font-size:16px;font-weight:500;white-space:nowrap;transform-origin:bottom right;transition:.1s}}&:checked~div price{scale:1.25}}[type=number]{-moz-appearance:textfield;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none}}[type=file]{height:100%;position:absolute;opacity:0;pointer-events:none;&~div{border-bottom:1px solid #999;width:100%;min-height:40px;padding:10px;cursor:pointer;photos,files{display:flex;flex-wrap:wrap;gap:5px}photo{border-radius:5px;background:#fff;width:100px;height:80px;display:inline-flex;align-items:center;justify-content:center;position:relative;//overflow:hidden;&:hover img{scale:1.1;transition:scale .25s}img{object-fit:contain;width:80%;height:80%;transition:scale .5s;pointer-events:none}}button{border:none;background:#fff!important;width:20px!important;height:20px;position:absolute;top:0;right:0;svg{pointer-events:none}}}}[name=delete]{border:none;background:none;width:32px!important;height:32px;padding:2px;cursor:pointer;svg{fill:#999;overflow:visible;.lid,.bin{transition:.5s}}&:hover{border:none;background:none;svg{fill:#d00;.lid{transform-origin:top center;translate:-60px;rotate:-120deg;transition:1s}.bin{transition:1s}}}}[name=editor]{border:none;background:none;width:32px!important;height:32px;padding:2px;display:grid;place-items:center;cursor:pointer;svg{fill:none;stroke:#999;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;height:90%;overflow:visible;transition:1s}&:hover{border:none;background:none;svg{stroke:#d00}}}@keyframes notify{50%{scale:1.5}}label:has(password) input{padding-right:40px;&::-ms-reveal,&::-ms-clear{display:none}}password{width:20px;height:20px;position:absolute;right:10px;cursor:pointer;svg{stroke:#999;g{transition:.25s}line{stroke-dasharray:50;stroke-dashoffset:50;transition:.25s}}&:not([show]) svg line{stroke-dashoffset:0}&:hover svg{stroke:#000}&[show] svg{stroke:#000;circle{animation:eye 2s 1s}}}@keyframes eye{25%{translate:-3px}75%{translate:3px}}@media (max-width:768px){header{}footer{container{justify-content:space-around}box{&:nth-child(1){flex:1 1 100%}&:nth-child(2){display:none}}copyright{flex-flow:column;margin:40px auto 0;text-align:center;sep{background:none;width:1px;height:5px;margin:0}}}social{margin:0 auto 20px}h1{font-size:18px;font-weight:500}h3{font-size:16px;font-weight:500}sca alert{width:94%}nav,scm,user,search{width:calc(100vw - 20px)}navigation>*{padding:10px 15px!important}scc{content item{flex-wrap:wrap;justify-content:space-between;.photo{order:2;flex-basis:25%}name{order:1;flex-basis:100%}wrapper{//flex-basis:60%;max-width:300px;flex-flow:row wrap;justify-content:flex-end;gap:0 10px;margin-left:auto;cost{margin-left:auto;font-size:18px;price{font-size:12px}}}}section{flex-flow:column}remove{flex-basis:10%}}.discount{flex-flow:column wrap;align-items:flex-start;margin-top:20px;wrapper{width:100%}label{width:100%!important}}.costs item:last-child total{font-size:24px}places,billing{flex-flow:column;place{width:100%}}orders{section{flex-flow:column}items{width:100%}right{width:100%}}products[list]{a{photo{width:40%}h2{width:calc(60% - 10px)}inner{flex-flow:row wrap}wrapper{width:100%}}}product{display:flex;flex-flow:column;gap:10px;h1{order:1}pline{order:2}gallery{order:3}info{order:4}&>items{order:5}groups{order:6}description{order:7}bottom{order:8}question{order:9}costs{text-align:right}basket{display:block;text-align:right}[name=add]{width:40%!important}}breadcrumbs{display:none}form[name]{max-width:inherit;margin:auto}form>div{margin-top:20px}button:is([type=submit],[type=button]){width:100%}}@media (min-width:769px){footer{box{&:nth-child(1){flex:0 1 40%}&:nth-child(2){flex:0 1 20%}}}nav ul li[mobile]{display:none}sca alert{min-width:460px;max-width:800px}product{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(min-content,max-content);gap:10px 40px;h1{grid-column:1/3}pline{grid-column:1/3}gallery{grid-row:3/10}}form[name]{max-width:60%;margin:auto}newsletter{flex:1 0 20%;max-width:360px}}@media (min-width:1599px){container{max-width:1500px}breadcrumbs{max-width:1500px}products-slider products{grid-auto-columns:calc(20% - 40px/5)!important}}detailsx{border-radius:10px;background:#fff;display:block;position:relative;margin-bottom:10px;&::before{content:"";border-radius:10px;width:100%;height:100%;position:absolute;z-index:-1;box-shadow:0 0 40px rgb(0 0 0 / .1)}summary{position:relative;padding:10px 20px;font-size:16px;font-weight:500;line-height:30px;color:#000;cursor:pointer;&::before,&::after{content:"";border-radius:2px;background:#999;width:8px;height:2px;position:absolute;top:0;bottom:0;right:20px;margin:auto;transition:background .25s,rotate .25s}&::before{translate:2.2px;rotate:-45deg}&::after{translate:-2.2px;rotate:45deg}&:hover{&::before,&::after{background:#000}}}&[open] summary{&::before,&::after{background:#000}&::before{rotate:45deg}&::after{rotate:-45deg}}&>div{padding:0 20px;height:0;opacity:0;overflow:hidden;transition:height .5s,opacity .25s}&[open]>div{height:auto;opacity:1;transition:height .25s,opacity .1s linear .25s;animation:sweep .25s}ul,ol{list-style:square;margin:15px 0;padding-left:25px;line-height:24px;color:#666}}@keyframes sweep{0%{opacity:0;translate:-10px}}selectx{width:100%;display:flex;position:relative;margin:5px 0;cursor:pointer;&::before,&::after{content:"";border-radius:2px;background:#999;width:6px;height:2px;position:absolute;top:0;bottom:0;right:10px;margin:auto;transition:background .25s,rotate .25s}&::before{translate:1.5px;rotate:-45deg}&::after{translate:-1.5px;rotate:45deg}&:hover{&::before,&::after{background:#000}}&:hover>label{//border-bottom:1px solid #ccc}&>label{//border-bottom:1px solid #eee;margin:0;//cursor:pointer;pointer-events:none;&>input{position:absolute;inset:0;opacity:0;cursor:pointer}&>div{border-bottom:1px solid #999;width:100%;min-height:40px;display:flex;align-items:flex-end;padding:10px}}items{background:#fff;width:100%;display:none;position:absolute;top:calc(100% - 1px);opacity:0;translate:0 20px;transition:.1s allow-discrete;z-index:1;box-shadow:0 0 20px rgb(0 0 0 / .1)}&.checked{&::before,&::after{background:#000}&::before{rotate:45deg}&::after{rotate:-45deg}&>label{&>span{color:#1a7ec0;scale:.7;translate:0 -100%}}items{display:block;opacity:1;translate:0;@starting-style{opacity:0;translate:0 -5px}}}ul{max-height:350px;list-style:none;margin:0;padding:2px;overflow:auto;li{display:flex;padding:2px 10px;white-space:nowrap;&:hover{background:rgb(0 0 0 / .025)}&.active{background:rgb(0 0 0 / .05);font-weight:500}label{margin:0;padding:0;cursor:pointer}img,name{pointer-events:none}[for^=price]{width:100px;gap:5px;margin:2px 0;input{&:focus+span,&[value]+span{translate:0 -75%}}}}}searcher{display:flex;align-items:center;position:relative;svg{width:20px;position:absolute;left:10px;pointer-events:none;path{stroke:#ccc}}&:has(svg) [type=search]{padding-left:40px}[type=search]{border:none}}button{width:100%!important;display:none}}filters,sorting{selectx{width:auto;padding-right:20px;items{border-radius:10px;width:auto;top:150%}}}filters{form{width:100%;max-width:none!important;display:flex;flex-flow:row wrap!important;align-items:center;gap:0 10px;a{font-size:12px}}label{padding:0 10px;count{margin-left:-5px;font-size:10px;color:#999}}}sorting{margin-left:auto;label{padding:0 10px}}banner{display:grid;margin:20px 0 60px;wrapper{border-radius:10px;//min-height:300px;display:grid;overflow:hidden;box-shadow:0 0 40px rgb(0 0 0 / .1)}div{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:100%;a,span{display:grid;place-items:center;overflow:hidden;img{object-fit:cover;max-inline-size:100%;block-size:auto;//max-width:100%;//max-height:100%;pointer-events:none}h2{position:absolute;bottom:40px;left:40px;margin:0;font-size:60px;font-weight:400;line-height:1;color:#000;opacity:0}&[visible]{h2{animation:title 1s 1s forwards}img{animation:rotator 2s forwards}}}}[thumbs]{list-style:none;margin:0;padding:0 10px;width:100%;display:flex;flex-flow:row;justify-content:center;gap:10px;position:absolute;bottom:0;translate:0 30px;li{width:80px;height:20px;display:flex;align-items:center;position:relative;overflow:hidden;cursor:pointer;&::before{content:"";background:rgb(0 0 0 / .1);width:80px;height:2px;transition:.1s}&::after{content:"";background:#000;width:80px;height:2px;position:absolute;translate:-100%}&:hover{&::before{background:rgb(0 0 0 / .25)}}&.active{&::before{background:rgb(0 0 0 / .25)}&::after{translate:0;transition:translate 6s}}}}@media (min-width:769px){[thumbs]{justify-content:right}}@media (hover:hover) and (pointer:fine){&:hover [thumbs] li.active::after{translate:-100%;transition:translate .25s}}@media (pointer:coarse){&:active [thumbs] li.active::after{translate:-100%;transition:translate .25s}}}@keyframes title{0%{opacity:0;translate:0 -10vw}}@keyframes rotator{0%{opacity:.75;scale:1}10%{opacity:1}100%{opacity:1;scale:1.1}}[wait] *{cursor:wait!important}[noscroll]{overflow:hidden}[fixed]{position:fixed;top:0;right:0;z-index:10}[clipboard]{width:max-content;font-size:16px;color:#1a7ec0;cursor:copy;//user-select:none}[message]::before{content:attr(message);background:#1a7ec0;width:100%;min-height:40px;display:flex;align-items:center;justify-content:center;position:sticky;top:0;left:0;font-size:12px;font-weight:500;color:#fff;z-index:100}[name=newsletter],[name=notification],[name=question]{max-width:none!important;display:flex;flex-flow:row wrap;justify-content:space-between;margin-left:0!important;wrapper{align-items:center}}[name=newsletter],[name=notification]{[for=email]{width:calc(75% - 10px)}button{width:25%;height:40px;padding:0 8px}}partners{background:#f5f5f5;height:100px;display:flex;align-items:center;overflow:hidden;wrapper{width:100vw;position:relative;z-index:0;&::before,&::after{content:"";width:50px;height:100%;position:absolute;top:0}&::before{left:0;background:linear-gradient(to right,#f5f5f5,transparent);z-index:1}&::after{right:0;background:linear-gradient(to left,#f5f5f5,transparent)}scrollable{display:flex;img{margin:30px 40px;pointer-events:none}}}}cookies{border-radius:10px;background:#fff;width:clamp(320px, calc(100% - 40px), 860px);display:flex;flex-flow:row wrap;align-items:center;justify-content:center;gap:10px;position:fixed;bottom:20px;left:20px;padding:20px;text-align:center;opacity:0;scale:.9;transition:.1s;z-index:10;box-shadow:0 0 40px rgb(0 0 0 / .1);&[active]{opacity:1;scale:1;transition:scale .2s}a{border-radius:5px;background:#fff;padding:8px 20px;color:#000;transition:.25s;cursor:pointer;&:hover{background:#eee}}button{max-width:120px;margin:0!important}}close{width:50px;height:50px;display:none;align-items:center;justify-content:center;position:absolute;right:0;z-index:100;cursor:pointer;&::before,&::after{content:"";border-radius:2px;background:#fff;width:30px;height:3px;position:absolute;transition:.2s}&::before{rotate:45deg}&::after{rotate:-45deg}&:hover{&::before,&::after{background:#d00!important}}}[active]{close{display:flex;opacity:.9;&:hover{opacity:1;transition:.3s}}}popup{display:grid;place-items:center;position:fixed;inset:0;margin:auto;z-index:20;scale:0;translate:0 0 100%;transition:.4s;pointer-events:none;&[active]{scale:1;translate:0;transition:.2s}content{width:min(1080px, 90vw, 90vh);display:flex;position:relative;pointer-events:auto;img{border-radius:20px;width:100%;box-shadow:0 5px 30px rgb(0 0 0 / .75);pointer-events:none}close{&::before,&::after{background:#000}}}}geowidget{background:rgb(0 0 0 / 0);width:100%;height:100%;display:none;position:fixed;transition:.5s allow-discrete;z-index:100;user-select:none;&[active]{background:rgb(0 0 0 / .7);display:block;//transition:.5s;@starting-style{background:rgb(0 0 0 / 0)}&>*{opacity:1;translate:0 40px;transition:opacity .25s,translate .5s;@starting-style{opacity:0;translate:0 -400px}}}&>*{background:#fff;width:90%!important;max-width:800px;height:calc(100vh - 60px)!important;max-height:600px;display:flex;position:relative;margin:0 auto;opacity:0;translate:0 25vh;transition:opacity .25s,translate .25s;box-shadow:0 5px 30px rgb(0 0 0 / .75);input{outline:none}}iframe{width:100%!important;height:100%!important}}point{display:block;a{margin-right:10px}}notification{border-radius:10px;width:80%;position:fixed;top:40%;left:0;right:0;margin:auto;padding:30px;font-size:18px;text-align:center;color:#fff;opacity:0;scale:.5;transition:.5s;z-index:10;box-shadow:0 0 40px rgb(0 0 0 / .1);&.success{background:#b0cb1f}&.error{background:#d00}&.warning{background:#ffa300}&[active]{opacity:1;scale:1;transition:scale .25s linear}}alerts{border-radius:10px;border:1px solid #eee;background:#fff;max-width:90%;display:block;position:relative;margin:60px auto;padding:20px 25px;animation:alert .5s;box-shadow:0 25px 20px -20px rgb(0 0 0 / .05);user-select:none;&::before{border-radius:2px;width:20px;height:20px;display:grid;place-content:center;position:absolute;top:10px;left:-10px;font-size:14px;font-weight:700;color:#fff;animation:notify .25s}&.information::before{content:"i";background:#1a7ec0}&.error::before{content:"!";background:#d00}&.warning::before{content:"!";background:#ffa300}a{font-weight:500;color:#1a7ec0;&:hover{color:#00a0e3}}}@keyframes alert{0%{opacity:0;scale:0}40%{opacity:0}}e404{display:flex;flex-flow:column;h1{font-size:100px;line-height:1;color:#000}h2{color:#1a7ec0}a{color:#1a7ec0}img{max-width:100%;margin:auto}}map{.gm-style{div{border-color:#1a7ec0!important}button{width:inherit}}.drop{animation:drop .3s linear forwards .5s}}@keyframes drop{0%{opacity:0;translate:0 -200px}5%{opacity:.7}50%,100%{opacity:1;translate:0}75%{translate:0 -22px}}.lazy-load-box{transition:.5s linear}.trigger{&.lazy-load-box{opacity:0}&.slideup{translate:0 50px}&.slidedown{translate:0 -50px}&.slideleft{translate:50px}&.slideright{translate:-50px}&.zoomin{scale:.5}&.zoomout{scale:1.5}&.rotate{rotate:45deg}&.skew{translate:0 100px;transform:skewX(-45deg) skewY(45deg)}}social{display:flex;align-items:center;//justify-content:flex-start;gap:10px;margin:30px 0;user-select:none;&::before{content:"Znajdź nas"}a{display:flex;&:hover svg{fill:#000}svg{width:30px;height:15px;fill:#999;transition:fill .2s;pointer-events:none}}}counters{display:flex}counter{width:400px;display:flex;flex-flow:row wrap;align-items:center;margin:25px 0;txt{font-size:16px;padding:10px 0}value{margin-left:auto;font-size:18px;&::after{content:"%";padding-left:5px;font-size:12px}}progress-bar{border-radius:2px;background:rgb(0 0 0 / .1);width:100%;display:flex;//align-items:center;//position:relative;overflow:hidden;bar{background:#1a7ec0;width:100%;height:5px;translate:-100%;&[style]{transition:translate 1s linear}}}&.progress{width:25%;flex-flow:column;txt{order:2;font-size:20px}value{order:1;margin-left:inherit;font-size:40px;&::after{display:none}}progress-bar{display:none}svg{fill:#1a7ec0;width:auto;height:50px;margin-bottom:10px}}&:nth-child(1) bar{background:red}&:nth-child(2) bar{background:green}&:nth-child(3) bar{background:orange}&.circle{width:25%;flex-flow:column;txt{order:2;font-size:16px}value{order:1;margin-left:inherit;margin-top:30px;font-size:40px}svg{width:160px;height:160px;position:absolute;rotate:-90deg;.background{fill:none;stroke:#eee;stroke-width:3}.shape{fill:none;stroke:#1a7ec0;stroke-width:5;transition:1s linear}}}}parallax{border-radius:20px;background:url(upload/test.jpg) no-repeat fixed center;height:300px;display:block;position:relative;txt{position:absolute;bottom:20px;left:20px;font-size:100px;font-weight:500;color:#fff}}mparallax{border-radius:20px;height:500px;display:block;position:relative;margin:50px 0;overflow:hidden;isolation:isolate;.background{width:120%;position:absolute;top:-10%;left:-10%;z-index:1}.item1,.item2,.item3{position:absolute;opacity:.8;z-index:2}}ambilight{display:block;position:relative;margin:100px 0;padding:50px;user-select:none;img{border-radius:20px;max-width:100%;pointer-events:none;&.light{height:100%;position:absolute;inset:0;z-index:-1;opacity:.75;filter:blur(50px)}}video{aspect-ratio:16/9;border-radius:20px;width:100%}canvas{width:100%;height:100%;position:absolute;inset:0;z-index:-1;filter:blur(80px) saturate(300%);animation:zoomIn 1s forwards}}@keyframes zoomIn{0%{opacity:0;scale:0}100%{opacity:.5;scale:1.1}}pointer{border-radius:50%;background:linear-gradient(225deg,#00a0e3,#1a7ec0);width:10px;height:10px;position:absolute;top:var(--posY);left:var(--posX);cursor:pointer;animation:pulse 2s infinite var(--delay);&:hover{background:#00a0e3;description{opacity:1;scale:1;translate:0;transition:.2s}}description{border-radius:10px;background:#fff;min-width:200px;position:absolute;top:-20px;left:25px;padding:15px;z-index:1;opacity:0;scale:0;translate:20px;transform-origin:left 15px;transition:.4s;box-shadow:0 0 40px rgb(0 0 0 / .1);&::before{content:"";border-top:6px solid #fff0;border-bottom:6px solid #fff0;border-right:6px solid #fff;width:0;height:0;position:absolute;top:19px;left:-6px}}}@keyframes pulse{0%{box-shadow:0 0 0 0 #1a7ec0}100%{box-shadow:0 0 0 10px #fff0}}scroll{width:100%;display:flex;flex-flow:row wrap;align-items:center;position:fixed;bottom:0;left:0;z-index:10;value{margin-left:5px;font-size:18px;&::after{content:"%";padding-left:5px;font-size:12px}}progress-bar{//border-radius:2px;background:rgb(0 0 0 / .1);width:100%;display:flex;//align-items:center;//position:relative;overflow:hidden;backdrop-filter:blur(10px);bar{background:#1a7ec0;width:0;height:5px}}}loading{border-radius:100%;border:5px solid #eee;width:30px;height:30px;position:absolute;top:10px;right:10px;animation:rotation .5s infinite linear;&::before{content:"";border-top:5px solid #1a7ec0;border-left:5px solid #fff0;border-bottom:5px solid #fff0;border-right:5px solid #fff0;border-radius:100%;width:100%;height:100%;position:absolute;left:-5px;top:-5px}}@keyframes rotation{0%{rotate:0deg}100%{rotate:360deg}}[top]{border-radius:40px;background:#1a7ec0;display:flex;align-items:center;position:fixed;left:40px;bottom:40px;padding:8px;z-index:1;cursor:pointer;user-select:none;box-shadow:0 3px 12px rgb(0 0 0 / .15);&:hover{background:#00a0e3;span{max-width:200px;padding:0 10px;color:#fff}}span{max-width:0;font-size:12px;color:#fff0;white-space:nowrap;overflow:hidden;transition:.25s}svg{fill:#fff;width:24px;height:24px}}tabs{display:block;margin:60px 0;[list]{list-style:none;margin:0;padding:0;display:flex;flex-flow:row;[target]{padding:5px 20px;font-size:16px;font-weight:500;color:#999;cursor:pointer;&:hover{background:#f5f5f5}&[active]{background:#f5f5f5;color:#000}}}[content]{display:none;&[active]{background:#f5f5f5;min-height:100px;display:block;padding:10px 20px}}}[rotator]{width:300px;height:300px;display:grid;place-items:center;position:relative;margin:20px auto;[item]{display:none;h2{position:absolute;bottom:20px;left:20px;margin:0;font-size:24px;//font-weight:400;line-height:1;color:#000;opacity:0}&[visible]{display:block;animation:sweep .25s;h2{animation:title .5s .5s forwards}img{//animation:rotator 2s forwards}}img{max-width:100%;height:auto;pointer-events:none}}}gallery{&:has([filters]){position:relative;margin-top:80px}[filters]{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-flow:row;justify-content:center;position:absolute;top:-60px;[filter]{display:flex;justify-content:center;position:relative;padding:5px 20px;font-size:16px;font-weight:500;color:#999;cursor:pointer;&::after{content:"";background:#1a7ec0;width:50px;height:2px;position:absolute;bottom:0;scale:0 1;transition:scale .2s}&:hover{&::after{scale:1}}&[active]{color:#000;&::after{scale:1}}}}}[masonry]{display:grid;grid-template-columns:repeat(4,1fr);//grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin:40px 0;transition:grid .5s;a{&:hover img{scale:1.1;transition:scale .25s}img{transition:scale .5s;pointer-events:none}}}@supports (grid-template-rows:masonry){[masonry]{grid-template-rows:masonry;masonry-auto-flow:next;img{width:100%;height:auto}}}nav,user,search,scm{border-radius:10px;background:rgb(255 255 255 / .75);padding:2px;overflow:hidden;backdrop-filter:blur(50px);box-shadow:0 0 40px rgb(0 0 0 / .1)}menu{[name=user] svg path{stroke-dasharray:240;stroke-dashoffset:-12}[name=scm] svg path{stroke-dasharray:143;stroke-dashoffset:0}[name=searcher] svg path{stroke-dasharray:156;stroke-dashoffset:0}}filters,sorting{selectx items{background:rgb(255 255 255 / .75);backdrop-filter:blur(50px)}}products{promotion,new,sale,bestseller{top:0}promotion{right:0}new{left:0}sale{left:0}bestseller{left:0}}#sample-texts{margin-top:10px;padding:0}@keyframes fly{0%{opacity:0;translate:-10px}}filters count,history{animation:fly .25s .25s backwards}bluresbox,sca,geowidget,cb{backdrop-filter:blur(0);&[active]{backdrop-filter:blur(5px)}}sca alert,geowidget>*{border-radius:10px;overflow:hidden}question,rev{close{width:20px;height:20px;display:flex;scale:.75;z-index:1;&::before,&::after{background:#000}}}