Promocje
Twoje konto
Musisz być zalogowany aby mieć dostęp do konta klienta:
Top kategorie
/*PRODUKTY SPECJALNE */ /* #productlist897674 .ProductCard-ShipmentAndPrice, #productlist897674 .ProductCard-Actions{ display:none; } #productlist897676 .ProductCard-ShipmentAndPrice, #productlist897676 .ProductCard-Actions{ display:none; } #productlist897679 .ProductCard-ShipmentAndPrice, #productlist897679 .ProductCard-Actions{ display:none; } #productlist897677 .ProductCard-ShipmentAndPrice, #productlist897677 .ProductCard-Actions{ display:none; } #productlist897678 .ProductCard-ShipmentAndPrice, #productlist897678 .ProductCard-Actions{ display:none; } */ /* NAGŁÓWEK - OPIEKUN */ .Header-TopBar{ justify-content: end; } .top-header-panel-header{ font-size: 14px; font-weight: bold; color: #E02E87; } .top-header-panel .top-header-panel-content{ left: auto; right: 0; } /* GŁÓWNY SLIDER */ .main-homepage-slider{ background-image: url('https://media.lobos365.pl/elementy-stale/strona-glowna/slider-background-2.png'); background-repeat: no-repeat; background-position: center; background-size: fit; padding-bottom:30px; padding-top:30px; margin-bottom:0px; margin-top:0px } .Header-Actions{ align-items: baseline; } @keyframes zoom-in{ from { transform:scale(1.20); opacity:0; } to { transform:scale(1); opacity:1; } } .main-homepage-slider #mainSlider{ margin: 0 auto; } #mainSlider{ box-shadow: 0px 0px 3em lightgray; animation-name: zoom-in; animation-duration: 1s; } @keyframes pulse { 0%, 100% { transform: scale(1.05); } 50% { transform: scale(1); } } .carousel-control{ transition-duration: 300ms; opacity: 0.9; animation: pulse 2s infinite; } .carousel-control:hover{ opacity: 1; } .carousel-control.left img, .carousel-control.right img{ width: 20%; background-color: #222; padding: 10% 5%; border-radius: 5px; border: solid 1px #F3F4F7; } /* PROMOTIONS LOADER */ .custom-loader { height: 80px; aspect-ratio: 1; display: grid; } .custom-loader:before, .custom-loader:after { content: ""; --c:no-repeat linear-gradient(#fff 0 0); background: var(--c), var(--c); background-size: 25% 50%; animation: l5 1.5s infinite linear; } .custom-loader:after { transform: scale(-1); } @keyframes l5 { 0%, 5% {background-position:33.4% 100%,66.6% 100%} 25% {background-position:33.4% 100%,100% 0} 50% {background-position:0 0,100% 0} 75% {background-position:0 0,66.6% 100%} 95%, 100% {background-position:33.4% 100%,66.6% 100%} } .custom-backdrop{ position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: #000000E6; z-index: 10000; display: flex; flex-direction: column; gap: 1rem; align-items: center; justify-content: center; color: rgb(226 232 240); font-size: 3rem; text-align: center; } @media (max-width: 1536px) { .custom-backdrop{ font-size: 2rem; } }