Xiaomi Wireless Mouse Lite

/* =============== Xiaomi Wireless Mouse Lite =============== */ #wireless_mouse_lite { font-size: 16px; overflow: hidden; color: #191919; background-color: #ffffff; } #wireless_mouse_lite ul, #wireless_mouse_lite ol { list-style: none; padding-left: 0; } #wireless_mouse_lite video, #wireless_mouse_lite img { vertical-align: middle; } #wireless_mouse_lite video { width: 100%; height: auto; } #wireless_mouse_lite.xiaomi_container { max-width: 2560px; } #wireless_mouse_lite .section { line-height: 1.2; } #wireless_mouse_lite .section-bg { background-size: cover; background-position: center center; background-repeat: no-repeat; } #wireless_mouse_lite .font-bold { font-weight: bold; } #wireless_mouse_lite .font-light { font-weight: 300; } #wireless_mouse_lite .font-color { color: #ffd400; } #wireless_mouse_lite .text-box { text-align: center; color: #000000; padding: 5% 12.5%; } #wireless_mouse_lite .text-box.text-box--left { text-align: left; } #wireless_mouse_lite .text-box--white { color: #ffffff; } #wireless_mouse_lite .text-box .title, #wireless_mouse_lite .text-box .desc, #wireless_mouse_lite .text-box .text { display: block; } #wireless_mouse_lite .text-box .title { font-size: 36px; line-height: 1.2; } #wireless_mouse_lite .text-box .title.title--big { font-size: 48px; margin-bottom: 20px; } #wireless_mouse_lite .text-box .desc { font-size: 22px; line-height: 1.5; margin-top: 25px; font-weight: 500; } #wireless_mouse_lite .text-box .text { font-size: 15px; line-height: 1.5; margin-top: 25px; font-weight: 300; } #wireless_mouse_lite .text-box .text.text--small { font-size: 14px; opacity: .5; } #wireless_mouse_lite .video-box, #wireless_mouse_lite .image-box { padding: 0 12.5%; } #wireless_mouse_lite .video-box video { width: 100%; height: auto; } #wireless_mouse_lite .video a, #wireless_mouse_lite .video .video-link { position: relative; z-index: 1; display: block; overflow: hidden; cursor: pointer; } #wireless_mouse_lite .video a img, #wireless_mouse_lite .video .video-link img { transition: 0.3s ease-in-out transform; } #wireless_mouse_lite .video a:hover img, #wireless_mouse_lite .video .video-link:hover img { transform: scale(1.1); } #wireless_mouse_lite .video a::after, #wireless_mouse_lite .video .video-link::after { content: ''; position: absolute; transform: translateX(-50%) translateY(-50%); width: 56px; height: 56px; background: url('https://media.mi-home.pl/products/wireless-mouse-lite/play-btn.png') no-repeat center center / contain; left: 50%; top: 50%; z-index: 5; } @media (max-width: 991.98px) { #wireless_mouse_lite .text-box { padding: 5%; } #wireless_mouse_lite .text-box .title { font-size: 28px; } #wireless_mouse_lite .text-box .title.title--big { font-size: 42px; } #wireless_mouse_lite .video-box, #wireless_mouse_lite .image-box { padding: 0 5%; } } @media (max-width: 767.98px) { #wireless_mouse_lite .text-box .title { font-size: 24px; } #wireless_mouse_lite .text-box .title.title--big { font-size: 36px; } #wireless_mouse_lite .text-box .desc { font-size: 18px; margin-top: 10px; } #wireless_mouse_lite .text-box .text { margin-top: 15px; } } @media only screen and (max-width: 575.98px) { #wireless_mouse_lite .text-box { padding: 10% 5%; } #wireless_mouse_lite .text-box .title { font-size: 20px; } #wireless_mouse_lite .text-box .title.title--big { font-size: 28px; } #wireless_mouse_lite .text-box .desc { font-size: 16px; } #wireless_mouse_lite .text-box .text { font-size: 14px; } } @media (min-width: 1200px) { #wireless_mouse_lite .text-box .text { padding-left: 10%; padding-right: 10%; } #wireless_mouse_lite .text-box .title.title--big { font-size: 60px; } #wireless_mouse_lite .text-box.text-box--left .text { padding-left: 0; padding-right: 0; } } @media (min-width: 1620px) { #wireless_mouse_lite .text-box .text { font-size: 16px; } } /* =============== Floating text-box =============== */ #wireless_mouse_lite .section.section-float { position: relative; z-index: 1; height: 520px; } #wireless_mouse_lite .section.section-float--big { height: 680px; } #wireless_mouse_lite .section .text-box.text-box-float { padding: 0; position: absolute; z-index: 2; top: 50%; width: 40%; transform: translateY(-50%); } #wireless_mouse_lite .section .text-box.text-box-float--left { left: 5%; } #wireless_mouse_lite .section .text-box.text-box-float--right { left: 55%; width: 40%; } @media (max-width: 991.98px) { #wireless_mouse_lite .section.section-float { height: 420px; } #wireless_mouse_lite .section.section-float--big { height: 560px; } #wireless_mouse_lite .section .text-box.text-box-float--right { left: 55%; width: 40%; } } @media (max-width: 767.98px) { #wireless_mouse_lite .section.section-float { height: auto; background-position: center bottom; background-size: 160% auto; background-color: #ffffff; padding-bottom: 400px; } #wireless_mouse_lite .section .text-box.text-box-float, #wireless_mouse_lite .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) { #wireless_mouse_lite .section.section-float { padding-bottom: 250px; } } @media only screen and (max-width: 363.98px) { #wireless_mouse_lite .section.section-float { padding-bottom: 220px; } } @media (min-width: 1200px) { #wireless_mouse_lite .section.section-float { height: 620px; } #wireless_mouse_lite .section.section-float--big { height: 820px; } #wireless_mouse_lite .section .text-box.text-box-float { width: 35%; } #wireless_mouse_lite .section .text-box.text-box-float--left { left: 12.5%; } #wireless_mouse_lite .section .text-box.text-box-float--right { width: 35%; left: 55%; } } @media (min-width: 1620px) { #wireless_mouse_lite .section.section-float { height: 820px; } #wireless_mouse_lite .section.section-float--big { height: 980px; } #wireless_mouse_lite .section .text-box.text-box-float--right { width: 30%; left: 60%; } } @media (min-width: 2080px) { #wireless_mouse_lite .section.section-float { height: 1080px; } #wireless_mouse_lite .section.section-float--big { height: 1180px; } } /* =============== Add Font =============== */ @font-face { font-display: swap; font-family: 'Xiaomi Brand'; font-style: normal; font-weight: 100 900; src: url(https://i02.appmifile.com/i18n/fonts/Brand/Brand.woff2) format("woff2") } #wireless_mouse_lite .xiaomi_product_name { font-family: 'Xiaomi Brand', 'Camphor Pro', sans-serif !important; } /* =============== Section 01 =============== */ #wireless_mouse_lite .section-01 { background-image: url('https://media.mi-home.pl/products/wireless-mouse-lite/section-01.jpg'); height: 640px; } #wireless_mouse_lite .section-01 .text-box { padding-left: 10%; padding-top: 7.5%; } #wireless_mouse_lite .section-01 .text-box .title { font-size: 48px; font-weight: 600; } #wireless_mouse_lite .section-01 .text-box .title span { color: #6d95a1; font-size: 0.6em; border-radius: 4px; border: 1px solid #6d95a1; padding: 4px 15px; line-height: 1; display: inline-block; position: relative; top: -6px; } #wireless_mouse_lite .section-01 .text-box .desc { font-size: 24px; font-weight: 500; margin-top: 15px; } #wireless_mouse_lite .section-01 .text-box .text { color: #4e4e4e; font-size: 16px; margin-top: 15px; } @media (max-width: 991.98px) { #wireless_mouse_lite .section-01 { height: 440px; } #wireless_mouse_lite .section-01 .text-box { padding-top: 7.5%; } #wireless_mouse_lite .section-01 .text-box .desc { font-size: 20px; } } @media (max-width: 767.98px) { #wireless_mouse_lite .section-01 { height: auto; background-size: 180% auto; background-position: center bottom; padding-bottom: 350px; background-color: #ECEDF1; } #wireless_mouse_lite .section-01 .text-box { padding: 10% 5%; text-align: center; } #wireless_mouse_lite .section-01 .text-box .title { font-size: 42px; } #wireless_mouse_lite .section-01 .text-box .desc { font-size: 18px; } #wireless_mouse_lite .section-01 .text-box .text { font-size: 15px; } } @media only screen and (max-width: 575.98px) { #wireless_mouse_lite .section-01 { padding-bottom: 250px; } #wireless_mouse_lite .section-01 .text-box { padding: 15% 5% 10%; } #wireless_mouse_lite .section-01 .text-box .text { font-size: 14px; } } @media only screen and (max-width: 363.98px) { #wireless_mouse_lite .section-01 { padding-bottom: 150px; } #wireless_mouse_lite .section-01 .text-box .title { font-size: 36px; } #wireless_mouse_lite .section-01 .text-box .desc { font-size: 16px; } } @media (min-width: 1200px) { #wireless_mouse_lite .section-01 { height: 840px; } #wireless_mouse_lite .section-01 .text-box { padding-left: 15%; } #wireless_mouse_lite .section-01 .text-box .desc { font-size: 28px; } #wireless_mouse_lite .section-01 .text-box .title { font-size: 52px; } #wireless_mouse_lite .section-01 .text-box .text { font-size: 18px; } } @media (min-width: 1600px) { #wireless_mouse_lite .section-01 { height: 980px; } } @media (min-width: 2080px) { #wireless_mouse_lite .section-01 { height: 1080px; } } /* =============== Section 02 & 04 =============== */ #wireless_mouse_lite .section-02, #wireless_mouse_lite .section-04 { position: relative; z-index: 1; background-color: #090909; } #wireless_mouse_lite .section-02 .text-box, #wireless_mouse_lite .section-04 .text-box { position: absolute; z-index: 2; left: 0; width: 100%; top: 2.5%; } @media (max-width: 767.98px) { #wireless_mouse_lite .section-02 .text-box, #wireless_mouse_lite .section-04 .text-box { position: static; } #wireless_mouse_lite .section-02 .text-box { padding-bottom: 0; } } /* =============== Section 03 & 05 & 06 =============== */ #wireless_mouse_lite .section-03, #wireless_mouse_lite .section-05 { padding-top: 2.5%; padding-bottom: 7.5%; } #wireless_mouse_lite .section-05 { background-color: #EAEAEA; } #wireless_mouse_lite .section-06 { padding-top: 2.5%; background-color: #000000; } #wireless_mouse_lite .section-06 .text-box { padding-bottom: 0; margin-bottom: -5%; position: relative; z-index: 1; } #wireless_mouse_lite .section-03 .image-wrapper, #wireless_mouse_lite .section-05 .image-wrapper, #wireless_mouse_lite .section-06 .image-wrapper { max-width: 1160px; width: 90%; margin: 0 auto; } /* =============== Section 08 =============== */ #wireless_mouse_lite .section-08 { padding: 7.5% 0; background-color: #E2E2E2; } #wireless_mouse_lite .section-08 .list { max-width: 1160px; width: 90%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; } #wireless_mouse_lite .section-08 .list .item { flex: 0 0 calc(33.3333% - 10px); width: calc(33.3333% - 10px); background-color: #ffffff; color: #191919; border-radius: 15px; overflow: hidden; text-align: center; font-size: 15px; line-height: 1.5; font-weight: 300; } #wireless_mouse_lite .section-08 .list .item .text-wrapper { padding: 50px 30px; } #wireless_mouse_lite .section-08 .list .item .title { font-weight: bold; font-size: 20px; margin-bottom: 15px; } @media (max-width: 991.98px) { #wireless_mouse_lite .section-08 .list .item .text-wrapper { padding: 30px 15px; } #wireless_mouse_lite .section-08 .list .item .title { font-size: 18px; } } @media (max-width: 767.98px) { #wireless_mouse_lite .section-08 .list .item { font-size: 14px; border-radius: 10px; } #wireless_mouse_lite .section-08 .list .item .title { font-size: 16px; } } @media only screen and (max-width: 575.98px) { #wireless_mouse_lite .section-08 .list { padding-top: 20px; } #wireless_mouse_lite .section-08 .list .item { flex: 0 0 100%; width: 100%; margin-bottom: 20px; } } /* =============== Section image box =============== */ #wireless_mouse_lite .section .image-box-wrap { padding: 0; width: 90%; max-width: 1440px; margin: 0 auto; overflow: hidden; border-radius: 30px; } #wireless_mouse_lite .section .image-box-wrap .image-box { display: flex; flex-wrap: wrap; padding: 0; background-color: #ffffff; } #wireless_mouse_lite .section .image-box--reverse { flex-direction: row-reverse; } #wireless_mouse_lite .section .text-wrap, #wireless_mouse_lite .section .image { width: 50%; flex: 0 0 50%; } #wireless_mouse_lite .section .image { background-color: #ffffff; } #wireless_mouse_lite .section .text-wrap { display: flex; align-items: center; flex-wrap: wrap; padding: 0 5%; text-align: left; } #wireless_mouse_lite .section .text-wrap .title { font-size: 24px; display: block; margin-bottom: 5px; font-weight: bold; } #wireless_mouse_lite .section .text-wrap .text { font-weight: 300; font-size: 15px; padding-top: 20px; display: block; } @media (max-width: 991.98px) { #wireless_mouse_lite .section .text-wrap .title { font-size: 18px; } #wireless_mouse_lite .section .image-box-wrap { width: 95%; border-radius: 20px; } #wireless_mouse_lite .section .text-wrap .text { padding-top: 10px; font-size: 14px; } } @media (max-width: 767.98px) { #wireless_mouse_lite .section .text-wrap { padding: 7.5% 5%; text-align: center; } #wireless_mouse_lite .section .image-box-wrap .image-box { flex-wrap: wrap; flex-direction: column-reverse; } #wireless_mouse_lite .section .text-wrap, #wireless_mouse_lite .section .text-wrap div, #wireless_mouse_lite .section .image { width: 100%; flex: 0 0 100%; } } @media only screen and (max-width: 575.98px) { #wireless_mouse_lite .section .image-box-wrap { border-radius: 10px; } #wireless_mouse_lite .section .text-wrap { padding: 10% 5%; } } @media (min-width: 1200px) { #wireless_mouse_lite .section .text-wrap { padding: 0 5%; } #wireless_mouse_lite .section .text-wrap .title { font-size: 28px; margin-bottom: 10px; } } /* =============== Section spec =============== */ #wireless_mouse_lite .section-notes { padding: 3.5% 12.5%; margin: 0 auto; } #wireless_mouse_lite .section-notes ul { margin: 0; padding: 0; list-style: none; } #wireless_mouse_lite .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) { #wireless_mouse_lite .section-notes { padding: 5%; } #wireless_mouse_lite .section-notes ul li { font-size: 13px; } } @media (min-width: 1200px) { #wireless_mouse_lite .section-notes { padding: 3.5% 0; max-width: 1164px; } } /* =============== Slider =============== */ #wireless_mouse_lite .slick-slider .slick-dots .slick-active::after, #wireless_mouse_lite .slick-slider .slick-slide { font-family: 'Camphor Pro'; } #wireless_mouse_lite .slick-dots { bottom: 35px; } #wireless_mouse_lite .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; } #wireless_mouse_lite .slick-dots li.slick-active button::before, #wireless_mouse_lite .slick-dots li:hover button::before { opacity: 1; } #wireless_mouse_lite .slick-dotted.slick-slider { margin-bottom: 0; padding: 0; } #wireless_mouse_lite .slick-slider > .slider-item { display: none; } #wireless_mouse_lite .slick-slider > .slider-item:first-child { display: block; } #wireless_mouse_lite .slick-slider .slick-dots li button { border-radius: 30px; } #wireless_mouse_lite .slick-slider .slick-dots li button { background: #fff; transition: 0.3s ease-in-out opacity; opacity: .25; width: 15px; height: 15px; } #wireless_mouse_lite .slick-slider .slick-dots li.slick-active button, #wireless_mouse_lite .slick-slider .slick-dots li button:hover { background: #fff; opacity: 1; } #wireless_mouse_lite .slick-dots li button::before { content: none; } @media (max-width: 767.98px) { #wireless_mouse_lite .slick-dots { bottom: 15px; } } /* If you're copying, you are a very bad person. Very. */ require( ['aos', 'jquery'], function (AOS, $) { $(window).on('load scroll',function(){ AOS.init({ once:true }); }); } ); Xiaomi Wireless Mouse Lite Prosta i lekka, bez zbędnych kabli Bezprzewodowy 2.4GHz | Prosty design | Solidny chwyt Smukłe linie o minimalistycznej estetyce. Zintegrowany, zaoblony przycisk w połączeniu z zaokrąglonymi krawędziami sprawia, że mysz wpasowuje się w dłoń, jednocześnie zapewniając elegancki wygląd. Połączenie ciemnej szarości i czerni odzwierciedla powściągliwą i stateczną naturę jej właściciela, optymalny wybór do pracy i rozrywki. Transmisja bezprzewodowa 2.4 GHz. Pozwól, by Twoje biurko wyglądało schludnie i czysto! Dzięki technologii transmisji bezprzewodowej 2.4 GHz Xiaomi Wireless Mouse Lite przesyła stabilny i ciągły sygnał. Kompaktowy odbiornik bezprzewodowy Nano Receiver oszczędza bałaganu związanego z połączeniami przewodowymi, dzięki czemu Twoje biurko jest schludne i uporządkowane. Solidny uchwyt zapewniający stabilną kontrolę. Umiarkowana wielkość, wygodny uchwyt zapewnia naturalne dopasowanie do dłoni i palców. Przyciski są czułe i lekko ustępują pod wpływem nacisku. Symetryczne klawisze funkcyjne po lewej i prawej stronie oraz kółko przewijania pośrodku sprawiają, że obsługa jest niezwykle intuicyjna. Lekki korpus dla błyskawicznych ruchów. Charakteryzująca się lekką konstrukcją mysz waży zaledwie 60g (bez baterii). Łatwe sterowanie oraz płynność ruchu w pełnym zakresie chroni nadgarstek przed napięciem i dyskomfortem. Precyzyjny czujnik 1000dpi. Stabilne wyjście. Mysz wyposażona jest w oryginalny, precyzyjny sensor 1000dpi - sprawdzoną technologię doskonałą do pracy i nauki. Ostrzeżenie o niskim poziomie baterii Zasilana baterią AAA, mysz posiada niezależny przełącznik zasilania połączony z trybem automatycznego uśpienia, aby zaoszczędzić energię i zapewnić długą żywotność baterii. Zintegrowany nanoodbiornik Miniaturowy odbiornik Nano 2.4 GHz może być przechowywany w komorze myszy, co ułatwia jego przenoszenie i zmniejsza prawdopodobieństwo zgubienia. Ślizgacze myszy z PTFE PTFE, charakteryzujący się niskim współczynnikiem tarcia, jest używany jako materiał na podstawę myszy, który ma dobrą odporność na zużycie i samosmarowanie, dzięki czemu mysz może być przenoszona i pozycjonowana płynnie i łatwo, bez żadnych zakłóceń.