Novama Sanso Napalcowy

Novama Sanso Napalcowy - Opis

.desc-text--main{width:1470px !important; max-width:100%; }
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:wght@300;400;500;700&display=swap');
/* m1 */
/* .container{max-width:1420px !important;}
#product-description-right{width:100%;}
#product-description-left{display:none;}
.content-lp strong{display:inline !important;}
.product-description iframe{float:none;}
.catalog-product-view #product-description p strong {font-weight: 700 !important;}
.catalog-product-view #product-description ol li{list-style: decimal !important; font-size:1.7em !important; line-height: 2em !important; color:#1F3C90 !important;}
@media only screen and (max-width: 768px) {
.product-description .product-description-column-1 p {width: auto !important;}
}
.cms-page-custom .col-main p {color: unset !important;} */
.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: "Roboto", sans-serif; font-weight: 300;}
.pojemnik *{box-sizing: border-box; }
.pojemnik a {text-decoration: none; text-align: center; color:black;}
.pojemnik img { max-width: 100%;}
.pojemnik p{font-size: 20px}
.pojemnik h2 {font-family: "Roboto", sans-serif;}
.wiersz{ (...) więcej display: flex;}
.wiersz.hero{background: linear-gradient(90deg,rgba(12, 62, 105, 1) 10%, rgba(64, 116, 171, 1) 45%, rgba(66, 118, 173, 1) 55%, rgba(12, 62, 105, 1) 90%); align-items: center;justify-content: center; padding:6% 4%; position: relative; overflow: hidden;}
.pojemnik .wiersz.hero::before {content: "";position: absolute;width: 150%;transform: rotate(348deg);z-index: 0;left: -10%;}
.pojemnik .wiersz.hero::before {background: white; height: 100%;top: 70%; }
.wiersz.hero .lewa{width: 47%;padding: 0 0 0 7%; z-index: 1;}
.wiersz.hero .prawa{width: 50%; align-items: center; z-index: 1;}
.wiersz.hero .prawa img{max-width: 55%; padding: 5%;}
.wiersz .prawa,
.wiersz .lewa{display: flex;flex-direction: column;}
.wiersz img.brandlogo{max-width: 50%;}
.wiersz img.modelLogo { margin-top: 20px;}
.wiersz.hero h2:nth-of-type(1) {font-weight: 300 !important; font-size: 65px !important; color: white !important; margin: 0; margin-top: 10px !important;}
.wiersz.hero h2:nth-of-type(2) {font-weight: 400 !important; font-size: 32px !important; color: white !important; margin: 0;}
.wiersz.cechy p {color:#385A8B; font-size: 20px; font-weight: 500; margin-top: 24px;}
.wiersz.cechy a { text-decoration: none !important;}
.wiersz .cecha img {width: 140px; max-width: 140px;}
.wiersz.cechy {display: flex;flex-wrap: wrap;justify-content: center;padding:0;}
.wiersz .cecha {flex: 0 0 19%;text-align: center;margin: 30px 0;transition: 0.2s;}
.wiersz.opis b {font-weight: bold;}
.wiersz.opis p,
.pojemnik .naglowek p{color:#000000; font-size: 19px; line-height: 30px; text-align: left; font-weight: 400; max-width: 80%; margin: 10px auto;}
.pojemnik .naglowek {margin-bottom: 5%;}
.wiersz.opis h3{color:#385A8B; font-weight: 700; margin: 20px auto; text-align: left; font-size: 40px; width: 80%;}
.wiersz.opis1 h3,
.wiersz.opis1 p {width: 90%; max-width: 90%;}
.wiersz.opis2 {flex-direction: column; text-align: center; align-items: center; margin-bottom: 60px;}
.wiersz.opis2 img {margin: 5% auto;}
.wiersz.opis2 p,
.wiersz.opis2 h3 {text-align: center;}
.wiersz.opis2 h3 {margin: 30px 0 15px;}
.wiersz.baner { justify-content: center;}
.pojemnik .szeroki {width: 80%; margin: 4% auto;}
.wiersz.baner div {width: 100%; text-align: center;}
.wiersz.separator{ margin: 6% auto; background: linear-gradient(90deg,rgba(12, 62, 105, 1) 10%, rgba(64, 116, 171, 1) 45%, rgba(66, 118, 173, 1) 55%, rgba(12, 62, 105, 1) 90%);}
.wiersz.separator h3 {width: 100%; color: white !important; font-weight: 300; font-size: 48px; text-align: center; padding:3%;}
.wiersz img.waskiIMG {max-width: 300px; margin: auto;}
/* rozwijana sekcja */
.wiersz.faq {display: flex;width: 85%;flex-direction: column;margin: auto;}
.wiersz.faq .faq1 {display: flex;margin-bottom: 5%}
.wiersz.faq .lewa {width: 75px;margin-top: 2%}
.wiersz.faq .prawa {width: 95%}
.wiersz.faq .prawa div {margin: 0 5%}
.wiersz.faq .prawa .dodatkowa-tresc {margin: 0;overflow: hidden;max-height: 0;transition: 0.3s ease-in-out; opacity: 0;}
.wiersz.faq h3 {font-weight: 500;font-size: 38px;color: #385A8B;margin: 10px 5% 30px;}
.wiersz.faq input[type="radio"] {display: none;}
.wiersz.faq .pokaz-label {cursor: pointer;color: #385A8B !important;font-size: 20px;font-weight: 500;margin-left: 0 !important;display: inline-block;position: relative;}
.wiersz.faq .pokaz-label::before {content: "Więcej";border-bottom: 3px solid #385A8B;}
.wiersz.faq input[type="radio"]:checked + .pokaz-label::before {content: "";}
/* rozwijana treść */
.wiersz.faq input[type="radio"]:checked ~ .dodatkowa-tresc {max-height: 100%;opacity: 1;margin-top: 10px;}
.wiersz.faq .prawa .dodatkowa-tresc div.wiersz {justify-content: space-between;margin-top: 30px;}
.wiersz.faq .prawa .dodatkowa-tresc div.wiersz img {width: 25%;}
.wiersz.faq .prawa .dodatkowa-tresc div.wiersz .lewa,
.wiersz.faq .prawa .dodatkowa-tresc div.wiersz .prawa{width: 50%;}
.wiersz.faq .prawa .dodatkowa-tresc div.wiersz .prawa img {width: 100%;}
.wiersz.opis.opis2 .prawa {width: 80%;}
.wiersz.opis .lewa,
.wiersz.opis .prawa{width: 40%;}
.wiersz.opis{justify-content: center;}
.pojemnik .naglowek h3 {color:#385A8B; font-size: 40px; font-weight: 500;; text-align: left; width: 80%; margin: 2% auto; font-weight: bold; }
.wiersz.opis1{ justify-content: center; align-items: center; margin-bottom: 50px;}
.wiersz.opis1 .tekst{padding: 0 20px;}
.wiersz.opis1 .prawa{width: 55%;}
.wiersz.opis1 .lewa {width: 30%;}
.wiersz.opis1 .prawa p,
.wiersz.opis1 .prawa h3,
.wiersz.opis .tekst{justify-content: center;}
/* elementy */
.pojemnik .elementy {margin: 1% 0 3%}
.pojemnik .elementy h3 {font-size: 35px; font-weight: 300;color: #385A8B; margin: 0;}
.pojemnik .sekcja-elementow{display: flex;justify-content: center;}
.pojemnik .grupy-elementow { width:50%; display: flex;flex-direction: column; align-items: center; margin-bottom: 30px;}
.pojemnik .grupy-elementow .numer-rzedu{ position: relative;}
.pojemnik .single-row .numer-kafelka{display: flex; position: absolute;}
/* ulozenie elementow desktop */
.pojemnik .single-row .numer-kafelka:nth-of-type(1){top: 52%; left: 25%;}
.pojemnik .single-row .numer-kafelka:nth-of-type(2){top: 52%; right: 32%;}
.pojemnik .single-row .numer-kafelka:nth-of-type(3){top: 38%; left: 35%;}
.pojemnik .single-row .numer-kafelka:nth-of-type(4){top: 52%; left: 48%;}
.pojemnik .single-row .numer-kafelka:nth-of-type(5){top: 65%; right: 54%;}
.pojemnik .grupy-elementow img {margin-top: 10%;}
.pojemnik .numer-kafelka {cursor: pointer;}
.pojemnik .numer-kafelka p{font-size: 1.1em; transition: transform 0.4s;width: 35px;height: 35px;margin: auto;text-align: center;background-color: #4874A6;color: white;border-radius: 50%;padding-top: 7px;font-weight: bold;}
.pojemnik .numer-kafelka p.active {background-color: black; box-shadow: 0 5px 5px #606060; color: white;}
.pojemnik .nazwy-elementow {display:flex; align-items: center;justify-content: center; width: 30%; margin-top: 20px;}
.pojemnik .nazwy-elementow img {width: 70%;}
.pojemnik .element {padding: 7px 15px;font-weight:300;transition: transform 0.4s;cursor: pointer;color: black;font-size: 22px;}
.pojemnik .element p {margin: 0;}
.pojemnik .element.active {transform: scale(1.05); color: white; background-color: #4874A6;}
.pojemnik .rzad-elementow img {margin-bottom: 25px; margin-top: 15px;}
.pojemnik .wiersz .displaymobile{display:none;}
.wiersz.yt {justify-content: center;margin-top: 70px; margin-bottom: 70px;}
.wiersz.yt iframe{ width: 80%; height: 615px; }
.pojemnik #ekran,
.pojemnik #orientacja,
.pojemnik #prostota,
.pojemnik #motion,
.pojemnik #maly,
.pojemnik #bateria,
.pojemnik #wskaznik,
.pojemnik #onof,
.pojemnik #normy,
.pojemnik #gwarancja{position: relative; top: -150px;}

.pojemnik table {width: 100%; border-spacing: 2px; background: white; margin-bottom: 5%; border-collapse:separate;}
.pojemnik td.row-label,
.pojemnik th {font-weight: 300 !important;}
.pojemnik th, .pojemnik td {font-size:24px;;border: 1px solid #ccc; padding: 8px; text-align: center; background: #fff;}
.pojemnik th:not(:first-child) {background: linear-gradient(90deg, rgba(12, 62, 105, 1) 10%, rgba(64, 116, 171, 1) 45%, rgba(66, 118, 173, 1) 55%, rgba(12, 62, 105, 1) 90%); color: white; font-weight: normal;}
.pojemnik th:first-child {border: none; background: transparent;}
.pojemnik td.row-label {width: 30%; background: linear-gradient(90deg, rgba(12, 62, 105, 1) 10%, rgba(64, 116, 171, 1) 45%, rgba(66, 118, 173, 1) 55%, rgba(12, 62, 105, 1) 90%); color: white; font-weight: normal; text-align: center;}
.pojemnik td:not(.row-label) {width: 35%;}
.pojemnik sub {font-size: 0.7em;}
.pojemnik .responsive-table {display: none; margin-bottom: 15%;}
.pojemnik .spec-block {background: white; margin: 10px auto; padding: 12px; border: 1px solid #ccc;}
.pojemnik .spec-title {background: linear-gradient(90deg, rgba(12, 62, 105, 1) 10%, rgba(64, 116, 171, 1) 45%, rgba(66, 118, 173, 1) 55%, rgba(12, 62, 105, 1) 90%); color: white; padding: 10px; text-align: center; font-weight: normal; margin: -12px -12px 12px -12px;}
.pojemnik .spec-row {display: flex; justify-content: space-between; padding: 4px 0; border-bottom: 1px solid #eee;}
.pojemnik .spec-row span {width: 48%; text-align: center;}
.pojemnik .spec-row span[style*="100%"] {width: 100% !important;}
.pojemnik .spec-row:last-child {border-bottom: none;}
@media (max-width: 768px) {
.pojemnik table {display: none;}
.pojemnik .responsive-table {display: block;}
}
.pojemnik .wiersz.opakowanie {align-items: center; padding:50px 0;}
.pojemnik .wiersz.opakowanie .lewa{width: 55%;}
.pojemnik .wiersz.opakowanie .prawa {width: 40%;}
.pojemnik .wiersz.opakowanie img{margin: auto; max-width: 80%;}
.pojemnik .wiersz.opakowanie h3 {width:100%; text-align: left; margin-bottom: 30px; color: #385A8B;}
.pojemnik .wiersz.opakowanie ol { margin-left: -3%; width: 100%;}
.pojemnik .wiersz.opakowanie li {font-size: 20px; line-height: 30px; font-weight: 400; }

/* mobile */

@media only screen and (max-width: 768px) {
.wiersz.hero{flex-direction: column;}
.wiersz.hero .prawa{width: 100%;align-items: center; padding: 0 0 30px;}
.wiersz.hero .lewa { margin:auto; width: 100%; margin-top: 20px; }
.wiersz.hero h2:nth-of-type(1){ font-size: 34px !important; margin-top: 20px !important;}
.wiersz.hero h2:nth-of-type(2){ font-size: 20px !important; margin-top: 10px !important; margin-bottom:20px !important; width: 90%; line-height: 30px;}
.wiersz.hero .lewa{padding: 0 0 0 5%}
.wiersz.opis p,
.wiersz.cechy p,
.pojemnik .naglowek p {font-size: 17px; max-width: 95%; margin: 20px auto 0; }
.wiersz.hero img.brandlogo{width: 65%; margin: 0;}
.wiersz.hero img.modelLogo {width: 85%; margin: 0;}
.pojemnik .wiersz.hero::before{height: 75%;}
.wiersz.opis1 .prawa h3{text-align: left; max-width: 100%;}
.wiersz.opis1 img{width: 95%;}
.wiersz.cechy{justify-content: space-evenly;}
.wiersz .cecha img {max-width: 120px;}
.wiersz .cecha {flex: 0 0 40%;margin-bottom: 20px;}
.wiersz.opis1 .prawa h3,
.pojemnik .naglowek h3 {width: 95%; font-size: 25px;}
.wiersz.separator h3{font-size: 25px;}
.wiersz.faq .pokaz-label::before{border-bottom: 2px solid ;}
.wiersz.opis {flex-direction: column; margin-top: 30px; align-items: center; gap:20px}
.wiersz.opis .tekst{ padding:5px;}
.wiersz.opis .lewa,
.wiersz.opis .prawa{width: 95%; }
.wiersz.opis2 .lewa {align-items: center;}
.wiersz.opis2.srodek p{text-align: center;}
.pojemnik .szeroki{margin: 7% auto; width: 95%;}
.wiersz.baner div {width: 65%;}
.wiersz.opis.opis2 .prawa {width: 100%;}
.wiersz.separator{margin: 12% auto;}
.wiersz.faq{width: 95%;}
.wiersz.faq .prawa .dodatkowa-tresc div.wiersz {flex-direction: column; margin-top: 5px;}
.wiersz.faq .prawa .dodatkowa-tresc div.wiersz img {width: 90%;}
.wiersz.faq h3 {font-size: 25px; margin-bottom: 10px;}
.wiersz.faq .lewa {width: 60px;}
.wiersz.faq .pokaz-label {font-size: 17px;}
.wiersz.faq .prawa .dodatkowa-tresc div.wiersz .lewa,
.wiersz.faq .prawa .dodatkowa-tresc div.wiersz .prawa{ width: 100%;}

.wiersz.faq p {font-size: 17px;}
.wiersz.opis1 .prawa {width: 100%; }
.wiersz.opis1 .prawa p{width: 100%; align-items: center;}
.wiersz.opis1 .lewa {width: 80%; align-items: center;}
.wiersz.opis1 .tekst{padding: 0 }
/* .wiersz.opis.odwrot {flex-direction: column-reverse;} */
.wiersz.opis.odwrot {align-items: center;}
.pojemnik .sekcja-elementow{flex-direction: column;}
.pojemnik .element p{font-size: 19px; }
.pojemnik .grupy-elementow .numer-rzedu.single-row { width: 85%;}
.pojemnik .numer-kafelka {cursor: default;}
.pojemnik .nazwy-elementow{width: 80%; margin: auto;}
.pojemnik .elementy h3 {margin-bottom: 20px; font-size: 30px;}
.pojemnik .nazwy-elementow img {width: 85%;}
.pojemnik .grupy-elementow{flex-direction: column; width: 100%;}
.pojemnik .numer-kafelka p{width: 27px; height: 27px; font-size: 15px; line-height: 15px;}
/* ulozenie elementow desktop */
.pojemnik .single-row .numer-kafelka:nth-of-type(1){top: 53%; left: 25%;}
.pojemnik .single-row .numer-kafelka:nth-of-type(2){top: 53%; right: 33%;}
.pojemnik .single-row .numer-kafelka:nth-of-type(3){top: 40%; left: 37%;}
.pojemnik .single-row .numer-kafelka:nth-of-type(4){top: 50%; left: 47%;}
.pojemnik .single-row .numer-kafelka:nth-of-type(5){top: 63%; right: 53%;}
.pojemnik .wiersz .displaydesktop{display: none;}
.pojemnik .wiersz .displaymobile{display:block; margin: 5% auto;}
.wiersz.yt{margin-top: 30px;}
.wiersz.yt iframe{ width: 90%; height: 300px;}
.pojemnik #ekran,
.pojemnik #orientacja,
.pojemnik #prostota,
.pojemnik #motion,
.pojemnik #maly,
.pojemnik #bateria,
.pojemnik #wskaznik,
.pojemnik #onof,
.pojemnik #normy,
.pojemnik #gwarancja{position: relative; top: -10px;}
.pojemnik .wiersz.opakowanie {padding: 0;}
.pojemnik .wiersz.opakowanie .prawa {align-items:left; justify-content: center;}
.pojemnik .wiersz.opakowanie img {max-width: 95%;}
.pojemnik .wiersz.opakowanie h3 {margin-bottom: 10px;}
.pojemnik .wiersz.opakowanie .lewa,
.pojemnik .wiersz.opakowanie .prawa {width: 95%;}
}

@media only screen and (min-width: 768px ) and (max-width: 1024px ){
.wiersz.hero h2:nth-of-type(1){ font-size: 42px !important; margin-top: 0;}
.wiersz.hero h2:nth-of-type(2){ font-size: 22px !important; margin-top: 0;}
.wiersz.hero .lewa{padding: 0 0 0 5%}
.wiersz .cecha img {width: 120px; max-width: 120px;}
.wiersz.baner div {width: 95%;}
.wiersz.cechy p,
.pojemnik .naglowek p { font-size: 18px;}
.wiersz .cecha {flex: 0 0 24%;}
.pojemnik .naglowek h3 {width: 90%;margin-bottom: 3%; font-size: 30px;}
.wiersz.opis { align-items: center;}
.wiersz.opis .lewa{width:55%;}
.wiersz.opis .prawa{width:60%;}
.wiersz.opis1 .prawa {width: 95%; margin:auto;}
.wiersz.opis img {max-width: 70%; margin: 5% auto;}
.wiersz.opis.opis2 .prawa {width: 90%;}
.wiersz.opis h3:nth-of-type(1),
.wiersz.opis h3:nth-of-type(2) {font-size:29px;}
.wiersz.elementy.desktop h3{ font-size: 32px; }
.pojemnik .single-row .numer-kafelka img {width: 70%;}
.pojemnik .nazwy-elementow{width:35%;}
.pojemnik .grupy-elementow {width: 50%;}
.pojemnik .numer-kafelka p{height: 30px; width: 30px; line-height: 15px; font-size: 15px;}

.wiersz.faq h3 {font-size: 30px; margin: 10px 5%;}
.wiersz.faq .pokaz-label{font-size: 20px;}
.pojemnik .naglowek h3,
.pojemnik .naglowek p {width: 90%; max-width: 90%;}
.wiersz.elementy p { font-size: 20px;}
.wiersz.yt iframe{ width: 90%; height: 400px;}
.pojemnik .wiersz.opakowanie {flex-direction: row;}
.pojemnik .wiersz.opakowanie .prawa {align-items: center; justify-content: center;}
.pojemnik .wiersz.opakowanie .lewa,
.pojemnik .wiersz.opakowanie .prawa {width: 45%;}

}
@media only screen and (min-width: 1024px) {
.wiersz .cecha:hover{transform: scale(1.15);}

}
@media only screen and (min-width: 1024px ) and (max-width: 1300px ){
.wiersz.hero h2:nth-of-type(1){ font-size: 53px !important; margin-top: 0;}
.wiersz.hero h2:nth-of-type(2){ font-size: 28px !important; margin-top: 5px;}
.wiersz.hero .lewa{padding: 0 0 0 5%}
.wiersz .cecha img {width: 120px; max-width: 120px;}
.wiersz.opis .lewa{width: 50%;}
.wiersz.opis1 .prawa{width: 60%; }
.wiersz.opis1 .lewa {width: 35%; }
.wiersz.opis.opis2 .lewa img{max-width: 500px;}
.wiersz.opis.opis2 .prawa {width: 90%;}
.wiersz.separator{margin: 5% auto;}
.pojemnik .grupy-elementow {width: 40%;}
.pojemnik .nazwy-elementow {width: 45%;}
.wiersz.faq h3 {font-size: 30px; margin: 10px 5%;}
.pojemnik .naglowek{margin-top: 5%;}
.pojemnik .naglowek h3,
.pojemnik .naglowek p {width: 90%; max-width: 90%;}
}

PULSOKSYMETR
napalcowy zasilany jedną baterią

Dwukolorowy ekran OLED

Zmiana orientacji ekranu

Prosta obsługa

Algorytm tolerancji ruchu

Niewielkich rozmiarów

Zasilany tylko jedną baterią

Wskaźnik zużycia baterii

Automatyczne włączenie i wyłączenie

Zgodny z normami

3 lata gwarancji "door to door"

Pulsoksymetr NOVAMA SANSO to kompaktowe i intuicyjne w obsłudze urządzenie do monitorowania saturacji krwi (SpO₂) oraz tętna. Wyposażony w dwukolorowy ekran OLED i funkcję zmiany orientacji ekranu, umożliwia łatwy odczyt wyników niezależnie od kąta widzenia.
Dzięki algorytmowi tolerancji ruchu oraz funkcji automatycznego włączania i wyłączania, pomiar jest szybki, wygodny i wiarygodny, nawet przy lekkim ruchu.
Niewielkie rozmiary, zasilanie jedną baterią AAA oraz wskaźnik jej zużycia sprawiają, że Sanso jest energooszczędny i gotowy do użycia w każdej chwili. Dodatkowo, zgodność z normami bezpieczeństwa oraz 3-letnia gwarancja „door to door” zapewniają wysoką jakość i bezpieczeństwo użytkowania.

Odrobina wiedzy

Czym jest saturacja?

Saturacja, oznaczana jako SpO₂, to procentowa zawartość hemoglobiny nasyconej tlenem (HbO₂) w stosunku do całkowitej ilości hemoglobiny (Hb) we krwi. Inaczej, to poziom tlenu w organizmie.
Jest to jeden z kluczowych parametrów życiowych, który pomaga ocenić, jak skutecznie tlen transportowany jest do tkanek. Prawidłowy poziom saturacji wynosi od 95% do 100%. Spadek poniżej tej wartości może wskazywać na problemy z oddychaniem lub krążeniem.

Dla kogo wskazany jest pulsoksymetr?

Pulsoksymetr to praktyczne urządzenie dla osób z chorobami układu oddechowego, takimi jak POChP czy astma, a także dla pacjentów kardiologicznych, seniorów oraz wszystkich, którzy wymagają regularnego monitorowania stanu zdrowia w domu. Świetnie sprawdzi się również u sportowców oraz osób trenujących w warunkach obniżonego stężenia tlenu - na przykład na dużych wysokościach.

Jak działa pulsoksymetr?

Pulsoksymetr wykorzystuje technologię spektrofotometryczną, która opiera się na emisji dwóch długości fali światła - czerwonej i podczerwonej - przez naczynia włosowate w palcu. Czujnik zaciśnięty na opuszku analizuje ilość światła przenikającego przez tkanki. Na podstawie różnic w absorpcji światła przez natlenowaną i odtlenowaną hemoglobinę, urządzenie oblicza poziom saturacji (SpO₂), a następnie wyświetla wynik na ekranie.

Jak prawidłowo założyć pulsoksymetr?

Urządzenie należy trzymać tak, aby wyświetlacz był skierowany w stronę użytkownika. Palec (paznokciem do góry) należy wsunąć do otworu czujnika, aż opuszek dotknie jego wewnętrznej podstawy.
Zaleca się, aby pomiar był przeprowadzony na palcu wskazującym, środkowym lub serdecznym.

Wyświetlacz

Informacje na wyświetlaczu

1. Wartość SpO2

2. Wartość tętna

3. Wykres falowy tętna

4. Wykres kolumnowy tętna

5. Wskaźnik naładowania baterii

1

2

3

4

5

if (window.innerWidth 768) { // wykonaj tylko na ekranach powyżej 768px
// Twój istniejący kod tutaj

const numberItems = document.querySelectorAll('.numer-kafelka');
const descriptionItems = document.querySelectorAll('.element');

function addActive(dataProd) {
document.querySelectorAll(`.numer-kafelka[data-product="${dataProd}"] p`).forEach(el = el.classList.add('active'));
document.querySelectorAll(`.element[data-product="${dataProd}"]`).forEach(el = el.classList.add('active'));
}

function removeActive(dataProd) {
document.querySelectorAll(`.numer-kafelka[data-product="${dataProd}"] p`).forEach(el = el.classList.remove('active'));
document.querySelectorAll(`.element[data-product="${dataProd}"]`).forEach(el = el.classList.remove('active'));
}

numberItems.forEach(item = {
item.addEventListener('mouseenter', () = {
addActive(item.getAttribute('data-product'));
});
item.addEventListener('mouseleave', () = {
removeAc mniej