VITAMMY NEXT E5 Ciśnieniomierz naramienny mówi po polsku, arytmia + zasilacz, etui
Producent: VITAMMY
Sklep: apteczka24.pl
Cena:
99.00
87.89
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap'); /* do usuniecia */ *{margin: 0;} .desc-text--main{width:1470px !important; max-width:100%; } .catalog-product-view .tabs-container #description .description{width:1420px !important; max-width:100%; } .pojemnik{max-width: 100% ;margin: auto; width: 1420px; background-color: white; } .pojemnik {scroll-behavior: smooth;} .pojemnik {font-family: "Lato", sans-serif; font-weight: 300;} .pojemnik *{box-sizing: border-box;} .pojemnik a {text-decoration: none; text-align: center; color: white;} .pojemnik img { max-width: 100%;} .pojemnik p{font-size: 18px !important;} .pojemnik .naglowek{margin: 4% 0 4% ;} .pojemnik h1, .pojemnik .naglowek h2{ font-size:32px !important; font-weight: 900 !important; text-align: center;} .pojemnik .naglowek h3{ color: #135d70; font-size:28px !important; line-height:1.5em; font-weight: bold; text-align: center;} .wiersz{ display: flex;} .wiersz.hero{padding: 8% 0;}
.wiersz.hero,
.pojemnik .oProdukcie { /* zastępujemy jednolity kolor animowanym gradientem */ background: linear-gradient( 45deg, #135d70, #1e8a9d, #0f4f5d, #267a8e, #135d70 ); background-size: 600% 600%; animation: gradientShift 12s ease infinite; align-items: center;
}
/* animacja przesuwania tła */
@keyframes gradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; }
} .wiersz .prawa, .wiersz .lewa{display: flex;flex-direction: column; width: 50%;} .wiersz.hero .tytul h2 { font-size:26px !important; color:white !important ; margin: 50px 0 0 0; font-weight: 700 !important;} .wiersz.hero .tytul img { margin: 20px 0 20px -18px;} .wiersz.hero .vitammy{max-width: 50%;text-align: center;margin-bottom: 15px;} .wiersz.hero .lewa{padding: 5% 8%;} .wiersz.cechy p {color: #135d70; font-weight: bold;font-size: 18px;} .wiersz.cechy {display: flex;flex-wrap: wrap;justify-content: space-evenly;padding:0; margin: 0 0 5% 0;} .wiersz .cecha:hover{transform: scale(1.15);} .wiersz .cecha {flex: 0 0 18%;text-align: center;margin: 30px 0;transition: 0.2s;} .wiersz .cecha img {max-width: 70px;} .pojemnik .oProdukcie{padding:5% 20%; margin-bottom: 3%;} .pojemnik .oProdukcie img{width: 30%; margin: 0 0 5% 0;} .pojemnik .oProdukcie div{text-align: center;} .pojemnik .oProdukcie p{color:white; text-align: center; font-weight: bold; line-height: 1.7em;} .wiersz.elementy.mobile, .wiersz.elementy.desktop{flex-direction:column; justify-content: space-around;} .wiersz.elementy.mobile .next, .wiersz.elementy.desktop .next{ text-align:center; position: relative; margin-top: 5%;} .wiersz.elementy.desktop .next img{max-width: 70%;} .wiersz.elementy p span{font-size: 1.4em; color:#135d70; font-weight: bold; position: absolute; top: 5px; left: -30px;} .wiersz.elementy.mobile{display:none;} .pojemnik .separator {margin-top: 20%;} .wiersz.tlo { padding: 4% 2%; } .wiersz.tlo .prawa {width: 40%; justify-content: center; margin-left:40px;} .wiersz.tlo .lewa {width: 60%;} .wiersz.tlo li{line-height: 1.6em; font-weight: 400;} .wiersz.tlo li:nth-of-type(odd){background: #F4F4F4;} /* hotspot */ .elementy .marker1a, .elementy .marker1b, .elementy .marker1c, .elementy .marker1d, .elementy .marker1e, .elementy .marker1f, .elementy .marker1g { position: absolute; width: 30px; height: 30px; background-color: #135d70; color: white; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-weight: bold; font-size: 15px; transform: translate(-50%, -50%); animation: pulse 0.7s infinite alternate ease-in-out; border: 1px solid white; } /* MARKERY – WERSJA DESKTOP */ .elementy.desktop .marker1a { top: 16%; left: 45%; } .elementy.desktop .marker1b { top: 82%; left: 60%; } .elementy.desktop .marker1d { top: 82%; left: 40%; } .elementy.desktop .marker1e { top: 90%; left: 50%; } .elementy.desktop .marker1f { top: 35%; left: 27%; } .elementy.desktop .marker1g { top: 70%; left: 27%; } /* MARKERY – WERSJA MOBILE */ .elementy.mobile .marker1a { top: 13%; left: 30%; } .elementy.mobile .marker1b { top: 42%; left: 73%; } .elementy.mobile .marker1d { top: 42%; left: 26%; } .elementy.mobile .marker1e { top: 42%; left: 53%; } .elementy.mobile .marker1f { top: 72%; left: 27%; } .elementy.mobile .marker1g { top: 85%; left: 32%; } /* ulożenie opisow kropek desktop */ .wiersz.elementy.desktop .marker1 {position: absolute;top: 120%; left: 16%;transition: 0.2s;} .wiersz.elementy.desktop .marker2 {position: absolute;top: 120%; left: 27%;transition: 0.2s;} .wiersz.elementy.desktop .marker4 {position: absolute;top: 120%; left: 40%;transition: 0.2s;} .wiersz.elementy.desktop .marker5 {position: absolute;top: 120%; left: 52%;transition: 0.2s;} .wiersz.elementy.desktop .marker6 {position: absolute;top: 120%; left: 67%;transition: 0.2s;} .wiersz.elementy.desktop .marker7 {position: absolute;top: 120%; left: 80%;transition: 0.2s;} /* hover po najechaniu na kropki */ .elementy.desktop .next .marker1a:hover ~ .
Przejdź do sklepu