Mi Robot Vacuum-Mop Pro Brush

/* =============== Mi Robot Vacuum-Mop Pro Brush =============== */ #robot_vacuum-mop_pro_brush { font-size: 16px; overflow: hidden; color: #191919; background-color: #ffffff; font-family: Camphor Pro; } #robot_vacuum-mop_pro_brush ul, #robot_vacuum-mop_pro_brush ol { list-style: none; padding-left: 0; } #robot_vacuum-mop_pro_brush video, #robot_vacuum-mop_pro_brush img { vertical-align: middle; } #robot_vacuum-mop_pro_brush video { width: 100%; height: auto; } #robot_vacuum-mop_pro_brush.xiaomi_container { max-width: 2560px; } #robot_vacuum-mop_pro_brush .section { line-height: 1.2; } #robot_vacuum-mop_pro_brush .section-bg { background-size: cover; background-position: center center; background-repeat: no-repeat; } #robot_vacuum-mop_pro_brush .font-bold { font-weight: 700; } #robot_vacuum-mop_pro_brush .font-light { font-weight: 300; } #robot_vacuum-mop_pro_brush .text-box { text-align: center; color: #191919; padding: 5% 12.5%; } #robot_vacuum-mop_pro_brush .text-box.text-box--left { text-align: left; } #robot_vacuum-mop_pro_brush .text-box--white { color: #ffffff; } #robot_vacuum-mop_pro_brush .text-box .title, #robot_vacuum-mop_pro_brush .text-box .desc, #robot_vacuum-mop_pro_brush .text-box .text { display: block; } #robot_vacuum-mop_pro_brush .text-box .title { font-size: 36px; line-height: 1.2; } #robot_vacuum-mop_pro_brush .text-box .title.title--big { font-size: 42px; margin-bottom: 20px; } #robot_vacuum-mop_pro_brush .text-box .desc { font-size: 22px; line-height: 1.5; margin-top: 25px; font-weight: 700; } #robot_vacuum-mop_pro_brush .text-box .text { font-size: 15px; line-height: 1.5; margin-top: 25px; font-weight: 300; } #robot_vacuum-mop_pro_brush .text-box .text.text--small { font-size: 14px; opacity: .5; } #robot_vacuum-mop_pro_brush .video-box, #robot_vacuum-mop_pro_brush .image-box { padding: 0 12.5%; } #robot_vacuum-mop_pro_brush .video-box video { width: 100%; height: auto; } #robot_vacuum-mop_pro_brush .video a, #robot_vacuum-mop_pro_brush .video .video-link { position: relative; z-index: 1; display: block; overflow: hidden; cursor: pointer; } #robot_vacuum-mop_pro_brush .video a img, #robot_vacuum-mop_pro_brush .video .video-link img { transition: 0.3s ease-in-out transform; } #robot_vacuum-mop_pro_brush .video a:hover img, #robot_vacuum-mop_pro_brush .video .video-link:hover img { transform: scale(1.1); } #robot_vacuum-mop_pro_brush .video a::after, #robot_vacuum-mop_pro_brush .video .video-link::after { content: ''; position: absolute; transform: translateX(-50%) translateY(-50%); width: 56px; height: 56px; background: url('https://media.mi-home.pl/products/robot-vacuum-mop-pro-brush/play-btn.png') no-repeat center center / contain; left: 50%; top: 50%; z-index: 2; } @media (max-width: 991.98px) { #robot_vacuum-mop_pro_brush .text-box { padding: 5%; } #robot_vacuum-mop_pro_brush .text-box .title { font-size: 26px; } #robot_vacuum-mop_pro_brush .text-box .title.title--big { font-size: 36px; } #robot_vacuum-mop_pro_brush .video-box, #robot_vacuum-mop_pro_brush .image-box { padding: 0 5%; } } @media (max-width: 767.98px) { #robot_vacuum-mop_pro_brush .text-box .title { font-size: 22px; } #robot_vacuum-mop_pro_brush .text-box .title.title--big { font-size: 28px; } #robot_vacuum-mop_pro_brush .text-box .desc { font-size: 18px; margin-top: 10px; } #robot_vacuum-mop_pro_brush .text-box .text { margin-top: 15px; } } @media only screen and (max-width: 575.98px) { #robot_vacuum-mop_pro_brush .text-box { padding: 10% 5%; } #robot_vacuum-mop_pro_brush .text-box .title { font-size: 20px; } #robot_vacuum-mop_pro_brush .text-box .title.title--big { font-size: 24px; } #robot_vacuum-mop_pro_brush .text-box .desc { font-size: 16px; } #robot_vacuum-mop_pro_brush .text-box .text { font-size: 14px; } } @media (min-width: 1620px) { #robot_vacuum-mop_pro_brush .text-box .text { padding-left: 10%; padding-right: 10%; } #robot_vacuum-mop_pro_brush .text-box.text-box--left .text { padding-left: 0; padding-right: 0; } } /* =============== Floating text-box =============== */ #robot_vacuum-mop_pro_brush .section.section-float { position: relative; z-index: 1; height: 520px; } #robot_vacuum-mop_pro_brush .section.section-float--big { height: 680px; } #robot_vacuum-mop_pro_brush .section .text-box.text-box-float { padding: 0; position: absolute; z-index: 2; top: 50%; width: 40%; transform: translateY(-50%); } #robot_vacuum-mop_pro_brush .section .text-box.text-box-float--left { left: 5%; } #robot_vacuum-mop_pro_brush .section .text-box.text-box-float--right { left: 60%; width: 35%; } @media (max-width: 991.98px) { #robot_vacuum-mop_pro_brush .section.section-float { height: 440px; } #robot_vacuum-mop_pro_brush .section.section-float--big { height: 560px; } #robot_vacuum-mop_pro_brush .section .text-box.text-box-float--right { left: 55%; width: 40%; } } @media (max-width: 767.98px) { #robot_vacuum-mop_pro_brush .section.section-float { height: auto; background-position: center bottom; background-size: 160% auto; background-color: #ffffff; padding-bottom: 450px; } #robot_vacuum-mop_pro_brush .section .text-box.text-box-float, #robot_vacuum-mop_pro_brush .section .text-box.text-box-float--left { position: static; text-align: center; transform: none; padding: 10% 5%; width: 100%; } } @media only screen and (max-width: 575.98px) { #robot_vacuum-mop_pro_brush .section.section-float { padding-bottom: 300px; } } @media only screen and (max-width: 363.98px) { #robot_vacuum-mop_pro_brush .section.section-float { padding-bottom: 220px; } } @media (min-width: 1200px) { #robot_vacuum-mop_pro_brush .section.section-float { height: 720px; } #robot_vacuum-mop_pro_brush .section.section-float--big { height: 820px; } #robot_vacuum-mop_pro_brush .section .text-box.text-box-float { width: 35%; } #robot_vacuum-mop_pro_brush .section .text-box.text-box-float--left { left: 12.5%; } } @media (min-width: 1620px) { #robot_vacuum-mop_pro_brush .section.section-float { height: 880px; } #robot_vacuum-mop_pro_brush .section.section-float--big { height: 980px; } #robot_vacuum-mop_pro_brush .section .text-box.text-box-float { width: 30%; } #robot_vacuum-mop_pro_brush .section .text-box.text-box-float--right { left: 60%; } } @media (min-width: 2080px) { #robot_vacuum-mop_pro_brush .section.section-float { height: 1080px; } #robot_vacuum-mop_pro_brush .section.section-float--big { height: 1180px; } } /* =============== Section 01 =============== */ #robot_vacuum-mop_pro_brush .section-01 { background-image: url('https://media.mi-home.pl/products/robot-vacuum-mop-pro-brush/section-01.jpg'); height: 520px; } #robot_vacuum-mop_pro_brush .section-01 .text-box { padding-top: 12.5%; padding-left: 10%; padding-right: 45%; } #robot_vacuum-mop_pro_brush .section-01 .text-box .title { font-size: 36px; } #robot_vacuum-mop_pro_brush .section-01 .text-box .desc { font-size: 24px; margin-top: 15px; font-weight: 500; } #robot_vacuum-mop_pro_brush .section-01 .text-box .text { margin-top: 15px; } @media (max-width: 991.98px) { #robot_vacuum-mop_pro_brush .section-01 { height: 420px; } #robot_vacuum-mop_pro_brush .section-01 .text-box { padding-left: 5%; } #robot_vacuum-mop_pro_brush .section-01 .text-box .title { font-size: 28px; } #robot_vacuum-mop_pro_brush .section-01 .text-box .desc { font-size: 20px; } } @media (max-width: 767.98px) { #robot_vacuum-mop_pro_brush .section-01 { height: auto; background-position: right bottom; background-size: 180% auto; background-color: #EB855F; padding-bottom: 400px; } #robot_vacuum-mop_pro_brush .section-01 .text-box { width: 100%; padding: 10% 5%; text-align: center; } #robot_vacuum-mop_pro_brush .section-01 .text-box .desc { font-size: 18px; } #robot_vacuum-mop_pro_brush .section-01 .text-box .text { font-size: 15px; } } @media only screen and (max-width: 575.98px) { #robot_vacuum-mop_pro_brush .section-01 { padding-bottom: 300px; } #robot_vacuum-mop_pro_brush .section-01 .text-box { padding: 15% 5% 10%; } #robot_vacuum-mop_pro_brush .section-01 .text-box .title { font-size: 24px; } } @media only screen and (max-width: 363.98px) { #robot_vacuum-mop_pro_brush .section-01 { padding-bottom: 220px; } } @media (min-width: 1200px) { #robot_vacuum-mop_pro_brush .section-01 { height: 720px; } #robot_vacuum-mop_pro_brush .section-01 .text-box { padding-left: 12.5%; } #robot_vacuum-mop_pro_brush .section-01 .text-box .title { font-size: 42px; } #robot_vacuum-mop_pro_brush .section-01 .text-box .desc { font-size: 28px; } #robot_vacuum-mop_pro_brush .section-01 .text-box .text { font-size: 18px; } } @media (min-width: 1620px) { #robot_vacuum-mop_pro_brush .section-01 { height: 820px; } } @media (min-width: 2080px) { #robot_vacuum-mop_pro_brush .section-01 { height: 920px; } } /* =============== Section 02 & 03 & 04 =============== */ #robot_vacuum-mop_pro_brush .section-02 { background-image: url('https://media.mi-home.pl/products/robot-vacuum-mop-pro-brush/section-02.jpg'); } #robot_vacuum-mop_pro_brush .section-03 { background-image: url('https://media.mi-home.pl/products/robot-vacuum-mop-pro-brush/section-03.jpg'); } #robot_vacuum-mop_pro_brush .section-04 { background-image: url('https://media.mi-home.pl/products/robot-vacuum-mop-pro-brush/section-04.jpg'); } @media (max-width: 767.98px) { #robot_vacuum-mop_pro_brush .section-02.section.section-float { background-position: left 50px bottom; } #robot_vacuum-mop_pro_brush .section-03.section.section-float { background-position: right bottom; } #robot_vacuum-mop_pro_brush .section-04.section.section-float { background-position: left bottom; } } @media only screen and (max-width: 575.98px) { #robot_vacuum-mop_pro_brush .section-02.section.section-float { background-position: left 30px bottom; } } @media only screen and (max-width: 363.98px) { #robot_vacuum-mop_pro_brush .section-02.section.section-float { background-position: left 20px bottom; } } /* =============== Section 05 =============== */ #robot_vacuum-mop_pro_brush .section-05 { background-color: #F3F3F3; padding: 7.5% 0; } #robot_vacuum-mop_pro_brush .section-05 .text-box { padding: 0 7.5% 0 0; } #robot_vacuum-mop_pro_brush .section-05 .section-wrapper { display: flex; flex-wrap: wrap; max-width: 1160px; width: 90%; margin: 0 auto; align-items: center; } #robot_vacuum-mop_pro_brush .section-05 .section-wrapper > * { flex: 0 0 50%; width: 50%; } #robot_vacuum-mop_pro_brush .section-05 .image-wrapper { text-align: center; } #robot_vacuum-mop_pro_brush .section-05 .image-desc { position: relative; z-index: 1; width: 300px; margin: 0 auto; margin-top: 50px; padding: 30px 0; } #robot_vacuum-mop_pro_brush .section-05 .image-desc .text { font-size: 14px; font-weight: 300; position: absolute; z-index: 2; width: 40%; text-align: left; } #robot_vacuum-mop_pro_brush .section-05 .image-desc .text-1 { bottom: 0; left: 0; width: 50%; } #robot_vacuum-mop_pro_brush .section-05 .image-desc .text-2 { top: 0; right: 0; text-align: right; } @media (max-width: 767.98px) { #robot_vacuum-mop_pro_brush .section-05 .section-wrapper > * { flex: 0 0 100%; width: 100%; } #robot_vacuum-mop_pro_brush .section-05 .text-box { padding: 10% 5%; text-align: center; } } /* =============== Section image box =============== */ #robot_vacuum-mop_pro_brush .section .image-box-wrap { padding: 0; width: 90%; max-width: 2000px; margin: 0 auto; overflow: hidden; border-radius: 20px; } #robot_vacuum-mop_pro_brush .section .image-box-wrap .image-box { display: flex; flex-wrap: wrap; padding: 0; background-color: #ffffff; } #robot_vacuum-mop_pro_brush .section .image-box--reverse { flex-direction: row-reverse; } #robot_vacuum-mop_pro_brush .section .text-wrap, #robot_vacuum-mop_pro_brush .section .image { width: 50%; flex: 0 0 50%; } #robot_vacuum-mop_pro_brush .section .text-wrap { display: flex; align-items: center; flex-wrap: wrap; padding: 0 5%; text-align: center; color: #191919; } #robot_vacuum-mop_pro_brush .section .text-wrap > div { width: 100%; } #robot_vacuum-mop_pro_brush .section .text-wrap .title { font-size: 22px; display: block; margin-bottom: 0; font-weight: bold; } #robot_vacuum-mop_pro_brush .section .text-wrap .text { font-weight: 300; padding-top: 20px; font-size: 15px; display: block; } @media (max-width: 991.98px) { #robot_vacuum-mop_pro_brush .section .text-wrap .title { font-size: 18px; } #robot_vacuum-mop_pro_brush .section .text-wrap .text { font-size: 14px; } } @media (max-width: 767.98px) { #robot_vacuum-mop_pro_brush .section .text-wrap { padding: 0 5%; } #robot_vacuum-mop_pro_brush .section .text-wrap .text { padding-top: 10px; } } @media only screen and (max-width: 575.98px) { #robot_vacuum-mop_pro_brush .section .image-box-wrap .image-box { flex-wrap: wrap; flex-direction: column-reverse; } #robot_vacuum-mop_pro_brush .section .text-wrap, #robot_vacuum-mop_pro_brush .section .image { width: 100%; display: block; } #robot_vacuum-mop_pro_brush .section .text-wrap { padding: 10% 5%; text-align: center; } } @media (min-width: 1200px) { #robot_vacuum-mop_pro_brush .section .text-wrap { padding: 0 10%; } } /* =============== Section spec =============== */ #robot_vacuum-mop_pro_brush .section-notes { padding: 3.5% 12.5%; margin: 0 auto; } #robot_vacuum-mop_pro_brush .section-notes ul { margin: 0; padding: 0; list-style: none; } #robot_vacuum-mop_pro_brush .section-notes ul li { color: #191919; font-size: 13px; line-height: 1.5; font-weight: 300; opacity: .5; padding-bottom: 5px; } @media (max-width: 991.98px) { #robot_vacuum-mop_pro_brush .section-notes { padding: 5%; } #robot_vacuum-mop_pro_brush .section-notes ul li { font-size: 13px; } } @media (min-width: 1200px) { #robot_vacuum-mop_pro_brush .section-notes { padding: 3.5% 0; max-width: 1164px; } } /* =============== Slider =============== */ #robot_vacuum-mop_pro_brush .slick-dots { bottom: 35px; } #robot_vacuum-mop_pro_brush .slick-dots li button::before { font-size: 15px; color: #ffffff; transition: 0.3s ease-in-out opacity; font-family: 'slick'; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #robot_vacuum-mop_pro_brush .slick-dots li.slick-active button::before, #robot_vacuum-mop_pro_brush .slick-dots li:hover button::before { opacity: 1; } #robot_vacuum-mop_pro_brush .slick-dotted.slick-slider { margin-bottom: 0; } #robot_vacuum-mop_pro_brush .slick-slider > .slider-item { display: none; } #robot_vacuum-mop_pro_brush .slick-slider > .slider-item:first-child { display: block; } #robot_vacuum-mop_pro_brush .slick-slider .slick-dots li button { border-radius: 30px; } #robot_vacuum-mop_pro_brush .slick-slider .slick-dots li button { background: #fff; transition: 0.3s ease-in-out opacity; opacity: .25; width: 15px; height: 15px; } #robot_vacuum-mop_pro_brush .slick-slider .slick-dots li.slick-active button, #robot_vacuum-mop_pro_brush .slick-slider .slick-dots li button:hover { background: #fff; opacity: 1; } #robot_vacuum-mop_pro_brush .slick-dots li button::before { content: none; } @media (max-width: 767.98px) { #robot_vacuum-mop_pro_brush .slick-dots { bottom: 15px; } } /* If you're copying, you are a very bad person. Very. */ require( ['aos'], function (AOS) { AOS.init({ once: true }); } ); Mi Robot Vacuum-Mop Pro Brush Regularna wymiana, lepsze efekty czyszczenia. W zestawie akcesorium dedykowane do czyszczenia szczotki. *Zalecana wymiana 6-12 miesięcy. Wydajna szczotka główna, czystość kompletna. Dwustrefowy robot zamiatający PRO. Zintegrowana konstrukcja podstawy bardziej przylega do podłoża podczas czyszczenia: Cykl bipolarny zbiera nieczystości po obu stronach od pozycji centralnej, z której później zasysane są nieczystości. Bardzo wysokie ciśnienie powietrza. Czujnik pojemnika na kurz przekazuje informacje o przepełnieniu i ostrzega o potrzebie wymiany. Czysty dom przez cały dzień. Elastyczna konstrukcja, elementy dbające o podłogi. ABS i termoplastyczne materiały zastosowane przy produkcji dbają o podłoża. Szczotkę można prać i poddawać recyklingowi. Wymienna konstrukcja łożyska. Łatwa instalacja i czyszczenie. Jednoczęściowe, uszczelnione łożysko. Łatwe zakładanie i demontaż pozwalają na wygodne czyszczenie. Inteligentna budowa części łożyskowej nie gromadzi brudu ani włosów. Łatwe usuwanie zawiniętych włosów. Włosy usuwane obrotową szczotką mogą owinąć się wokół niej, aby rozwiązać ten problem, w zestawie dołączony został dedykowany przecinak. Dłuższa żywotność i łatwiejsze utrzymanie czystości. Urządzenie do czyszczenia włosów Przycinak do splątanych włosów