FLAEM SPACENEB Przenośny inhalator z funkcją irygacji, terapia aerozolowa

Opis

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

.catalog-product-view .tabs-container #description .description{width:1420px !important; max-width:100%;}

.pojemnik{max-width:100%; margin:auto; width:1420px; background-color:#fff; scroll-behavior:smooth; font-family:"Roboto",sans-serif; font-weight:300; color:#000;}

.pojemnik *{box-sizing:border-box;}

.pojemnik a{text-decoration:none; text-align:center; color:#000;}

.pojemnik img{max-width:100%;}

.pojemnik p{font-size:19px; line-height:28px; font-weight:400;}

.pojemnik b{font-weight:700;}

.wiersz{display:flex;}

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

.pojemnik .naglowek h3,.wiersz.opis h3{font-size:37px; line-height:1.4; font-weight:700; color:#294da0; margin:0;}

.wiersz.opis h4{font-size:28px; line-height:1.4; font-weight:500; margin:0 0 24px;}

.wiersz.opis p{margin:0;}

.wiersz.opis p + p{margin-top:28px;}

.wiersz.opis h3,.wiersz.opis p{text-align:left;}

.pojemnik .naglowek h3{text-align:center;}

.pojemnik hr{border:0; height:5px; background:#294da0; margin:0;}

.pojemnik [id]{scroll-margin-top:30px;}

/* hero */

.wiersz.hero{position:relative; align-items:center; justify-content:space-between; aspect-ratio:1425 / 875; margin-bottom:4%;}

.wiersz.hero::before{content:""; position:absolute; inset:0; background:linear-gradient(180deg,#2d6bed 0%,#294b98 100%); clip-path:polygon(0 32%,100% 0,100% 73%,0 100%);}

.wiersz.hero .lewa{position:relative; width:45%;}

.wiersz.hero .lewa img{width:100%; transform:scale(1.06) translateX(-3%); transform-origin:left center;}

.wiersz.hero .prawa{position:relative; width:51%; align-items:flex-end; margin-right:5%; transform:translateY(-45px);}

.wiersz img.flaemlogo{width:47%; margin:0 0 3%;}

.wiersz img.modelLogo{width:100%; margin:0 0 4%;}

.pojemnik .wiersz.hero h2{font-size:37px; line-height:1.3; font-weight:700; color:#fff !important; text-align:right; margin:0; white-space:nowrap;}

/* cechy */

.wiersz.cechy{flex-wrap:wrap; justify-content:center; width:90%; margin:auto;}

.wiersz.cechy a{text-decoration:none !important;}

.wiersz.cechy p{font-size:16px; line-height:24px; font-weight:700; margin:14px 0 0; color:#10466f;}

.wiersz .cecha{flex:0 0 19.8%; text-align:center; margin:30px 0 46px; transition:0.2s;}

.wiersz .cecha img{width:135px; height:135px; object-fit:contain;}

.pojemnik .naglowek.naglowek3.naglowek2{margin:8% 0 3%;}

.pojemnik .szaraSekcja{background:#eaeaea; padding:3.4% 0 4.4%;}

.pojemnik .szaraSekcja .naglowek{width:72%; margin:auto;}

.pojemnik .szaraSekcja p{margin:0;}

.pojemnik .szaraSekcja p + p{margin-top:28px;}

/* elementy */

.pojemnik .elementy{margin:10% 0 7%;}

.pojemnik .sekcja-elementow{position:relative; display:flex; justify-content:center; align-items:center; min-height:570px;}

.pojemnik .grupy-elementow{width:78%;}

.pojemnik .grupy-elementow .numer-rzedu{position:relative; height:570px;}

.pojemnik .single-row > img{width:100%; height:100%; object-fit:contain; visibility:hidden;}

.pojemnik .single-row::before,.pojemnik .single-row::after{content:""; position:absolute; top:0; bottom:0; width:26%; background-image:url('https://novamed.pl/media/wysiwyg/Flaem/spaceneb/Budowa.png'); background-size:570px 570px; background-repeat:no-repeat;}

.pojemnik .single-row::before{left:-4%; background-position:left center;}

.pojemnik .single-row::after{right:-2%; background-position:right center;}

.pojemnik .nazwy-elementow{position:absolute; width:39%; left:30.5%; top:11%;}

.pojemnik .rzad-elementow > img{display:block; width:100%; margin-bottom:25px;}

.pojemnik .element p{text-align:left; font-size:18px; line-height:26px; font-weight:700; margin:0 0 0 18%; cursor:pointer;}

.pojemnik .numer-kafelka{position:absolute; display:flex; z-index:1; cursor:pointer;}

.pojemnik .numer-kafelka p{display:flex; align-items:center; justify-content:center; font-size:20px; line-height:1; width:40px; height:40px; margin:0; border-radius:50%; color:#fff; background:#65b4e9; font-weight:700;}

.pojemnik .numer-kafelka.active p{background:#254C9A;}

.pojemnik .element.active p{color:#009fe3;}

.pojemnik .single-row .numer-kafelka:nth-of-type(1){top:50%; left:10%;}

.pojemnik .single-row .numer-kafelka:nth-of-type(2){top:32%; left:9%;}

.pojemnik .single-row .numer-kafelka:nth-of-type(3){top:59%; left:4%;}

.pojemnik .single-row .numer-kafelka:nth-of-type(4){top:71%; left:4%;}

.pojemnik .single-row .numer-kafelka:nth-of-type(5){top:77%; left:14%;}

.pojemnik .single-row .numer-kafelka:nth-of-type(6){top:73%; left:90.5%;}

.pojemnik .single-row .numer-kafelka:nth-of-type(7){top:85%; left:83.5%;}

.pojemnik .single-row .numer-kafelka:nth-of-type(8){top:85%; left:92.5%;}

/* rozwijane sekcje */

.wiersz.opis.opis3.coWiecej{justify-content:space-around; margin:0 0 4%; align-items:flex-start;}

.pojemnik .rozwijana-sekcja{width:43%; text-align:center;}

.wiersz.opis .