POCO F4 — 8/256GB / Nebula Green

/* =============== POCO F4 =============== */ #poco_f4 { font-size: 16px; overflow: hidden; color: #ffffff; background-color: #020100; } #poco_f4 ul, #poco_f4 ol { list-style: none; padding-left: 0; } #poco_f4 video, #poco_f4 img { vertical-align: middle; } #poco_f4 video { width: 100%; height: auto; } #poco_f4.xiaomi_container { max-width: 2560px; } #poco_f4 .section { line-height: 1.2; } #poco_f4 .section-bg { background-size: cover; background-position: center center; background-repeat: no-repeat; } #poco_f4 .font-bold { font-weight: 900; } #poco_f4 .font-light { font-weight: 300; } #poco_f4 .text-box { text-align: center; color: #191919; padding: 5% 12.5%; } #poco_f4 .text-box.text-box--left { text-align: left; } #poco_f4 .text-box--white { color: #ffffff; } #poco_f4 .font-color { color: #ffd200; } #poco_f4 .text-box .title, #poco_f4 .text-box .desc, #poco_f4 .text-box .text { display: block; } #poco_f4 .text-box .title { font-size: 32px; line-height: 1.2; } #poco_f4 .text-box .title.title--big { font-size: 42px; margin-bottom: 20px; } #poco_f4 .text-box .desc { font-size: 22px; line-height: 1.5; margin-top: 25px; font-weight: 700; } #poco_f4 .text-box .text { font-size: 15px; line-height: 1.5; margin-top: 25px; font-weight: 300; } #poco_f4 .text-box .text.text--small { font-size: 14px; opacity: .5; } #poco_f4 .video-box, #poco_f4 .image-box { padding: 0 12.5%; } #poco_f4 .video-box video { width: 100%; height: auto; } #poco_f4 .video a, #poco_f4 .video .video-link { position: relative; z-index: 1; display: block; overflow: hidden; cursor: pointer; } #poco_f4 .video a img, #poco_f4 .video .video-link img { transition: 0.3s ease-in-out transform; } #poco_f4 .video a:hover img, #poco_f4 .video .video-link:hover img { transform: scale(1.1); } #poco_f4 .video a::after, #poco_f4 .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-f4/play-btn.png') no-repeat center center / contain; left: 50%; top: 50%; z-index: 2; } @media (max-width: 991.98px) { #poco_f4 .text-box { padding: 5%; } #poco_f4 .text-box .title { font-size: 26px; } #poco_f4 .text-box .title.title--big { font-size: 36px; } #poco_f4 .video-box, #poco_f4 .image-box { padding: 0 5%; } } @media (max-width: 767.98px) { #poco_f4 .text-box .title { font-size: 22px; } #poco_f4 .text-box .title.title--big { font-size: 28px; } #poco_f4 .text-box .desc { font-size: 18px; margin-top: 10px; } #poco_f4 .text-box .text { margin-top: 15px; } } @media only screen and (max-width: 575.98px) { #poco_f4 .text-box { padding: 10% 5%; } #poco_f4 .text-box .title { font-size: 20px; } #poco_f4 .text-box .title.title--big { font-size: 24px; } #poco_f4 .text-box .desc { font-size: 16px; } #poco_f4 .text-box .text { font-size: 14px; } } @media (min-width: 1200px) { #poco_f4 .text-box .text { padding-left: 10%; padding-right: 10%; } #poco_f4 .text-box .title { font-size: 36px; } #poco_f4 .text-box .text { font-size: 18px; } #poco_f4 .text-box.text-box--left .text { padding-left: 0; padding-right: 0; } } @media (min-width: 1400px) { #poco_f4 .text-box .title { font-size: 42px; } } /* =============== Floating text-box =============== */ #poco_f4 .section.section-float { position: relative; z-index: 1; height: 520px; } #poco_f4 .section.section-float--big { height: 680px; } #poco_f4 .section .text-box.text-box-float { padding: 0; position: absolute; z-index: 2; top: 50%; width: 40%; transform: translateY(-50%); } #poco_f4 .section .text-box.text-box-float--left { left: 5%; } #poco_f4 .section .text-box.text-box-float--right { left: 55%; width: 40%; } @media (max-width: 991.98px) { #poco_f4 .section.section-float { height: 420px; } #poco_f4 .section.section-float--big { height: 560px; } #poco_f4 .section .text-box.text-box-float--right { left: 55%; width: 40%; } } @media (max-width: 767.98px) { #poco_f4 .section.section-float { height: auto; background-position: center bottom; background-size: 160% auto; background-color: #ffffff; padding-bottom: 450px; } #poco_f4 .section .text-box.text-box-float, #poco_f4 .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) { #poco_f4 .section.section-float { padding-bottom: 300px; } } @media only screen and (max-width: 363.98px) { #poco_f4 .section.section-float { padding-bottom: 220px; } } @media (min-width: 1200px) { #poco_f4 .section.section-float { height: 620px; } #poco_f4 .section.section-float--big { height: 820px; } #poco_f4 .section .text-box.text-box-float { width: 40%; } #poco_f4 .section .text-box.text-box-float--left { left: 12.5%; } #poco_f4 .section .text-box.text-box-float--right { width: 35%; } } @media (min-width: 1620px) { #poco_f4 .section.section-float { height: 820px; } #poco_f4 .section.section-float--big { height: 980px; } #poco_f4 .section .text-box.text-box-float { width: 35%; } #poco_f4 .section .text-box.text-box-float--right { left: 55%; } } @media (min-width: 2080px) { #poco_f4 .section.section-float { height: 1080px; } #poco_f4 .section.section-float--big { height: 1180px; } } /* =============== Section 01 =============== */ #poco_f4 .section-01 { background-image: url('https://media.mi-home.pl/products/poco-f4/section-01.png'); height: 580px; } #poco_f4 .section-01 .text-box { padding-right: 50%; padding-top: 10%; } #poco_f4 .section-01 .text-box .title { color: #ffd200; font-weight: 500; } #poco_f4 .section-01 .text-box .title img { width: 220px; display: inline-block; margin-bottom: 30px; } #poco_f4 .section-01 .text-box .text { margin-top: 25px; font-size: 16px; font-weight: normal; color: #ffffff; } @media (max-width: 991.98px) { #poco_f4 .section-01 { height: 440px; } #poco_f4 .section-01 .text-box .title img { width: 180px; margin-bottom: 15px; } #poco_f4 .section-01 .text-box .text { font-size: 15px; margin-top: 15px; } } @media (max-width: 767.98px) { #poco_f4 .section-01 { height: auto; background-size: 140% auto; background-position: right bottom; padding-bottom: 450px; background-color: #303246; } #poco_f4 .section-01 .text-box { padding: 10% 5%; text-align: center; } #poco_f4 .section-01 .text-box .text { font-size: 14px; } } @media only screen and (max-width: 575.98px) { #poco_f4 .section-01 { padding-bottom: 300px; } #poco_f4 .section-01 .text-box { padding: 15% 5% 10%; } #poco_f4 .section-01 .text-box .title img { width: 160px; } } @media only screen and (max-width: 363.98px) { #poco_f4 .section-01 { padding-bottom: 250px; } } @media (min-width: 1200px) { #poco_f4 .section-01 { height: 680px; } #poco_f4 .section-01 .text-box .title { font-size: 36px; } #poco_f4 .section-01 .text-box .text { font-size: 19px; } } @media (min-width: 1600px) { #poco_f4 .section-01 { height: 780px; } } @media (min-width: 2080px) { #poco_f4 .section-01 { height: 880px; } } /* =============== Section 02 =============== */ #poco_f4 .section-02 { background-color: #000000; position: relative; z-index: 1; padding-top: 2.5%; } #poco_f4 .section-02 .list { max-width: 680px; width: 90%; margin: 0 auto; display: flex; flex-wrap: wrap; } #poco_f4 .section-02 .list .item { color: #ffffff; font-size: 15px; flex: 0 0 50%; width: 50%; padding: 10px 20px; text-align: center; } #poco_f4 .section-02 .list .item:first-child { border-right: 2px solid #ffd200; } #poco_f4 .section-02 .list .item .title { font-weight: bold; margin-bottom: 15px; font-size: 28px; } #poco_f4 .section-02 .text-bottom { color: #ffffff; font-size: 15px; font-weight: 300; position: absolute; z-index: 2; width: 100%; left: 0; bottom: 0; padding: 20px 5% 5%; text-align: center; } @media (max-width: 991.98px) { #poco_f4 .section-02 .list .item .title { font-size: 24px; } } @media (max-width: 767.98px) { #poco_f4 .section-02 .list .item .title { font-size: 20px; } } @media only screen and (max-width: 575.98px) { #poco_f4 .section-02 .list .item { font-size: 14px; } #poco_f4 .section-02 .list .item .title { font-size: 18px; } } @media (min-width: 1200px) { #poco_f4 .section-02 .list .item .title { font-size: 36px; } } /* =============== Section 03 =============== */ #poco_f4 .section-03 { position: relative; z-index: 1; background-color: #222535; } #poco_f4 .section-03 .text-box { position: absolute; z-index: 2; padding: 0; width: 35%; left: 60%; top: 50%; transform: translateY(-50%); } #poco_f4 .section-03 .box-info { background-image: url('https://media.mi-home.pl/products/poco-f4/section-03_label.png'); background-repeat: no-repeat; background-size: 100% auto; background-position: top left; width: 240px; margin-top: 30px; text-align: center; padding: 15px; height: 100px; } #poco_f4 .section-03 .box-info .title { font-weight: 600; font-size: 32px; } #poco_f4 .section-03 .box-info .text { margin-top: 0; } @media (max-width: 991.98px) { #poco_f4 .section-03 .box-info .title { font-size: 24px; } #poco_f4 .section-03 .box-info { width: 200px; margin-top: 20px; padding: 10px; height: 85px; } } @media (max-width: 767.98px) { #poco_f4 .section-03 .text-box { position: static; transform: none; text-align: center; padding: 10% 5%; width: 100%; } #poco_f4 .section-03 .box-info { margin: 20px auto 0; padding-top: 20px; } #poco_f4 .section-03 .box-info .title { font-size: 20px; } #poco_f4 .section-03 .image-wrapper { overflow: hidden; } #poco_f4 .section-03 .image-wrapper img { width: 150%; max-width: none; } } /* =============== Section 04 =============== */ #poco_f4 .section-04 { background-color: #ffdd0b; margin-top: -35px; } #poco_f4 .section-04 .text-box { padding-bottom: 0; } /* =============== Section 05 =============== */ #poco_f4 .section-05 { background-color: #000000; } #poco_f4 .section-05 .text-box { padding-bottom: 0; } #poco_f4 .section-05 .box-info { background-image: url('https://media.mi-home.pl/products/poco-f4/section-05_label.png'); background-repeat: no-repeat; background-size: 100% auto; background-position: top left; width: 350px; text-align: center; padding: 8px 10px; height: 62px; margin: 60px auto 0; } #poco_f4 .section-05 .box-info .desc { font-size: 32px; margin-top: 0; } #poco_f4 .section-05 .box-info .desc span { font-size: 20px; font-weight: 500; } @media (max-width: 991.98px) { #poco_f4 .section-05 .box-info .desc { font-size: 28px; } } @media (max-width: 767.98px) { #poco_f4 .section-05 .box-info { padding-top: 12px; margin-top: 30px; } #poco_f4 .section-05 .box-info .desc { font-size: 24px; } #poco_f4 .section-05 .box-info .desc span { font-size: 16px; } } @media only screen and (max-width: 575.98px) { #poco_f4 .section-05 .box-info { width: 280px; padding-top: 6px; } } /* =============== Section 06 =============== */ #poco_f4 .section-06 { position: relative; z-index: 1; background-color: #1E2231; } #poco_f4 .section-06 .text-box { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; padding-top: 2.5%; } #poco_f4 .section-06 .list { display: flex; flex-wrap: wrap; margin: 30px auto 50px; width: 90%; max-width: 1280px; } #poco_f4 .section-06 .list .item { flex: 0 0 33.3333%; width: 33.3333%; padding: 20px; text-align: center; color: #ffffff; border-right: 1px solid #ffffff; } #poco_f4 .section-06 .list .item:nth-child(-n+3) { border-bottom: 1px solid #ffffff; } #poco_f4 .section-06 .list .item:nth-child(3n + 3) { border-right: none; } #poco_f4 .section-06 .list .item .title { font-size: 24px; font-weight: bold; } #poco_f4 .section-06 .list .item .text { margin-top: 5px; font-size: 16px; } #poco_f4 .section-06 .text-box img { width: 288px; } @media (max-width: 991.98px) { #poco_f4 .section-06 .text-box { position: relative; z-index: 3; background-color: #1E2231; } #poco_f4 .section-06 .list .item .title { font-size: 20px; } #poco_f4 .section-06 .image-wrapper { margin-top: -200px; } } @media (max-width: 767.98px) { #poco_f4 .section-06 .list .item { flex: 0 0 50%; width: 50%; } #poco_f4 .section-06 .list .item .title { font-size: 18px; } #poco_f4 .section-06 .list .item .text { font-size: 15px; } #poco_f4 .section-06 .list .item:nth-child(-n+4) { border-bottom: 1px solid #ffffff; } #poco_f4 .section-06 .list .item:nth-child(3n + 3) { border-right: 1px solid #ffffff; } #poco_f4 .section-06 .list .item:nth-child(2n + 2) { border-right: none; } } @media only screen and (max-width: 575.98px) { #poco_f4 .section-06 .list .item { padding: 20px 10px; } #poco_f4 .section-06 .image-wrapper { margin-top: -100px; } #poco_f4 .section-06 .text-box img { width: 240px; } } @media only screen and (max-width: 363.98px) { #poco_f4 .section-06 .image-wrapper { margin-top: -50px; } } @media (min-width: 1200px) { #poco_f4 .section-06 .list .item .title { font-size: 28px; } } @media (min-width: 1400px) { #poco_f4 .section-06 .list { margin: 50px auto 80px; } } /* =============== Section 07 =============== */ #poco_f4 .section-07 { position: relative; z-index: 1; } #poco_f4 .section-07 .text-box { position: absolute; z-index: 1; top: 20%; left: 55%; width: 25%; padding: 0; } #poco_f4 .section-07 .text-box .title { font-weight: 600; } @media (max-width: 991.98px) { #poco_f4 .section-07 .text-box { width: 35%; } #poco_f4 .section-07 .image-wrapper { overflow: hidden; } #poco_f4 .section-07 .image-wrapper img { width: 150%; max-width: none; margin-left: -25%; } } @media only screen and (max-width: 575.98px) { #poco_f4 .section-07 { background-color: #FFDC0B; } #poco_f4 .section-07 .text-box { position: static; padding: 10% 5%; text-align: center; width: 100%; } #poco_f4 .section-07 .image-wrapper img { width: 200%; margin-left: -30%; } } /* =============== Section 08 =============== */ #poco_f4 .section-08 { position: relative; z-index: 1; } #poco_f4 .section-08 .text-box { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; padding-top: 2.5%; } @media (max-width: 767.98px) { #poco_f4 .section-08 .text-box { padding-top: 0; } } @media only screen and (max-width: 575.98px) { #poco_f4 .section-08 { background-color: #3B3D54; } #poco_f4 .section-08 .text-box { position: static; padding: 10% 5%; } } /* =============== Section 09 =============== */ #poco_f4 .section-09 { padding: 0 0 7.5%; background: linear-gradient(to bottom, #ffc502 0%,#ffd401 100%); } #poco_f4 .section-09 .text-box { max-width: 1080px; margin: 0 auto; width: 90%; padding: 0 0 5%; } #poco_f4 .section-09 .slider-box { max-width: 1080px; margin: 0 auto; width: 90%; } #poco_f4 .section-09 .slider-item { text-align: center; } #poco_f4 .section-09 .slider-item .text { font-weight: bold; font-size: 24px; color: #191919; display: block; margin-bottom: 25px; text-align: left; padding-left: 120px; } #poco_f4 .section-09 .slick-slider .slick-dots { bottom: auto; right: 0; top: 0; text-align: left; } #poco_f4 .section-09 .slick-slider .slick-dots li button { opacity: 1; width: 18px; height: 18px; } #poco_f4 .section-09 .slick-slider .slick-dots li.slick-active button, #poco_f4 .section-09 .slick-slider .slick-dots li button:hover { box-shadow: 0 0 3px rgba(0,0,0,0.1); background-color: #999999; } #poco_f4 .section-09 .slick-slider .slick-dots li button { background: #000000; } @media (max-width: 991.98px) { #poco_f4 .section-09 .slider-item .text { font-size: 20px; padding-top: 5px; } } @media (max-width: 767.98px) { #poco_f4 .section-09 .slick-slider .slick-dots { bottom: 25px; } #poco_f4 .section-09 .slider-item .text { font-size: 18px; } } @media only screen and (max-width: 575.98px) { #poco_f4 .section-09 .slick-slider .slick-dots li button { width: 14px; height: 14px; } } /* =============== Section 10 =============== */ #poco_f4 .section-10 { background-image: url('https://media.mi-home.pl/products/poco-f4/section-10.png'); } #poco_f4 .section-10 .list { display: flex; flex-wrap: wrap; width: 300px; margin-top: 40px; } #poco_f4 .section-10 .list .item { color: #ffffff; font-size: 15px; flex: 0 0 50%; width: 50%; padding: 10px 50px; } #poco_f4 .section-10 .list .item:first-child { border-right: 2px solid #ffd200; padding-left: 0; } #poco_f4 .section-10 .list .item .title { font-weight: bold; margin-bottom: 5px; font-size: 28px; } #poco_f4 .section-10 .list .item .text { margin-top: 0; } @media (max-width: 767.98px) { #poco_f4 .section-10.section.section-float { background-position: left bottom; background-color: #FFD401; background-size: 140% auto; } #poco_f4 .section-10.section.section-float .text-box, #poco_f4 .section-10.section.section-float .text-box .title { color: #191919; } #poco_f4 .section-10 .list { margin: 30px auto 0; } #poco_f4 .section-10 .list .item { color: #191919; padding: 20px; } #poco_f4 .section-10 .list .item:first-child { border-right: 2px solid #191919; } #poco_f4 .section-10 .list .item .title { font-size: 24px; } } @media only screen and (max-width: 575.98px) { #poco_f4 .section-10 .list .item .title { font-size: 20px; } } /* =============== Section 11 =============== */ #poco_f4 .section-11 { background-image: url('https://media.mi-home.pl/products/poco-f4/section-11.png'); height: 680px; } #poco_f4 .section-11 .text-box { padding-right: 50%; } #poco_f4 .section-11 .list { margin-top: 30px; } #poco_f4 .section-11 .list .item { display: flex; align-items: center; padding: 20px 0; color: #ffffff; } #poco_f4 .section-11 .list .item .img-wrapper { flex: 0 0 80px; width: 80px; padding-right: 20px; } #poco_f4 .section-11 .list .item .img-wrapper img { width: 60px; } #poco_f4 .section-11 .list .item .text { margin-top: 0; } #poco_f4 .section-11 .list .item .title { font-weight: bold; } @media (max-width: 767.98px) { #poco_f4 .section-11 { height: 660px; } } @media only screen and (max-width: 575.98px) { #poco_f4 .section-11 { background-position: right bottom; background-size: 140% auto; background-color: #1D1F2E; height: auto; padding-bottom: 350px; } #poco_f4 .section-11 .text-box { padding: 10% 5%; } } @media only screen and (max-width: 363.98px) { #poco_f4 .section-11 { padding-bottom: 250px; } } @media (min-width: 1200px) { #poco_f4 .section-11 { height: 880px; } } @media (min-width: 1620px) { #poco_f4 .section-11 { height: 980px; } } @media (min-width: 2080px) { #poco_f4 .section-11 { height: 1080px; } } /* =============== Section 12 =============== */ #poco_f4 .section-12 { background-color: #111111; padding: 10% 0 2.5%; } #poco_f4 .section-12 .text-box { padding-top: 2.5%; } #poco_f4 .section-12 .image-wrapper { max-width: 1160px; width: 90%; margin: 0 auto; position: relative; z-index: 1; } #poco_f4 .section-12 .image-wrapper .item { position: absolute; z-index: 2; width: 50%; bottom: 0; text-align: center; color: #ffd300; padding: 20px; font-size: 24px; font-weight: bold; } #poco_f4 .section-12 .image-wrapper .item-1 { left: 0; } #poco_f4 .section-12 .image-wrapper .item-2 { right: 0; } @media (max-width: 767.98px) { #poco_f4 .section-12 .image-wrapper .item { font-size: 20px; } } @media only screen and (max-width: 575.98px) { #poco_f4 .section-12 .image-wrapper .item { font-size: 16px; padding: 10px; } } @media (min-width: 1200px) { #poco_f4 .section-12 .image-wrapper .item { font-size: 28px; } } /* =============== Section 13 =============== */ #poco_f4 .section-13 { background-image: url('https://media.mi-home.pl/products/poco-f4/section-13.png'); background-position: bottom right; background-size: 100% auto; background-color: #111111; padding: 7.5% 0; } #poco_f4 .section-13 .slider-box { max-width: 1160px; width: 90%; margin: 0 auto; } /* =============== Section 14 =============== */ #poco_f4 .section-14 .section-wrapper { position: relative; z-index: 1; } #poco_f4 .section-14 .text-box { position: absolute; z-index: 2; width: 100%; top: 0; left: 0; } @media only screen and (max-width: 575.98px) { #poco_f4 .section-14 .text-box { padding-top: 2.5%; } } @media only screen and (max-width: 363.98px) { #poco_f4 .section-14 .text-box { padding-top: 0; } } /* =============== Section 15 =============== */ #poco_f4 .section-15 { background-image: url('https://media.mi-home.pl/products/poco-f4/section-15.png'); margin-top: -40px; padding: 5% 0 15%; position: relative; z-index: 1; } #poco_f4 .section-15 .video-wrapper { max-width: 1160px; width: 90%; margin: 0 auto; } /* =============== Section 16 =============== */ #poco_f4 .section-16 { background-image: url('https://media.mi-home.pl/products/poco-f4/section-16.png'); height: 680px; } #poco_f4 .section-16 .text-box img { width: 244px; margin-top: 30px; } @media (max-width: 991.98px) { #poco_f4 .section-16 { height: 560px; } } @media (max-width: 767.98px) { #poco_f4 .section-16 { background-position: center bottom; background-size: 120% auto; background-color: #000000; height: auto; padding-bottom: 300px; } } @media only screen and (max-width: 575.98px) { #poco_f4 .section-16 { padding-bottom: 200px; } #poco_f4 .section-16 .text-box img { width: 180px; } } @media (min-width: 1200px) { #poco_f4 .section-16 { height: 880px; } #poco_f4 .section-16 .text-box img { margin-top: 60px; } } @media (min-width: 1620px) { #poco_f4 .section-16 { height: 980px; } } @media (min-width: 2080px) { #poco_f4 .section-16 { height: 1080px; } } /* =============== Section 17 =============== */ #poco_f4 .section-17 { background-image: url('https://media.mi-home.pl/products/poco-f4/section-17.png'); } #poco_f4 .section-17.section.section-float .text-box { padding-right: 10%; } @media (max-width: 767.98px) { #poco_f4 .section-17.section.section-float { background-position: right bottom; background-size: 140% auto; background-color: #030306; } #poco_f4 .section-17.section.section-float .text-box { padding-right: 5%; } } /* =============== Section 18 =============== */ #poco_f4 .section-18 { background-image: url('https://media.mi-home.pl/products/poco-f4/section-18.png'); background-position: left top; padding-top: 2.5%; padding-bottom: 7.5%; } #poco_f4 .section-18 .text-box .title { font-weight: 600; } #poco_f4 .section-18 .list { max-width: 1080px; width: 90%; margin: 0 auto; display: flex; flex-wrap: wrap; } #poco_f4 .section-18 .list .item { flex: 0 0 25%; width: 25%; padding: 20px; text-align: center; color: #191919; font-size: 16px; font-weight: 300; } #poco_f4 .section-18 .list .item img { width: 96px; } #poco_f4 .section-18 .list .item .text { display: block; margin-top: 25px; } @media (max-width: 991.98px) { #poco_f4 .section-18 .list .item img { width: 80px; } } @media (max-width: 767.98px) { #poco_f4 .section-18 .list .item { font-size: 15px; } #poco_f4 .section-18 .list .item { flex: 0 0 50%; width: 50%; } } @media only screen and (max-width: 575.98px) { #poco_f4 .section-18 .list .item img { width: 64px; } } @media only screen and (max-width: 575.98px) { #poco_f4 .section-18 .list .item { font-size: 14px; } } /* =============== Section 19 =============== */ @media (max-width: 767.98px) { #poco_f4 .section-19 { overflow: hidden; } #poco_f4 .section-19 img { width: 150%; max-width: none; } } /* =============== Section 20 =============== */ #poco_f4 .section-20 { background-image: url('https://media.mi-home.pl/products/poco-f4/section-20.png'); } /* =============== Section spec =============== */ #poco_f4 .section-notes { padding: 3.5% 12.5%; margin: 0 auto; } #poco_f4 .section-notes ul { margin: 0; padding: 0; list-style: none; } #poco_f4 .section-notes ul li { color: #ffffff; font-size: 13px; line-height: 1.5; font-weight: 300; opacity: .5; padding-bottom: 5px; } @media (max-width: 991.98px) { #poco_f4 .section-notes { padding: 5%; } #poco_f4 .section-notes ul li { font-size: 13px; } } @media (min-width: 1200px) { #poco_f4 .section-notes { padding: 3.5% 0; max-width: 1164px; } } /* =============== Slider =============== */ #poco_f4 .slick-dots { bottom: 35px; } #poco_f4 .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_f4 .slick-dots li.slick-active button::before, #poco_f4 .slick-dots li:hover button::before { opacity: 1; } #poco_f4 .slick-dotted.slick-slider { margin-bottom: 0; padding: 0; } #poco_f4 .slick-slider > .slider-item { display: none; } #poco_f4 .slick-slider > .slider-item:first-child { display: block; } #poco_f4 .slick-slider .slick-dots li button { border-radius: 30px; } #poco_f4 .slick-slider .slick-dots li button { background: #fff; transition: 0.3s ease-in-out opacity; opacity: .25; width: 15px; height: 15px; } #poco_f4 .slick-slider .slick-dots li.slick-active button, #poco_f4 .slick-slider .slick-dots li button:hover { background: #fff; opacity: 1; } #poco_f4 .slick-dots li button::before { content: none; } @media (max-width: 767.98px) { #poco_f4 .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 }); }); } ); require( [ 'jquery', 'Amasty_Base/vendor/slick/slick.min' ], function ($) { $('.slider-fade').slick({ infinite: true, arrows: false, autoplay: true, dots: true, fade: true, cssEase: 'linear' }); $('.slider-standard').slick({ infinite: true, arrows: false, autoplay: true, dots: false, }); } ); Moc bez ograniczeń Snapdragon® 870 z obsługą 5G Wyświetlacz AMOLED 6,67" DotDisplay 120Hz Aparat główny 64MP z OIS Turboładowanie 67W Wyjątkowa wydajność, stabilne działanie. Proces technologiczny 7nm wykorzystany w Snapdragon® 870 zapewnia wysoką wydajność przetwarzania przy niższym zużyciu energii, oferując płynniejsze działanie zarówno w grach, jak i w codziennym użytkowaniu. 3.2GHz Bardzo wysoka częstotliwość procesora 15 TOPS* Wyjątkowa moc obliczeniowa *Dane pochodzą z oficjalnej strony internetowej firmy Qualcomm. Technologia LiquidCool 2.0. 7-warstwowa grafitowa struktura odprowadzania ciepła i superduża komora parowa o powierzchni 3112mm² utrzymują układ w chłodnym i stabilnym stanie, zapewniając mocne podstawy do ciągłej i stabilnej pracy. 3112mm² Komora odparowywująca 7-warstwowe Pokrycie grafitowe LPDDR5 + UFS 3.1. Płynniejsze działanie we wszystkich scenariuszach. Wydajne funkcje odczytu i zapisu zapewniają większą szybkość ładowania i zapisywania danych, umożliwiając szybkie uruchamianie aplikacji i wczytywanie gier. Turboładowanie 67W. Dzięki technologii Middle Middle Tab (MMT), turboładowanie 67W zapewnia superszybkie ładowanie. Bateria o dużej pojemności 4500mAh* sprawia, że telefon szybko się ładuje i działa dłużej, oszczędzając Ci stresu. 38 min* Ładowanie do 100% *Dane pochodzą z testów wewnętrznych. Rzeczywiste wyniki mogą się różnić. Flagowy wyświetlacz AMOLED E4 6,67". Flagowy płaski wyświetlacz zapewnia dokładniejsze odwzorowanie kolorów i wyjątkową przyjemność z oglądania. Doskonale nadaje się do codziennego użytku i rozrywki. 100% DCI-P3(typ) Szeroka gama kolorów 1300 nitów Szczytowa jasność MEMC Dodane ramki dla płynniejszego oglądania TrueColor Precyzyjnie dostrojony do perfekcji 5,000,000:1 Współczynnik kontrastu FHD+ 2400×1080 Ultramały DotDisplay. Ekran z otworem o średnicy 2,76mm to jedno z najmniejszych w branży wycięć na obiektyw przedniej kamery. Dzięki temu obraz jest pełniejszy, a pole widzenia szersze. Wyświetlacz 120Hz DynamicSwitch. Ten inteligentny wyświetlacz oferuje częstotliwość odświeżania na poziomie 60Hz, 90Hz i 120Hz. Podczas oglądania filmów, czytania lub grania, automatycznie dopasowuje do najbardziej odpowiedniej częstotliwości odświeżania do scenariusza, zapewniając płynniejsze oglądanie i mniejsze zużycie energii. Ponadto, ultraszybka częstotliwość próbkowania dotyku na poziomie 360Hz reaguje na każde działanie z większą łatwością. Nowy układ kamer. Ostra, płaska konstrukcja ramy zapewnia pewny uchwyt w dłoni. Moonlight Silver Night Black Nebula Green Lekki, cienki i wytrzymały. Smartfon ma grubość zaledwie 7,7mm i jest najcieńszym urządzeniem z serii POCO. Dzięki zastosowaniu szkła Corning® Gorilla® Glass 5, wyświetlacz jest lepiej chroniony i wysoce odporny na codzienne zużycie. 7,7mm Grubość 195g Waga 64MP OIS. Perfekcyjna optyka. Nie szczędziliśmy wysiłków, aby wbudować OIS w POCO F4, ponieważ wiemy, że jest on uwielbiany przez entuzjastów fotografii. Profesjonalny smartfon z aparatem 64MP i optyczną stabilizacją obrazu oferuje większą precyzję, dzięki czemu możesz robić wyraźne i ciekawe zdjęcia o każdej porze dnia. 64MP Główna aparat z OIS 8MP Aparat ultraszerokokątny 2MP Aparat makro OIS wyłączony OIS włączony Technologia OIS skutecznie redukuje rozmycie obrazu, nie pogarszając jego jakości. Wysoka rozdzielczość 64MP zapewniająca wyjątkową wyrazistość obrazu w dzień i w nocy. Aparat ultraszerokokątny FOV 119° zapewniający szerszy widok. Przenośna kamera do kręcenia filmów 4K. Możesz z łatwością tworzyć wspaniałe filmy w jakości 4K za jednym stuknięciem, gdziekolwiek jesteś. Dwa głośniki zapewniające mocne wrażenia. Głośnik superliniowy 1216 i 1012 zapewniają doskonałe wrażenia dźwiękowe stereo. Dolby Atmos® to zapierające dech w piersiach, wciągające doznania dźwiękowe zarówno w słuchawkach, jak i wbudowanych głośnikach. Silnik liniowy w osi X. Intensywna kalibracja na poziomie systemu zapewnia bardziej zróżnicowane wibracje i bardziej realistyczne doznania. Więcej funkcji zapewniających przyjemność z użytkowania. MIUI 13 NFC Boczny czytnik linii papilarnych IR Blaster Uwagi: * 4500mAh to typowa wartość pojemności baterii POCO F4. * Zdjęcia i filmy na tej stronie służą wyłącznie celom ilustracyjnym i mogą nie być dokładnym odwzorowaniem produktu. * Wszystkie konstrukcje, funkcje, specyfikacje produktów, usługi i interfejsy użytkownika przedstawione na stronie produktu POCO F4 mogą ulec zmianie bez powiadomienia. * Jeśli nie zaznaczono inaczej na stronie produktu POCO F4, wszystkie dane pochodzą z wewnętrznych laboratoriów, specyfikacji projektu produktu i od dostawców. Dane testowe mogą się nieznacznie różnić ze względu na różne wersje oprogramowania, testowane wersje telefonów oraz środowiska testowe i mogą nie odzwierciedlać rzeczywistego produktu.