.container_sklep{display:flex;position:relative;justify-content:center;align-content:center;height:100%;min-height:25vh;overflow-x:clip}
.container_sklep::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(to left,transparent,#fff,transparent);margin-bottom:1rem}
h2{font-size:clamp(2.8rem,4vw,3rem);margin-bottom:0;padding-bottom:.25rem}
h4{font-size:clamp(1.4rem,2vw,1.9rem);margin-bottom:0;padding-bottom:1rem}
h5{font-size:2.5vmin;text-shadow:3px 3px 3px rgba(0,0,0,.8);margin:5%}
p{font-size:clamp(.8rem,2.6vw,1.7rem);margin-bottom:0;padding-bottom:1.6rem}
.logo{text-decoration:none;transition:.3s ease-in-out}
.header{position:relative;min-height:100vh;display:grid;grid-template:repeat(3,[row-start] minmax(25vh,1fr))/repeat(12,[col-start] 1fr);transition:.1s transform cubic-bezier(.39,.575,.565,1);margin:6.5rem 2rem}
.header[data-menustate=open]{transform:translateX(50%);-webkit-animation:expand .5s cubic-bezier(.39,.575,.565,1) 1;animation:expand .3s cubic-bezier(.39,.575,.565,1) 1}
.header[data-menustate=open] .grid-item{-webkit-animation:shuffle .5s cubic-bezier(.39,.575,.565,1) 1;animation:shuffle .3s cubic-bezier(.39,.575,.565,1) 1}
.header[data-menustate=open] .logo{opacity:0;pointer-events:none;visibility:hidden}
.article{padding:1.6rem 1.5rem 1.6rem 1.5rem;text-align:center;margin:auto 0}
.article+.article{margin-top:auto;padding-top:0}
.article--align-right{text-align:right}
.rotate{display:inline-block;margin:0}
.rotate--right{transform:rotate(-90deg);transform-origin:center right}
.object-fit{width:100%;height:100%;border-radius:8px;-o-object-fit:cover;object-fit:cover}
.grid-item{background:#000;position:relative;padding-left:2px}
.grid-item::after{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;width:0;background:#000;-webkit-animation:background-swipe-out 1s cubic-bezier(.785,.135,.15,.86) 2.1s 1;animation:background-swipe-out 1s cubic-bezier(.785,.135,.15,.86) 2.1s 1}
.grid-item--primary{grid-area:span 3/span 6;display:grid;align-items:center;justify-items:start;width:100%;height:100%;position:relative}
.grid-item--primary img{opacity:.2}
.grid-item--primary>.logo,.grid-item--primary>img{grid-area:1/1/-1/-1}
.grid-item--primary1{grid-area:span 3/span 6}
.grid-item--primary1 img{display:block;opacity:.2}
.grid-item--primary1>.logo,.grid-item--primary1>img{grid-area:1/1/-1/-1}
.grid-item--secondary{grid-area:span 2/span 3;-webkit-animation-duration:1.4s;animation-duration:1.4s}
.grid-item--tertiary{background:#898979c2;grid-area:span 1/span 2;-webkit-animation-duration:1.8s;animation-duration:1.8s}
.grid-item--content{display:flex;flex-direction:column;justify-content:start;margin-top:5px}
.loading-overlay{position:fixed;z-index:1;top:0;left:0;right:0;bottom:0;display:grid;place-items:center;margin:-200vh -200vw;-webkit-animation:hide-overlay 2.4s cubic-bezier(.39,.575,.565,1) 1;animation:hide-overlay 2.4s cubic-bezier(.39,.575,.565,1) 1;opacity:0;pointer-events:none;visibility:hidden;font-size:clamp(3.4rem,4vw,6rem);font-weight:700}
.loading-overlay__content{position:relative;transform:rotate(90deg);padding:50vw 50vh;-webkit-animation:rotate-expand-out 2.4s cubic-bezier(.39,.575,.565,1) 1;animation:rotate-expand-out 2.4s cubic-bezier(.39,.575,.565,1) 1}
.loading-overlay__content::after{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;width:100%;background:#000;-webkit-animation:background-swipe-in .3s cubic-bezier(.39,.575,.565,1) 1;animation:background-swipe-in .3s cubic-bezier(.39,.575,.565,1) 1}
@-webkit-keyframes background-swipe-in{
from{width:0}
}
@keyframes background-swipe-in{
from{width:0}
}
@-webkit-keyframes background-swipe-out{
0%,65%{width:100%}
100%{width:0}
}
@keyframes background-swipe-out{
0%,65%{width:100%}
100%{width:0}
}
@-webkit-keyframes rotate-expand-out{
0%,100%,15%,30%,50%,65%,95%{transform:rotate(-90deg);padding:.2em 2em;opacity:1}
30%,50%{transform:rotate(0);padding:4em 2.4em}
65%,95%{transform:rotate(90deg);padding:50vw 50vh}
100%{transform:rotate(90deg);padding:50vw 50vh}
}
@keyframes rotate-expand-out{
0%,100%,15%,30%,50%,65%,95%{transform:rotate(-90deg);padding:.2em 2em;opacity:1}
30%,50%{transform:rotate(0);padding:4em 2.4em}
65%,95%{transform:rotate(90deg);padding:50vw 50vh}
100%{transform:rotate(90deg);padding:50vw 50vh}
}
@-webkit-keyframes hide-overlay{
0%,90%{opacity:1;visibility:visible;background-color:red;background-image:linear-gradient(315deg,red 0,#ffed00 74%)}
95%{background:0 0}
100%{opacity:0;visibility:hidden}
}
@keyframes hide-overlay{
0%,90%{opacity:1;visibility:visible;background-color:red;background-image:linear-gradient(315deg,red 0,#ffed00 74%)}
95%{background:0 0}
100%{opacity:0;visibility:hidden}
}
@-webkit-keyframes expand{
0%,100%{width:100%}
50%{width:110vw}
}
@keyframes expand{
0%,100%{width:100%}
50%{width:110vw}
}
@-webkit-keyframes shuffle{
0%,90%{border-left:0 solid #000}
50%{border-left:2vw solid #000}
}
@keyframes shuffle{
0%,90%{border-left:0 solid #000}
50%{border-left:2vw solid #000}
}
.grid-item .duet{height:100%;width:100%;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:space-around}
.sklep{width:100%;height:100%;padding:5px}
.sklep img{border-radius:8px}
.grid-item.grid-item--primary1{margin-right:2.5px;position:relative;justify-content:center;margin-bottom:.5rem;margin-top:1vh}
.grid-item--tertiary{margin:5px 2.5px 0 2.5px;border-radius:8px}
.grid-item.grid-item--tertiary img{margin:0 5px 0 0}
.grid-item.grid-item--tertiary.grid-item--content{display:flex;justify-content:center}
.txt{position:absolute;padding:15vmin 9vmin 5px 9vmin;text-shadow:4px 4px 4px #000;text-align:justify;text-overflow:ellipsis;height:inherit}
.grid-item .txt p{margin-top:10%;font-size:clamp(1.1rem,2vw,1.3rem)}
.curved-div{display:block;position:relative;background:#ff5220;color:#fff;text-align:center;overflow:hidden;margin-top:-3px}
.curved-div svg{display:block}
.curved-div.upper{background:0 0}
.curved-div p{font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}
#article1{text-align:center}
.hide{display:none}
.hide1{display:none}
#news-info{position:relative;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 2rem}
#news-info::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(to left,transparent,#fff,transparent)}
#news-info h3{font-size:clamp(1.8rem,4vw,4rem);text-align:center;margin-top:1rem;margin-bottom:2rem}
#news-info #card-info{margin:0rem 0 3rem 0}
#news-info #card-info img{border-radius:2rem;width:100%}
.card-info-promo{display:grid;grid-template-columns:repeat(3,auto);margin-bottom:2rem;gap:1.75rem}
.card-info-promo img{border-radius:2rem;width:100%}
.news-info-2{margin-bottom:3rem}
.news-info-2 small{margin-bottom:.5rem}
@media screen and (min-width:811px){
.grid-item--primary{display:flex}
.grid-item--primary1{display:none}
}
@media screen and (max-width:810px){
.header{grid-template:repeat(2,[row-start] 1fr)/repeat(6,[col-start] 1fr);margin:6rem auto 2.9rem}
.grid-item--primary{display:none}
.grid-item--primary1{display:flex}
}
@media screen and (max-width:550px){
h5{font-size:3.4vmin}
.grid-item--primary1 img{display:none}
.txt{position:relative}
.card-info-promo{grid-template-columns:1fr}
}