@charset "utf-8";@font-face{font-family:"Play";src:url(fonts/play-regular.woff2) format("woff2"),url(fonts/play-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:fallback}@font-face{font-family:"Play";src:url(fonts/play-bold.woff2) format("woff2"),url(fonts/play-bold.woff) format("woff");font-weight:700;font-style:normal;font-display:fallback}:root{interpolate-size:allow-keywords}::selection{background:#008dd2;color:#fff}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#fff0}::-webkit-scrollbar-thumb{background:#000}::-webkit-scrollbar-thumb:hover{background:#008dd2}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;&.active{color:#008dd2}}body{background:#fff;min-height:100svh;display:flex;flex-flow:column;font-family:"Play";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:30px 0 20px}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:700;color:#000;&:hover{color:#008dd2}}img{max-width:100%;height:auto!important}}strong{font-size:16px;font-weight:700}ul,ol{padding-left:25px;line-height:24px;ol{list-style:lower-latin}ul{list-style:disc}}map{border-radius:5px;background:#f5f5f5;height:350px;display:block;margin:50px 0}blockquote{position:relative;padding:20px 30px;&::before{content:"";background:linear-gradient(225deg,#57a7b3,#008dd2);-webkit-mask:url(images/quote.svg) no-repeat;width:50px;height:40px;position:absolute;top:20px;left:10px;z-index:-1}p{font-size:16px;font-style:italic;color:#000}}}footer{min-height:100px;padding:0 10px;container{display:flex;flex-flow:column wrap;//justify-content:space-between;padding:40px 0}copyright{display:flex;flex-flow:column;align-items:center;gap:5px;margin:20px 0;font-size:16px;font-weight:700;color:#000;a{font-size:12px;font-weight:400;color:#000;&:hover{color:#008dd2}}}}h1{font-size:24px;//font-weight:700}h2{margin:20px 0 20px;font-size:18px;//font-weight:700}h3{font-size:18px;//font-weight:700}h4{margin:80px 0 5px;font-size:18px;//font-weight:700}h5{margin:0 0 5px;font-size:16px;//font-weight:700}: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:#000;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:#008dd2;translate:0;rotate:45deg}&::after{background:#008dd2;translate:0;rotate:-45deg}}}&:hover{span{&,&::before,&::after{background:#008dd2}}}}&[name=user]{order:2}&[name=scm]{order:3;font:inherit;span{border-radius:50%;background:linear-gradient(225deg,#57a7b3,#008dd2);width:18px;height:18px;display:grid;place-content:center;position:absolute;bottom:5px;right:0;font-size:12px;font-weight:700;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:#000;transition:stroke .2s}circle{fill:#000;transition:fill .2s}}:is(:hover,.checked){svg{path{stroke:#008dd2}circle{fill:#008dd2}}}}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:#000;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:#008dd2}svg path{stroke:#000;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:#008dd2}&: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:700}price{flex:1 0 auto;font-size:14px;font-weight:700;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:700;padding-right:5px}span{display:flex;font-size:12px;color:#008dd2}}cost{order:3;flex:1 0 auto;font-size:18px;font-weight:700;text-align:right;price{display:block;font-size:12px;font-weight:400}}}}}&>a{border-radius:10px;align-self:flex-end;background:linear-gradient(225deg,#57a7b3,#008dd2);padding:8px 50px;color:#fff;transition:.25s;&:hover{background:linear-gradient(225deg,#008dd2,#008dd2)}}empty{position:relative;margin:10px auto;padding:10px 25px;line-height:20px;animation:alert .5s;&::before{content:"i";border-radius:2px;background:#000;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:400;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:700;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}}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:linear-gradient(225deg,#57a7b3,#008dd2);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:8px;background:linear-gradient(225deg,#57a7b3,#008dd2);left:10px;padding:2px 10px;&::before{content:"nowość";font-size:12px;font-weight:700;color:#fff;animation:alert .25s}}sale{border-radius:8px;background:linear-gradient(225deg,#57a7b3,#008dd2);left:10px;padding:2px 10px;&::before{content:"wyprzedaż";font-size:12px;font-weight:700;color:#fff;animation:alert .25s}}bestseller{border-radius:8px;background:linear-gradient(225deg,#57a7b3,#008dd2);left:10px;padding:2px 10px;&::before{content:"bestseller";font-size:12px;font-weight:700;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:#000}info{display:flex;flex-flow:column;span{margin-left:5px;font-size:16px;font-weight:700;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 #000}&: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 #008dd2}}}}promotion,new,sale,bestseller{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0}promotion{border-radius:50%;background:linear-gradient(225deg,#57a7b3,#008dd2);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:8px;background:linear-gradient(225deg,#57a7b3,#008dd2);padding:2px 10px;&::before{content:"nowość";font-size:12px;font-weight:700;color:#fff;animation:alert .25s}}sale{border-radius:8px;background:linear-gradient(225deg,#57a7b3,#008dd2);padding:2px 10px;&::before{content:"wyprzedaż";font-size:12px;font-weight:700;color:#fff;animation:alert .25s}}bestseller{border-radius:8px;background:linear-gradient(225deg,#57a7b3,#008dd2);padding:2px 10px;&::before{content:"bestseller";font-size:12px;font-weight:700;color:#fff;animation:alert .25s}}type{margin-right:10px;font-size:12px;font-weight:700;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:700;color:#000}[type=radio]{&:hover~name{color:#000}&:checked~name{color:#008dd2}}}}}price{display:inline-flex;flex-flow:column;align-items:flex-end;font-size:30px;font-weight:700;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:#000;strong{font-size:14px;font-weight:700}}basket,notify,question{display:block;margin-top:20px}unit{display:inline-flex;margin-right:20px}costs{width:max-content;display:none;margin-top:10px;//font-weight:700;color:#000;cursor:pointer;&:hover{color:#008dd2}}questions{display:flex;align-items:center;gap:5px;cursor:pointer;user-select:none;&:hover svg{stroke:#008dd2}svg{width:20px;height:15px;fill:none;stroke:#000;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:#008dd2;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 #000}&: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 #008dd2}}}}}}stars{display:flex;flex-flow:row-reverse;gap:5px;star{width:15px;height:15px;display:flex;fill:none;stroke:#000;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;&[checked] svg,&[checked]~& svg{stroke:#008dd2}}}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:#000}}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:#008dd2!important}svg{width:40px;height:40px;display:flex;fill:none;stroke:#000!important;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;transition:.2s}}}[name=rate]{&:checked~label svg{stroke:#008dd2!important;scale:1.1}&:hover~label svg{stroke:#008dd2!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:700}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:#008dd2;width:100%;height:5px;translate:-100%;&[style]{transition:translate 1s linear}}}star{width:15px;height:15px;display:flex;fill:none;stroke:#000;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:#000}confirmed{color:#008dd2;user-select:none}name{font-size:16px;font-weight:700}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:#000;user-select:none}button{border:none;background:none;display:flex;align-items:center;font:inherit;cursor:pointer;&:hover svg{stroke:#008dd2}svg{width:20px;height:15px;fill:none;stroke:#000;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:700;color:#000}&[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:700;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:700;color:#000;span{font-size:12px;font-weight:400;color:#008dd2}specification{display:block;padding:10px 0;font-size:10px;line-height:18px;color:#000;strong{font-size:12px;font-weight:700;color:#000}a{font-size:12px;font-weight:700;color:#008dd2}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:700;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:700}&: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:700}}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:700;color:#000}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:700;padding-right:5px}span{display:flex;font-size:12px;color:#008dd2}}cost{order:3;flex:1 0 auto;font-size:18px;font-weight:700;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:700;&: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:700;text-align:right}}}alerts{display:none}}navigation{width:100%;display:flex;justify-content:space-between;a{border-radius:10px;background:linear-gradient(225deg,#57a7b3,#008dd2);padding:8px 50px;color:#fff;transition:.25s;&:hover{background:linear-gradient(225deg,#008dd2,#008dd2)}}[href*=zamowienia],scc & [href*=koszyk],continue{border-radius:10px;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:#000;&:hover{color:#008dd2}}}}}places,billing{display:flex;flex-flow:row wrap;gap:20px;margin:20px 0;a{font-weight:700;color:#008dd2;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:700}state{flex:1 1 25%}cost{flex:1 1 25%;font-size:24px;font-weight:700;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:700;padding-right:5px}span{display:block;font-size:12px;color:#008dd2}}cost{order:3;flex:1 0 auto;font-size:18px;font-weight:700;text-align:right;price{display:block;font-size:12px;font-weight:400}}}}}right{width:35%}button{flex-basis:15%;align-self:center}}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:#000;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:#008dd2}span{color:#000}}}}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:#000;&:hover{color:#008dd2}&.checked{font-size:18px;font-weight:700;color:#008dd2}&:is(.first,.last){position:relative;//top:2px;&::before,&::after{content:"";border-radius:2px;background:#000;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:#000}}}}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:#008dd2}svg{width:30px;height:15px;fill:#000;transition:fill .2s}}&[url]{display:flex;align-items:center;gap:5px;user-select:none;cursor:pointer;&:hover svg{stroke:#008dd2}svg{width:20px;height:15px;fill:none;stroke:#000;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:#000;stroke-width:10}&:nth-child(n+5){fill:#000;translate:75px}}&:hover svg rect{&:nth-child(-n+4){stroke:#008dd2}&:nth-child(n+5){fill:#008dd2}}&[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:700;color:#008dd2}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 #000;background:#fff0;width:100%;padding:10px;font:inherit;color:#000;&:focus+span,&[value]+span{color:#008dd2;scale:.7;translate:0 -100%}&:invalid{outline:none;box-shadow:none}}textarea{outline:none;border:none;border-bottom:1px solid #000;background:#fff0;width:100%;padding:10px;font:inherit;color:#000;resize:none;overflow:hidden;&:focus+span,&[value]+span{color:#008dd2;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:#008dd2;.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:10px;background:#000;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:linear-gradient(225deg,#57a7b3,#008dd2)}}.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:700;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 #000;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:#000;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:#000;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:#000;g{transition:.25s}line{stroke-dasharray:50;stroke-dashoffset:50;transition:.25s}}&:not([show]) svg line{stroke-dashoffset:0}&:hover svg{stroke:#008dd2}&[show] svg{stroke:#008dd2;circle{animation:eye 2s 1s}}}@keyframes eye{25%{translate:-3px}75%{translate:3px}}@media (max-width:768px){header{}social{margin:0 auto 20px}h1{font-size:18px;//font-weight:700}h3{font-size:16px;//font-weight:700}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){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}}@media (min-width:1599px){container{max-width:1500px}breadcrumbs{max-width:1500px}products-slider products{grid-auto-columns:calc(20% - 40px/5)!important}}selectx{width:100%;display:flex;position:relative;margin:5px 0;cursor:pointer;&::before,&::after{content:"";border-radius:2px;background:#000;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 #000;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:#008dd2;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:700}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:10px 0 60px;wrapper{border-radius:20px;//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}}}[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:#eee;width:80px;height:2px}&::after{content:"";background:#000;width:80px;height:2px;position:absolute;translate:-100%}&.active{&::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:#008dd2;cursor:copy;//user-select:none}[message]::before{content:attr(message);background:#008dd2;width:100%;min-height:40px;display:flex;align-items:center;justify-content:center;position:sticky;top:0;left:0;font-size:12px;font-weight:700;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}}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:10px;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:#000}&.error::before{content:"!";background:#d00}&.warning::before{content:"!";background:#ffa300}a{font-weight:700;color:#000;&:hover{color:#008dd2}}}@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:#008dd2}a{color:#008dd2}img{max-width:100%;margin:auto}}map{.gm-style{div{border-color:#008dd2!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}}social{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px 0;user-select:none;a{display:flex;&:hover svg{fill:#008dd2}svg{width:30px;height:15px;fill:#000;transition:fill .2s;pointer-events:none}}}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)}filters,sorting{selectx items{background:rgb(255 255 255 / .75);backdrop-filter:blur(50px)}}@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}}}callback{background:#000!important;&:hover{background:linear-gradient(225deg,#57a7b3,#008dd2)!important}}