Xiaomi Watch S1 Active Strap — Zielony

/* =============== Xiaomi Watch S1 Active Strap =============== */ #watch_s1_active_strap { font-size: 16px; overflow: hidden; color: #191919; background-color: #ffffff; font-family: Camphor Pro; } #watch_s1_active_strap ul, #watch_s1_active_strap ol { list-style: none; padding-left: 0; } #watch_s1_active_strap video, #watch_s1_active_strap img { vertical-align: middle; } #watch_s1_active_strap video { width: 100%; height: auto; } #watch_s1_active_strap.xiaomi_container { max-width: 2560px; } #watch_s1_active_strap .section { line-height: 1.2; } #watch_s1_active_strap .section-bg { background-size: cover; background-position: center center; background-repeat: no-repeat; } #watch_s1_active_strap .font-bold { font-weight: 700; } #watch_s1_active_strap .font-light { font-weight: 300; } #watch_s1_active_strap .text-box { text-align: center; color: #191919; padding: 5% 12.5%; } #watch_s1_active_strap .text-box.text-box--left { text-align: left; } #watch_s1_active_strap .text-box--white { color: #ffffff; } #watch_s1_active_strap .text-box .title, #watch_s1_active_strap .text-box .desc, #watch_s1_active_strap .text-box .text { display: block; } #watch_s1_active_strap .text-box .title { font-size: 36px; line-height: 1.2; } #watch_s1_active_strap .text-box .title.title--big { font-size: 42px; margin-bottom: 20px; } #watch_s1_active_strap .text-box .desc { font-size: 22px; line-height: 1.5; margin-top: 25px; font-weight: 700; } #watch_s1_active_strap .text-box .text { font-size: 15px; line-height: 1.5; margin-top: 25px; font-weight: 300; } #watch_s1_active_strap .text-box .text.text--small { font-size: 14px; opacity: .5; } #watch_s1_active_strap .video-box, #watch_s1_active_strap .image-box { padding: 0 12.5%; } #watch_s1_active_strap .video-box video { width: 100%; height: auto; } #watch_s1_active_strap .video a, #watch_s1_active_strap .video .video-link { position: relative; z-index: 1; display: block; overflow: hidden; cursor: pointer; } #watch_s1_active_strap .video a img, #watch_s1_active_strap .video .video-link img { transition: 0.3s ease-in-out transform; } #watch_s1_active_strap .video a:hover img, #watch_s1_active_strap .video .video-link:hover img { transform: scale(1.1); } #watch_s1_active_strap .video a::after, #watch_s1_active_strap .video .video-link::after { content: ''; position: absolute; transform: translateX(-50%) translateY(-50%); width: 56px; height: 56px; background: url('https://media.mi-home.pl/products/watch-s1-active-strap/play-btn.png') no-repeat center center / contain; left: 50%; top: 50%; z-index: 2; } @media (max-width: 991.98px) { #watch_s1_active_strap .text-box { padding: 5%; } #watch_s1_active_strap .text-box .title { font-size: 26px; } #watch_s1_active_strap .text-box .title.title--big { font-size: 36px; } #watch_s1_active_strap .video-box, #watch_s1_active_strap .image-box { padding: 0 5%; } } @media (max-width: 767.98px) { #watch_s1_active_strap .text-box .title { font-size: 22px; } #watch_s1_active_strap .text-box .title.title--big { font-size: 28px; } #watch_s1_active_strap .text-box .desc { font-size: 18px; margin-top: 10px; } #watch_s1_active_strap .text-box .text { margin-top: 15px; } } @media only screen and (max-width: 575.98px) { #watch_s1_active_strap .text-box { padding: 10% 5%; } #watch_s1_active_strap .text-box .title { font-size: 20px; } #watch_s1_active_strap .text-box .title.title--big { font-size: 24px; } #watch_s1_active_strap .text-box .desc { font-size: 16px; } #watch_s1_active_strap .text-box .text { font-size: 14px; } } @media (min-width: 1200px) { #watch_s1_active_strap .text-box .text { font-size: 18px; } } @media (min-width: 1620px) { #watch_s1_active_strap .text-box .text { padding-left: 10%; padding-right: 10%; } #watch_s1_active_strap .text-box.text-box--left .text { padding-left: 0; padding-right: 0; } } /* =============== Floating text-box =============== */ #watch_s1_active_strap .section.section-float { position: relative; z-index: 1; height: 640px; } #watch_s1_active_strap .section.section-float--big { height: 680px; } #watch_s1_active_strap .section .text-box.text-box-float { padding: 0; position: absolute; z-index: 2; top: 50%; width: 30%; transform: translateY(-50%); } #watch_s1_active_strap .section .text-box.text-box-float--left { left: 5%; } #watch_s1_active_strap .section .text-box.text-box-float--right { left: 60%; width: 35%; } @media (max-width: 991.98px) { #watch_s1_active_strap .section.section-float { height: 560px; } #watch_s1_active_strap .section.section-float--big { height: 560px; } } @media (max-width: 767.98px) { #watch_s1_active_strap .section.section-float { height: auto; background-position: center bottom; background-size: 140% auto; background-color: #ffffff; padding-bottom: 400px; } #watch_s1_active_strap .section .text-box.text-box-float, #watch_s1_active_strap .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) { #watch_s1_active_strap .section.section-float { padding-bottom: 300px; } } @media only screen and (max-width: 363.98px) { #watch_s1_active_strap .section.section-float { padding-bottom: 220px; } } @media (min-width: 1200px) { #watch_s1_active_strap .section.section-float { height: 720px; } #watch_s1_active_strap .section.section-float--big { height: 820px; } #watch_s1_active_strap .section .text-box.text-box-float { width: 30%; } #watch_s1_active_strap .section .text-box.text-box-float--right { width: 35%; } #watch_s1_active_strap .section .text-box.text-box-float--left { left: 10%; } } @media (min-width: 1620px) { #watch_s1_active_strap .section.section-float { height: 880px; } #watch_s1_active_strap .section.section-float--big { height: 980px; } #watch_s1_active_strap .section .text-box.text-box-float { width: 30%; } } @media (min-width: 2080px) { #watch_s1_active_strap .section.section-float { height: 1080px; } #watch_s1_active_strap .section.section-float--big { height: 1180px; } } /* =============== Section 01 =============== */ #watch_s1_active_strap .section-01 { padding-top: 2.5%; } #watch_s1_active_strap .section-01 .text-box .title { font-size: 42px; line-height: 1; } #watch_s1_active_strap .section-01 .text-box .title img { display: inline-block; margin-right: 15px; height: 30px; margin-bottom: 10px; } #watch_s1_active_strap .section-01 .text-box .text { margin-top: 5px; } #watch_s1_active_strap .section-01 .image-wrapper { padding-top: 2.5%; position: relative; z-index: 1; } #watch_s1_active_strap .section-01 .image-wrapper .text-box { position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; } @media (max-width: 767.98px) { #watch_s1_active_strap .section-01 .text-box .title { font-size: 36px; } #watch_s1_active_strap .section-01 .text-box .title img { height: 26px; margin-bottom: 6px; margin-right: 10px; } } @media only screen and (max-width: 575.98px) { #watch_s1_active_strap .section-01 .text-box { padding-top: 15%; } #watch_s1_active_strap .section-01 .text-box .title img { margin-bottom: 10px; margin-right: 0; } #watch_s1_active_strap .section-01 .text-box .title span { display: block; } #watch_s1_active_strap .section-01 .image-wrapper .text-box { padding-bottom: 15px; } } @media only screen and (max-width: 363.98px) { #watch_s1_active_strap .section-01 .text-box .title { font-size: 24px; } #watch_s1_active_strap .section-01 .text-box .title img { height: 20px; } #watch_s1_active_strap .section-01 .image-wrapper .text-box { position: static; padding: 5%; background-color: #f9f9f9; } } @media (min-width: 1200px) { #watch_s1_active_strap .section-01 .text-box .title { font-size: 52px; } #watch_s1_active_strap .section-01 .text-box .title img { height: 38px; } #watch_s1_active_strap .section-01 .text-box .desc { font-size: 28px; } } /* =============== Section 02 =============== */ #watch_s1_active_strap .section-02 { padding-top: 2.5%; padding-bottom: 7.5%; } #watch_s1_active_strap .section-02 .list { display: flex; flex-wrap: wrap; margin: 0 auto; width: 90%; max-width: 1360px; padding-top: 2.5%; } #watch_s1_active_strap .section-02 .list .item { width: 33.3333%; flex: 0 0 33.3333%; padding: 30px; text-align: center; position: relative; z-index: 1; color: #ffffff; } #watch_s1_active_strap .section-02 .list .item:first-child { color: #191919; } #watch_s1_active_strap .section-02 .list .item .text { font-size: 24px; font-weight: bold; display: block; position: absolute; z-index: 2; bottom: 70px; left: 0; width: 100%; } @media (max-width: 991.98px) { #watch_s1_active_strap .section-02 .list .item { padding: 20px; } #watch_s1_active_strap .section-02 .list .item .text { font-size: 20px; bottom: 50px; } } @media (max-width: 767.98px) { #watch_s1_active_strap .section-02 .list .item { padding: 10px; } #watch_s1_active_strap .section-02 .list .item .text { font-size: 18px; bottom: 30px; } } @media only screen and (max-width: 575.98px) { #watch_s1_active_strap .section-02 .list { justify-content: center; } #watch_s1_active_strap .section-02 .list .item { width: 80%; flex: 0 0 80%; padding: 20px; } #watch_s1_active_strap .section-02 .list .item .text { font-size: 20px; bottom: 50px; } } @media only screen and (max-width: 363.98px) { #watch_s1_active_strap .section-02 .list .item { width: 90%; flex: 0 0 90%; } #watch_s1_active_strap .section-02 .list .item .text { bottom: 40px; font-size: 18px; } } @media (min-width: 1200px) { #watch_s1_active_strap .section-02 .list .item { padding: 30px 50px; } #watch_s1_active_strap .section-02 .list .item .text { font-size: 28px; } } /* =============== Section 03 & 05 & 07 =============== */ #watch_s1_active_strap .section-03 { background-image: url('https://media.mi-home.pl/products/watch-s1-active-strap/section-03.jpg'); } #watch_s1_active_strap .section-05 { background-image: url('https://media.mi-home.pl/products/watch-s1-active-strap/section-05.jpg'); } #watch_s1_active_strap .section-07 { background-image: url('https://media.mi-home.pl/products/watch-s1-active-strap/section-07.jpg'); } #watch_s1_active_strap .section-03, #watch_s1_active_strap .section-05, #watch_s1_active_strap .section-07 { height: 680px; } #watch_s1_active_strap .section-03 .text-box { padding-top: 12.5%; padding-right: 60%; } #watch_s1_active_strap .section-05 .text-box { padding-top: 20%; padding-left: 60%; } #watch_s1_active_strap .section-07 .text-box { padding-top: 20%; padding-left: 60%; } @media (max-width: 991.98px) { #watch_s1_active_strap .section-03, #watch_s1_active_strap .section-05, #watch_s1_active_strap .section-07 { height: 560px; } } @media (max-width: 767.98px) { #watch_s1_active_strap .section-03, #watch_s1_active_strap .section-05, #watch_s1_active_strap .section-07 { height: 420px; } #watch_s1_active_strap .section-05 .text-box { padding-top: 15%; } } @media only screen and (max-width: 575.98px) { #watch_s1_active_strap .section-03, #watch_s1_active_strap .section-05, #watch_s1_active_strap .section-07 { height: auto; background-position: left bottom; background-size: 160% auto; } #watch_s1_active_strap .section-03 { padding-bottom: 410px; background-color: #4D7A65; background-position: right bottom; } #watch_s1_active_strap .section-05 { padding-bottom: 400px; background-color: #FFD34E; } #watch_s1_active_strap .section-07 { background-color: #DB634A; padding-bottom: 380px; } #watch_s1_active_strap .section-05 .text-box { color: #191919; } #watch_s1_active_strap .section-03 .text-box, #watch_s1_active_strap .section-05 .text-box, #watch_s1_active_strap .section-07 .text-box { padding: 10% 5%; text-align: center; } } @media only screen and (max-width: 363.98px) { #watch_s1_active_strap .section-03 { padding-bottom: 320px; } #watch_s1_active_strap .section-05 { padding-bottom: 300px; } #watch_s1_active_strap .section-07 { padding-bottom: 280px; } } @media (min-width: 1200px) { #watch_s1_active_strap .section-03, #watch_s1_active_strap .section-05, #watch_s1_active_strap .section-07 { height: 840px; } } @media (min-width: 1620px) { #watch_s1_active_strap .section-03, #watch_s1_active_strap .section-05, #watch_s1_active_strap .section-07 { height: 940px; } } @media (min-width: 2080px) { #watch_s1_active_strap .section-03, #watch_s1_active_strap .section-05, #watch_s1_active_strap .section-07 { height: 1040px; } } /* =============== Section 04 =============== */ #watch_s1_active_strap .section-04 { padding: 2.5% 0 7.5%; } #watch_s1_active_strap .section-04 .image-wrapper { text-align: center; max-width: 1160px; margin: 0 auto; } /* =============== Section 06 =============== */ #watch_s1_active_strap .section-06 { background-image: url('https://media.mi-home.pl/products/watch-s1-active-strap/section-06.jpg'); background-size: 90% auto; background-position: center center; height: 720px; } #watch_s1_active_strap .section-06 .text-box { padding-top: 25%; padding-right: 60%; } @media (max-width: 991.98px) { #watch_s1_active_strap .section-06 { height: 560px; } #watch_s1_active_strap .section-06 .text-box { padding-left: 10%; } } @media (max-width: 767.98px) { #watch_s1_active_strap .section-06 { height: 420px; } #watch_s1_active_strap .section-06 .text-box { padding-top: 17.5%; } } @media only screen and (max-width: 575.98px) { #watch_s1_active_strap .section-06 { height: auto; background-position: right 20px bottom; background-size: 150% auto; padding-bottom: 360px; margin-bottom: 7.5%; } #watch_s1_active_strap .section-06 .text-box { text-align: center; padding: 10% 5%; } } @media only screen and (max-width: 363.98px) { #watch_s1_active_strap .section-06 { padding-bottom: 280px; } } @media (min-width: 1200px) { #watch_s1_active_strap .section-06 { height: 860px; } } @media (min-width: 1620px) { #watch_s1_active_strap .section-06 { height: 980px; } } @media (min-width: 2080px) { #watch_s1_active_strap .section-06 { height: 1080px; } } /* =============== Section 08 =============== */ #watch_s1_active_strap .section-08 { padding: 5% 0; } #watch_s1_active_strap .section.section-08 .image-box-wrap .image-box { border-radius: 30px; overflow: hidden; background-color: #4D7A65; } #watch_s1_active_strap .section.section-08 .image-box-wrap .image-box:first-child { margin-bottom: 50px; background-color: #5F6573; } #watch_s1_active_strap .section.section-08 .image-box-wrap .text-wrap { color: #ffffff; } @media (max-width: 991.98px) { #watch_s1_active_strap .section.section-08 .image-box-wrap .image-box { border-radius: 20px; } } @media (max-width: 767.98px) { #watch_s1_active_strap .section.section-08 .image-box-wrap .image-box:first-child { margin-bottom: 30px; } } @media only screen and (max-width: 575.98px) { #watch_s1_active_strap .section-08 { padding: 10% 0; } #watch_s1_active_strap .section.section-08 .image-box-wrap .image-box { border-radius: 10px; } } /* =============== Section image box =============== */ #watch_s1_active_strap .section .image-box-wrap { padding: 0; width: 90%; max-width: 2400px; margin: 0 auto; overflow: hidden; border-radius: 0; } #watch_s1_active_strap .section .image-box-wrap .image-box { display: flex; flex-wrap: wrap; padding: 0; background-color: #f6f6f6; } #watch_s1_active_strap .section .image-box--reverse { flex-direction: row-reverse; } #watch_s1_active_strap .section .text-wrap, #watch_s1_active_strap .section .image { width: 50%; flex: 0 0 50%; } #watch_s1_active_strap .section .text-wrap { display: flex; align-items: center; flex-wrap: wrap; padding: 0 5%; text-align: left; color: #191919; } #watch_s1_active_strap .section .text-wrap > div { width: 100%; } #watch_s1_active_strap .section .text-wrap .title { font-size: 28px; display: block; margin-bottom: 0; font-weight: bold; } #watch_s1_active_strap .section .text-wrap .text { font-weight: 300; padding-top: 20px; font-size: 16px; display: block; } @media (max-width: 991.98px) { #watch_s1_active_strap .section .text-wrap .title { font-size: 24px; } #watch_s1_active_strap .section .text-wrap .text { font-size: 15px; } } @media (max-width: 767.98px) { #watch_s1_active_strap .section .text-wrap { padding: 0 5%; } #watch_s1_active_strap .section .text-wrap .title { font-size: 20px; } #watch_s1_active_strap .section .text-wrap .text { padding-top: 10px; } } @media only screen and (max-width: 575.98px) { #watch_s1_active_strap .section .image-box-wrap .image-box { flex-wrap: wrap; flex-direction: column-reverse; } #watch_s1_active_strap .section .text-wrap .title { font-size: 18px; } #watch_s1_active_strap .section .text-wrap, #watch_s1_active_strap .section .image { width: 100%; display: block; } #watch_s1_active_strap .section .text-wrap { padding: 10% 5%; text-align: center; } } @media (min-width: 1200px) { #watch_s1_active_strap .section .text-wrap { padding: 0 10%; } #watch_s1_active_strap .section .text-wrap .title { font-size: 36px; } #watch_s1_active_strap .section .text-wrap .text { font-size: 18px; } } /* =============== Section spec =============== */ #watch_s1_active_strap .section-notes { padding: 3.5% 12.5%; margin: 0 auto; } #watch_s1_active_strap .section-notes ul { margin: 0; padding: 0; list-style: none; } #watch_s1_active_strap .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) { #watch_s1_active_strap .section-notes { padding: 5%; } #watch_s1_active_strap .section-notes ul li { font-size: 13px; } } @media (min-width: 1200px) { #watch_s1_active_strap .section-notes { padding: 3.5% 0; max-width: 1164px; } } /* =============== Slider =============== */ #watch_s1_active_strap .slick-dots { bottom: 35px; } #watch_s1_active_strap .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; } #watch_s1_active_strap .slick-dots li.slick-active button::before, #watch_s1_active_strap .slick-dots li:hover button::before { opacity: 1; } #watch_s1_active_strap .slick-dotted.slick-slider { margin-bottom: 0; } #watch_s1_active_strap .slick-slider > .slider-item { display: none; } #watch_s1_active_strap .slick-slider > .slider-item:first-child { display: block; } #watch_s1_active_strap .slick-slider .slick-dots li button { border-radius: 30px; } #watch_s1_active_strap .slick-slider .slick-dots li button { background: #fff; transition: 0.3s ease-in-out opacity; opacity: .25; width: 15px; height: 15px; } #watch_s1_active_strap .slick-slider .slick-dots li.slick-active button, #watch_s1_active_strap .slick-slider .slick-dots li button:hover { background: #fff; opacity: 1; } #watch_s1_active_strap .slick-dots li button::before { content: none; } @media (max-width: 767.98px) { #watch_s1_active_strap .slick-dots { bottom: 15px; } } /* If you're copying, you are a very bad person. Very. */ require( ['aos'], function (AOS) { AOS.init({ once: true }); } ); Watch S1 Active Strap Pięknie układa się na nadgarstku, dodając Ci elegancji. Wykonane z materiałów przyjaznych dla skóry, dostępne w różnych kolorach. Zmień pasek, aby uzyskać nowy, intensywny efekt. Wyróżnij się z tłumu. Lekki i przyjazny dla skóry, a także łatwy do czyszczenia. Przyciągaj wzrok dzięki pięknym, natychmiastowo zauważalnym połączeniom kolorów. Żółty Zielony Pomarańczowy Poczuj, jak to jest nosić najlepsze z najlepszych. Te wygodne i lekkie paski zostały zaprojektowane tak, aby płynnie dopasowywały się do kształtu nadgarstka, a nie bezpośrednio do niego przylegały. Dzięki temu zapomnisz, że coś na nim masz, nawet podczas intensywnych treningów. Porowata i oddychająca konstrukcja. Dzięki porowatej strukturze, opaski pomagają odprowadzać pot podczas wysiłku i codziennych aktywności. Pełna cyrkulacja powietrza uwalnia od znanego uczucia lepkości. Odpowiednie do codziennego użytku. Wiele rodzajów zapięć czyni te paski uniwersalnymi. Niezależnie od tego, czy uprawiasz sport, czy odpoczywasz w domu, klamra w kształcie podwójnego koła z pewnością zapewni bezpieczeństwo Twojemu zegarkowi. Piękne kolory i łatwość czyszczenia. Odporny na zabrudzenia, łatwy w czyszczeniu, opasany naturalnymi kolorami. Ten pasek wygląda jak nowy, bez względu na to, jak długo go używasz. Stabilność i trwałość. Rozciągnij, przekręć, ściśnij - odporny na pęknięcia materiał o wysokiej elastyczności ułatwia zakładanie i zdejmowanie. Przełączana konstrukcja paska. Montaż i demontaż w mgnieniu oka. Klamra ze stali nierdzewnej. Wytworna i trwała, z pewnością przetrwa deszcz i słońce. Uwagi: *Codzienne użytkowanie: Aby zapobiec zsuwaniu się i ocieraniu paska o skórę, nie należy nosić go zbyt luźno. Nie należy go również nosić zbyt ciasno, ponieważ może to powodować podrażnienia, takie jak swędzenie, ponieważ skóra nie może oddychać. Zdejmij zegarek po dłuższym, nieprzerwanym noszeniu, aby nadgarstek mógł odpocząć. Po intensywnym treningu należy jak najszybciej oczyścić nadgarstek i pasek zegarka, aby uniknąć pozostałości potu i podrażnień skóry. Po pływaniu umyj pasek zegarka czystą wodą; po wysuszeniu załóż go ponownie. *Zdjęcia na tej stronie mają charakter poglądowy; rzeczywisty kolor i szczegóły pasków mogą się różnić.