@media (max-width: 768px) {
.menu-mobile-produkty {
position: relative;
max-height: 60px !important;
overflow: hidden !important;
border-radius: 20px !important;
}
.menu-mobile-produkty::before {
content: ''!important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 60px !important;
backdrop-filter: blur(15px) !important;
-webkit-backdrop-filter: blur(5px) !important;
background-color: rgba(255, 255, 255, 0.85) !important;
z-index: 9999 !important;
pointer-events: all !important;
border-radius: 20px !important;
}
.menu-mobile-produkty::after {
content: '';
position: absolute;
top: calc(27% - 20px);
left: calc(50% - 20px);
width: 40px;
height: 40px;
border: 4px solid #ccc;
border-top: 4px solid #333;
border-radius: 50%;
animation: spin 1s linear infinite;
z-index: 10000;
}
.offcanvas_wrap_menu-mobile-produkty[aria-hidden="true"] {
position: fixed;
left: -100vw; top: 0px!important;
width: 100vw;
height: 100vh;
z-index: 9999;
pointer-events: none;
background-color:white!important; transition: 0.7s ease!important;
overflow-y:auto!important;
}
.offcanvas_wrap_menu-mobile-produkty[aria-hidden="false"] {
position: fixed;
top: 0px!important;
left: 0;
width: 100vw;
height: 100vh;
transition:  0.7s ease!important;
z-index: 9999;
background-color: white; overflow-y:auto!important;
}
.hide-before::before {
content:none!important;
}
.hide-before::after {
content:none!important;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}