VITAMMY SONICE 5+ BLACK Szczoteczka Soniczna do zębów, 5 trybów, wyświetlacz, timer
Opis
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300&family=Roboto:wght@300;400;500;700&display=swap');
.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; overflow: hidden; } .pojemnik {scroll-behavior: smooth;} .pojemnik h3, .pojemnik h4{font-family: "Roboto";} .pojemnik *{box-sizing: border-box; } .pojemnik a {text-decoration: none; text-align: center; color:black;} .pojemnik img { max-width: 100%;} .pojemnik p, .pojemnik li{font-size: 19px; font-family: "lato";} .pojemnik h2 {font-family: "Roboto", sans-serif;} .wiersz{ display: flex;} .wiersz.hero{align-items: center;justify-content: center; padding: 5% 0 5% ; background: url(https://novamed.pl/media/wysiwyg/Vitammy/sonice/black/sonice_BG_glowne.jpg background-size: cover; background-repeat: no-repeat; background-position:bottom;} .wiersz.hero .lewa{width: 50%; text-align: center; margin-left: -5%;} .wiersz.hero .lewa img { max-height: 750px; margin-right: 10%;position: relative; z-index: 2;} .wiersz.hero .lewa .astro{display:flex;justify-content: end; position: relative;} /* astronauta (tylko to się rusza) */ .wiersz.hero .lewa .astro-bg {position: absolute;inset: 0;background: url(https://novamed.pl/media/wysiwyg/Vitammy/sonice/black/sonice_BG_glowne_astro.png);background-size contain;background-repeat: no-repeat;background-position: center;z-index: 1; animation: floatAstronaut 2s ease-in-out infinite alternate;} .wiersz.hero .prawa{width: 45%; align-items: start; margin-right: -12%;} .wiersz.hero .prawa img.
LogoBrand{width: 35%; margin-bottom: 20px;} .wiersz.hero .prawa img.
ModelBrand{width: 80%;} .wiersz.hero .prawa img.pts {width: 50%;} .wiersz.hero h2 {font-weight:500; color: white !important; font-size: 36px !important; text-align: left; margin:0 0 70px 0; z-index: 20;} /* animacja astronauty */
@keyframes floatAstronaut { 0% { transform: translateY(0px) scale(1); } 100% { transform: translateY(-40px) scale(1.05); }
} .wiersz .prawa, .wiersz .lewa{display: flex;flex-direction: column;} .wiersz.cechy p { font-size: 20px; font-weight: 500; margin-top: 15px; } .wiersz.cechy a { text-decoration: none !important; color: #868686;} .wiersz .cecha img {width: 150px; max-width: 150px;} .wiersz.cechy {display: flex;flex-wrap: wrap;justify-content: center;padding:0; margin-bottom: 4%;} .wiersz .cecha {flex: 0 0 18%;text-align: center;margin: 30px 0;transition: 0.2s;} .wiersz.opis div {text-align: center;} .wiersz.opis img.
SmallBrand{width: 37%;} .wiersz.opis b {font-weight: bold;} .wiersz.opis p, .wiersz.opis li{ color: #868686; font-size: 20px; line-height: 30px; font-weight: 500;} .wiersz.opis h3{ margin: 20px 0; ; font-size: 45px; text-align: center; font-weight: 800; } .wiersz.opis h3 span{color:#97cadd;} .wiersz.opis h3:nth-of-type(odd){margin-bottom: 10px; color: #A18DFF;} .wiersz.opis h3:nth-of-type(even){font-size: 32px; color: #868686; margin-top: 0px;} .wiersz.opis{justify-content: space-evenly;} .pojemnik .wiersz.opis p.srodek{ margin: 2% auto 5%; text-align: center; width: 80%;} .pojemnik .wiersz.opis p.srodek.srodek1{width: 70%; margin-bottom: 0;} .pojemnik .wiersz.opis p.dopisek{width:70%; text-align: left; margin: 20px auto 4%;} /* opis 1 */ .wiersz.opis1{ align-items: center; margin: 4% 0;} .wiersz.opis1.odwrot1 p {margin-bottom: 50px;} .wiersz.opis1 .tekst{padding: 0 20px;} .wiersz.opis1 .prawa{width: 45%;} .wiersz.opis1 .lewa {width: 45%; gap:20px; position: relative;} .wiersz.opis1 .prawa.tekst h3, .wiersz.opis1 .prawa.tekst p{text-align: left;} .wiersz.opis1 img.smallIMG{width: 75%; margin: auto;} .wiersz.opis1 p {margin-bottom: 5px;} .wiersz.opis1 .prawa p, .wiersz.opis1 .prawa h3, .wiersz.opis .tekst{justify-content: center;} /* wykrzyknik */ .wiersz.opis1.odwrot1 .lewa .wykrzyknik{position:absolute;top:12%;left:58%;width:18%;max-width:100px;z-index:3;transform:rotate(12deg);animation:wykrzyknikPulse 1.8s ease-in-out infinite;transform-origin:center center;} @keyframes wykrzyknikPulse{0%{transform:rotate(12deg) scale(1) translateY(0);filter:drop-shadow(0 0 0 rgba(161,141,255,0));}50%{transform:rotate(12deg) scale(1.08) translateY(-4px);filter:drop-shadow(0 0 16px rgba(161,141,255,0.35));}100%{transform:rotate(12deg) scale(1) translateY(0);filter:drop-shadow(0 0 0 rgba(161,141,255,0));}} /* Elementy desktop */ .pojemnik .wiersz.sonice-elementy{position:relative;overflow:hidden;} .pojemnik .wiersz.sonice-elementy::before{content:""; position:absolute; inset:0; background:url(https://novamed.pl/media/wysiwyg/Vitammy/sonice/black/sonice_white_BG_budowa.jpg no-repeat center; background-size:contain; animation:rotateBG 40s linear infinite; z-index:1; } .pojemnik .wiersz.