Xiaomi Smart Band 7 Charging Cable

/* =============== Xiaomi Smart Band 7 Charging Cable =============== */ #smart_band_7_charging_cable { font-size: 16px; overflow: hidden; color: #191919; background-color: #ffffff; } #smart_band_7_charging_cable ul, #smart_band_7_charging_cable ol { list-style: none; padding-left: 0; } #smart_band_7_charging_cable video, #smart_band_7_charging_cable img { vertical-align: middle; } #smart_band_7_charging_cable video { width: 100%; height: auto; } #smart_band_7_charging_cable.xiaomi_container { max-width: 2560px; } #smart_band_7_charging_cable .section { line-height: 1.2; } #smart_band_7_charging_cable .section-bg { background-size: cover; background-position: center center; background-repeat: no-repeat; } #smart_band_7_charging_cable .font-bold { font-weight: bold; } #smart_band_7_charging_cable .font-light { font-weight: 300; } #smart_band_7_charging_cable .font-color { color: #ffd400; } #smart_band_7_charging_cable .text-box { text-align: center; color: #000000; padding: 5% 12.5%; } #smart_band_7_charging_cable .text-box.text-box--left { text-align: left; } #smart_band_7_charging_cable .text-box--white { color: #ffffff; } #smart_band_7_charging_cable .text-box .title, #smart_band_7_charging_cable .text-box .desc, #smart_band_7_charging_cable .text-box .text { display: block; } #smart_band_7_charging_cable .text-box .title { font-size: 36px; line-height: 1.2; } #smart_band_7_charging_cable .text-box .title.title--big { font-size: 48px; margin-bottom: 20px; } #smart_band_7_charging_cable .text-box .desc { font-size: 22px; line-height: 1.5; margin-top: 25px; font-weight: 500; } #smart_band_7_charging_cable .text-box .text { font-size: 15px; line-height: 1.5; margin-top: 25px; font-weight: 300; } #smart_band_7_charging_cable .text-box .text.text--small { font-size: 14px; opacity: .5; } #smart_band_7_charging_cable .video-box, #smart_band_7_charging_cable .image-box { padding: 0 12.5%; } #smart_band_7_charging_cable .video-box video { width: 100%; height: auto; } #smart_band_7_charging_cable .video a, #smart_band_7_charging_cable .video .video-link { position: relative; z-index: 1; display: block; overflow: hidden; cursor: pointer; } #smart_band_7_charging_cable .video a img, #smart_band_7_charging_cable .video .video-link img { transition: 0.3s ease-in-out transform; } #smart_band_7_charging_cable .video a:hover img, #smart_band_7_charging_cable .video .video-link:hover img { transform: scale(1.1); } #smart_band_7_charging_cable .video a::after, #smart_band_7_charging_cable .video .video-link::after { content: ''; position: absolute; transform: translateX(-50%) translateY(-50%); width: 56px; height: 56px; background: url('https://media.mi-home.pl/products/smart-band-7-charging-cable/play-btn.png') no-repeat center center / contain; left: 50%; top: 50%; z-index: 5; } @media (max-width: 991.98px) { #smart_band_7_charging_cable .text-box { padding: 5%; } #smart_band_7_charging_cable .text-box .title { font-size: 28px; } #smart_band_7_charging_cable .text-box .title.title--big { font-size: 42px; } #smart_band_7_charging_cable .video-box, #smart_band_7_charging_cable .image-box { padding: 0 5%; } } @media (max-width: 767.98px) { #smart_band_7_charging_cable .text-box .title { font-size: 24px; } #smart_band_7_charging_cable .text-box .title.title--big { font-size: 36px; } #smart_band_7_charging_cable .text-box .desc { font-size: 18px; margin-top: 10px; } #smart_band_7_charging_cable .text-box .text { margin-top: 15px; } } @media only screen and (max-width: 575.98px) { #smart_band_7_charging_cable .text-box { padding: 10% 5%; } #smart_band_7_charging_cable .text-box .title { font-size: 20px; } #smart_band_7_charging_cable .text-box .title.title--big { font-size: 28px; } #smart_band_7_charging_cable .text-box .desc { font-size: 16px; } #smart_band_7_charging_cable .text-box .text { font-size: 14px; } } @media (min-width: 1200px) { #smart_band_7_charging_cable .text-box .text { padding-left: 10%; padding-right: 10%; } #smart_band_7_charging_cable .text-box .title.title--big { font-size: 60px; } #smart_band_7_charging_cable .text-box.text-box--left .text { padding-left: 0; padding-right: 0; } } @media (min-width: 1620px) { #smart_band_7_charging_cable .text-box .text { font-size: 16px; } } /* =============== 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") } #smart_band_7_charging_cable .xiaomi_product_name { font-family: 'Xiaomi Brand', 'Camphor Pro', sans-serif !important; } /* =============== Section 01 =============== */ #smart_band_7_charging_cable .section-01 { background-image: url('https://media.mi-home.pl/products/smart-band-7-charging-cable/section-01.jpg'); background-position: bottom center; height: 860px; } #smart_band_7_charging_cable .section-01 .text-box { padding-top: 7.5%; } #smart_band_7_charging_cable .section-01 .text-box .title { font-size: 42px; font-weight: 600; } #smart_band_7_charging_cable .section-01 .text-box .desc { font-size: 24px; font-weight: 600; } #smart_band_7_charging_cable .section-01 .text-box .text { font-size: 16px; margin-top: 20px; color: #2b2b2b; } @media (max-width: 991.98px) { #smart_band_7_charging_cable .section-01 { height: 680px; } #smart_band_7_charging_cable .section-01 .text-box .desc { font-size: 18px; } #smart_band_7_charging_cable .section-01 .text-box .title { font-size: 36px; } } @media (max-width: 767.98px) { #smart_band_7_charging_cable .section-01 { height: 640px; } #smart_band_7_charging_cable .section-01 .text-box { padding: 10% 5%; text-align: center; } #smart_band_7_charging_cable .section-01 .text-box .text { font-size: 15px; } } @media only screen and (max-width: 575.98px) { #smart_band_7_charging_cable .section-01 { height: 520px; background-size: 120% auto; } #smart_band_7_charging_cable .section-01 .text-box { padding: 15% 5% 10%; background-color: #DCE3EE; } #smart_band_7_charging_cable .section-01 .text-box .title { font-size: 28px; } #smart_band_7_charging_cable .section-01 .text-box .desc { font-size: 16px; } #smart_band_7_charging_cable .section-01 .text-box .text { font-size: 14px; } } @media only screen and (max-width: 363.98px) { #smart_band_7_charging_cable .section-01 { height: 440px; } #smart_band_7_charging_cable .section-01 .text-box .title { font-size: 24px; } } @media (min-width: 1200px) { #smart_band_7_charging_cable .section-01 { height: 1080px; } #smart_band_7_charging_cable .section-01 .text-box .title { font-size: 48px; } #smart_band_7_charging_cable .section-01 .text-box .text { font-size: 18px; } } @media (min-width: 1600px) { #smart_band_7_charging_cable .section-01 { height: 1180px; } } @media (min-width: 2080px) { #smart_band_7_charging_cable .section-01 { height: 1280px; } } /* =============== Section 02 & 03 & 04 =============== */ #smart_band_7_charging_cable .section-02, #smart_band_7_charging_cable .section-03, #smart_band_7_charging_cable .section-04 { position: relative; z-index: 1; } #smart_band_7_charging_cable .section-02 .text-box, #smart_band_7_charging_cable .section-03 .text-box, #smart_band_7_charging_cable .section-04 .text-box { position: absolute; z-index: 2; left: 0; top: 50%; transform: translateY(-50%); width: 100%; padding-left: 60%; padding-right: 10%; padding-top: 0; padding-bottom: 0; } @media (max-width: 767.98px) { #smart_band_7_charging_cable .section-03 { background-color: #f9f9f9; } #smart_band_7_charging_cable .section-02 .text-box, #smart_band_7_charging_cable .section-03 .text-box, #smart_band_7_charging_cable .section-04 .text-box { position: static; padding: 10% 5%; transform: none; text-align: center; } #smart_band_7_charging_cable .section-03 { background-color: #EFEFEF; } #smart_band_7_charging_cable .section-04 { background-color: #E1E1E1; padding-bottom: 5%; } #smart_band_7_charging_cable .section-02 .image-wrapper, #smart_band_7_charging_cable .section-03 .image-wrapper, #smart_band_7_charging_cable .section-04 .image-wrapper { padding-left: 20%; overflow: hidden; } #smart_band_7_charging_cable .section-03 .image-wrapper { padding-left: 30%; } } /* =============== Section spec =============== */ #smart_band_7_charging_cable .section-notes { padding: 3.5% 12.5%; margin: 0 auto; } #smart_band_7_charging_cable .section-notes ul { margin: 0; padding: 0; list-style: none; } #smart_band_7_charging_cable .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) { #smart_band_7_charging_cable .section-notes { padding: 5%; } #smart_band_7_charging_cable .section-notes ul li { font-size: 13px; } } @media (min-width: 1200px) { #smart_band_7_charging_cable .section-notes { padding: 3.5% 0; max-width: 1164px; } } require( ['aos', 'jquery'], function (AOS, $) { $(window).on('load scroll',function(){ AOS.init({ once:true }); }); } ); Xiaomi Smart Band 7 Charging Cable Ładowanie magnetyczne | Kompaktowa konstrukcja ułatwiająca przechowywanie Szybkie i wygodne ładowanie magnetyczne. Pozłacane styki miedziane dla dłuższej żywotności ładowarki. Wykonana z materiału TPE. Wytrzymała na zgięcia.