NOVAMA PRO MESH Inhalator siateczkowy bezprzewodowy, wymienne siateczki, kompaktowy

Opis

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Gloock&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:#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,.pojemnik video{max-width:100%;}

.pojemnik p,.pojemnik .wiersz li{font-size:18px;line-height:30px;font-family:'Montserrat',sans-serif;color:#fff;}

.wiersz{display:flex;}

.wiersz.yt{justify-content:center;margin:70px 0;}

.wiersz.yt iframe{width:80%;height:615px;}

/* HERO – pozostawione zgodnie z kodem użytkownika */

.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/promesh/hero_bg.jpg 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:35%;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(360px,52vw);transform:translate(25%,2%);}

.wiersz.hero img.

LogoBrand{width:clamp(170px,32vw,210px);margin:0 auto 5%;}

.wiersz.hero img.

LogoBrand.award{margin-top: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;}

@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);}

}

/* CECHY */

.wiersz.cechy{display:flex;flex-wrap:wrap;justify-content:center;padding:0;margin-bottom:5%;}

.wiersz .cecha{flex:0 0 18%;text-align:center;margin:30px 0;transition:.3s;}

.wiersz .cecha img{width:110px;max-width:110px;height:auto;transition:all .3s ease;}

.wiersz.cechy p{font-size:18px;font-weight:400;margin-top:15px;color:#ababab;transition:.2s;}

/* TYPOGRAFIA I SEKCJE DWUKOLUMNOWE */

.wiersz.opis1 h3,.wiersz.opis h3{color:#fff;font-weight:500;font-size:clamp(30px,2.2vw,31px);margin:0 0 24px;}

.wiersz.opis1 h3:nth-of-type(even),.wiersz.opis2 h3:nth-of-type(even){color:#aaa;font-size:clamp(22px,2.2vw,24px);margin:-10px 0 14px;}

.wiersz.opis1 p{margin:0 0 16px;line-height:1.7;}

.wiersz.opis1.elementy{align-items:center;justify-content:center;position:relative;margin-bottom:7%;}

.wiersz.opis1.elementy .lewa,.wiersz.opis1.elementy .prawa{width:43%;position:relative;}

.wiersz.opis1.elementy .lewa{opacity:0;transform:translateX(-80px);transition:all .8s ease-out;}

.wiersz.opis1.elementy .prawa{opacity:0;transform:translateX(80px);transition:all .8s ease-out;}

.wiersz.opis1.elementy .lewa.animuj,.wiersz.opis1.elementy .prawa.animuj{opacity:1;transform:translateX(0);}

.wiersz.opis1.elementy img,.wiersz.opis1.elementy video{width:100%;height:auto;display:block;}

.wiersz .prawa,.wiersz .lewa{display:flex;flex-direction:column;}

.wiersz.opis1.intro{margin-top:2%;margin-bottom:4%;}

.wiersz.opis1.intro .lewa{width:45%;}

.wiersz.opis1.intro .prawa{width:40%;}

.wiersz.opis1.intro .prawa img{width:100%;}

/* BUDOWA */

.wiersz.opis2{flex-direction:column;text-align:center;align-items:center;}

.wiersz.opis2 h3{color:#fff;font-weight:400;}

.wiersz.opis.opis2 .prawa{width:70%;}

.budowaNaglowek{margin:7% 0 5%;}

.wiersz.opis1.budowa{margin-bottom:8%;}

.wiersz.opis1.budowa .lewa,.wiersz.opis1.budowa .prawa{width:44%;}

/* WIDEO W SEKCJACH */

.videoWrap{justify-content:center;}

.