POCO M4 Pro — 8/256GB / Cool Blue

/* =============== POCO M4 Pro =============== */ #poco_m4_pro { font-size: 16px; overflow: hidden; color: #191919; background-color: #ffffff; } #poco_m4_pro ul, #poco_m4_pro ol { list-style: none; padding-left: 0; } #poco_m4_pro video, #poco_m4_pro img { vertical-align: middle; } #poco_m4_pro video { width: 100%; height: auto; } #poco_m4_pro.xiaomi_container { max-width: 2560px; } #poco_m4_pro .section { line-height: 1.2; } #poco_m4_pro .section-bg { background-size: cover; background-position: center center; background-repeat: no-repeat; } #poco_m4_pro .font-bold { font-weight: 900; } #poco_m4_pro .font-light { font-weight: 300; } #poco_m4_pro .text-box { text-align: center; color: #191919; padding: 5% 12.5%; } #poco_m4_pro .text-box.text-box--left { text-align: left; } #poco_m4_pro .text-box--white { color: #ffffff; } #poco_m4_pro .text-box .title, #poco_m4_pro .text-box .desc, #poco_m4_pro .text-box .text { display: block; } #poco_m4_pro .text-box .title { font-size: 36px; line-height: 1.2; } #poco_m4_pro .text-box .title.title--big { font-size: 42px; margin-bottom: 20px; } #poco_m4_pro .text-box .desc { font-size: 22px; line-height: 1.5; margin-top: 25px; font-weight: 700; } #poco_m4_pro .text-box .text { font-size: 15px; line-height: 1.5; margin-top: 25px; font-weight: 300; } #poco_m4_pro .text-box .text.text--small { font-size: 14px; opacity: .5; } #poco_m4_pro .video-box, #poco_m4_pro .image-box { padding: 0 12.5%; } #poco_m4_pro .video-box video { width: 100%; height: auto; } #poco_m4_pro .video a, #poco_m4_pro .video .video-link { position: relative; z-index: 1; display: block; overflow: hidden; cursor: pointer; } #poco_m4_pro .video a img, #poco_m4_pro .video .video-link img { transition: 0.3s ease-in-out transform; } #poco_m4_pro .video a:hover img, #poco_m4_pro .video .video-link:hover img { transform: scale(1.1); } #poco_m4_pro .video a::after, #poco_m4_pro .video .video-link::after { content: ''; position: absolute; transform: translateX(-50%) translateY(-50%); width: 56px; height: 56px; background: url('https://media.mi-home.pl/products/poco-m4-pro/play-btn.png') no-repeat center center / contain; left: 50%; top: 50%; z-index: 2; } @media (max-width: 991.98px) { #poco_m4_pro .text-box { padding: 5%; } #poco_m4_pro .text-box .title { font-size: 26px; } #poco_m4_pro .text-box .title.title--big { font-size: 36px; } #poco_m4_pro .video-box, #poco_m4_pro .image-box { padding: 0 5%; } } @media (max-width: 767.98px) { #poco_m4_pro .text-box .title { font-size: 22px; } #poco_m4_pro .text-box .title.title--big { font-size: 28px; } #poco_m4_pro .text-box .desc { font-size: 18px; margin-top: 10px; } #poco_m4_pro .text-box .text { margin-top: 15px; } } @media only screen and (max-width: 575.98px) { #poco_m4_pro .text-box { padding: 10% 5%; } #poco_m4_pro .text-box .title { font-size: 20px; } #poco_m4_pro .text-box .title.title--big { font-size: 24px; } #poco_m4_pro .text-box .desc { font-size: 16px; } #poco_m4_pro .text-box .text { font-size: 14px; } } @media (min-width: 1200px) { #poco_m4_pro .text-box .text { padding-left: 10%; padding-right: 10%; } #poco_m4_pro .text-box .text { font-size: 18px; } #poco_m4_pro .text-box.text-box--left .text { padding-left: 0; padding-right: 0; } } /* =============== Section 01 =============== */ #poco_m4_pro .section-01 { background-image: url('https://media.mi-home.pl/products/poco-m4-pro/section-01.jpg'); height: 680px; } #poco_m4_pro .section-01 .text-box { padding-left: 60%; padding-top: 15%; } #poco_m4_pro .section-01 .text-box .title { font-weight: 500; } #poco_m4_pro .section-01 .text-box .title img { width: 330px; display: inline-block; margin-bottom: 25px; } #poco_m4_pro .section-01 .text-box .text { margin-top: 25px; font-size: 16px; font-weight: normal; } @media (max-width: 991.98px) { #poco_m4_pro .section-01 { height: 440px; } #poco_m4_pro .section-01 .text-box { padding-left: 55%; padding-top: 12.5%; } #poco_m4_pro .section-01 .text-box .title img { width: 280px; margin-bottom: 15px; } #poco_m4_pro .section-01 .text-box .text { font-size: 15px; margin-top: 15px; } } @media (max-width: 767.98px) { #poco_m4_pro .section-01 .text-box .text { font-size: 14px; } } @media only screen and (max-width: 575.98px) { #poco_m4_pro .section-01 { height: auto; background-size: 160% auto; background-position: left bottom; padding-bottom: 350px; background-color: #DDE3F9; } #poco_m4_pro .section-01 .text-box { padding: 10% 5%; text-align: center; background-color: #DDE3F9; } #poco_m4_pro .section-01 .text-box .title img { width: 220px; } } @media only screen and (max-width: 363.98px) { #poco_m4_pro .section-01 { padding-bottom: 220px; } } @media (min-width: 1200px) { #poco_m4_pro .section-01 { height: 780px; } #poco_m4_pro .section-01 .text-box .text { font-size: 19px; } } @media (min-width: 1600px) { #poco_m4_pro .section-01 { height: 880px; } } /* =============== Section 02 =============== */ #poco_m4_pro .section-02 { padding: 5% 0; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #dfe3ee 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#dfe3ee 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#dfe3ee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfe3ee',GradientType=0 ); /* IE6-9 */ } #poco_m4_pro .section-02 .section-wrapper { max-width: 1080px; width: 90%; margin: 0 auto; } #poco_m4_pro .section-02 .column { display: flex; flex-wrap: wrap; justify-content: space-between; } #poco_m4_pro .section-02 .item-1 { flex: 0 0 calc(43% - 10px); width: calc(43% - 10px); } #poco_m4_pro .section-02 .item-wrapper { flex: 0 0 calc(57% - 10px); width: calc(57% - 10px); } #poco_m4_pro .section-02 .item { position: relative; z-index: 1; margin-bottom: 20px; border-radius: 20px; overflow: hidden; } #poco_m4_pro .section-02 .item .text { position: absolute; z-index: 2; left: 0; top: 50%; transform: translateY(-50%); font-size: 18px; font-weight: 900; padding-left: 50px; } #poco_m4_pro .section-02 .item-1 .text { top: 50px; transform: none; } #poco_m4_pro .section-02 .item-2 .text, #poco_m4_pro .section-02 .item-4 .text { color: #ffffff; } #poco_m4_pro .section-02 .item-3 .text { width: 45%; } @media (max-width: 991.98px) { #poco_m4_pro .section-02 .item .text { font-size: 16px; padding-left: 30px; } #poco_m4_pro .section-02 .item-3 .text { width: 50%; } } @media only screen and (max-width: 575.98px) { #poco_m4_pro .section-02 .item-1, #poco_m4_pro .section-02 .item-wrapper { flex: 0 0 100%; width: 100%; } #poco_m4_pro .section-02 .item { border-radius: 10px; } } @media only screen and (max-width: 363.98px) { #poco_m4_pro .section-02 .item .text { font-size: 15px; padding-left: 15px; } } @media (min-width: 1200px) { #poco_m4_pro .section-02 .item .text { font-size: 20px; } } /* =============== Section 03 =============== */ #poco_m4_pro .section-03 { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffb500+0,ffe700+100 */ background: #ffb500; /* Old browsers */ background: -moz-linear-gradient(45deg, #ffb500 0%, #ffe700 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #ffb500 0%,#ffe700 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #ffb500 0%,#ffe700 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb500', endColorstr='#ffe700',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ padding-bottom: 5%; position: relative; z-index: 1; } #poco_m4_pro .section-03::after { position: absolute; z-index: 2; content: ''; height: 40px; width: 100%; left: 0; top: 0; background-color: #dfe3ee; } #poco_m4_pro .section-03 .section-wrapper { display: flex; flex-wrap: wrap; align-items: center; padding: 0 12.5%; position: relative; z-index: 3; } #poco_m4_pro .section-03 .text-box { flex: 0 0 55%; width: 55%; padding: 0 10% 0 0; } #poco_m4_pro .section-03 .image-wrapper { flex: 0 0 45%; width: 45%; } #poco_m4_pro .section-03 .list { width: 75%; padding: 50px; border-radius: 20px; background-color: #ffffff; margin: 0 auto; display: flex; flex-wrap: wrap; } #poco_m4_pro .section-03 .list .item { flex: 0 0 50%; width: 50%; padding: 40px 20px; color: #191919; display: flex; align-items: center; font-size: 16px; font-weight: 300; } #poco_m4_pro .section-03 .list .item-img { flex: 0 0 64px; width: 64px; padding-right: 10px; } #poco_m4_pro .section-03 .list .item-img img { width: 54px; } #poco_m4_pro .section-03 .list .item .title { display: block; font-weight: 900; font-size: 28px; } @media (max-width: 991.98px) { #poco_m4_pro .section-03::after { height: 20px; } #poco_m4_pro .section-03 .list .item { font-size: 15px; } #poco_m4_pro .section-03 .list .item .title { font-size: 22px; } #poco_m4_pro .section-03 .section-wrapper { padding: 0 5%; } #poco_m4_pro .section-03 .list { width: 90%; padding: 30px; } } @media only screen and (max-width: 575.98px) { #poco_m4_pro .section-03 .text-box, #poco_m4_pro .section-03 .image-wrapper, #poco_m4_pro .section-03 .list .item { flex: 0 0 100%; width: 100%; } #poco_m4_pro .section-03::after { height: auto; } #poco_m4_pro .section-03 .text-box { padding: 10% 5%; text-align: center; } #poco_m4_pro .section-03 .image-wrapper { padding: 0 20%; } #poco_m4_pro .section-03 .list .item { padding: 20px 10px; } #poco_m4_pro .section-03 .list .item .title { font-size: 18px; } } @media (min-width: 1200px) { #poco_m4_pro .section-03::after { height: 70px; } #poco_m4_pro .section-03 .list .item .title { font-size: 36px; } #poco_m4_pro .section-03 .list .item { flex: 0 0 33.3333%; width: 33.3333%; } } /* =============== Section 04 =============== */ #poco_m4_pro .section-04 { background-image: url('https://media.mi-home.pl/products/poco-m4-pro/section-04.png'); height: 680px; } #poco_m4_pro .section-04 .text-box { padding-right: 45%; padding-top: 10%; } #poco_m4_pro .section-04 .list { display: flex; flex-wrap: wrap; padding-top: 30px; } #poco_m4_pro .section-04 .list .item { flex: 0 0 33.3333%; width: 33.3333%; padding: 20px 20px 20px 0; color: #ffffff; } #poco_m4_pro .section-04 .list .item img { width: 64px; } #poco_m4_pro .section-04 .list .item-text { display: block; margin-top: 10px; font-weight: 900; font-size: 16px; } @media (max-width: 991.98px) { #poco_m4_pro .section-04 { height: 560px; } #poco_m4_pro .section-04 .list .item-text { font-size: 15px; } #poco_m4_pro .section-04 .text-box { padding-right: 40%; } } @media only screen and (max-width: 575.98px) { #poco_m4_pro .section-04 { height: auto; background-size: 140% auto; background-position: right bottom; padding-bottom: 300px; background-color: #170E08; } #poco_m4_pro .section-04 .text-box { padding: 10% 5%; text-align: center; } #poco_m4_pro .section-04 .list .item-text { font-size: 14px; } } @media only screen and (max-width: 363.98px) { #poco_m4_pro .section-04 { padding-bottom: 200px; } #poco_m4_pro .section-04 .list .item { flex: 0 0 100%; width: 100%; padding: 20px 10px; } } @media (min-width: 1200px) { #poco_m4_pro .section-04 { height: 760px; } #poco_m4_pro .section-04 .text-box { padding-right: 50%; } #poco_m4_pro .section-04 .list .item-text { font-size: 20px; } } @media (min-width: 1620px) { #poco_m4_pro .section-04 { height: 860px; } } @media (min-width: 2080px) { #poco_m4_pro .section-04 { height: 960px; } } /* =============== Section 05 =============== */ #poco_m4_pro .section-05 { background-image: url('https://media.mi-home.pl/products/poco-m4-pro/section-05.jpg'); height: 760px; } #poco_m4_pro .section-05 .text-box .title span { display: block; color: #f3cf32; margin-top: 10px; } @media (max-width: 991.98px) { #poco_m4_pro .section-05 { height: 680px; } } @media (max-width: 767.98px) { #poco_m4_pro .section-05 { height: 560px; } } @media (min-width: 1200px) { #poco_m4_pro .section-05 { height: 880px; } } @media (min-width: 1620px) { #poco_m4_pro .section-05 { height: 980px; } } @media (min-width: 2080px) { #poco_m4_pro .section-05 { height: 1080px; } } /* =============== Section 06 =============== */ #poco_m4_pro .section-06 { background-image: url('https://media.mi-home.pl/products/poco-m4-pro/section-06.jpg'); height: 660px; } #poco_m4_pro .section-06 .text-box { padding-right: 50%; padding-top: 10%; } #poco_m4_pro .section-06 .list { display: flex; flex-wrap: wrap; padding-top: 30px; } #poco_m4_pro .section-06 .list .item { flex: 0 0 100%; width: 100%; padding: 10px 10px 10px 0; color: #191919; } #poco_m4_pro .section-06 .list .title { font-weight: 900; font-size: 28px; } #poco_m4_pro .section-06 .list .text { margin-top: 0; } @media (max-width: 991.98px) { #poco_m4_pro .section-06 { height: 560px; } } @media (max-width: 767.98px) { #poco_m4_pro .section-06 { height: 480px; } #poco_m4_pro .section-06 .text-box { padding-right: 40%; padding-top: 5%; } #poco_m4_pro .section-06 .list { padding-top: 15px; } #poco_m4_pro .section-06 .list .title { font-size: 24px; } } @media only screen and (max-width: 575.98px) { #poco_m4_pro .section-06 { height: auto; background-size: 160% auto; background-position: right bottom; padding-bottom: 250px; background-color: #ffffff; } #poco_m4_pro .section-06 .text-box { padding: 10% 5%; text-align: center; } #poco_m4_pro .section-06 .list .title { font-size: 20px; } } @media only screen and (max-width: 363.98px) { #poco_m4_pro .section-06 { padding-bottom: 200px; } } @media (min-width: 1200px) { #poco_m4_pro .section-06 { height: 780px; } #poco_m4_pro .section-06 .list .title { font-size: 36px; } #poco_m4_pro .section-06 .list .item { padding: 20px 20px 20px 0; } } @media (min-width: 1400px) { #poco_m4_pro .section-06 .list .item { flex: 0 0 33.3333%; width: 33.3333%; } } @media (min-width: 1620px) { #poco_m4_pro .section-06 { height: 880px; } } @media (min-width: 2080px) { #poco_m4_pro .section-06 { height: 980px; } } /* =============== Section 07 =============== */ #poco_m4_pro .section-07 { position: relative; z-index: 1; background: #e5edfa; /* Old browsers */ background: -moz-linear-gradient(45deg, #e5edfa 0%, #e5edfa 50%, #d1daf0 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #e5edfa 0%,#e5edfa 50%,#d1daf0 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #e5edfa 0%,#e5edfa 50%,#d1daf0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5edfa', endColorstr='#d1daf0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } #poco_m4_pro .section-07::after { background-color: #FECE00; content: ''; position: absolute; z-index: 2; height: 50%; width: 100%; bottom: 0; left: 0; } #poco_m4_pro .section-07 .section-wrapper { width: 90%; margin: 0 auto; padding: 5% 5% 0; overflow: hidden; border-radius: 20px; background-color: #0D0C08; position: relative; z-index: 3; } #poco_m4_pro .section-07 .text-box { padding: 5%; } #poco_m4_pro .section-07 .text-box .title span { display: block; color: #f3cf32; margin-top: 10px; } #poco_m4_pro .section-07 .list { display: flex; justify-content: center; } #poco_m4_pro .section-07 .list .item { padding: 20px; color: #ffffff; display: flex; align-items: center; font-size: 16px; font-weight: 300; } #poco_m4_pro .section-07 .list .item-img { flex: 0 0 88px; width: 88px; padding-right: 10px; } #poco_m4_pro .section-07 .list .item-img img { width: 78px; } #poco_m4_pro .section-07 .list .item .title { display: block; font-weight: 900; font-size: 28px; color: #FECE00; } @media (max-width: 991.98px) { #poco_m4_pro .section-07 .list .item { font-size: 15px; } #poco_m4_pro .section-07 .list .item .title { font-size: 22px; } } @media only screen and (max-width: 575.98px) { #poco_m4_pro .section-07 .list .item { font-size: 14px; } #poco_m4_pro .section-07 .list .item .title { font-size: 18px; } } @media (min-width: 1200px) { #poco_m4_pro .section-07 .list .item .title { font-size: 36px; } } @media (min-width: 1400px) { #poco_m4_pro .section-07 .section-wrapper { width: 80%; } } /* =============== Section 08 =============== */ #poco_m4_pro .section-08 { background-color: #FECE00; } #poco_m4_pro .section-08 .text-box { padding-bottom: 0; } /* =============== Section 09 =============== */ #poco_m4_pro .section-09 { padding: 5% 0 7.5%; } #poco_m4_pro .section-09 .text-box { padding-bottom: 0; } #poco_m4_pro .section-09 .list { display: flex; flex-wrap: wrap; max-width: 1080px; width: 90%; margin: 0 auto; } #poco_m4_pro .section-09 .list .item { padding: 20px; color: #191919; flex: 0 0 25%; width: 25%; display: flex; align-items: center; font-size: 16px; font-weight: 300; } #poco_m4_pro .section-09 .list .item-img { flex: 0 0 68px; width: 68px; } #poco_m4_pro .section-09 .list .item-img img { width: 68px; } #poco_m4_pro .section-09 .list .item .title { display: block; font-weight: 900; font-size: 28px; } @media (max-width: 991.98px) { #poco_m4_pro .section-09 .list .item { font-size: 15px; } #poco_m4_pro .section-09 .list .item .title { font-size: 22px; } } @media (max-width: 767.98px) { #poco_m4_pro .section-09 .list .item { flex: 0 0 50%; width: 50%; } } @media only screen and (max-width: 575.98px) { #poco_m4_pro .section-09 .list .item { font-size: 14px; } #poco_m4_pro .section-09 .list .item .title { font-size: 18px; } } @media only screen and (max-width: 363.98px) { #poco_m4_pro .section-09 .list .item { flex: 0 0 100%; width: 100%; } } /* =============== Section 10 =============== */ #poco_m4_pro .section-10 { background-color: #FFD600; } #poco_m4_pro .section-10 .section-wrapper { padding-left: 40%; position: relative; z-index: 1; } #poco_m4_pro .section-10 .list { position: absolute; z-index: 2; left: 10%; top: 15%; width: 30%; } #poco_m4_pro .section-10 .list .item { color: #191919; margin: 30px 0; position: relative; z-index: 1; } #poco_m4_pro .section-10 .list .item img { height: 80px; } #poco_m4_pro .section-10 .list .item .text { position: absolute; z-index: 2; bottom: 10px; left: 60px; white-space: nowrap; font-size: 16px; } @media (max-width: 991.98px) { #poco_m4_pro .section-10 .list { left: 5%; top: 0; } #poco_m4_pro .section-10 .list .item .text { font-size: 15px; } } @media (max-width: 767.98px) { #poco_m4_pro .section-10 .list { position: static; width: 100%; padding-left: 10%; } #poco_m4_pro .section-10 .section-wrapper { padding-left: 10%; padding-right: 10%; } } @media only screen and (max-width: 575.98px) { #poco_m4_pro .section-10 .list .item .text { font-size: 14px; } } @media only screen and (max-width: 363.98px) { #poco_m4_pro .section-10 .list, #poco_m4_pro .section-10 .section-wrapper { padding-left: 5%; padding-right: 5%; } #poco_m4_pro .section-10 .list .item .text { font-size: 12px; } } @media (min-width: 1200px) { #poco_m4_pro .section-10 .list .item img { height: 100px; } #poco_m4_pro .section-10 .section-wrapper { padding-left: 30%; } #poco_m4_pro .section-10 .list .item .text { bottom: 15px; left: 75px; } #poco_m4_pro .section-10 .list .item { margin: 60px 0; } } /* =============== Section 11 & 12 =============== */ #poco_m4_pro .section-11 .image-wrapper, #poco_m4_pro .section-12 .image-wrapper { max-width: 1080px; width: 90%; margin: 0 auto; overflow: hidden; border-radius: 20px; } #poco_m4_pro .section-12 .image-wrapper { position: relative; z-index: 1; } #poco_m4_pro .section-12 .image-text { position: absolute; z-index: 2; bottom: 40px; left: 0; width: 100%; display: flex; } #poco_m4_pro .section-12 .image-text .item { flex: 0 0 50%; width: 50%; font-size: 22px; color: #ffffff; text-align: center; font-weight: 900; } /* =============== Section 14 =============== */ #poco_m4_pro .section-14 { padding: 7.5% 5%; } #poco_m4_pro .section-14 .section-wrapper { max-width: 1080px; margin: 0 auto; width: 100%; display: flex; justify-content: space-between; } #poco_m4_pro .section-14 .column img { display: inline-block; margin-bottom: 20px; } #poco_m4_pro .section-14 .column-1 { flex: 0 0 calc(60% - 10px); width: calc(60% - 10px); } #poco_m4_pro .section-14 .column-2 { flex: 0 0 calc(40% - 10px); width: calc(40% - 10px); } /* =============== Section 15 =============== */ #poco_m4_pro .section-15 { background-color: #171717; padding: 0 0 7.5%; } #poco_m4_pro .section-15 .slider-box { max-width: 1080px; width: 90%; margin: 0 auto; } #poco_m4_pro .section-15 .list { display: flex; justify-content: center; padding: 30px 5% 0; } #poco_m4_pro .section-15 .list .item { display: flex; align-items: center; padding: 20px; color: #ffffff; font-weight: 900; line-height: 1; font-size: 16px; } #poco_m4_pro .section-15 .list .item img { display: inline-block; width: 20px; margin-right: 10px; } @media (max-width: 767.98px) { #poco_m4_pro .section-15 .list .item { font-size: 15px; } } @media only screen and (max-width: 575.98px) { #poco_m4_pro .section-15 .list .item { font-size: 14px; padding: 10px; } } /* =============== Section 16 =============== */ #poco_m4_pro .section-16 { background-image: url('https://media.mi-home.pl/products/poco-m4-pro/section-16.png'); height: 680px; } #poco_m4_pro .section-16 .text-box { padding-right: 45%; } #poco_m4_pro .section-16 .list { padding-top: 30px; display: flex; flex-wrap: wrap; } #poco_m4_pro .section-16 .list .item { color: #191919; padding: 20px; text-align: center; flex: 0 0 33.3333%; width: 33.3333%; font-size: 16px; } #poco_m4_pro .section-16 .list .item img { width: 66px; } #poco_m4_pro .section-16 .list .item .text { display: block; font-weight: 900; margin-top: 10px; } @media (max-width: 767.98px) { #poco_m4_pro .section-16 .list .item { padding: 20px 10px; font-size: 15px; } } @media only screen and (max-width: 575.98px) { #poco_m4_pro .section-16 { height: auto; background-size: 150% auto; background-position: right bottom; padding-bottom: 350px; background-color: #F9FAFD; } #poco_m4_pro .section-16 .text-box { padding: 10% 5%; text-align: center; } #poco_m4_pro .section-16 .list .item { font-size: 14px; } } @media only screen and (max-width: 363.98px) { #poco_m4_pro .section-16 { padding-bottom: 250px; } #poco_m4_pro .section-16 .list .item { flex: 0 0 50%; width: 50%; } } @media (min-width: 1200px) { #poco_m4_pro .section-16 { height: 780px; } #poco_m4_pro .section-16 .text-box { padding-right: 50%; } } @media (min-width: 1620px) { #poco_m4_pro .section-16 { height: 880px; } } @media (min-width: 2080px) { #poco_m4_pro .section-16 { height: 980px; } } /* =============== Section 17 =============== */ #poco_m4_pro .section-17 { background-image: url('https://media.mi-home.pl/products/poco-m4-pro/section-17.png'); height: 660px; } @media (max-width: 991.98px) { #poco_m4_pro .section-17 { height: 560px; } } @media (max-width: 767.98px) { #poco_m4_pro .section-17 { height: 440px; } } @media only screen and (max-width: 575.98px) { #poco_m4_pro .section-17 { height: auto; background-size: 120% auto; background-position: center bottom; padding-bottom: 180px; background-color: #FFC500; } #poco_m4_pro .section-17 .text-box { padding: 10% 5%; text-align: center; background-color: #FFC500; } } @media only screen and (max-width: 363.98px) { #poco_m4_pro .section-17 { padding-bottom: 120px; } } @media (min-width: 1200px) { #poco_m4_pro .section-17 { height: 780px; } } @media (min-width: 1620px) { #poco_m4_pro .section-17 { height: 880px; } } @media (min-width: 2080px) { #poco_m4_pro .section-17 { height: 980px; } } /* =============== Section 18 =============== */ #poco_m4_pro .section-18 { padding: 5% 0; } #poco_m4_pro .section-18 .section-wrapper { max-width: 1080px; width: 90%; margin: 0 auto; overflow: hidden; border-radius: 20px; position: relative; z-index: 1; } #poco_m4_pro .section-18 .text-box { position: absolute; z-index: 2; top: 50%; left: 60%; width: 35%; transform: translateY(-50%); padding: 0; } @media (max-width: 767.98px) { #poco_m4_pro .section-18 .section-wrapper { border-radius: 10px; } } @media only screen and (max-width: 575.98px) { #poco_m4_pro .section-18 .text-box { position: static; text-align: center; color: #191919; width: 100%; transform: none; padding: 10% 5%; } #poco_m4_pro .section-18 .section-wrapper img { border-radius: 10px; } } /* =============== Section 20 =============== */ #poco_m4_pro .section-20 { padding-bottom: 5%; background-color: #333333; } #poco_m4_pro .section-20 .text-box .title { color: #fbd300; } #poco_m4_pro .section-20 .list { max-width: 1080px; width: 90%; margin: 0 auto; display: flex; flex-wrap: wrap; } #poco_m4_pro .section-20 .list .item { flex: 0 0 25%; width: 25%; padding: 20px; text-align: center; color: #fbd300; font-size: 16px; } #poco_m4_pro .section-20 .list .item img { width: 96px; } #poco_m4_pro .section-20 .list .item .text { display: block; margin-top: 10px; } @media (max-width: 767.98px) { #poco_m4_pro .section-20 .list .item { font-size: 15px; } #poco_m4_pro .section-20 .list .item img { width: 80px; } } @media only screen and (max-width: 575.98px) { #poco_m4_pro .section-20 .list .item { font-size: 14px; } #poco_m4_pro .section-20 .list .item { flex: 0 0 50%; width: 50%; } } /* =============== Section spec =============== */ #poco_m4_pro .section-notes { padding: 3.5% 12.5%; margin: 0 auto; } #poco_m4_pro .section-notes ul { margin: 0; padding: 0; list-style: none; } #poco_m4_pro .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) { #poco_m4_pro .section-notes { padding: 5%; } #poco_m4_pro .section-notes ul li { font-size: 13px; } } @media (min-width: 1200px) { #poco_m4_pro .section-notes { padding: 3.5% 0; max-width: 1164px; } } /* =============== Slider =============== */ #poco_m4_pro .slick-dots { bottom: 35px; } #poco_m4_pro .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; } #poco_m4_pro .slick-dots li.slick-active button::before, #poco_m4_pro .slick-dots li:hover button::before { opacity: 1; } #poco_m4_pro .slick-dotted.slick-slider { margin-bottom: 0; padding: 0; } #poco_m4_pro .slick-slider > .slider-item { display: none; } #poco_m4_pro .slick-slider > .slider-item:first-child { display: block; } #poco_m4_pro .slick-slider .slick-dots li button { border-radius: 30px; } #poco_m4_pro .slick-slider .slick-dots li button { background: #fff; transition: 0.3s ease-in-out opacity; opacity: .25; width: 15px; height: 15px; } #poco_m4_pro .slick-slider .slick-dots li.slick-active button, #poco_m4_pro .slick-slider .slick-dots li button:hover { background: #fff; opacity: 1; } #poco_m4_pro .slick-dots li button::before { content: none; } @media (max-width: 767.98px) { #poco_m4_pro .slick-dots { bottom: 15px; } } /* If you're copying, you are a very bad person. Very. */ require( ['aos'], function (AOS) { AOS.init({ once: true }); } ); require( [ 'jquery', 'Amasty_Base/vendor/slick/slick.min' ], function ($) { $('.slider-fade').slick({ infinite: true, arrows: false, autoplay: true, dots: false, fade: true, cssEase: 'linear' }); $('.slider-standard').slick({ infinite: true, arrows: false, autoplay: true, dots: true, }); } ); Zmaksymalizuj zabawę AMOLED 90Hz Potrójny aparat 64 MP Szybkie ładowanie 33W Pro 90Hz FHD+ AMOLED DotDisplay Wysokowydajny MediaTek Helio G96 Potrójny aparat 64 MP o wysokiej rozdzielczości Obiektywy ultraszerokokątny i makro Szybkie ładowanie 33W Pro Bateria 5000mAh (typ) Wyświetlacz AMOLED 90 Hz FHD+ DotDisplay. Wybitny i najlepszy w swojej klasie. Tak, to nie pomyłka! Seria POCO M wykorzystuje teraz wyświetlacz AMOLED z obsługą standardu DCI-P3. Kinowa, szeroka gama kolorów w połączeniu z bardzo wysokim kontrastem pozwoli Ci zanurzyć się w wirtualnym świecie. DCI-P3 Obsługa 90Hz Wysoka częstotliwość odświeżania FHD+ 2400 × 1080 1000 nitów Maksymalna jasność ekranu 4 500 000:1 Współczynnik kontrastu 180Hz Częstotliwość próbkowania dotyku Łagodnie podświetlany wyświetlacz dla ochrony oczu POCO M4 Pro jest wyposażony w rewelacyjny czujnik światła, który wykrywa delikatne zmiany oświetlenia i stale dostosowuje jasność wyświetlacza do komfortowego poziomu. Możesz z łatwością czytać wieczorami i wyraźnie widzieć nawet w jasnym świetle słonecznym. Wyświetlacz z certyfikatem Eye Care Display zmniejsza ryzyko uszkodzenia oczu spowodowane przez niebieskie światło. Tryb czytania 3.0 Wyświetlanie w świetle słonecznym Certyfikat SGS Eye Care Display MediaTek Helio G96 Wysokowydajny ośmiordzeniowy procesor Połączenie rdzeni ARM Cortex-A76 i Cortex-A55 w szybkim procesorze dla zapewnienia płynnej i stabilnej pracy. LPDDR4X + UFS 2.2 Rozbudowana pamięć masowa i szybsza reakcja Technologia rozszerzania pamięci RAM zwiększa pojemność 8 GB RAM do równowartości 11 GB*, dzięki czemu będziesz płynnie i bezproblemowo otwierać aplikacje! 139%* Szybszy niż UFS 2.1 LPDDR4X Do 8 GB RAM UFS2.2 Do 256 GB ROM Technologia LiquidCool 1.0 Plus dla utrzymania optymalnej wydajności przez całą dobę W POCO M4 Pro zastosowano duży przewód cieplny D5 z wieloma warstwami materiału rozpraszającego ciepło o całkowitej powierzchni 10005 mm²*. Pozwala to na schłodzenie obudowy podczas szybkiego ładowania, dzięki czemu jest ono wydajniejsze, a praca wyjątkowo stabilna. 10005 mm² Obszar rozpraszający ciepło Szybkie ładowanie 33 W Zaawansowana technologia MMT pozwala POCO M4 Pro osiągnąć bardzo wysoką wydajność ładowania, dzięki czemu możesz cieszyć się 2 godzinami odtwarzania wideo po zaledwie 10 minutach ładowania*. Akumulator o dużej pojemności 5000 mAh - cienki, lekki i wyjątkowy godzin rozmów godzin odtwarzania muzyki godziny odtwarzania wideo godzin nawigacji Potrójny aparat o rozdzielczości 64 MP - imponujące możliwości Po raz pierwszy aparat POCO serii M został wyposażony w główną kamerę o wysokiej rozdzielczości 64 MP. Potrójna konfiguracja aparatów współpracuje ze sobą, aby spełnić Twoje kreatywne potrzeby we wszystkich możliwych aspektach. Ciesz się wyjątkową wydajnością w każdej sytuacji - od majestatycznych krajobrazów, przez bardzo drobne szczegóły, po profesjonalne portrety. Aparat główny o wysokiej rozdzielczości Obiektyw ultraszerokokątny Obiektyw makro Flagowy aparat 64 MP - jeszcze więcej szczegółów Doskonała rozdzielczość HDR, bardziej naturalne podświetlenie WŁ. WYŁ. Nie krępuj się i fotografuj! Każde zdjęcie będzie się świetnie prezentować! Unikalna konstrukcja z płaskimi krawędziami Innowacyjna, modna konstrukcja Flat-edge w połączeniu z charakterystycznym wzornictwem POCO sprawi, że zawsze będziesz wyróżniać się z tłumu. Przy wadze 179,5 g i maksymalnej grubości 8,09 mm jest to najlżejszy i najsmuklejszy smartfon z serii POCO M. Power Black POCO Yellow Cool Blue Stuknij dwukrotnie przycisk zasilania, aby aktywować jeszcze więcej funkcji Sensor linii papilarnych i przycisk zasilania zostały zintegrowane w celu łatwiejszego i szybszego odblokowywania. W ustawieniach możesz dodać wiele funkcji skrótów - wystarczy dwukrotne kliknięcie, aby zapewnić sobie jeszcze większą wygodę. Aparat fotograficzny Zrzut ekranu Latarka Kalkulator Asystent głosowy Tryb cichy Podwójne głośniki to uczta dla uszu Model POCO M4 Pro jest wyposażony w dwa głośniki zapewniające wyraźne, bogate efekty stereofoniczne, które zapewnią Ci niesamowite wrażenia. Silnik liniowy osi Z Silnik liniowy osi Z i systemowe dostrajanie drgań zapewniają bardziej zróżnicowane i realistyczne wrażenia przy obsłudze dotykowej. Więcej flagowych rozwiązań Wielofunkcyjne NFC Gniazdo słuchawkowe 3,5 mm Radio FM* Pilot na podczerwień Uwagi: * Zdjęcia na tej stronie są ilustracją, a wygląd rzeczywistego produktu może się różnić. * Schematy funkcjonalne przedstawione na tej stronie mają charakter poglądowy. Nie przedstawiają one ostatecznej konfiguracji, która zostanie określona na podstawie rzeczywistych produktów. * Dane dotyczące wzrostu szybkości zapisu UFS pochodzą z laboratorium wewnętrznego. Konkretne wartości mogą się nieznacznie różnić w zależności od środowiska testowego. Rzeczywiste wartości mogą się różnić w zależności od warunków środowiskowych. * Wszystkie dane na tej stronie dotyczące LiquidCool Technology 1.0 Plus zostały uzyskane w laboratoriach wewnętrznych. Rzeczywiste wyniki mogą się różnić w zależności od różnic w wersji oprogramowania, środowiska i edycji telefonu i mogą nie odzwierciedlać osiągnięć rzeczywistego produktu. * Wszystkie dane na tej stronie dotyczące ładowania i czasu pracy baterii zostały uzyskane w laboratoriach wewnętrznych. Rzeczywiste wyniki mogą się różnić w zależności od różnic w wersji oprogramowania, środowiska i edycji telefonu i mogą nie odzwierciedlać rzeczywistego produktu. * Grubość może się nieznacznie różnić w zależności od wariantu kolorystycznego.