Mi Robot Vacuum-Mop Pro Mop Pad

/* =============== Mi Robot Vacuum-Mop Pro Mop Pad =============== */ #robot_vacuum-mop_pro_mop_pad { font-size: 16px; overflow: hidden; color: #191919; background-color: #ffffff; font-family: Camphor Pro; } #robot_vacuum-mop_pro_mop_pad ul, #robot_vacuum-mop_pro_mop_pad ol { list-style: none; padding-left: 0; } #robot_vacuum-mop_pro_mop_pad video, #robot_vacuum-mop_pro_mop_pad img { vertical-align: middle; } #robot_vacuum-mop_pro_mop_pad video { width: 100%; height: auto; } #robot_vacuum-mop_pro_mop_pad.xiaomi_container { max-width: 2560px; } #robot_vacuum-mop_pro_mop_pad .section { line-height: 1.2; } #robot_vacuum-mop_pro_mop_pad .section-bg { background-size: cover; background-position: center center; background-repeat: no-repeat; } #robot_vacuum-mop_pro_mop_pad .font-bold { font-weight: 700; } #robot_vacuum-mop_pro_mop_pad .font-light { font-weight: 300; } #robot_vacuum-mop_pro_mop_pad .text-box { text-align: center; color: #191919; padding: 5% 12.5%; } #robot_vacuum-mop_pro_mop_pad .text-box.text-box--left { text-align: left; } #robot_vacuum-mop_pro_mop_pad .text-box--white { color: #ffffff; } #robot_vacuum-mop_pro_mop_pad .text-box .title, #robot_vacuum-mop_pro_mop_pad .text-box .desc, #robot_vacuum-mop_pro_mop_pad .text-box .text { display: block; } #robot_vacuum-mop_pro_mop_pad .text-box .title { font-size: 36px; line-height: 1.2; } #robot_vacuum-mop_pro_mop_pad .text-box .title.title--big { font-size: 42px; margin-bottom: 20px; } #robot_vacuum-mop_pro_mop_pad .text-box .desc { font-size: 22px; line-height: 1.5; margin-top: 25px; font-weight: 700; } #robot_vacuum-mop_pro_mop_pad .text-box .text { font-size: 15px; line-height: 1.5; margin-top: 25px; font-weight: 300; } #robot_vacuum-mop_pro_mop_pad .text-box .text.text--small { font-size: 14px; opacity: .5; } #robot_vacuum-mop_pro_mop_pad .video-box, #robot_vacuum-mop_pro_mop_pad .image-box { padding: 0 12.5%; } #robot_vacuum-mop_pro_mop_pad .video-box video { width: 100%; height: auto; } #robot_vacuum-mop_pro_mop_pad .video a, #robot_vacuum-mop_pro_mop_pad .video .video-link { position: relative; z-index: 1; display: block; overflow: hidden; cursor: pointer; } #robot_vacuum-mop_pro_mop_pad .video a img, #robot_vacuum-mop_pro_mop_pad .video .video-link img { transition: 0.3s ease-in-out transform; } #robot_vacuum-mop_pro_mop_pad .video a:hover img, #robot_vacuum-mop_pro_mop_pad .video .video-link:hover img { transform: scale(1.1); } #robot_vacuum-mop_pro_mop_pad .video a::after, #robot_vacuum-mop_pro_mop_pad .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-mop-pad/play-btn.png') no-repeat center center / contain; left: 50%; top: 50%; z-index: 2; } @media (max-width: 991.98px) { #robot_vacuum-mop_pro_mop_pad .text-box { padding: 5%; } #robot_vacuum-mop_pro_mop_pad .text-box .title { font-size: 26px; } #robot_vacuum-mop_pro_mop_pad .text-box .title.title--big { font-size: 36px; } #robot_vacuum-mop_pro_mop_pad .video-box, #robot_vacuum-mop_pro_mop_pad .image-box { padding: 0 5%; } } @media (max-width: 767.98px) { #robot_vacuum-mop_pro_mop_pad .text-box .title { font-size: 22px; } #robot_vacuum-mop_pro_mop_pad .text-box .title.title--big { font-size: 28px; } #robot_vacuum-mop_pro_mop_pad .text-box .desc { font-size: 18px; margin-top: 10px; } #robot_vacuum-mop_pro_mop_pad .text-box .text { margin-top: 15px; } } @media only screen and (max-width: 575.98px) { #robot_vacuum-mop_pro_mop_pad .text-box { padding: 10% 5%; } #robot_vacuum-mop_pro_mop_pad .text-box .title { font-size: 20px; } #robot_vacuum-mop_pro_mop_pad .text-box .title.title--big { font-size: 24px; } #robot_vacuum-mop_pro_mop_pad .text-box .desc { font-size: 16px; } #robot_vacuum-mop_pro_mop_pad .text-box .text { font-size: 14px; } } @media (min-width: 1620px) { #robot_vacuum-mop_pro_mop_pad .text-box .text { padding-left: 10%; padding-right: 10%; } #robot_vacuum-mop_pro_mop_pad .text-box.text-box--left .text { padding-left: 0; padding-right: 0; } } /* =============== Floating text-box =============== */ #robot_vacuum-mop_pro_mop_pad .section.section-float { position: relative; z-index: 1; height: 520px; } #robot_vacuum-mop_pro_mop_pad .section.section-float--big { height: 680px; } #robot_vacuum-mop_pro_mop_pad .section .text-box.text-box-float { padding: 0; position: absolute; z-index: 2; top: 50%; width: 40%; transform: translateY(-50%); } #robot_vacuum-mop_pro_mop_pad .section .text-box.text-box-float--left { left: 5%; } #robot_vacuum-mop_pro_mop_pad .section .text-box.text-box-float--right { left: 55%; width: 40%; } @media (max-width: 991.98px) { #robot_vacuum-mop_pro_mop_pad .section.section-float { height: 420px; } #robot_vacuum-mop_pro_mop_pad .section.section-float--big { height: 560px; } #robot_vacuum-mop_pro_mop_pad .section .text-box.text-box-float--right { left: 55%; width: 40%; } } @media (max-width: 767.98px) { #robot_vacuum-mop_pro_mop_pad .section.section-float { height: auto; background-position: center bottom; background-size: 160% auto; background-color: #ffffff; padding-bottom: 350px; } #robot_vacuum-mop_pro_mop_pad .section .text-box.text-box-float, #robot_vacuum-mop_pro_mop_pad .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_mop_pad .section.section-float { padding-bottom: 250px; } } @media only screen and (max-width: 363.98px) { #robot_vacuum-mop_pro_mop_pad .section.section-float { padding-bottom: 180px; } } @media (min-width: 1200px) { #robot_vacuum-mop_pro_mop_pad .section.section-float { height: 620px; } #robot_vacuum-mop_pro_mop_pad .section.section-float--big { height: 820px; } #robot_vacuum-mop_pro_mop_pad .section .text-box.text-box-float { width: 40%; } #robot_vacuum-mop_pro_mop_pad .section .text-box.text-box-float--left { left: 12.5%; } #robot_vacuum-mop_pro_mop_pad .section .text-box.text-box-float--right { width: 35%; } } @media (min-width: 1620px) { #robot_vacuum-mop_pro_mop_pad .section.section-float { height: 820px; } #robot_vacuum-mop_pro_mop_pad .section.section-float--big { height: 980px; } #robot_vacuum-mop_pro_mop_pad .section .text-box.text-box-float { width: 35%; } #robot_vacuum-mop_pro_mop_pad .section .text-box.text-box-float--right { left: 55%; } } @media (min-width: 2080px) { #robot_vacuum-mop_pro_mop_pad .section.section-float { height: 1080px; } #robot_vacuum-mop_pro_mop_pad .section.section-float--big { height: 1180px; } } /* =============== Section 01 =============== */ #robot_vacuum-mop_pro_mop_pad .section-01 { background-image: url('https://media.mi-home.pl/products/robot-vacuum-mop-pro-mop-pad/section-01.jpg'); height: 520px; } #robot_vacuum-mop_pro_mop_pad .section-01 .text-box { padding-top: 10%; padding-left: 10%; padding-right: 50%; } #robot_vacuum-mop_pro_mop_pad .section-01 .text-box .title { font-size: 36px; } #robot_vacuum-mop_pro_mop_pad .section-01 .text-box .desc { font-size: 24px; margin-top: 15px; font-weight: 500; } #robot_vacuum-mop_pro_mop_pad .section-01 .text-box .text { margin-top: 15px; } @media (max-width: 991.98px) { #robot_vacuum-mop_pro_mop_pad .section-01 { height: 360px; } #robot_vacuum-mop_pro_mop_pad .section-01 .text-box { padding-left: 5%; } #robot_vacuum-mop_pro_mop_pad .section-01 .text-box .title { font-size: 28px; } #robot_vacuum-mop_pro_mop_pad .section-01 .text-box .desc { font-size: 20px; } } @media (max-width: 767.98px) { #robot_vacuum-mop_pro_mop_pad .section-01 { height: auto; background-position: right 20px bottom; background-size: 180% auto; background-color: #EB855F; padding-bottom: 400px; } #robot_vacuum-mop_pro_mop_pad .section-01 .text-box { width: 100%; padding: 10% 5%; text-align: center; } #robot_vacuum-mop_pro_mop_pad .section-01 .text-box .desc { font-size: 18px; } #robot_vacuum-mop_pro_mop_pad .section-01 .text-box .text { font-size: 15px; } } @media only screen and (max-width: 575.98px) { #robot_vacuum-mop_pro_mop_pad .section-01 { padding-bottom: 250px; background-position: right 10px bottom; } #robot_vacuum-mop_pro_mop_pad .section-01 .text-box { padding: 15% 5% 10%; } #robot_vacuum-mop_pro_mop_pad .section-01 .text-box .title { font-size: 24px; } } @media only screen and (max-width: 363.98px) { #robot_vacuum-mop_pro_mop_pad .section-01 { padding-bottom: 200px; background-position: right 5px bottom; } #robot_vacuum-mop_pro_mop_pad .section-01 .text-box .title { font-size: 22px; } } @media (min-width: 1200px) { #robot_vacuum-mop_pro_mop_pad .section-01 { height: 620px; } #robot_vacuum-mop_pro_mop_pad .section-01 .text-box { padding-left: 12.5%; } #robot_vacuum-mop_pro_mop_pad .section-01 .text-box .title { font-size: 42px; } #robot_vacuum-mop_pro_mop_pad .section-01 .text-box .desc { font-size: 28px; } #robot_vacuum-mop_pro_mop_pad .section-01 .text-box .text { font-size: 18px; } } @media (min-width: 1620px) { #robot_vacuum-mop_pro_mop_pad .section-01 { height: 720px; } } @media (min-width: 2080px) { #robot_vacuum-mop_pro_mop_pad .section-01 { height: 820px; } } /* =============== Section 02 & 03 & 04 =============== */ #robot_vacuum-mop_pro_mop_pad .section-02 { background-image: url('https://media.mi-home.pl/products/robot-vacuum-mop-pro-mop-pad/section-02.jpg'); } #robot_vacuum-mop_pro_mop_pad .section-03 { background-image: url('https://media.mi-home.pl/products/robot-vacuum-mop-pro-mop-pad/section-03.jpg'); } #robot_vacuum-mop_pro_mop_pad .section-04 { background-image: url('https://media.mi-home.pl/products/robot-vacuum-mop-pro-mop-pad/section-04.jpg'); } @media (max-width: 767.98px) { #robot_vacuum-mop_pro_mop_pad .section-02.section.section-float { background-position: left 50px bottom; background-color: #ffffff; } #robot_vacuum-mop_pro_mop_pad .section-03.section.section-float { background-position: right 50px bottom; background-color: #EEEEEE; } #robot_vacuum-mop_pro_mop_pad .section-04.section.section-float { background-position: left 50px bottom; background-color: #ffffff; } } @media only screen and (max-width: 575.98px) { #robot_vacuum-mop_pro_mop_pad .section-02.section.section-float { background-position: left 30px bottom; } #robot_vacuum-mop_pro_mop_pad .section-03.section.section-float { background-position: right 30px bottom; } #robot_vacuum-mop_pro_mop_pad .section-04.section.section-float { background-position: left 30px bottom; } } @media only screen and (max-width: 363.98px) { #robot_vacuum-mop_pro_mop_pad .section-02.section.section-float { background-position: left 20px bottom; } #robot_vacuum-mop_pro_mop_pad .section-04.section.section-float { background-position: left 20px bottom; } } /* =============== Section 05 =============== */ #robot_vacuum-mop_pro_mop_pad .section-05 { padding-top: 2.5%; background-color: #F9F9F9; } #robot_vacuum-mop_pro_mop_pad .section-05 .image-wrapper img { width: 100%; } /* =============== Section image box =============== */ #robot_vacuum-mop_pro_mop_pad .section .image-box-wrap { padding: 0; width: 90%; max-width: 2000px; margin: 0 auto; overflow: hidden; border-radius: 20px; } #robot_vacuum-mop_pro_mop_pad .section .image-box-wrap .image-box { display: flex; flex-wrap: wrap; padding: 0; background-color: #ffffff; } #robot_vacuum-mop_pro_mop_pad .section .image-box--reverse { flex-direction: row-reverse; } #robot_vacuum-mop_pro_mop_pad .section .text-wrap, #robot_vacuum-mop_pro_mop_pad .section .image { width: 50%; flex: 0 0 50%; } #robot_vacuum-mop_pro_mop_pad .section .text-wrap { display: flex; align-items: center; flex-wrap: wrap; padding: 0 5%; text-align: center; color: #191919; } #robot_vacuum-mop_pro_mop_pad .section .text-wrap > div { width: 100%; } #robot_vacuum-mop_pro_mop_pad .section .text-wrap .title { font-size: 22px; display: block; margin-bottom: 0; font-weight: bold; } #robot_vacuum-mop_pro_mop_pad .section .text-wrap .text { font-weight: 300; padding-top: 20px; font-size: 15px; display: block; } @media (max-width: 991.98px) { #robot_vacuum-mop_pro_mop_pad .section .text-wrap .title { font-size: 18px; } #robot_vacuum-mop_pro_mop_pad .section .text-wrap .text { font-size: 14px; } } @media (max-width: 767.98px) { #robot_vacuum-mop_pro_mop_pad .section .text-wrap { padding: 0 5%; } #robot_vacuum-mop_pro_mop_pad .section .text-wrap .text { padding-top: 10px; } } @media only screen and (max-width: 575.98px) { #robot_vacuum-mop_pro_mop_pad .section .image-box-wrap .image-box { flex-wrap: wrap; flex-direction: column-reverse; } #robot_vacuum-mop_pro_mop_pad .section .text-wrap, #robot_vacuum-mop_pro_mop_pad .section .image { width: 100%; display: block; } #robot_vacuum-mop_pro_mop_pad .section .text-wrap { padding: 10% 5%; text-align: center; } } @media (min-width: 1200px) { #robot_vacuum-mop_pro_mop_pad .section .text-wrap { padding: 0 10%; } } /* =============== Section spec =============== */ #robot_vacuum-mop_pro_mop_pad .section-notes { padding: 3.5% 12.5%; margin: 0 auto; } #robot_vacuum-mop_pro_mop_pad .section-notes ul { margin: 0; padding: 0; list-style: none; } #robot_vacuum-mop_pro_mop_pad .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_mop_pad .section-notes { padding: 5%; } #robot_vacuum-mop_pro_mop_pad .section-notes ul li { font-size: 13px; } } @media (min-width: 1200px) { #robot_vacuum-mop_pro_mop_pad .section-notes { padding: 3.5% 0; max-width: 1164px; } } /* =============== Slider =============== */ #robot_vacuum-mop_pro_mop_pad .slick-dots { bottom: 35px; } #robot_vacuum-mop_pro_mop_pad .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_mop_pad .slick-dots li.slick-active button::before, #robot_vacuum-mop_pro_mop_pad .slick-dots li:hover button::before { opacity: 1; } #robot_vacuum-mop_pro_mop_pad .slick-dotted.slick-slider { margin-bottom: 0; } #robot_vacuum-mop_pro_mop_pad .slick-slider > .slider-item { display: none; } #robot_vacuum-mop_pro_mop_pad .slick-slider > .slider-item:first-child { display: block; } #robot_vacuum-mop_pro_mop_pad .slick-slider .slick-dots li button { border-radius: 30px; } #robot_vacuum-mop_pro_mop_pad .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_mop_pad .slick-slider .slick-dots li.slick-active button, #robot_vacuum-mop_pro_mop_pad .slick-slider .slick-dots li button:hover { background: #fff; opacity: 1; } #robot_vacuum-mop_pro_mop_pad .slick-dots li button::before { content: none; } @media (max-width: 767.98px) { #robot_vacuum-mop_pro_mop_pad .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 Mop Pad Delikatne włókna pozostawią Twoją podłogę czystą i lśniącą. 1 opakowanie zawiera 2 sztuki. *Zalecana wymiana 3-6 miesięcy. Mokra nakładka mopa. Dokładniejsze czyszczenie, lepsze rezultaty. Delikatne włókna, silne wchłanianie wody, duża powierzchnia pracy, obsługa większości nawierzchni. Pozwól sobie na czystą podłogę bez smug. Półwilgotna nakładka mopa. Wycieranie na sucho i mokro. Mop został podzielony na dwie części, suchą i mokrą. Dwa w jednym, mop usuwa uporczywy brud, myjąc na mokro, a półwilgotna ścierka szybko suszy i pozbywa się smug po myciu. Doskonałe połączenie zapewnia najlepsze rezultaty. Rzepy premium. Przyczepność na dłużej. Wybór wysokiej jakości rzepów zapewnia lepszą przyczepność na dłużej, nawet przy wielokrotnej wymianie. Doskonałe spasowanie na dłużej. Zbiera kurz, wygodnie zmywa i suszy. Zastosowanie tkaninowej ścierki poprawia wydajność zmywania dystrybuując wodę równomiernie na mytej powierzchni. Bezproblemowe usuwanie nawet najbardziej uporczywego brudu.