POCO F5 — 12/256GB / White

/* =============== POCO F5 =============== */ #poco_f5 { font-size: 16px; overflow: hidden; color: #1C1C1C; background-color: #ffffff; } #poco_f5 ul, #poco_f5 ol { list-style: none; padding-left: 0; } #poco_f5 video, #poco_f5 img { vertical-align: middle; } #poco_f5 video { width: 100%; height: auto; } #poco_f5.xiaomi_container { max-width: 2560px; } #poco_f5 .section { line-height: 1.2; } #poco_f5 .section-bg { background-size: cover; background-position: center center; background-repeat: no-repeat; } #poco_f5 .font-bold { font-weight: bold; } #poco_f5 .font-light { font-weight: 300; } #poco_f5 .font-color { color: #ffd400; } #poco_f5 .text-box { text-align: center; color: #000000; padding: 5% 12.5%; } #poco_f5 .text-box.text-box--left { text-align: left; } #poco_f5 .text-box--white { color: #ffffff; } #poco_f5 .text-box .title, #poco_f5 .text-box .desc, #poco_f5 .text-box .text { display: block; } #poco_f5 .text-box .title { font-size: 36px; line-height: 1.2; } #poco_f5 .text-box .title.title--big { font-size: 48px; margin-bottom: 20px; } #poco_f5 .text-box .desc { font-size: 22px; line-height: 1.5; margin-top: 25px; font-weight: 500; } #poco_f5 .text-box .text { font-size: 15px; line-height: 1.5; margin-top: 25px; font-weight: 300; } #poco_f5 .text-box .text.text--small { font-size: 14px; opacity: .5; } #poco_f5 .video-box, #poco_f5 .image-box { padding: 0 12.5%; } #poco_f5 .video-box video { width: 100%; height: auto; } #poco_f5 .video a, #poco_f5 .video .video-link { position: relative; z-index: 1; display: block; overflow: hidden; cursor: pointer; } #poco_f5 .video a img, #poco_f5 .video .video-link img { transition: 0.3s ease-in-out transform; } #poco_f5 .video a:hover img, #poco_f5 .video .video-link:hover img { transform: scale(1.1); } #poco_f5 .video a::after, #poco_f5 .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-f5/play-btn.png') no-repeat center center / contain; left: 50%; top: 50%; z-index: 5; } @media (max-width: 991.98px) { #poco_f5 .text-box { padding: 5%; } #poco_f5 .text-box .title { font-size: 28px; } #poco_f5 .text-box .title.title--big { font-size: 42px; } #poco_f5 .video-box, #poco_f5 .image-box { padding: 0 5%; } } @media (max-width: 767.98px) { #poco_f5 .text-box .title { font-size: 24px; } #poco_f5 .text-box .title.title--big { font-size: 32px; } #poco_f5 .text-box .desc { font-size: 18px; margin-top: 10px; } #poco_f5 .text-box .text { margin-top: 15px; } } @media only screen and (max-width: 575.98px) { #poco_f5 .text-box { padding: 10% 5%; } #poco_f5 .text-box .title { font-size: 20px; } #poco_f5 .text-box .title.title--big { font-size: 24px; } #poco_f5 .text-box .desc { font-size: 16px; } #poco_f5 .text-box .text { font-size: 14px; } } @media only screen and (max-width: 363.98px) { #poco_f5 .text-box .title.title--big { font-size: 20px; } } @media (min-width: 1200px) { #poco_f5 .text-box .text { padding-left: 10%; padding-right: 10%; } #poco_f5 .text-box .title.title--big { font-size: 60px; } #poco_f5 .text-box.text-box--left .text { padding-left: 0; padding-right: 0; } } @media (min-width: 1620px) { #poco_f5 .text-box .text { font-size: 16px; } } /* =============== Floating text-box =============== */ #poco_f5 .section.section-float { position: relative; z-index: 1; height: 520px; } #poco_f5 .section.section-float--big { height: 680px; } #poco_f5 .section .text-box.text-box-float { padding: 0; position: absolute; z-index: 2; top: 50%; width: 40%; transform: translateY(-50%); } #poco_f5 .section .text-box.text-box-float--left { left: 5%; } #poco_f5 .section .text-box.text-box-float--right { left: 55%; width: 40%; } @media (max-width: 991.98px) { #poco_f5 .section.section-float { height: 420px; } #poco_f5 .section.section-float--big { height: 560px; } #poco_f5 .section .text-box.text-box-float--right { left: 55%; width: 40%; } } @media (max-width: 767.98px) { #poco_f5 .section.section-float { height: auto; background-position: center bottom; background-size: 160% auto; background-color: #ffffff; padding-bottom: 550px; } #poco_f5 .section .text-box.text-box-float, #poco_f5 .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_f5 .section.section-float { padding-bottom: 380px; } } @media only screen and (max-width: 363.98px) { #poco_f5 .section.section-float { padding-bottom: 280px; } } @media (min-width: 1200px) { #poco_f5 .section.section-float { height: 620px; } #poco_f5 .section.section-float--big { height: 820px; } #poco_f5 .section .text-box.text-box-float { width: 35%; } #poco_f5 .section .text-box.text-box-float--left { left: 12.5%; } #poco_f5 .section .text-box.text-box-float--right { width: 35%; left: 55%; } } @media (min-width: 1400px) { #poco_f5 .section .text-box.text-box-float--right { width: 30%; left: 60%; } } @media (min-width: 1620px) { #poco_f5 .section.section-float { height: 820px; } #poco_f5 .section.section-float--big { height: 980px; } #poco_f5 .section .text-box.text-box-float--right { width: 25%; left: 65%; } } @media (min-width: 2080px) { #poco_f5 .section.section-float { height: 1080px; } #poco_f5 .section.section-float--big { height: 1180px; } } /* =============== Add Font =============== */ @font-face { font-display: swap; font-family: 'Xiaomi Brand'; font-style: normal; font-weight: 100 900; src: url(https://i02.appmifile.com/i18n/fonts/Brand/Brand.woff2) format("woff2") } #poco_f5 .xiaomi_product_name { font-family: 'Xiaomi Brand', 'Camphor Pro', sans-serif !important; } /* =============== Section 01 =============== */ #poco_f5 .section-01 { background-image: url('https://media.mi-home.pl/products/poco-f5/section-01.jpg'); height: 680px; position: relative; z-index: 1; } #poco_f5 .section-01 .text-box { padding-top: 5%; padding-right: 60%; } #poco_f5 .section-01 .text-box .title { font-size: 42px; font-weight: 400; } #poco_f5 .section-01 .text-box img { height: 140px; display: inline-block; margin-bottom: 15px; } #poco_f5 .section-01 .text-box .title span { font-size: 0.8em; } #poco_f5 .section-01 .text-box .desc { font-size: 28px; font-weight: 500; margin-top: 10px; } @media (max-width: 991.98px) { #poco_f5 .section-01 { height: 560px; } #poco_f5 .section-01 .text-box { padding-top: 5%; } #poco_f5 .section-01 .text-box img { height: 120px; } #poco_f5 .section-01 .text-box .desc { font-size: 22px; } #poco_f5 .section-01 .text-box .title { font-size: 36px; } } @media (max-width: 767.98px) { #poco_f5 .section-01 { height: auto; background-size: 120% auto; background-position: center bottom; padding-bottom: 450px; background-color: #90B9E9; } #poco_f5 .section-01 .text-box { padding: 10% 5%; text-align: center; } #poco_f5 .section-01 .text-box .text { font-size: 15px; } } @media only screen and (max-width: 575.98px) { #poco_f5 .section-01 { padding-bottom: 300px; } #poco_f5 .section-01 .text-box { padding: 15% 5% 10%; } #poco_f5 .section-01 .text-box .title { font-size: 28px; } #poco_f5 .section-01 .text-box .desc { font-size: 16px; } #poco_f5 .section-01 .text-box .text { font-size: 14px; } #poco_f5 .section-01 .text-box img { height: 100px; } } @media only screen and (max-width: 363.98px) { #poco_f5 .section-01 { padding-bottom: 220px; } #poco_f5 .section-01 .text-box .title { font-size: 24px; } #poco_f5 .section-01 .text-box img { height: 80px; } } @media (min-width: 1200px) { #poco_f5 .section-01 { height: 820px; } #poco_f5 .section-01 .text-box .title { font-size: 54px; } #poco_f5 .section-01 .text-box .desc { font-size: 36px; } #poco_f5 .section-01 .text-box .text { font-size: 18px; } } @media (min-width: 1600px) { #poco_f5 .section-01 { height: 1020px; } #poco_f5 .section-01 .text-box .title { font-size: 60px; } } @media (min-width: 2080px) { #poco_f5 .section-01 { height: 1160px; } } /* =============== Section 02 =============== */ #poco_f5 .section-02 { background-image: url('https://media.mi-home.pl/products/poco-f5/section-02_01.jpg'); background-repeat: no-repeat; background-size: 100% auto; background-position: top center; padding-top: 5%; padding-bottom: 7.5%; background-color: #7F96C2; } #poco_f5 .section-02 .section-wrapper, #poco_f5 .section-02 > .list, #poco_f5 .section-02 .video-wrapper { width: 75%; margin: 0 auto; } #poco_f5 .section-02 .section-wrapper { display: flex; flex-wrap: wrap; align-items: center; } #poco_f5 .section-02 .section-wrapper > * { flex: 0 0 50%; width: 50%; } #poco_f5 .section-02 .list-wrapper { padding-left: 5%; } #poco_f5 .section-02 .list .item { color: #ffffff; font-size: 14px; font-weight: 300; width: 320px; background-image: url('https://media.mi-home.pl/products/poco-f5/section-02_03.png'); background-repeat: no-repeat; background-position: top left; background-size: 100% auto; padding: 20px; text-align: center; margin-bottom: 20px; min-height: 102px; } #poco_f5 .section-02 .list-wrapper .list .item { margin-bottom: 7.5%; } #poco_f5 .section-02 .list-wrapper .list .item:last-child { margin-bottom: 0; } #poco_f5 .section-02 .list .item > * { padding: 5px 0; } #poco_f5 .section-02 .list .item-title { font-size: 18px; font-weight: bold; } #poco_f5 .section-02 > .list { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 5%; } #poco_f5 .section-02 > .list .item { margin: 0 10px 20px; } @media (max-width: 991.98px) { #poco_f5 .section-02 .section-wrapper, #poco_f5 .section-02 > .list, #poco_f5 .section-02 .video-wrapper { width: 90%; } } @media (max-width: 767.98px) { #poco_f5 .section-02 .section-wrapper > * { flex: 0 0 100%; width: 100%; } #poco_f5 .section-02 .list-wrapper .list { padding-bottom: 5%; } #poco_f5 .section-02 .list-wrapper .list .item { margin: 0 auto 15px; } } @media only screen and (max-width: 363.98px) { #poco_f5 .section-02 .list .item { width: 250px; min-height: 88px; padding: 10px; } } @media (min-width: 1200px) { #poco_f5 .section-02 .text-box { padding-right: 25%; } #poco_f5 .section-02 .list .item-title { font-size: 21px; } } /* =============== Section 03 & 04 =============== */ #poco_f5 .section-03 { background: linear-gradient(to bottom, #809bca 0%,#95b7e7 100%); padding-bottom: 7.5%; padding-top: 2.5%; } #poco_f5 .section-04 { background: linear-gradient(to bottom, #95b7e7 0%,#DBCEBE 100%); padding-bottom: 7.5%; padding-top: 2.5%; } #poco_f5 .section-03 .text-box, #poco_f5 .section-04 .text-box { display: flex; flex-wrap: wrap; } #poco_f5 .section-03 .text-box > *, #poco_f5 .section-04 .text-box > * { flex: 0 0 50%; width: 50%; } #poco_f5 .section-03 .text-box .text { margin-top: 0; } #poco_f5 .section-03 .text-box .text-wrapper, #poco_f5 .section-04 .text-box .text { margin-top: 0; padding-left: 5%; } #poco_f5 .section-03 .image-wrapper, #poco_f5 .section-04 .image-wrapper { width: 75%; margin: 0 auto; } #poco_f5 .section-03 .item-wrapper { display: flex; padding-top: 30px; } #poco_f5 .section-03 .item-wrapper .item { padding-right: 10%; font-size: 14px; font-weight: 300; } #poco_f5 .section-03 .item-wrapper .item:last-child { padding-left: 10%; border-left: 1px solid #ffffff; } #poco_f5 .section-03 .item-wrapper .item-title { font-weight: bold; font-size: 18px; } @media (max-width: 991.98px) { #poco_f5 .section-03 .image-wrapper, #poco_f5 .section-04 .image-wrapper { width: 90%; } } @media only screen and (max-width: 575.98px) { #poco_f5 .section-03 .text-box > *, #poco_f5 .section-04 .text-box > * { flex: 0 0 100%; width: 100%; } #poco_f5 .section-03 .text-box .text-wrapper, #poco_f5 .section-04 .text-box .text { margin-top: 5%; padding-left: 0; } } @media (min-width: 1200px) { #poco_f5 .section-03 .item-wrapper .item-title { font-size: 21px; } } /* =============== Section 05 =============== */ #poco_f5 .section-05a { background-image: url('https://media.mi-home.pl/products/poco-f5/section-05_01.jpg'); background-repeat: no-repeat; background-size: 100% auto; background-position: top center; padding-top: 5%; background-color: #394158; } #poco_f5 .section-05 { background: linear-gradient(to bottom, #394158 0%,#979394 100%); padding-top: 2.5%; } #poco_f5 .section-05 .list { width: 75%; margin: 0 auto; display: flex; flex-wrap: wrap; padding-bottom: 7.5%; } #poco_f5 .section-05 .list .item { color: #FFFFFF; flex: 0 0 33.3333%; width: 33.3333%; display: flex; padding-right: 20px; font-size: 14px; font-weight: 300; } #poco_f5 .section-05 .item-title { font-size: 21px; font-weight: bold; } #poco_f5 .section-05 .item-desc { font-size: 18px; font-weight: bold; margin-bottom: 5px; } #poco_f5 .section-05 .icon-wrapper { flex: 0 0 84px; width: 84px; padding-right: 20px; } @media (max-width: 991.98px) { #poco_f5 .section-05 .list { width: 90%; } } @media (max-width: 767.98px) { #poco_f5 .section-05 .item-title { font-size: 18px; } #poco_f5 .section-05 .item-desc { font-size: 16px; } #poco_f5 .section-05 .icon-wrapper { flex: 0 0 64px; width: 64px; padding-right: 10px; } } @media only screen and (max-width: 575.98px) { #poco_f5 .section-05 .list .item { flex: 0 0 100%; width: 100%; padding-right: 0; margin-bottom: 20px; } #poco_f5 .section-05 .item-desc { font-size: 15px; } } @media (min-width: 1200px) { #poco_f5 .section-05 .text-box { padding-right: 25%; } #poco_f5 .section-05 .item-title { font-size: 24px; } } /* =============== Section 06 =============== */ #poco_f5 .section-06 { background-color: #8CB2E7; padding-top: 2.5%; padding-bottom: 7.5%; } #poco_f5 .section-06 .section-wrapper { width: 75%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; } #poco_f5 .section-06 .section-wrapper .item { flex: 0 0 calc(50% - 10px); width: calc(50% - 10px); } #poco_f5 .section-06 .section-wrapper .item:last-child { text-align: right; } #poco_f5 .section-06 .section-wrapper .item-text { font-weight: bold; font-size: 18px; color: #ffffff; padding-top: 30px; } @media (max-width: 991.98px) { #poco_f5 .section-06 .section-wrapper { width: 90%; } } @media (max-width: 767.98px) { #poco_f5 .section-06 .section-wrapper .item-text { font-size: 16px; padding-top: 20px; } } @media only screen and (max-width: 575.98px) { #poco_f5 .section-06 .section-wrapper .item { flex: 0 0 100%; width: 100%; } #poco_f5 .section-06 .section-wrapper .item:last-child { text-align: left; padding-top: 5%; } #poco_f5 .section-06 .section-wrapper .item-text { font-size: 15px; padding-top: 10px; } } @media (min-width: 1200px) { #poco_f5 .section-06 .text-box { padding-right: 25%; } } /* =============== Section 07 =============== */ #poco_f5 .section-07 { background-color: #8CB2E7; padding-top: 2.5%; padding-bottom: 7.5%; } #poco_f5 .section-07 .image-wrapper { width: 75%; margin: 0 auto; } @media (max-width: 991.98px) { #poco_f5 .section-07 .image-wrapper { width: 90%; } } @media (min-width: 1200px) { #poco_f5 .section-07 .text-box { padding-right: 25%; } } /* =============== Section 08 =============== */ #poco_f5 .section-08 { background-color: #8CB2E7; padding-top: 2.5%; } #poco_f5 .section-08 .text-box { display: flex; flex-wrap: wrap; } #poco_f5 .section-08 .text-box > * { flex: 0 0 50%; width: 50%; } #poco_f5 .section-08 .text-box .text { margin-top: 0; } #poco_f5 .section-08 .text-wrapper { padding-left: 10%; } #poco_f5 .section-08 .item-wrapper { display: flex; flex-wrap: wrap; margin-top: 30px; } #poco_f5 .section-08 .item-wrapper .item { flex: 0 0 33.3333%; width: 33.3333%; font-size: 14px; font-weight: 300; padding-right: 20px; } #poco_f5 .section-08 .item-wrapper .item-title { font-size: 21px; font-weight: bold; margin-bottom: 5px; } #poco_f5 .section-08 .item-wrapper .item-title img { width: 15px; display: inline-block; } @media (max-width: 767.98px) { #poco_f5 .section-08 .text-wrapper { padding-left: 0; padding-top: 5%; } #poco_f5 .section-08 .text-box > * { flex: 0 0 100%; width: 100%; } } @media only screen and (max-width: 363.98px) { #poco_f5 .section-08 .item-wrapper .item { flex: 0 0 50%; width: 50%; } } /* =============== Section 09 =============== */ #poco_f5 .section-09 { background: linear-gradient(to bottom, #7aa2d6 0%,#aac1e1 100%); padding-top: 2.5%; padding-bottom: 7.5%; } #poco_f5 .section-09 .section-wrapper { width: 75%; margin: 0 auto; } #poco_f5 .section-09 .section-wrapper .item { display: flex; flex-wrap: wrap; } #poco_f5 .section-09 .image-wrapper { flex: 0 0 70%; width: 70%; } #poco_f5 .section-09 .text-wrapper { flex: 0 0 30%; width: 30%; background-color: #2F2F2F; color: #ffffff; padding: 10% 5%; font-size: 15px; font-weight: 300; } #poco_f5 .section-09 .text-wrapper .text:first-child { font-weight: 600; margin-bottom: 15px; } #poco_f5 .section-09 .text-wrapper .title { font-weight: bold; margin-bottom: 15px; font-size: 18px; } @media (max-width: 991.98px) { #poco_f5 .section-09 .section-wrapper { width: 90%; } } @media (max-width: 767.98px) { #poco_f5 .section-09 .image-wrapper, #poco_f5 .section-09 .text-wrapper { flex: 0 0 100%; width: 100%; } #poco_f5 .section-09 .text-wrapper { padding: 5%; } } @media (min-width: 1200px) { #poco_f5 .section-09 .text-box { padding-right: 25%; } #poco_f5 .section-09 .text-wrapper .title { font-size: 21px; } } /* =============== Section 10 =============== */ #poco_f5 .section-10a { background-image: url('https://media.mi-home.pl/products/poco-f5/section-10_01.jpg'); background-repeat: no-repeat; background-size: 100% auto; background-position: top center; padding-top: 5%; background-color: #2C3345; } #poco_f5 .section-10 { background: linear-gradient(to bottom, #2C3345 50%,#A09B98 100%); padding-top: 2.5%; padding-bottom: 7.5%; } #poco_f5 .section-10 .text-box { padding-bottom: 0; } #poco_f5 .section-10 .text-box .text-wrapper { margin-top: 5%; } #poco_f5 .section-10 .text-box .text-wrapper .item { display: inline-block; margin-right: 30px; font-weight: bold; font-size: 24px; line-height: 1; } #poco_f5 .section-10 .text-box .text-wrapper .item:last-child { padding-left: 30px; border-left: 1px solid #ffffff; } #poco_f5 .section-10 > .image-wrapper { width: 75%; margin: 0 auto; } #poco_f5 .section-10 .section-wrapper { width: 75%; margin: 0 auto; display: flex; flex-wrap: wrap; padding: 20px 0; } #poco_f5 .section-10 .section-wrapper > * { flex: 0 0 50%; width: 50%; } #poco_f5 .section-10 .section-wrapper .text-wrapper { padding: 10%; font-weight: bold; color: #ffffff; font-size: 18px; } #poco_f5 .section-10 .section-wrapper:last-child { flex-direction: row-reverse; } @media (max-width: 991.98px) { #poco_f5 .section-10 > .image-wrapper, #poco_f5 .section-10 .section-wrapper { width: 90%; } } @media (max-width: 767.98px) { #poco_f5 .section-10 .text-box .text-wrapper .item { font-size: 18px; } } @media only screen and (max-width: 575.98px) { #poco_f5 .section-10 .section-wrapper .text-wrapper { font-size: 16px; } } @media (min-width: 1200px) { #poco_f5 .section-10 .text-box { padding-right: 25%; } } /* =============== Section 12 =============== */ #poco_f5 .section-12 { background-color: #59637C; padding-top: 2.5%; padding-bottom: 7.5%; } #poco_f5 .section-12 .image-wrapper { width: 75%; margin: 0 auto; } @media (max-width: 991.98px) { #poco_f5 .section-12 .image-wrapper { width: 90%; } } @media (min-width: 1200px) { #poco_f5 .section-12 .text-box { padding-right: 25%; } } /* =============== Section 13 =============== */ #poco_f5 .section-13 { background-color: #59637C; padding-top: 2.5%; padding-bottom: 7.5%; } #poco_f5 .section-13 .section-wrapper { width: 75%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; } #poco_f5 .section-13 .image-wrapper { flex: 0 0 calc(50% - 10px); width: calc(50% - 10px); position: relative; z-index: 1; } #poco_f5 .section-13 .image-wrapper .text { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; color: #FFFFFF; font-weight: bold; font-size: 18px; padding: 10%; } @media (max-width: 991.98px) { #poco_f5 .section-13 .section-wrapper { width: 90%; } } @media (max-width: 767.98px) { #poco_f5 .section-13 .image-wrapper .text { font-size: 16px; padding: 5%; } } @media only screen and (max-width: 575.98px) { #poco_f5 .section-13 .image-wrapper { flex: 0 0 100%; width: 100%; margin-bottom: 20px; } } @media (min-width: 1200px) { #poco_f5 .section-13 .text-box { padding-right: 25%; } #poco_f5 .section-13 .image-wrapper .text { font-size: 21px; } } /* =============== Section 14 =============== */ #poco_f5 .section-14 { background-color: #59637C; padding-top: 2.5%; } #poco_f5 .section-14 .text-box { padding-bottom: 0; } #poco_f5 .section-14 .text-box .icon-wrapper { padding-top: 7.5%; } #poco_f5 .section-14 .text-box .icon-wrapper img { height: 36px; display: inline-block; margin-right: 30px; } @media (max-width: 767.98px) { #poco_f5 .section-14 .text-box .icon-wrapper img { height: 28px; } } @media only screen and (max-width: 363.98px) { #poco_f5 .section-14 .text-box .icon-wrapper img { height: 18px; } } @media (min-width: 1200px) { #poco_f5 .section-14 .text-box { padding-right: 25%; } } /* =============== Section 15 =============== */ #poco_f5 .section-15 { background-image: url('https://media.mi-home.pl/products/poco-f5/section-15.jpg'); } #poco_f5 .section-15 .text-box { padding-left: 60%; padding-top: 10%; padding-bottom: 10%; } #poco_f5 .section-15 .list .item { color: #191919; padding: 30px 10px; text-align: center; font-weight: bold; font-size: 18px; background-color: #FFFFFF; border-radius: 8px; margin-top: 20px; width: 320px; } #poco_f5 .section-15 .list .item:last-child { padding: 10px; } @media (max-width: 767.98px) { #poco_f5 .section-15 { background-size: 160% auto; background-position: bottom left; padding-bottom: 500px; background-color: #09171E; } #poco_f5 .section-15 .text-box { padding: 10% 5% } #poco_f5 .section-15 .list { display: flex; flex-wrap: wrap; justify-content: center; } #poco_f5 .section-15 .list .item { width: calc(50% - 20px); flex: 0 0 calc(50% - 20px); margin: 20px 10px 0; font-size: 16px; } } @media only screen and (max-width: 575.98px) { #poco_f5 .section-15 { padding-bottom: 350px; } #poco_f5 .section-15 .list .item { font-size: 15px; } } @media only screen and (max-width: 363.98px) { #poco_f5 .section-15 { padding-bottom: 250px; } #poco_f5 .section-15 .list .item { width: 100%; flex: 0 0 100%; } } /* =============== Section 16 =============== */ #poco_f5 .section-16 { background-image: url('https://media.mi-home.pl/products/poco-f5/section-16.jpg'); background-repeat: no-repeat; background-size: 100% auto; background-position: top center; padding-top: 5%; background-color: #7DA4DB; } /* =============== Section 17 =============== */ #poco_f5 .section-17 { background-image: url('https://media.mi-home.pl/products/poco-f5/section-17.jpg'); } #poco_f5 .section-17 .text-box { padding-right: 55%; padding-top: 15%; padding-bottom: 15%; } #poco_f5 .section-17 .list { display: flex; flex-wrap: wrap; padding-top: 10%; } #poco_f5 .section-17 .list .item { color: #ffffff; flex: 0 0 50%; width: 50%; padding: 15px 10px 15px 20px; background-image: url('https://media.mi-home.pl/products/poco-f5/section-17_icon01.png'); background-repeat: no-repeat; background-position: top left; background-size: 56px auto; margin-bottom: 20px; font-size: 14px; font-weight: 300; } #poco_f5 .section-17 .list .item .item-title { font-size: 1.5em; font-weight: bold; } #poco_f5 .section-17 .list .item .item-text { padding-left: 40px; } @media (max-width: 991.98px) { #poco_f5 .section-17 .text-box { padding-top: 10%; padding-bottom: 10%; } } @media (max-width: 767.98px) { #poco_f5 .section-17 { background-size: 160% auto; background-position: bottom right; padding-bottom: 500px; background-color: #7FA6DD; } #poco_f5 .section-17 .text-box { padding: 10% 5%; } } @media only screen and (max-width: 575.98px) { #poco_f5 .section-17 { padding-bottom: 350px; } #poco_f5 .section-17 .list .item .item-title { font-size: 1.25em; } } @media only screen and (max-width: 363.98px) { #poco_f5 .section-17 { padding-bottom: 250px; } } /* =============== Section 18 =============== */ #poco_f5 .section-18 { background: linear-gradient(to bottom, #99BAE7 0%,#D5CCC4 100%); padding-bottom: 7.5%; } #poco_f5 .section-18 .section-wrapper { width: 75%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; } #poco_f5 .section-18 .section-wrapper .item { padding: 10px; flex: 0 0 25%; width: 25%; position: relative; z-index: 1; color: #FFFFFF; font-weight: bold; font-size: 18px; } #poco_f5 .section-18 .section-wrapper .item-1 { flex: 0 0 75%; width: 75%; } #poco_f5 .section-18 .section-wrapper .item .text { text-align: center; width: 100%; position: absolute; z-index: 2; top: 60%; left: 0; } #poco_f5 .section-18 .section-wrapper .item-1 .text { top: 30%; text-align: left; padding-left: 6.5%; } @media (max-width: 991.98px) { #poco_f5 .section-18 .section-wrapper { width: 90%; } } @media (max-width: 767.98px) { #poco_f5 .section-18 .section-wrapper .item { font-size: 15px; } } @media only screen and (max-width: 575.98px) { #poco_f5 .section-18 .section-wrapper .item { flex: 0 0 50%; width: 50%; } #poco_f5 .section-18 .section-wrapper .item-1 { flex: 0 0 100%; width: 100%; } #poco_f5 .section-18 .section-wrapper .item-1 .text { top: 20%; } } @media only screen and (max-width: 363.98px) { #poco_f5 .section-18 .section-wrapper .item { padding: 5px; } #poco_f5 .section-18 .section-wrapper .item { font-size: 14px; } } /* =============== Section 20 =============== */ #poco_f5 .section-20 { background-color: #000000; } /* =============== Section image box =============== */ #poco_f5 .section .image-box-wrap { padding: 0; width: 100%; max-width: 2560px; margin: 0 auto; overflow: hidden; border-radius: 0; } #poco_f5 .section .image-box-wrap .image-box { display: flex; flex-wrap: wrap; padding: 0; background-color: #A2A2A2; } #poco_f5 .section .image-box--reverse { flex-direction: row-reverse; } #poco_f5 .section .text-wrap, #poco_f5 .section .image { width: 50%; flex: 0 0 50%; } #poco_f5 .section .image { background-color: #A2A2A2; } #poco_f5 .section .text-wrap { display: flex; align-items: center; flex-wrap: wrap; padding: 0 5%; text-align: left; color: #ffffff; } #poco_f5 .section .text-wrap .title { font-size: 28px; display: block; margin-bottom: 5px; font-weight: bold; } #poco_f5 .section .text-wrap .text { font-weight: 500; font-size: 16px; padding-top: 10px; display: block; } @media (max-width: 991.98px) { #poco_f5 .section .text-wrap .title { font-size: 24px; } #poco_f5 .section .image-box-wrap { width: 100%; border-radius: 0; } #poco_f5 .section .text-wrap .text { padding-top: 10px; font-size: 14px; } } @media (max-width: 767.98px) { #poco_f5 .section .text-wrap { padding: 7.5% 5%; text-align: center; } #poco_f5 .section .image-box-wrap .image-box { flex-wrap: wrap; flex-direction: column-reverse; } #poco_f5 .section .text-wrap .title { font-size: 18px; } #poco_f5 .section .text-wrap, #poco_f5 .section .text-wrap div, #poco_f5 .section .image { width: 100%; flex: 0 0 100%; } } @media only screen and (max-width: 575.98px) { #poco_f5 .section .image-box-wrap { border-radius: 0; } #poco_f5 .section .text-wrap { padding: 10% 5%; } } @media (min-width: 1200px) { #poco_f5 .section .text-wrap { padding: 0 10%; } #poco_f5 .section .text-wrap .title { font-size: 36px; margin-bottom: 10px; } } /* =============== Section spec =============== */ #poco_f5 .section-notes { padding: 3.5% 12.5%; margin: 0 auto; } #poco_f5 .section-notes ul { margin: 0; padding: 0; list-style: none; } #poco_f5 .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_f5 .section-notes { padding: 5%; } #poco_f5 .section-notes ul li { font-size: 13px; } } @media (min-width: 1200px) { #poco_f5 .section-notes { padding: 3.5% 0; max-width: 1164px; } } /* =============== Slider =============== */ #poco_f5 .slick-slider .slick-slide { font-family: 'Camphor Pro'; } #poco_f5 .slick-dots { bottom: 25px; } #poco_f5 .slick-dots li { text-align: center; } #poco_f5 .slick-dots li button { display: inline-block; } #poco_f5 .slick-dots li button::before { font-size: 15px; color: #1C1C1C; 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_f5 .slick-dots li.slick-active button::before, #poco_f5 .slick-dots li:hover button::before { opacity: 1; } #poco_f5 .slick-dotted.slick-slider { margin-bottom: 0; padding: 0; } #poco_f5 .slick-slider > .slider-item { display: none; } #poco_f5 .slick-slider > .slider-item:first-child { display: block; } #poco_f5 .slick-slider .slick-dots li button { border-radius: 30px; } #poco_f5 .slick-slider .slick-dots li button { background: #ffffff; transition: 0.3s ease-in-out opacity; opacity: .25; width: 15px; height: 15px; } #poco_f5 .slick-slider .slick-dots li.slick-active button, #poco_f5 .slick-slider .slick-dots li button:hover { background: #ffffff; opacity: 1; } #poco_f5 .slick-dots li button::before { content: none; } @media (max-width: 767.98px) { #poco_f5 .slick-dots { bottom: 15px; } } 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: true, }); } ); POCO F5 Źródło szybkości Procesor Snapdragon® 7+ Gen 2 120Hz Flow AMOLED Więcej możliwości Rdzeń szybkości, źródło szybkości. Snapdragon® 7+ Gen 2. 4nm 5G Fast Processor. Snapdragon® 7+ Gen 2 jest produkowany w procesie technologicznym TSMC 4nm, ta sama flagowa struktura CPU i GPU co Snapdragon® 8+ Gen 1. Połączenie silnej wytrzymałości z niskim zużyciem energii, dla osiągnięcia wyższej wydajności przy wyjątkowej mocy. Do 2,91GHz* Proces produkcji 4nm Wynik benchmarku AnTuTu 969,903 Technologia LiquidCool 2.0. Ponowna rewolucja w odprowadzaniu ciepła. Nowo zaprojektowana, wysoce wydajna komora z kanałami parowymi zwiększa zdolność rozpraszania ciepła o 35% pod tą samą powierzchnią. Wyposażony w grafit o superdużej powierzchni, szybki transfer ciepła i chłodzenie chipa, tworzy nowy poziom zrównoważonej, wysokiej wydajności. 35% ^ VC pojemność rozpraszania ciepła* 3725mm² Obszar miedzi VC 10000mm² Całkowita powierzchnia grafitu LPDDR5 + UFS 3.1. Szybka pamięć RAM, szybka pamięć flash. Niezależnie od tego, czy oglądasz filmy HD, ładujesz masywne gry, czy czytasz wiele plików, całościowe działanie jest gładkie jak jedwab. LPDDR5 Do 12GB UFS 3.1 Do 256GB Dynamic RAM Expansion 3.0. Dodaj gazu. POCO F5 nie tylko jest dostępny w wersjach z 8GB i 12GB RAM, ale może być również rozszerzony do 19GB* przy użyciu pamięci ROM, aby odblokować jeszcze większe prędkości. Potężny aparat, ostrość na najwyższym poziomie. Potrójny aparat o rozdzielczości 64MP z ultra czystym obrazem. Profesjonalna fotografia, potencjał arcydzieła. Flagowa wszechstronna kombinacja trzech aparatów jest nieprzeciętna pod każdym względem. Twoje kompozycje, wspierane przez procesor Snapdragon® 7+ Gen 2, wyróżniają Cię z tłumu. 8MP Ultraszeroki aparat fotograficzny FOV 119° 64MP Główny aparat Rozmiar sensora 1/2.0 1.4μm duży piksel (4 w 1) 2MP Kamera makro FF (4cm) Zoom in-sensor. Powiększaj, wyraźniej niż kiedykolwiek. Nie przejmuj się jakością obrazowania w przypadku zoomu cyfrowego. Zoom wewnętrzny umożliwia uzyskanie bliższych i wyraźniejszych zdjęć. Zoom sensoryczny Bez zoomu sensorycznego Technologia podwójnej stabilizacji OIS+EIS. Łatwe stabilizowanie sceny. Technologia podwójnej stabilizacji z obsługą zarówno sprzętową, jak i programową pozwala uzyskać wyraźniejsze i ostrzejsze obrazowanie jak na statywie, niezależnie od tego, czy nagrywasz film, czy robisz zdjęcie*. Szybki aparat. Uchwyć niesamowite chwile. Korzystając z silnika przyspieszającego, aparat robi zdjęcia szybciej, uwieczniając Twoją inspirację niemal natychmiast. Każde ujęcie jest wspaniałe. 36% Ustawianie* 62% Fotografowanie HDR* 548% Tryb nocny* Film Camera. Siedem klasycznych filtrów filmowych, obliczenia w czasie rzeczywistym na poziomie pikseli, podgląd na żywo, oryginalne wyjście HD i wiele opcji kadrowania ułatwiają tworzenie fotograficznych arcydzieł. Kamera filmowa V-250 Kinowa jakość Dopasowana do wykonywania codziennych zdjęć i przekształcania ich w scenę z filmu. Wytrzymały design, prawdziwy kreator trendów. Delikatne i modne wzornictwo, wydajność i elegancja w jednym. Trójpierścieniowy aparat Deco jest naturalnie zintegrowany z korpusem o prostej i cienkiej konstrukcji, zapewniając gładkie odczucie; Dzięki dwukolorowemu gradientowi druk offsetowy i specjalnym formom, uzyskuje się gradient o trójwymiarowej teksturze, pełen elegancji, przejrzystości i naturalności. 181g 7.9mm Faktura płatka lodu Innowacyjne trzy pierścienie Deco 6.67" Flow AMOLED. Superwąska ramka, pełniejszy widok. Flagowy wyświetlacz 6.67" Flow AMOLED Dotdisplay wykorzystuje superwąską ramkę, zapewniając oszałamiający stosunek ekranu do ciała na poziomie 93,4%. 68 miliardów kolorów. Prawdziwie wspaniały, nowy wyczyn. Najwybitniejszy wyświetlacz kolorów ekranu, jaki kiedykolwiek pojawił się w serii POCO, z 68 miliardami kolorów. Kolory są bliższe rzeczywistości, odzwierciedlając piękno natury. 100% DCI-P3 68 miliardów kolorów miliard kolorów Dolby Vision i Adaptacyjny HDR. Wyjątkowe szczegóły na ekranie. Dzięki ultrażywym kolorom, ostrzejszemu kontrastowi i bogatszym szczegółom, Dolby Vision sprawia, że wracasz po więcej. Adaptacyjny HDR może zachować ciemne szczegóły, podkreślenia, globalny kontrast i postrzeganie kolorów treści HDR w różnych warunkach oświetlenia otoczenia. Flagowe doświadczenie w zakresie pielęgnacji oczu. 1920Hz Przyciemnianie PWM 16000 poziomów regulacji jasności Skoki napięcia, źródło energii. Turbodoładowanie 67W. Bateria 5000mAh. Znakomita wytrzymałość. 67W turbodoładowanie, szybka i duża bateria 5000mAh o dłuższej żywotności. Korzystaj do woli. 30 godz. dzwonienia* 14,8 godz. odtwarzania wideo* 23,8 godz. czytania* 155 godz. odtwarzania muzyki* Więcej funkcji. Podwójne głośniki MIUI 14 dla POCO Silnik wibracyjny w osi X IR Blaster NFC Bluetooth 5.3 Uwagi: *Wygląd smartfona przedstawiony na stronie ma charakter poglądowy. Kolor i wykończenie mogą się nieznacznie różnić w różnych środowiskach. Towary w naturze przeważają. *Kreatywne obrazy funkcji pokazane na stronie są jedynie ilustracją i nie wskazują na rzeczywistą strukturę. Towary w naturze przeważają. *Źródło danych testu częstotliwości procesora to oficjalna strona firmy Qualcomm. *Dynamiczne rozszerzanie pamięci masowej wymaga otwarcia w ustawieniach, a dodaną pamięć masową należy wybrać zgodnie z aktualną wolną pojemnością smartfona; 19 GB to opcja, którą można włączyć w wersji 12 GB+256 GB. *Niektóre tryby fotografowania nie mogą obsługiwać zarówno OIS+EIS. *Wzrost szybkości aparatu obliczany jest w ramach porównania z POCO F4. *Dane dotyczące dziennego czasu pracy na baterii pochodzą z laboratorium POCO. Konkretne wartości mogą się nieznacznie różnić w zależności od środowiska testowego i są uzależnione od rzeczywistej sytuacji. *Zdjęcia i modele produktów, dane, funkcje, wydajność, specyfikacje, interfejsy użytkownika i inne informacje o produktach mają charakter poglądowy i mogą zostać zmienione przez firmę POCO. W celu uzyskania szczegółowych informacji należy zapoznać się z rzeczywistym produktem i instrukcją obsługi produktu. Jeśli nie określono inaczej, dane, do których odwołuje się strona internetowa, to wyniki wszystkich wewnętrznych testów firmy POCO.