POCO X3 Pro — 6/128GB / Metal Bronze

/* =============== POCO X3 Pro =============== */ #poco_x3_pro { font-size: 16px; overflow: hidden; color: #191919; background-color: #ffffff; } #poco_x3_pro ul, #poco_x3_pro ol { list-style: none; padding-left: 0; } #poco_x3_pro video, #poco_x3_pro img { vertical-align: middle; } #poco_x3_pro video { width: 100%; height: auto; } #poco_x3_pro.xiaomi_container { max-width: 2560px; } #poco_x3_pro .section { line-height: 1.2; } #poco_x3_pro .section-bg { background-size: cover; background-position: center center; background-repeat: no-repeat; } #poco_x3_pro .font-bold { font-weight: bold; } #poco_x3_pro .font-light { font-weight: 300; } #poco_x3_pro .text-box { text-align: center; color: #191919; padding: 5% 12.5%; } #poco_x3_pro .text-box.text-box--left { text-align: left; } #poco_x3_pro .text-box--white { color: #ffffff; } #poco_x3_pro .text-box .title, #poco_x3_pro .text-box .desc, #poco_x3_pro .text-box .text { display: block; } #poco_x3_pro .text-box .title { font-size: 36px; line-height: 1.2; font-weight: 900; text-transform: uppercase; } #poco_x3_pro .text-box .title.title--big { font-size: 42px; margin-bottom: 20px; } #poco_x3_pro .text-box .desc { font-size: 24px; line-height: 1.5; margin-bottom: 15px; font-weight: 500; } #poco_x3_pro .text-box .text { font-size: 15px; line-height: 1.5; margin-top: 25px; font-weight: 300; } #poco_x3_pro .text-box .text.text--small { font-size: 14px; opacity: .5; } #poco_x3_pro .video-box, #poco_x3_pro .image-box { padding: 0 12.5%; } #poco_x3_pro .video-box video { width: 100%; height: auto; } #poco_x3_pro .video a, #poco_x3_pro .video .video-link { position: relative; z-index: 1; display: block; overflow: hidden; cursor: pointer; } #poco_x3_pro .video a img, #poco_x3_pro .video .video-link img { transition: 0.3s ease-in-out transform; } #poco_x3_pro .video a:hover img, #poco_x3_pro .video .video-link:hover img { transform: scale(1.1); } #poco_x3_pro .video a::after, #poco_x3_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-x3-pro/play-btn.png') no-repeat center center / contain; left: 50%; top: 50%; z-index: 2; } @media (max-width: 991.98px) { #poco_x3_pro .text-box { padding: 5%; } #poco_x3_pro .text-box .title { font-size: 26px; } #poco_x3_pro .text-box .title.title--big { font-size: 36px; } #poco_x3_pro .text-box .desc { font-size: 20px; } #poco_x3_pro .video-box, #poco_x3_pro .image-box { padding: 0 5%; } } @media (max-width: 767.98px) { #poco_x3_pro .text-box { padding: 10% 5%; } #poco_x3_pro .text-box .title { font-size: 22px; } #poco_x3_pro .text-box .title.title--big { font-size: 28px; } #poco_x3_pro .text-box .desc { font-size: 18px; margin-top: 10px; } #poco_x3_pro .text-box .text { margin-top: 15px; } } @media only screen and (max-width: 575.98px) { #poco_x3_pro .text-box .title { font-size: 20px; } #poco_x3_pro .text-box .title.title--big { font-size: 24px; } #poco_x3_pro .text-box .desc { font-size: 16px; } #poco_x3_pro .text-box .text { font-size: 14px; } } @media (min-width: 1200px) { #poco_x3_pro .text-box .text { padding-left: 10%; padding-right: 10%; } #poco_x3_pro .text-box .text { font-size: 18px; } #poco_x3_pro .text-box .title { font-size: 42px; } #poco_x3_pro .text-box .desc { font-size: 32px; } #poco_x3_pro .text-box.text-box--left .text { padding-left: 0; padding-right: 0; } } /* =============== Section 01 =============== */ #poco_x3_pro .section-01 { background-image: url('https://media.mi-home.pl/products/poco-x3-pro/section-01.jpg'); height: 640px; } #poco_x3_pro .section-01 .text-box { padding-left: 12.5%; padding-top: 15%; padding-right: 50%; } #poco_x3_pro .section-01 .text-box .title { font-size: 56px; color: #ffd300; } #poco_x3_pro .section-01 .text-box .desc { font-weight: 500; margin-top: 15px; } #poco_x3_pro .section-01 .text-box .text { font-size: 18px; margin-top: 15px; font-weight: 500; } @media (max-width: 991.98px) { #poco_x3_pro .section-01 { height: 440px; } #poco_x3_pro .section-01 .text-box { padding-top: 10%; padding-left: 5%; } #poco_x3_pro .section-01 .text-box .title { font-size: 48px; } #poco_x3_pro .section-01 .text-box .text { font-size: 16px; } } @media (max-width: 767.98px) { #poco_x3_pro .section-01 { height: auto; background-size: 140% auto; background-position: right bottom; padding-bottom: 450px; background-color: #000000; } #poco_x3_pro .section-01 .text-box { padding: 15% 5% 10%; text-align: center; } } @media only screen and (max-width: 575.98px) { #poco_x3_pro .section-01 { padding-bottom: 300px; } #poco_x3_pro .section-01 .text-box .title { font-size: 42px; } #poco_x3_pro .section-01 .text-box .text { font-size: 15px; } } @media only screen and (max-width: 363.98px) { #poco_x3_pro .section-01 { padding-bottom: 220px; } } @media (min-width: 1200px) { #poco_x3_pro .section-01 { height: 780px; } #poco_x3_pro .section-01 .text-box .title { font-size: 64px; } #poco_x3_pro .section-01 .text-box .desc { font-size: 28px; } #poco_x3_pro .section-01 .text-box .text { font-size: 19px; } } @media (min-width: 1400px) { #poco_x3_pro .section-01 .text-box .title { font-size: 72px; } } @media (min-width: 1600px) { #poco_x3_pro .section-01 { height: 880px; } } @media (min-width: 2080px) { #poco_x3_pro .section-01 { height: 980px; } } /* =============== Section 02 =============== */ #poco_x3_pro .section-02 { background: #fec900; /* Old browsers */ background: -moz-linear-gradient(-45deg, #fec900 0%, #fbae01 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #fec900 0%,#fbae01 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #fec900 0%,#fbae01 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec900', endColorstr='#fbae01',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ padding: 5% 0 7.5%; } #poco_x3_pro .section-02 .text-box .title { text-transform: uppercase; } #poco_x3_pro .section-02 .text-box.item-2 { padding-top: 0; } #poco_x3_pro .section-02 .text-box.item-2 .text { font-size: 22px; font-weight: 500; margin-top: 0; } #poco_x3_pro .section-02 .text-box.item-2 .title { font-size: 180px; font-weight: 900; line-height: 1; } #poco_x3_pro .section-02 .list { width: 500px; margin: 0 auto; } #poco_x3_pro .section-02 .list .item { color: #191919; text-align: center; padding: 40px 20px; border-bottom: 1px solid #191919; } #poco_x3_pro .section-02 .list .item .title { display: block; font-size: 42px; font-weight: bold; text-transform: uppercase; margin-bottom: 20px; } @media (max-width: 991.98px) { #poco_x3_pro .section-02 .list .item .title { font-size: 32px; } #poco_x3_pro .section-02 .text-box.item-2 .title { font-size: 120px; } } @media (max-width: 767.98px) { #poco_x3_pro .section-02 { padding-bottom: 12.5%; } #poco_x3_pro .section-02 .list .item .title { font-size: 24px; } #poco_x3_pro .section-02 .text-box.item-2 .title { font-size: 80px; } #poco_x3_pro .section-02 .text-box.item-2 .text { font-size: 20px; } } @media only screen and (max-width: 575.98px) { #poco_x3_pro .section-02 .list { width: 90%; } #poco_x3_pro .section-02 .list .item .title { font-size: 20px; margin-bottom: 10px; } #poco_x3_pro .section-02 .text-box.item-2 .title { font-size: 60px; } #poco_x3_pro .section-02 .text-box.item-2 .text { font-size: 18px; } #poco_x3_pro .section-02 .list .item { padding: 20px 10px; } } @media only screen and (max-width: 363.98px) { #poco_x3_pro .section-02 .list .item .title { font-size: 18px; } #poco_x3_pro .section-02 .text-box.item-2 .title { font-size: 40px; } #poco_x3_pro .section-02 .text-box.item-2 .text { font-size: 16px; } } @media (min-width: 1200px) { #poco_x3_pro .section-02 .text-box.item-2 .title { font-size: 220px; } } /* =============== Section 03 & 07 & 16 =============== */ #poco_x3_pro .section-label { background-image: url('https://media.mi-home.pl/products/poco-x3-pro/section-03.jpg'); background-size: 100% auto; background-position: top center; background-repeat: no-repeat; background-color: #000000; padding: 7.5% 0; } #poco_x3_pro .section-label.section-12a { background-image: url('https://media.mi-home.pl/products/poco-x3-pro/section-12_01.jpg'); } #poco_x3_pro .section-label.section-14a { background-image: url('https://media.mi-home.pl/products/poco-x3-pro/section-14.jpg'); } #poco_x3_pro .section-label.section-16 { background-image: url('https://media.mi-home.pl/products/poco-x3-pro/section-16.jpg'); } #poco_x3_pro .section-label .text-box .title { text-transform: uppercase; font-size: 58px; font-weight: 900; background: #f4d32a; /* Old browsers */ background: -moz-linear-gradient(-45deg, #f4d32a 20%, #feef93 25%, #f0cc42 50%, #e7a537 75%, #df6e16 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #f4d32a 20%,#feef93 25%,#f0cc42 50%,#e7a537 75%,#df6e16 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #f4d32a 20%,#feef93 25%,#f0cc42 50%,#e7a537 75%,#df6e16 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4d32a', endColorstr='#df6e16',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media (max-width: 991.98px) { #poco_x3_pro .section-label .text-box .title { font-size: 48px; } } @media (max-width: 767.98px) { #poco_x3_pro .section-label .text-box .title { font-size: 36px; } #poco_x3_pro .section-label { padding: 5% 0; } } @media only screen and (max-width: 575.98px) { #poco_x3_pro .section-label .text-box .title { font-size: 28px; } } @media only screen and (max-width: 363.98px) { #poco_x3_pro .section-label .text-box .title { font-size: 24px; } } @media (min-width: 1200px) { #poco_x3_pro .section-label .text-box .title { font-size: 72px; } } /* =============== Section 04 & 05 & 06 & 09 & 10 & 17 =============== */ #poco_x3_pro .section-04 { background-image: url('https://media.mi-home.pl/products/poco-x3-pro/section-04.jpg'); height: 640px; } #poco_x3_pro .section-05 { background-image: url('https://media.mi-home.pl/products/poco-x3-pro/section-05.jpg'); height: 640px; } #poco_x3_pro .section-06 { background-image: url('https://media.mi-home.pl/products/poco-x3-pro/section-06.jpg'); height: 680px; } #poco_x3_pro .section-09 { background-image: url('https://media.mi-home.pl/products/poco-x3-pro/section-09.jpg'); height: 720px; } #poco_x3_pro .section-10 { background-image: url('https://media.mi-home.pl/products/poco-x3-pro/section-10.jpg'); height: 720px; } #poco_x3_pro .section-17 { background-image: url('https://media.mi-home.pl/products/poco-x3-pro/section-17.jpg'); height: 720px; } #poco_x3_pro .section-04 .text-box, #poco_x3_pro .section-10 .text-box { padding-top: 5%; padding-right: 55%; } #poco_x3_pro .section-05 .text-box { padding-top: 5%; padding-left: 60%; padding-right: 10%; } #poco_x3_pro .section-09 .text-box { padding-top: 10%; padding-left: 60%; padding-right: 10%; } #poco_x3_pro .section-06 .text-box, #poco_x3_pro .section-17 .text-box { padding-top: 10%; padding-right: 55%; } #poco_x3_pro .section-04 .text-box .desc, #poco_x3_pro .section-05 .text-box .desc, #poco_x3_pro .section-06 .text-box .desc, #poco_x3_pro .section-09 .text-box .desc, #poco_x3_pro .section-10 .text-box .desc, #poco_x3_pro .section-17 .text-box .desc { margin: 0 0 5px; } #poco_x3_pro .section-06 .text-box .desc:last-child { font-size: 22px; font-weight: normal; margin-top: 25px; } #poco_x3_pro .section-04 .text-box .title, #poco_x3_pro .section-05 .text-box .title, #poco_x3_pro .section-06 .text-box .title, #poco_x3_pro .section-09 .text-box .title, #poco_x3_pro .section-10 .text-box .title, #poco_x3_pro .section-17 .text-box .title { position: relative; z-index: 1; color: #ffd400; padding-bottom: 30px; } #poco_x3_pro .section-04 .text-box .title::after, #poco_x3_pro .section-05 .text-box .title::after, #poco_x3_pro .section-06 .text-box .title::after, #poco_x3_pro .section-09 .text-box .title::after, #poco_x3_pro .section-10 .text-box .title::after, #poco_x3_pro .section-17 .text-box .title::after { content: ''; position: absolute; z-index: 2; bottom: 0; left: 0; width: 26px; height: 3px; background-color: #ffd400; } #poco_x3_pro .section-04 .text-box .text, #poco_x3_pro .section-05 .text-box .text, #poco_x3_pro .section-06 .text-box .text, #poco_x3_pro .section-09 .text-box .text, #poco_x3_pro .section-17 .text-box .text { color: #9fa0a0; } #poco_x3_pro .section-10 .text-box .text { margin-top: 5px; } #poco_x3_pro .section-10 .text-box .text.font-bold { font-weight: bold; color: #ffd400; margin-top: 25px; } #poco_x3_pro .section-17 .text-box .text strong { color: #ffd400; } #poco_x3_pro .section-04 .list, #poco_x3_pro .section-12 .list { display: flex; flex-wrap: wrap; } #poco_x3_pro .section-12 .list { max-width: 680px; width: 90%; margin: 0 auto; } #poco_x3_pro .section-04 .list .item, #poco_x3_pro .section-12 .list .item { flex: 0 0 50%; width: 50%; padding: 15px 20px 15px 0; display: flex; align-items: center; font-size: 15px; font-weight: 400; color: #ffffff; text-align: left; } #poco_x3_pro .section-12 .list .item { flex: 0 0 33.3333%; width: 33.3333%; } #poco_x3_pro .section-04 .list .item .number-wrapper, #poco_x3_pro .section-12 .list .item .number-wrapper { flex: 0 0 88px; width: 88px; height: 88px; background-image: url('https://media.mi-home.pl/products/poco-x3-pro/section-04_icon.png'); background-position: center center; background-size: 100% auto; background-repeat: no-repeat; line-height: 88px; text-align: center; font-weight: bold; font-size: 24px; } #poco_x3_pro .section-04 .list .item .number-wrapper small, #poco_x3_pro .section-12 .list .item .number-wrapper small { font-size: 16px; } #poco_x3_pro .section-04 .list .item .item-title, #poco_x3_pro .section-12 .list .item .item-title { text-transform: uppercase; } #poco_x3_pro .section-04 .list .item .item-text, #poco_x3_pro .section-12 .list .item .item-text { font-size: 12px; display: block; color: #ffd400; padding-top: 2px; } #poco_x3_pro .section-05 .list { padding-top: 30px; } #poco_x3_pro .section-05 .list .item { padding: 15px 0; color: #9fa0a0; font-size: 16px; font-weight: bold; } #poco_x3_pro .section-05 .list .item.item-1 { color: #ffffff; font-size: 21px; } #poco_x3_pro .section-05 .list .item-title { display: block; } #poco_x3_pro .section-05 .list .item .item-bar { background-image: linear-gradient(90deg,#fcc800,#f69602 65%,#f27204); background-blend-mode: normal; width: 70%; height: 5px; display: inline-block; margin-top: 10px; } #poco_x3_pro .section-05 .list .item.item-2 .item-bar { width: 35%; } @media (max-width: 991.98px) { #poco_x3_pro .section-04, #poco_x3_pro .section-05 { height: 580px; } #poco_x3_pro .section-06 { height: 560px; } #poco_x3_pro .section-09, #poco_x3_pro .section-10, #poco_x3_pro .section-17 { height: 560px; } #poco_x3_pro .section-10 .text-box { padding-top: 10%; } #poco_x3_pro .section-05 .text-box { padding-top: 10%; padding-left: 60%; padding-right: 5%; } #poco_x3_pro .section-09 .text-box { padding-top: 10%; padding-left: 60%; padding-right: 5%; } #poco_x3_pro .section-06 .text-box, #poco_x3_pro .section-17 .text-box { padding-top: 10%; } } @media (max-width: 767.98px) { #poco_x3_pro .section-04, #poco_x3_pro .section-05, #poco_x3_pro .section-06, #poco_x3_pro .section-09, #poco_x3_pro .section-10, #poco_x3_pro .section-17 { height: auto; background-position: bottom right; background-size: 150% auto; background-color: #000000; padding-bottom: 400px; } #poco_x3_pro .section-05 { background-position: bottom left; background-color: #100F12; } #poco_x3_pro .section-06 { background-color: #121116; } #poco_x3_pro .section-09 { background-position: bottom left; background-color: #181C1B; padding-bottom: 450px; } #poco_x3_pro .section-10 { background-position: bottom right -50px; background-color: #1A1A1A; padding-bottom: 450px; } #poco_x3_pro .section-17 { padding-bottom: 450px; } #poco_x3_pro .section-04 .text-box, #poco_x3_pro .section-05 .text-box, #poco_x3_pro .section-06 .text-box, #poco_x3_pro .section-09 .text-box, #poco_x3_pro .section-10 .text-box, #poco_x3_pro .section-17 .text-box { width: 100%; padding: 10% 5%; text-align: center; } #poco_x3_pro .section-04 .text-box .title::after, #poco_x3_pro .section-05 .text-box .title::after, #poco_x3_pro .section-06 .text-box .title::after, #poco_x3_pro .section-09 .text-box .title::after, #poco_x3_pro .section-10 .text-box .title::after, #poco_x3_pro .section-17 .text-box .title::after { left: 50%; margin-left: -13px; } #poco_x3_pro .section-04 .list .item, #poco_x3_pro .section-12 .list .item { justify-content: center; } } @media only screen and (max-width: 575.98px) { #poco_x3_pro .section-04, #poco_x3_pro .section-05, #poco_x3_pro .section-06, #poco_x3_pro .section-09, #poco_x3_pro .section-10, #poco_x3_pro .section-17 { padding-bottom: 300px; } #poco_x3_pro .section-12 .list .item { flex: 0 0 100%; width: 100%; padding: 10px; } } @media only screen and (max-width: 363.98px) { #poco_x3_pro .section-04, #poco_x3_pro .section-05, #poco_x3_pro .section-06, #poco_x3_pro .section-09, #poco_x3_pro .section-10, #poco_x3_pro .section-17 { padding-bottom: 220px; } #poco_x3_pro .section-04 .list .item { flex: 0 0 100%; width: 100%; padding: 10px; } } @media (min-width: 1200px) { #poco_x3_pro .section-04, #poco_x3_pro .section-05 { height: 720px; } #poco_x3_pro .section-06 { height: 780px; } #poco_x3_pro .section-09, #poco_x3_pro .section-10, #poco_x3_pro .section-17 { height: 820px; } } @media (min-width: 1620px) { #poco_x3_pro .section-04, #poco_x3_pro .section-05 { height: 820px; } #poco_x3_pro .section-06 { height: 880px; } #poco_x3_pro .section-09, #poco_x3_pro .section-10, #poco_x3_pro .section-17 { height: 960px; } } @media (min-width: 2080px) { #poco_x3_pro .section-04, #poco_x3_pro .section-05 { height: 960px; } #poco_x3_pro .section-06 { height: 1040px; } #poco_x3_pro .section-09, #poco_x3_pro .section-10, #poco_x3_pro .section-17 { height: 1080px; } } /* =============== Section 08 =============== */ #poco_x3_pro .section-08 { background: #fec900; /* Old browsers */ background: -moz-linear-gradient(-45deg, #fec900 0%, #fbae01 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #fec900 0%,#fbae01 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #fec900 0%,#fbae01 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec900', endColorstr='#fbae01',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ padding: 0 0 7.5%; position: relative; z-index: 1; } #poco_x3_pro .section-08::after { content: ''; position: absolute; z-index: -1; background-color: #000000; width: 100%; height: 50%; top: 0; left: 0; } #poco_x3_pro .section-08 .text-box { padding-top: 0; } #poco_x3_pro .section-08 .text-box .title { color: #ffd400; } #poco_x3_pro .section-08 .text-box .text { font-weight: 500; margin: 0 0 15px; font-size: 21px; } #poco_x3_pro .section-08 .video-box { margin: 0 auto; padding: 0; width: 90%; max-width: 860px; } #poco_x3_pro .section-08 .video-box .text { text-align: center; padding-top: 40px; font-weight: 300; font-size: 19px; } @media (max-width: 991.98px) { #poco_x3_pro .section-08 .video-box .text { padding-top: 30px; font-size: 16px; } } @media (max-width: 767.98px) { #poco_x3_pro .section-08 .video-box .text { font-size: 15px; } #poco_x3_pro .section-08 { padding-bottom: 12.5%; } } @media only screen and (max-width: 575.98px) { #poco_x3_pro .section-08 .video-box .text { padding-top: 15px; font-size: 14px; } } /* =============== Section 11 =============== */ #poco_x3_pro .section-11 { background-image: linear-gradient(180deg,#ffd400,#fcbd01 65%,#fa9f01),linear-gradient(#fff,#fff); background-blend-mode: normal; padding-bottom: 7.5%; position: relative; z-index: 1; } #poco_x3_pro .section-11::after { content: ''; background-image: url('https://media.mi-home.pl/products/poco-x3-pro/section-11_02.png'); background-position: center center; background-size: 100% auto; background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } #poco_x3_pro .section-11 .text-box .title { padding-bottom: 30px; position: relative; z-index: 1; } #poco_x3_pro .section-11 .text-box .title::after { content: ''; position: absolute; z-index: 2; bottom: 0; left: 50%; width: 26px; height: 3px; margin-left: -13px; background-color: #191919; } #poco_x3_pro .section-11 .image-wrapper { margin: 0 auto; max-width: 680px; width: 60%; } @media (max-width: 767.98px) { #poco_x3_pro .section-11 { padding-bottom: 12.5%; } } /* =============== Section 12 =============== */ #poco_x3_pro .section-12 { background-color: #000000; } #poco_x3_pro .section-12 .text-box { padding-top: 2.5%; } #poco_x3_pro .section-12 .text-box .title { color: #ffd400; } /* =============== Section 13 =============== */ #poco_x3_pro .section-13 { padding: 2.5% 0 7.5%; background-color: #000000; } #poco_x3_pro .section-13 .text-box { padding-bottom: 20px; } #poco_x3_pro .section-13 .text-box .title { color: #ffd400; } #poco_x3_pro .section-13 .text-box .text { color: #9fa0a0; } #poco_x3_pro .section-13 .list { margin: 30px auto 0; display: flex; flex-wrap: wrap; max-width: 500px; width: 90%; } #poco_x3_pro .section-13 .list .item { color: #9fa0a0; padding: 0 20px; flex: 0 0 50%; width: 50%; font-size: 15px; font-weight: 300; text-align: center; } #poco_x3_pro .section-13 .list .item:first-child { border-right: 1px solid #45413b; } #poco_x3_pro .section-13 .list .item .title { display: block; color: #ffd400; font-weight: bold; font-size: 48px; } #poco_x3_pro .section-13 .list .item .title small { font-size: 19px; } @media (max-width: 991.98px) { #poco_x3_pro .section-13 .list .item .title { font-size: 42px; } #poco_x3_pro .section-13 .list .item .title small { font-size: 18px; } } @media (max-width: 767.98px) { #poco_x3_pro .section-13 .list .item .title { font-size: 36px; } #poco_x3_pro .section-13 .list .item .title small { font-size: 16px; } } @media only screen and (max-width: 575.98px) { #poco_x3_pro .section-13 .list .item .title { font-size: 28px; } #poco_x3_pro .section-13 .list .item .title small { font-size: 15px; } } /* =============== Section 14 & 15 =============== */ #poco_x3_pro .section-14 { background-color: #000000; padding-bottom: 5%; } #poco_x3_pro .section-15 { background-color: #0C0C0C; padding-bottom: 5%; } #poco_x3_pro .section-15 .text-box { padding-bottom: 0; } #poco_x3_pro .section-14 .text-box .title, #poco_x3_pro .section-15 .text-box .title { color: #ffd400; padding-bottom: 30px; position: relative; z-index: 1; } #poco_x3_pro .section-14 .text-box .title::after, #poco_x3_pro .section-15 .text-box .title::after { content: ''; position: absolute; z-index: 2; bottom: 0; left: 50%; width: 26px; height: 3px; margin-left: -13px; background-color: #ffd400; } #poco_x3_pro .section-14 .text-box .text, #poco_x3_pro .section-15 .text-box .text { color: #9fa0a0; } #poco_x3_pro .section-14 .video-wrapper { max-width: 1280px; width: 90%; margin: 0 auto; } #poco_x3_pro .section-15 .text-box img { width: 52px; display: inline-block; margin-top: 30px; } #poco_x3_pro .section-15 .image-wrapper { position: relative; z-index: 1; max-width: 1600px; width: 100%; margin: 0 auto; text-align: center; padding: 100px 0; } #poco_x3_pro .section-15 .image-wrapper .item-0 { position: relative; z-index: 3; width: 700px; max-width: none; display: inline-block; margin: 0 auto; } #poco_x3_pro .section-15 .image-wrapper .item-1, #poco_x3_pro .section-15 .image-wrapper .item-2 { position: absolute; z-index: 2; width: 400px; top: 50px; animation: scale-sound 2s ease-in 0s infinite normal; } #poco_x3_pro .section-15 .image-wrapper .item-1 { left: 100px; } #poco_x3_pro .section-15 .image-wrapper .item-2 { right: 100px; } @media (max-width: 991.98px) { #poco_x3_pro .section-15 .image-wrapper .item-0 { width: 560px; } #poco_x3_pro .section-15 .image-wrapper .item-1, #poco_x3_pro .section-15 .image-wrapper .item-2 { width: 320px; } #poco_x3_pro .section-15 .image-wrapper .item-1 { left: 50px; } #poco_x3_pro .section-15 .image-wrapper .item-2 { right: 50px; } } @media (max-width: 767.98px) { #poco_x3_pro .section-15 .image-wrapper .item-0 { width: 420px; } #poco_x3_pro .section-15 .image-wrapper .item-1, #poco_x3_pro .section-15 .image-wrapper .item-2 { width: 200px; } #poco_x3_pro .section-15 .image-wrapper { padding: 70px 0; } } @media only screen and (max-width: 575.98px) { #poco_x3_pro .section-15 .image-wrapper .item-0 { width: 320px; } #poco_x3_pro .section-15 .image-wrapper .item-1, #poco_x3_pro .section-15 .image-wrapper .item-2 { width: 150px; } #poco_x3_pro .section-15 .image-wrapper .item-1 { left: 30px; } #poco_x3_pro .section-15 .image-wrapper .item-2 { right: 30px; } } @media only screen and (max-width: 363.98px) { #poco_x3_pro .section-15 .image-wrapper .item-0 { width: 240px; } #poco_x3_pro .section-15 .image-wrapper .item-1, #poco_x3_pro .section-15 .image-wrapper .item-2 { width: 100px; } #poco_x3_pro .section-15 .image-wrapper { padding: 60px 0; } } @media (min-width: 1200px) { #poco_x3_pro .section-15 .image-wrapper .item-0 { width: 980px; } #poco_x3_pro .section-15 .image-wrapper .item-1, #poco_x3_pro .section-15 .image-wrapper .item-2 { width: 500px; } } @keyframes scale-sound { 0% { transform:scale(1); opacity:0 } 20% { opacity:1 } 80% { opacity:1 } to { transform:scale(1.4); opacity:0 } } /* =============== Section 18 =============== */ #poco_x3_pro .section-18 { background: #fed300; /* Old browsers */ background: -moz-linear-gradient(top, #fed300 0%, #f99f01 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #fed300 0%,#f99f01 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #fed300 0%,#f99f01 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed300', endColorstr='#f99f01',GradientType=0 ); /* IE6-9 */ padding-bottom: 7.5%; } #poco_x3_pro .section-18 .slider-box { max-width: 980px; width: 90%; margin: 0 auto; } /* =============== Section 19 =============== */ #poco_x3_pro .section-19 { padding: 2.5% 0 7.5%; background-color: #131314; } #poco_x3_pro .section-19 .text-box .title { color: #ffd400; padding-bottom: 30px; position: relative; z-index: 1; } #poco_x3_pro .section-19 .text-box .title::after { content: ''; position: absolute; z-index: 2; bottom: 0; left: 50%; width: 26px; height: 3px; margin-left: -13px; background-color: #ffd400; } #poco_x3_pro .section-19 .text-box .text { color: #9fa0a0; } #poco_x3_pro .section-19 .video-wrapper { max-width: 880px; width: 90%; margin: 0 auto; position: relative; z-index: 1; } #poco_x3_pro .section-19 .video-wrapper::after, #poco_x3_pro .section-19 .video-wrapper::before { content: ''; position: absolute; z-index: 2; width: 70px; height: 5px; background-color: #ffd400; bottom: -5px; } #poco_x3_pro .section-19 .video-wrapper::before { left: 20px; } #poco_x3_pro .section-19 .video-wrapper::after { right: 20px; } /* =============== Section 20 & 21 =============== */ #poco_x3_pro .section-20 { background-image: url('https://media.mi-home.pl/products/poco-x3-pro/section-20_01.jpg'); background-size: 100% auto; background-position: top center; background-color: #0C0C0C; } #poco_x3_pro .section-20 .text-box .title { color: #ffd400; } #poco_x3_pro .section-21 { padding: 7.5% 0; background-color: #0C0C0C; } #poco_x3_pro .section-20 .image-wrapper, #poco_x3_pro .section-21 .section-wrapper { max-width: 880px; width: 90%; margin: 0 auto; } #poco_x3_pro .section-21 .section-wrapper { display: flex; flex-wrap: wrap; align-items: center; } #poco_x3_pro .section-21 .section-wrapper .image-wrapper, #poco_x3_pro .section-21 .section-wrapper .text-box { flex: 0 0 50%; width: 50%; } #poco_x3_pro .section-20 .image-wrapper .text-box { padding: 30px 50% 0 0; } #poco_x3_pro .section-21 .section-wrapper .text-box { padding: 0 5% 0 10%; } #poco_x3_pro .section-20 .image-wrapper .text-box .desc, #poco_x3_pro .section-21 .section-wrapper .text-box .desc { margin: 0; line-height: 1.2; } #poco_x3_pro .section-20 .image-wrapper .text-box .text, #poco_x3_pro .section-21 .section-wrapper .text-box .text { color: #9fa0a0; margin-top: 5px; } @media only screen and (max-width: 575.98px) { #poco_x3_pro .section-20 .image-wrapper .text-box { padding: 30px 25% 0 0; } } /* =============== Section 22 =============== */ #poco_x3_pro .section-22 { padding-bottom: 5%; background: #000000; } #poco_x3_pro .section-22 .text-box .title { color: #ffd400; } #poco_x3_pro .section-22 .list { max-width: 1080px; width: 90%; margin: 0 auto; display: flex; flex-wrap: wrap; } #poco_x3_pro .section-22 .list .item { flex: 0 0 25%; width: 25%; padding: 20px; text-align: center; color: #ffffff; font-size: 18px; font-weight: bold; } #poco_x3_pro .section-22 .list .item img { width: 98px; } #poco_x3_pro .section-22 .list .item .text { display: block; margin-top: 18px; } #poco_x3_pro .section-22 .text-bottom { padding: 20px 20px 0; font-size: 14px; text-align: center; color: #9fa0a0; opacity: .5; } @media (max-width: 767.98px) { #poco_x3_pro .section-22 .list .item { font-size: 16px; } #poco_x3_pro .section-22 .list .item img { width: 80px; } #poco_x3_pro .section-22 .list .item .text { margin-top: 10px; } } @media only screen and (max-width: 575.98px) { #poco_x3_pro .section-22 .list .item { font-size: 15px; } #poco_x3_pro .section-22 .list .item { flex: 0 0 50%; width: 50%; } } @media (min-width: 1200px) { #poco_x3_pro .section-22 .list .item { font-size: 20px; } } /* =============== Section 24 =============== */ #poco_x3_pro .section-24 { background-color: #000000; } /* =============== Section spec =============== */ #poco_x3_pro .section-notes { padding: 3.5% 12.5%; margin: 0 auto; } #poco_x3_pro .section-notes ul { margin: 0; padding: 0; list-style: none; } #poco_x3_pro .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_x3_pro .section-notes { padding: 5%; } #poco_x3_pro .section-notes ul li { font-size: 13px; } } @media (min-width: 1200px) { #poco_x3_pro .section-notes { padding: 3.5% 0; max-width: 1164px; } } /* =============== Slider =============== */ #poco_x3_pro .slick-dots { bottom: 35px; } #poco_x3_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_x3_pro .slick-dots li.slick-active button::before, #poco_x3_pro .slick-dots li:hover button::before { opacity: 1; } #poco_x3_pro .slick-dotted.slick-slider { margin-bottom: 0; padding: 0; } #poco_x3_pro .slick-slider > .slider-item { display: none; } #poco_x3_pro .slick-slider > .slider-item:first-child { display: block; } #poco_x3_pro .slick-slider .slick-dots li button { border-radius: 30px; } #poco_x3_pro .slick-slider .slick-dots li button { background: #fff; transition: 0.3s ease-in-out opacity; opacity: .25; width: 15px; height: 15px; } #poco_x3_pro .slick-slider .slick-dots li.slick-active button, #poco_x3_pro .slick-slider .slick-dots li button:hover { background: #fff; opacity: 1; } #poco_x3_pro .slick-dots li button::before { content: none; } @media (max-width: 767.98px) { #poco_x3_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: true, fade: true, cssEase: 'linear' }); $('.slider-standard').slick({ infinite: true, arrows: false, autoplay: true, dots: true, }); } ); POCO X3 Pro Dokładnie to czego potrzebujesz i jeszcze więcej Snapdragon™ 860 | 120Hz DotDisplay Corning® Gorilla® Glass 6 Wszystko za co pokochaliśmy POCO X3 i więcej! Jedwabiście gładki ekran, gigantyczna bateria, ultraszybkie ładowanie oraz głośniki studyjnej jakości. Upgrade tam, gdzie ma to znaczenie WIĘCEJ Wydajność Qualcomm® Snapdragon™ 860 | Pamięć UFS 3.1 Design Szkło Corning® Gorilla® 6 | Korpus o podwójnej teksturze Twórczość Ulepszona fotografia nocna | Podwójne wideo Wydajność na poziomie flagowca Qualcomm® Snapdragon™ 860 WIODĄCY PROCESOR 4G W 2021 ROKU Procesor Qualcomm® Snapdragon™ 860 nie zawiedzie Cię podczas grania w wymagające graficznie gry, nawet na wysokich ustawieniach. Ciesz się brakiem opóźnień i płynną rozgrywką online. 71 % Szybszy procesor Kryo 485 145 % Szybszy Adreno 640 GPU 192 % Mocniejszy silnik SI 45 % Wyższy wynik AnTuTu* Pamięć UFS 3.1 Udoskonalona technologia i szybkość zapisu Dzięki ulepszonej technologii pamięci UFS 3.1, POCO X3 Pro wyraźnie przyśpiesza prędkości odczytu i zapisu. Gry i aplikacje bez czekania. UFS 3.1 UFS 2.1 Technologia LiquidCool 1.0 Plus Pewne chłodzenie podczas grania Z łatwością utrzymuje dogodną temperaturę podczas długich sesji, ciepło rozprasza się w 3D, dzięki czemu możesz grać z maksymalną wydajnością! Chłodzenie procesora do 6°C Wielowarstwowy grafit Miedziana rura cieplna D5 Zaprojektowany z myślą o szybkości Częstotliwość odświeżania ekranu 120Hz Płynna gra, gładka praca Przy wysokiej częstotliwości odświeżania 120Hz już nigdy więcej nie przegapisz żadnej klatki. Ciesz się płynnymi ruchami w pełnych akcji grach i wyprzedzaj konkurencję na każdym kroku. Częstotliwość próbkowania dotykowego 240Hz Błyskawiczna odpowiedź ekranu Wysoka częstotliwość próbkowania dotykowego 240Hz zmniejsza opóźnienie dotyku, a responsywny ekran zapewnia doskonałą kontrolę czułości, zarówno w grze, przenosząc wrażenia z gry na wyższy poziom jak i podczas codziennej pracy. Corning® Gorilla® Glass 6 Flagowa ochrona wyświetlacza Poprawiona odporność na upadki Przetrwa upadki z wysokości do 1,6m nawet na twarde lub szorstkie powierzchnie. Poprawiona wydajność przeciw zadrapaniom Do 2x lepsza odporność w porównaniu z alternatywnymi ekranami glinokrzemianowymi*. Projekt z podwójną teksturą Graj w dobrym stylu POCO X3 Pro to nowy i ciekawszy wygląd z odblaskowym, barwnym pasem pośrodku i metaliczną teksturą po bokach. Dzięki ulepszonym materiałom odpornym na odciski palców Twój telefon jeszcze dłużej będzie wyglądał jak nowy. Zawsze zasilany Bateria 5160 mAh Gra przez wiele godzin 11 godzin gry 18 godzin oglądania 110 godziny słuchania* Szybkie ładowanie 33W Nie musisz czekać Dzięki szybkiemu ładowaniu 33W POCO X3 Pro szybko się ładuje, dzięki czemu jest zawsze gotowy do pracy. Nie pozwól, aby powolne ładowanie dalej Cię powstrzymało! 30 min ładowanie do 59% 59 min ładowanie do 100% Immersja kompletna Silnik liniowy osi Z Poczuj każdą akcję Silnik liniowy osi Z zapewnia najbardziej żywe sprzężenie zwrotne wibracji. Każda interakcja między opuszkiem palca, a ekranem da się odczuć delikatną i inteligentną reakcją wibracyjną. Podwójne głośniki Przestrzenny dźwięk Usłysz otoczenie w grze, jakbyś był w ekranie. Podwójne głośniki zapewniają potężny dźwięk o studyjnej jakości bez względu czy grasz, oglądasz czy słuchasz muzyki. Gotowy do akcji Poczwórny aparat SI POCZWÓRNA KAMERA DLA 4 RAZY WIĘKSZEJ ZABAWY Główny aparat 48MP Ultraszerokokątny aparat 8MP Czujnik głębi 2MP Aparat makro 2MP Poczwórny aparat SI UCHWYĆ CO DALEKO I BLISKO Podwójne wideo Bądź bardziej kreatywny z dwoma perspektywami Filmuj jednocześnie przednim i tylnym aparatem, aby nagrywać ekscytujące i innowacyjne filmy. Tryb nocny Odkryj więcej podczas nocnych sesji Szersze ujęcia nocne Panoramy miast i gwiaździste niebo - oszałamiające szerokokątne ujęcia w ciemności. Selfie późnym wieczorem Ciesz się oświetlonym zdjęciem bez względu na to, jak jest ciemno. Więcej funkcji NFC* Blaster IR IP53 Gniazdo słuchawkowe 3,5mm * Dostępność może się różnić w zależności od regionu. Uwagi: * Dane pochodzą z oficjalnej strony Corning. Rzeczywista wydajność upuszczania może różnić się od wyników laboratoryjnych. * Wszystkie dane na tej stronie dotyczące ładowania i żywotności baterii pochodzą z wewnętrznych laboratoriów. Rzeczywiste wyniki mogą się różnić w zależności od wersji oprogramowania, środowiska i wersji telefonu i mogą nie odzwierciedlać wyżej przedstawionych wyników. * Elementy wizualne Mi Racing są używane za zgodą i są chronione prawami autorskimi Mi Racing, Puppetsgame. * Urządzenie zostało przetestowane w kontrolowanych warunkach laboratoryjnych, które spełnia wymagania Klasyfikacji IP53 zgodnie z opisem w Międzynarodowej Normie IEC 60529. * Stopień ochrony IP53 oznacza, że urządzenie jest chronione przed niewielkimi rozpryskami oraz typowym brudem i kurzem, ale nie przed pełnym zanurzeniem lub silnym zapyleniem, piaskiem lub innymi cząstkami. Gwarancja na produkt nie obejmuje uszkodzeń wynikających z zakurzenia lub zanurzenia. * Zdjęcia na tej stronie są ilustracjami, a wygląd rzeczywistego produktu może się różnić.