NOVAMA PRO NEB 4+ Inhalator pneumatyczno-tłokowy z 4 trybami nebulizacji, nebulizator RF9
Opis
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&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{width:1420px;max-width:100%;margin:auto;background:#000;overflow:hidden;scroll-behavior:smooth;font-family:'Montserrat',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-weight:300;}
.pojemnik *{box-sizing:border-box;}
.pojemnik a{text-decoration:none;text-align:center;color:#fff;}
.pojemnik b{font-weight:700;}
.pojemnik img{max-width:100%;height:auto;}
.pojemnik p,.pojemnik li{font-family:'Montserrat',sans-serif;font-size:18px;line-height:1.67;color:#fff;}
.wiersz{display:flex;}
.wiersz .lewa,.wiersz .prawa{display:flex;flex-direction:column;}
.wiersz.opis1 h3,.wiersz.opis2 h3,.wiersz.opis h3{margin:20px 0; color:#fff;font-size:clamp(25px,2.2vw,31px);font-weight:500;}
.wiersz.opis1 h3:nth-of-type(even),.wiersz.opis2 h3:nth-of-type(even),.wiersz.opis h3:nth-of-type(even){margin:-9px 0 18px;color:#aaa;font-size:clamp(22px,2.2vw,24px);}
.wiersz.opis1 h4,.wiersz.opis h4{color:#fff;}
/* sekcja hero */
.wiersz.hero{position:relative;align-items:center;justify-content:center;min-height:720px;padding:5% 4% 4%;overflow:hidden;background:url(https://novamed.pl/media/wysiwyg/NOVAMA/Proneb/slider_bg.png center/cover no-repeat;}
.wiersz.hero::after{content:"";position:absolute;inset:auto 0 0;height:24%;background:linear-gradient(to top,#000 5%,rgba(0,0,0,0));pointer-events:none;}
.wiersz.hero .ai-oznaczenie{position:absolute;z-index:3;top:9%;left:9%;width:200px;}
.wiersz.hero .lewa{position:relative;z-index:2;width:50%;align-items:center;text-align:center;}
.wiersz.hero .prawa{position:relative;z-index:2;width:45%;align-items:center;justify-content:center;opacity:0;transform:translateX(-120px);transition:transform .9s cubic-bezier(.2,.7,.2,1),opacity 1.5s ease;}
.wiersz.hero .prawa.animuj{opacity:1;transform:none;}
.wiersz.hero .prawa img{width:min(560px,42vw);}
.wiersz.hero img.
LogoBrand{width:clamp(170px,32vw,410px);margin:0 auto 5%;}
.wiersz.hero h2{margin:0 !important;color:#fff !important;font-size:clamp(70px,9.5vw,125px) !important;font-weight:300;line-height:.78;letter-spacing:.015em;text-align:center;}
.wiersz.hero h3{width:100%;margin:52px auto 0;color:#fff;font-size:clamp(19px,2vw,28px);font-weight:500;line-height:1.3;text-align:center;}
.neon{animation:shining .9s alternate infinite;}
.neon-svg:hover{filter:drop-shadow(0 0 6px rgba(182,211,207,1)) drop-shadow(0 0 18px rgba(15,115,223,.9)) drop-shadow(0 0 36px rgba(15,115,223,1));}
@keyframes shining{ 0%{text-shadow:0 0 8px rgba(182,211,207,1),0 0 20px rgba(182,211,207,.8),0 0 30px rgba(15,115,223,.9),0 0 45px rgba(15,115,223,.9),0 0 70px rgba(15,115,223,.95),0 0 120px rgba(15,115,223,1);} 50%{text-shadow:0 0 4px rgba(182,211,207,.6),0 0 12px rgba(182,211,207,.4),0 0 20px rgba(15,115,223,.6),0 0 32px rgba(15,115,223,.7),0 0 50px rgba(15,115,223,.75),0 0 80px rgba(15,115,223,.8);} 100%{text-shadow:0 0 10px rgba(182,211,207,1),0 0 24px rgba(182,211,207,.9),0 0 36px rgba(15,115,223,.9),0 0 60px rgba(15,115,223,1),0 0 90px rgba(15,115,223,1),0 0 140px rgba(15,115,223,1);}
}
@keyframes neonPulse{ 0%{filter:drop-shadow(0 0 8px rgba(182,211,207,1)) drop-shadow(0 0 20px rgba(15,115,223,.9)) drop-shadow(0 0 60px rgba(15,115,223,1));} 50%{filter:drop-shadow(0 0 4px rgba(182,211,207,.6)) drop-shadow(0 0 12px rgba(15,115,223,.7)) drop-shadow(0 0 32px rgba(15,115,223,.8));} 100%{filter:drop-shadow(0 0 10px rgba(182,211,207,1)) drop-shadow(0 0 24px rgba(15,115,223,.9)) drop-shadow(0 0 90px rgba(15,115,223,1));}
}
/* sekcja cechy */
.wiersz.cechy{flex-wrap:wrap;justify-content:center;padding:0% 0% 4%;}
.wiersz .cecha{flex:0 0 19%;margin:28px 0;text-align:center;transition:.2s;}
.wiersz .cecha img{width:110px;max-width:110px;transition:transform .2s ease;}
.wiersz.cechy p{margin:14px 8px 0;color:#ababab;font-size:17px;font-weight:400;line-height:1.45;transition:.2s;}
.wiersz .cecha:hover p{color: white;}
.wiersz.cechy .cecha:hover img {fill: #cce7f8;filter: drop-shadow(0 0 6px #0f73df) drop-shadow(0 0 20px #0f73df)drop-shadow(0 0 40px #0f73df);}
.wiersz.cechy .cecha:hover {cursor: pointer;}
/* film YouTube */
.wiersz.yt{justify-content:center;margin:70px 0;}
.wiersz.yt iframe{width:80%;aspect-ratio:16/9;border:0;}
.wiersz.yt--ukryty{display:none;}
/* budowa urządzenia */
.wiersz.opis1.elementy{position:relative;align-items:center;justify-content:space-evenly;padding:3% 0;margin-bottom:3%;}
.wiersz.opis1.elementy .lewa{width:43%;opacity:0;transform:translateX(-80px);transition:all .8s ease-out;}
.wiersz.opis1.elementy .prawa{width:43%;opacity:0;transform:translateX(80px);transition:all .8s ease-out;}
.wiersz.opis1.elementy .lewa.animuj,.wiersz.opis1.elementy .prawa.animuj{opacity:1;transform:none;}
.wiersz.budowa-tytul{margin:2% 0 0;}
.
