Придбати Чохол до планшета Xiaomi Keyboard Xiaomi Pad 8 / 8 Pro Gray (1187409)

Тип - чохол-клавіатура, сірий

Опис <br> <style><br> .tab .content.description-content {<br> padding-right: 0px !important;<br> }<br><br> .tab .content {<br> padding: 0px !important;<br> }<br><br> .l-container {<br> max-width: 1198px;<br> /* max-width: 1366px; */<br> background-color: #fff;<br> position: relative;<br> overflow: hidden;<br> /* border: 1px solid #e2e2e2;<br> border-radius: 24px; */<br> }<br><br> .l-section {<br> width: 100%;<br> display: -webkit-box;<br> display: -ms-flexbox;<br> display: flex;<br> background-color: #fff;<br> position: relative;<br> }<br><br> @media screen and (max-width: 768px) {<br> .l-section {<br> max-height: none;<br> height: auto;<br> }<br><br> .l-container {<br> border: none;<br> border-radius: 0px;<br> }<br> }<br><br> .l-color-background-1 {<br> background: linear-gradient(231.16deg, #28363d 27.83%, #617a87 100.06%);<br> }<br><br> .l-color-background-2 {<br> background: #000000;<br> }<br><br> .l-color-background-3 {<br> background: #e2ccc3;<br> }<br><br> .l-color-background-4 {<br> background: linear-gradient(90deg, #131313 0%, #405261 100%);<br> }<br><br> .l-color-background-5 {<br> background: #000;<br> }<br><br> .l-color-background-6 {<br> /* background: url(https://i.allo.ua/media/Rich_Review/Asus_TUF_Gaming_VG27AQ1A/bg6.webp);<br> background-repeat: no-repeat;<br> background-size: cover; */<br> background: #000;<br> }<br><br> .l-color-background-7 {<br> background: #000;<br> }<br><br> .l-color-background-8 {<br> background: #000;<br> }<br><br> .l-color-background-9 {<br> background: linear-gradient(180deg, #2b357b 0%, #04a1da 100%);<br> }<br><br> .l-color-background-10 {<br> background: url(https://i.allo.ua/media/Rich_Review/Siemens_ER3A6BB70-3A1M/bg_1.webp)<br> no-repeat;<br> background-size: cover;<br> }<br><br> .l-color-background-11 {<br> background: url(https://i.allo.ua/media/Rich_Review/Bosch_MSM66150/bg_2.webp)<br> no-repeat;<br> background-size: cover;<br> }<br><br> .l-color-background-12 {<br> background: linear-gradient(0deg, #2b357b 0%, #04a1da 100%);<br> }<br><br> @media screen and (max-width: 768px) {<br> /* .l-color-background-10 {<br> background: #ffffff<br> url(https://i.allo.ua/media/Rich_Review/Bosch_HBJ517SG0R/bg1.jpg);<br> background-repeat: no-repeat;<br> background-size: 100%;<br> background-position: top;<br> background: linear-gradient(180deg, #2b357b 0%, #04a1da 100%);<br> } */<br><br> /* .l-color-background-4 {<br> background: url(https://i.allo.ua/media/Rich_Review/Stellar_Gurl/44.webp)<br> no-repeat;<br> background-size: cover;<br> background-position: left;<br> } */<br> }<br><br> */ .logo-title-wrapper h2 {<br> padding-left: 0 !important;<br> font-size: 28px;<br> }<br><br> .l-half {<br> width: 50%;<br> position: relative;<br> }<br><br> @media screen and (max-width: 768px) {<br> .l-half {<br> width: 100%;<br> height: 50%;<br> }<br> }<br><br> .logo-title-wrapper {<br> display: -webkit-box;<br> display: -ms-flexbox;<br> display: flex;<br> -webkit-box-align: flex-start;<br> -ms-flex-align: flex-start;<br> align-items: flex-start;<br> padding-bottom: 30px;<br> /* align-items: center; */<br> /* padding-top: 3%; */<br> /* padding-left: 8.35%; */<br> }<br><br> .logo-title-wrapper2 {<br> display: -webkit-box;<br> display: -ms-flexbox;<br> display: flex;<br> -webkit-box-align: center;<br> -ms-flex-align: center;<br> align-items: center;<br> padding-top: 3%;<br> /* align-self: flex-start; */<br> /* margin-bottom: 4%; */<br> text-align: center;<br> }<br><br> .logo-title-wrapper3 {<br> display: -webkit-box;<br> display: -ms-flexbox;<br> display: flex;<br> -webkit-box-align: center;<br> -ms-flex-align: center;<br> align-items: center;<br> padding-bottom: 5%;<br> font-size: 17px;<br> align-self: flex-start;<br> }<br><br> @media screen and (max-width: 768px) {<br> .logo-title-wrapper,<br> .logo-title-wrapper2 {<br> -webkit-box-pack: center;<br> -ms-flex-pack: center;<br> justify-content: center;<br> padding-left: 0;<br> /* align-self: center; */<br> align-items: center;<br> padding-top: 3%;<br> }<br><br> .logo-title-wrapper3 {<br> align-self: center;<br> }<br> }<br><br> .l-logo {<br> padding-right: 15px;<br> align-self: flex-start;<br> }<br><br> @media screen and (max-width: 480px) {<br> .logo-title-wrapper,<br> .logo-title-wrapper2,<br> .logo-title-wrapper3 {<br> -webkit-box-orient: vertical;<br> -webkit-box-direction: normal;<br> -ms-flex-direction: column;<br> flex-direction: column;<br> }<br><br> .l-logo {<br> padding-right: 15px;<br> padding-bottom: 7px;<br> align-self: center;<br> }<br> }<br><br> .l-main-title {<br> font-size: 29px !important;<br> font-weight: bold;<br> padding: 0;<br> margin: 0;<br> -webkit-box-flex: 1;<br> -ms-flex: 1;<br> flex: 1;<br> }<br><br> @media screen and (max-width: 768px) {<br> .l-main-title {<br> text-align: center;<br> padding-bottom: 2.61%;<br> padding-top: 2.61%;<br> -webkit-box-flex: 1;<br> -ms-flex: 1;<br> flex: 1;<br> }<br><br> .l-img-padding2 {<br> padding-bottom: 9px;<br> padding-top: 20px;<br> }<br> }<br><br> @media screen and (min-width: 481px) and (max-width: 768px) {<br> .l-logo {<br> padding-right: 15px;<br> }<br> }<br><br> @media screen and (max-width: 480px) {<br> .l-main-title {<br> -webkit-box-flex: 0;<br> -ms-flex: 0;<br> flex: 0;<br> font-size: 28px !important;<br> }<br><br> .l-logo {<br> padding-right: 0px;<br> }<br><br> .l-main-title-color {<br> text-align: center;<br> }<br> }<br><br> .l-main-title-color {<br> color: #ffffff;<br> font-size: 30px;<br> /*inj*/<br> }<br><br> .l-description {<br> -webkit-box-sizing: border-box;<br> box-sizing: border-box;<br> display: -webkit-box;<br> display: -ms-flexbox;<br> display: flex;<br> -webkit-box-align: center;<br> -ms-flex-align: center;<br> align-items: center;<br> -webkit-box-pack: center;<br> -ms-flex-pack: center;<br> justify-content: center;<br> -webkit-box-orient: vertical;<br> -webkit-box-direction: normal;<br> -ms-flex-direction: column;<br> flex-direction: column;<br> padding: 0 8.35%;<br> height: 100%;<br> }<br><br> .l-description2 {<br> -webkit-box-sizing: border-box;<br> box-sizing: border-box;<br> display: -webkit-box;<br> display: -ms-flexbox;<br> display: flex;<br> -webkit-box-align: center;<br> -ms-flex-align: center;<br> align-items: center;<br> -webkit-box-pack: center;<br> -ms-flex-pack: center;<br> justify-content: flex-start;<br> -webkit-box-orient: vertical;<br> -webkit-box-direction: normal;<br> -ms-flex-direction: column;<br> flex-direction: column;<br> padding: 0 8.35%;<br> height: 100%;<br> }<br><br> @media screen and (max-width: 768px) {<br> .l-description,<br> .l-description2 {<br> text-align: center;<br> }<br> }<br><br> .l-description-colorw {<br> color: #fff;<br> }<br><br> .l-description-colorb {<br> color: #000;<br> }<br><br> .l-title-colorw {<br> color: #ffffff;<br> }<br><br> .l-title-colorb {<br> color: #ffffff;<br> }<br><br> .l-title-colorc {<br> color: #ffffff;<br> }<br><br> .l-title-colorv {<br> color: #fff;<br> }<br><br> .l-title-colord {<br> color: #e0e548;<br> }<br><br> /* .l-title-colorf {<br> color: #3e464f;<br> } */<br><br> .l-title-colorf a {<br> color: #f25c5c;<br> }<br><br> .l-title-colorf a:hover {<br> color: #e29191;<br> }<br><br> .l-title-colorgr {<br> background: linear-gradient(177deg, #2500ff 0%, #fff 100%);<br> /* -webkit-background-clip: text; */<br> -webkit-text-fill-color: transparent;<br> }<br> .l-title-colorg {<br> /* background: linear-gradient(177deg, #2500ff 0%, #fff 100%) ; */<br> background-image: -webkit-linear-gradient(<br> 353deg,<br> rgba(7, 0, 233, 1) 0%,<br> rgba(156, 101, 253, 1) 0%,<br> rgba(234, 210, 120, 1) 100%<br> );<br> /* -webkit-background-clip: text; */<br> -webkit-text-fill-color: transparent;<br> }<br><br> .l-title-colorq {<br> color: transparent;<br> -webkit-background-clip: text;<br> background-clip: text;<br> background-image: linear-gradient(90deg, #5ac8fa, #194bb5, #009de4);<br> }<br><br> .l-paragraph-colorb {<br> color: #ffffff;<br> }<br><br> .l-paragraph-colorc {<br> color: #0065d3;<br> }<br><br> .l-paragraph-colorw {<br> color: #fff;<br> }<br> .l-paragraph-colorv {<br> color: #fff;<br> }<br><br> .l-paragraph-colorf a {<br> color: #f25c5c;<br> }<br><br> .l-paragraph-colorf a:hover {<br> color: #e29191;<br> }<br><br> .pb {<br> padding-bottom: 40px;<br> }<br><br> .pb2 {<br> padding-bottom: 50px;<br> }<br><br> .pb3 {<br> padding-bottom: 25px;<br> }<br><br> .pt {<br> padding-top: 40px;<br> }<br><br> .pti {<br> padding-top: 40px;<br> }<br><br> .pbi {<br> padding-bottom: 0px;<br> }<br><br> .pt2 {<br> padding-top: 50px;<br> }<br><br> .pt3 {<br> padding-top: 25px;<br> }<br><br> @media screen and (max-width: 768px) {<br> .pt,<br> .pt2 {<br> padding-top: 0;<br> }<br><br> .pb {<br> padding-bottom: 0;<br> }<br><br> .pbi {<br> padding-bottom: 25px;<br> }<br> }<br><br> @media screen and (max-width: 768px) {<br> .pb3 {<br> padding-bottom: 30px;<br> }<br> }<br><br> .l-title {<br> font-size: 28px;<br> padding: 0;<br> margin: 0;<br> margin-bottom: 4.01%;<br> font-weight: normal;<br> line-height: 38px;<br> width: 100%;<br> text-align: left;<br> /* font-family: 'Gotham-Medium'; */<br> /* font-family: 'Gotham-Book'; */<br> }<br><br> .l-title-h4 {<br> font-size: 24px;<br> padding: 0;<br> margin: 0;<br> margin-bottom: 4.01%;<br> font-weight: normal;<br> line-height: 30px;<br> width: 100%;<br> text-align: left;<br> }<br><br> @media screen and (max-width: 768px) {<br> .l-title {<br> margin-top: 30px;<br> text-align: center;<br> }<br><br> .l-title-h4 {<br> margin-top: 30px;<br> text-align: center;<br> }<br> }<br><br> @media screen and (max-width: 480px) {<br> .l-title {<br> font-size: 24px;<br> line-height: 30px;<br> }<br><br> .l-title-h4 {<br> font-size: 24px;<br> }<br> }<br><br> .l-title-color {<br> color: #000;<br> }<br><br> .l-title-color2 {<br> color: #fff;<br> }<br><br> .l-paragraph {<br> font-size: 16px;<br> line-height: 22px;<br> padding: 0;<br> margin: 0;<br> /* font-family: 'Gotham-Medium'; */<br> /* font-family: 'Gotham-Book'; */<br> }<br><br> @media screen and (max-width: 768px) {<br> .l-paragraph {<br> margin-bottom: 30px;<br> }<br> }<br><br> @media screen and (max-width: 480px) {<br> .l-paragraph {<br> font-size: 16px;<br> }<br> }<br><br> .l-paragraph-color {<br> color: #000;<br> }<br><br> .l-paragraph-color2 {<br> color: #fff;<br> }<br><br> .l-img {<br> max-width: 100%;<br> -o-object-fit: cover;<br> object-fit: cover;<br> }<br><br> .l-img-witdh {<br> width: 30%;<br> margin-right: 1%;<br> border-radius: 4%;<br> }<br><br> .l-img-witdh2 {<br> width: 24.5%;<br> /* margin-right: 1%; */<br> }<br><br> .l-img-witdh3 {<br> width: 40%;<br> margin-right: 5%;<br> }<br><br> .l-img-witdh4 {<br> width: 100%;<br> /* height: 20%; */<br> padding-right: 0;<br> }<br><br> .l-img-witdh5 {<br> width: 46%;<br> padding-right: 0;<br> border-radius: 24px;<br> }<br><br> .l-img-witdh:last-child {<br> margin-right: 0%;<br> }<br><br> .l-img-witdh2:last-child {<br> margin-right: 0%;<br> }<br><br> .l-img-witdh3:last-child {<br> margin-right: 0%;<br> }<br><br> .l-img-witdh5:last-child {<br> margin-left: 8%;<br> }<br><br> @media screen and (max-width: 800px) {<br> .l-img1 {<br> width: 132%;<br> }<br> }<br><br> @media screen and (max-width: 768px) {<br> .l-img-witdh2 {<br> width: 49.6%;<br> /* margin-right: 1%; */<br> /* margin-bottom: 1%; */<br> }<br><br> .l-img-witdh3 {<br> width: 90%;<br> margin-bottom: 16px;<br> margin-right: 0;<br> }<br> }<br><br> @media screen and (max-width: 576px) {<br> .l-img-witdh,<br> .l-img-witdh2 {<br> width: 90%;<br> margin-bottom: 15px;<br> margin-right: 0;<br> }<br><br> .l-img-witdh:last-child,<br> .l-img-witdh2:last-child,<br> .l-img-witdh3:last-child {<br> margin-bottom: 16px;<br> }<br> }<br><br> .l-img-wrapper {<br> display: -webkit-box;<br> display: -ms-flexbox;<br> display: flex;<br> -ms-flex-wrap: wrap;<br> flex-wrap: wrap;<br> justify-content: center;<br> }<br><br> .l-img-wrapper2 {<br> display: -webkit-box;<br> display: -ms-flexbox;<br> display: flex;<br> -ms-flex-wrap: wrap;<br> flex-wrap: wrap;<br> justify-content: center;<br> margin-top: 10%;<br> }<br><br> @media screen and (max-width: 768px) {<br> .l-img-wrapper2 {<br> flex-direction: column;<br> align-items: center;<br> }<br><br> .l-img-wrapper2 img {<br> width: 95%;<br> margin-bottom: 5%;<br> }<br><br> .l-img-witdh5:last-child {<br> margin-left: 0;<br> }<br> }<br><br> .l-center {<br> display: -webkit-box;<br> display: -ms-flexbox;<br> display: flex;<br> -webkit-box-align: center;<br> -ms-flex-align: center;<br> align-items: center;<br> -webkit-box-pack: center;<br> -ms-flex-pack: center;<br> justify-content: center;<br> }<br><br> .l-center-bosch {<br> justify-content: flex-end !important;<br> }<br><br> @media screen and (max-width: 768px) {<br> .l-center img {<br> height: auto;<br> }<br><br> .l-paragraph-center,<br> .l-paragraph-center1,<br> .l-description,<br> .l-description2 {<br> padding: 0 3% !important;<br> }<br> }<br><br> .l-title-center {<br> text-align: center;<br> margin-top: 30px;<br> margin-bottom: 2.01%;<br> padding: 0 8.35%;<br> }<br><br> .l-paragraph-center {<br> text-align: center;<br> padding: 0 8.35%;<br> margin-bottom: 30px;<br> }<br><br> .l-paragraph-center1 {<br> text-align: center;<br> padding: 0%;<br> margin-bottom: 30px;<br> }<br><br> .l-paragraph-left {<br> text-align: left;<br> padding: 0 8.35%;<br> margin-bottom: 8px;<br> }<br><br> .l-flex {<br> display: -webkit-box;<br> display: -ms-flexbox;<br> display: flex;<br> -webkit-box-orient: vertical;<br> -webkit-box-direction: normal;<br> -ms-flex-direction: column;<br> flex-direction: column;<br> }<br><br> .l-relative {<br> position: relative;<br> }<br><br> @media screen and (max-width: 768px) {<br> .l-section-reverse {<br> -webkit-box-orient: vertical;<br> -webkit-box-direction: reverse;<br> -ms-flex-direction: column-reverse;<br> flex-direction: column-reverse;<br> }<br> }<br><br> @media screen and (max-width: 768px) {<br> .l-column {<br> display: -webkit-box;<br> display: -ms-flexbox;<br> display: flex;<br> -webkit-box-orient: vertical;<br> -webkit-box-direction: normal;<br> -ms-flex-direction: column;<br> flex-direction: column;<br> }<br><br> .m1 {<br> max-width: 132%;<br> }<br><br> .m2 {<br> max-width: 70%;<br> }<br><br> .m3 {<br> max-width: 135%;<br> }<br><br> .m4 {<br> max-width: 165%;<br> }<br><br> .m5 {<br> max-width: 95%;<br> }<br><br> .m6 {<br> max-width: 115%;<br> }<br><br> .m7 {<br> max-width: 100%;<br> }<br><br> .m8 {<br> max-width: 100%;<br> }<br><br> .m9 {<br> max-width: 120%;<br> }<br><br> .m10 {<br> max-width: 75%;<br> }<br><br> .product-cms__big-description {<br> padding: 0 !important;<br> }<br> }<br><br> @media (min-width: 800px) and (max-width: 940px) {<br> .l-paragraph {<br> font-size: 14px;<br> line-height: 20px;<br> }<br><br> .l-title {<br> font-size: 23px !important;<br> margin-bottom: 2%;<br> line-height: 26px;<br> }<br><br> .l-main-title {<br> font-size: 23px !important;<br> line-height: 26px !important;<br> padding-bottom: 5px !important;<br> }<br> }<br><br> @media (min-width: 769px) and (max-width: 799px) {<br> .l-paragraph {<br> font-size: 12px;<br> line-height: 19px;<br> }<br><br> .l-title {<br> font-size: 21px !important;<br> margin-bottom: 2%;<br> line-height: 26px;<br> }<br><br> .l-main-title {<br> font-size: 23px !important;<br> line-height: 26px !important;<br> padding-bottom: 5px !important;<br> }<br> }<br><br> .l-img-padding2 {<br> padding-bottom: 30px;<br> padding-top: 30px;<br> }<br><br> /*класс для скругления изображений*/<br> .cut-img {<br> max-width: 98%;<br> margin: 2% 2%;<br> /* border-radius: 24px; */<br> }<br><br> .cut-img2 {<br> max-width: 98%;<br> margin: 5% 5%;<br> border-radius: 24px;<br> }<br><br> .cut-img3 {<br> max-width: 90%;<br> margin: 5% 5%;<br> border-radius: 12px;<br> }<br><br> @media screen and (max-width: 768px) {<br> .icon-group {<br> /* padding: 30px 5px 30px; */<br> width: 90%;<br> margin: 30px auto;<br> }<br> }<br><br> /* Стили блока с видео */<br> /* Стили блока с видео */<br> /* Стили блока с видео */<br><br> .video-container {<br> overflow: hidden;<br> position: relative;<br> width: 58%;<br> border-radius: 20px;<br> margin-top: 4%;<br> margin-bottom: 3%;<br> }<br><br> .video-container::after {<br> padding-top: 56.25%;<br> display: block;<br> content: "";<br> }<br><br> .video-container iframe {<br> position: absolute;<br> top: 0;<br> left: 0;<br> width: 100%;<br> height: 100%;<br> }<br><br> .video-container-side {<br> overflow: hidden;<br> position: relative;<br> width: 87%;<br> border-radius: 20px;<br> }<br><br> .video-container-side::after {<br> padding-top: 56.25%;<br> display: block;<br> content: "";<br> }<br><br> .video-container-side iframe {<br> position: absolute;<br> top: 0;<br> left: 0;<br> width: 100%;<br> height: 100%;<br> }<br><br> @media screen and (max-width: 768px) {<br> .video-container {<br> width: 92%;<br> margin-top: 6%;<br> margin-bottom: 13%;<br> }<br><br> .video-container-side {<br> width: 92%;<br> margin-top: 6%;<br> margin-bottom: 13%;<br> }<br> }<br><br> /* Стили блока с заголовком описанием и 2 картинки с подзаголовками и развернутым описанием*/<br> .sub-description-img {<br> /* display: flex;<br> justify-content: space-around;<br> background: #1f1f1f;<br> border-radius: 24px;<br> max-width: 94%; */<br> display: flex;<br> justify-content: space-around;<br> flex-wrap: nowrap;<br> }<br><br> .sub-container {<br> width: 45%;<br> display: flex;<br> flex-direction: column;<br> align-items: center;<br> justify-content: space-between;<br> }<br><br> @media screen and (max-width: 768px) {<br> .sub-description-img {<br> flex-direction: column;<br> align-items: center;<br> }<br><br> .sub-container {<br> width: 100%;<br> }<br><br> .sub-container img {<br> order: 3;<br> }<br> }<br><br> /*Стили блока с шестью изображениями*/<br><br> .hexa-block {<br> display: flex;<br> flex-wrap: wrap;<br> justify-content: space-between;<br> width: 100%;<br> padding: 0 3%;<br> }<br><br> .hexa-img {<br> width: 33%;<br> padding: 1%;<br> border-radius: 24px;<br> }<br><br> @media screen and (max-width: 768px) {<br> .hexa-img {<br> width: 50%;<br> border-radius: 16px;<br> }<br> }<br><br> /* Блок на 3 раздела (bricks)*/<br><br> .l-section2 {<br> min-height: 700px;<br> display: flex;<br> padding: 20px;<br> }<br><br> .rhalf__img {<br> max-width: 40%;<br> border-radius: 24px;<br> }<br><br> .lhalf__img {<br> max-width: 90%;<br> border-radius: 24px;<br> }<br><br> .side__left {<br> flex: 0 0 400px;<br> }<br><br> .side__right {<br> flex: 1 1 auto;<br> display: flex;<br> flex-direction: column;<br> }<br><br> .half__right {<br> display: flex;<br> box-sizing: border-box;<br> flex: 1;<br> justify-content: center;<br> align-items: center;<br> padding: 0 10px;<br> margin: 20px;<br> }<br><br> .half__left {<br> height: 100%;<br> display: flex;<br> flex-direction: column;<br> justify-content: flex-start;<br> align-items: center;<br> margin: 20px;<br> }<br><br> .inside__right {<br> display: flex;<br> flex-direction: column;<br> }<br><br> @media screen and (max-width: 768px) {<br> .l-section2 {<br> display: flex;<br> flex-direction: column;<br> }<br><br> .half__left {<br> margin: 0;<br> }<br><br> .lhalf__img {<br> max-width: 95%;<br> border-radius: 8px;<br> }<br><br> .half__right {<br> flex-direction: column;<br> margin: 0;<br> padding: 0;<br> }<br><br> .rhalf__img {<br> max-width: 95%;<br> border-radius: 8px;<br> }<br><br> .order_custom {<br> order: 3;<br> }<br> }<br><br> /*Изображение слева текст справа и группа иконок 6 шт*/<br> .smallitems-group {<br> display: flex;<br> justify-content: center;<br> flex-wrap: wrap;<br> }<br><br> .m-icon {<br> padding: 20px 0;<br> }<br><br> @media screen and (max-width: 768px) {<br> .m-icon {<br> width: 26%;<br> }<br><br> .smallitems-group {<br> margin-bottom: 5%;<br> }<br> }<br><br> @media screen and (max-width: 375px) {<br> .m-icon {<br> padding: 10px 0;<br> width: 45%;<br> }<br> }<br><br> /*isolated absolute block START*/<br> /*↓↓↓ static styles DO NOT CHANGE ↓↓↓*/<br><br> .l-title-st {<br> font-size: 28px;<br> padding: 0;<br> margin: 0;<br> margin-bottom: 4.01%;<br> font-weight: normal;<br> line-height: 38px;<br> width: 100%;<br> text-align: left;<br> }<br><br> .l-paragraph-st {<br> font-size: 16px;<br> line-height: 22px;<br> padding: 0;<br> margin: 0;<br> }<br><br> .l-description-st {<br> -webkit-box-sizing: border-box;<br> box-sizing: border-box;<br> display: -webkit-box;<br> display: -ms-flexbox;<br> display: flex;<br> -webkit-box-align: center;<br> -ms-flex-align: center;<br> align-items: center;<br> -webkit-box-pack: center;<br> -ms-flex-pack: center;<br> justify-content: center;<br> -webkit-box-orient: vertical;<br> -webkit-box-direction: normal;<br> -ms-flex-direction: column;<br> flex-direction: column;<br> padding: 0 8.35%;<br> height: 100%;<br> }<br><br> @media screen and (max-width: 1200px) {<br> .l-title-st {<br> font-size: 24px !important;<br> line-height: 28px !important;<br> }<br><br> .l-paragraph-st {<br> font-size: 14px !important;<br> line-height: 20px !important;<br> }<br> }<br><br> @media screen and (max-width: 900px) {<br> .l-title-st {<br> margin-top: 30px;<br> text-align: center;<br> }<br><br> .l-paragraph-st {<br> margin-bottom: 30px;<br> }<br><br> .l-description-st {<br> text-align: center;<br> padding: 0 3% !important;<br> }<br><br> .l-column-st {<br> display: -webkit-box;<br> display: -ms-flexbox;<br> display: flex;<br> -webkit-box-orient: vertical;<br> -webkit-box-direction: normal;<br> -ms-flex-direction: column;<br> flex-direction: column;<br> }<br> }<br><br> /*↑↑↑ DO NOT CHANGE ↑↑↑*/<br><br> /*BLOCKS SETTINGS*/<br> /*Text position LEFT*/<br> .left-description-absolute {<br> position: absolute;<br> width: 39%;<br> top: 37%;<br> left: 0%;<br> /* bottom: 25%; */<br> z-index: 2;<br> padding: 30px 0;<br> }<br><br> .left-description-absolute1 {<br> position: absolute;<br> width: 45%;<br> top: 50%;<br> left: 0%;<br> /* bottom: 25%; */<br> z-index: 2;<br> padding: 30px 0;<br> }<br><br> /*Text position RIGHT*/<br> .right-description-absolute {<br> position: absolute;<br> width: 43%;<br> top: 19%;<br> right: 0%;<br> /* bottom: 25%; */<br> z-index: 2;<br> padding: 30px 0;<br> }<br><br> .right-description-absolute1 {<br> position: absolute;<br> width: 49%;<br> top: 1%;<br> right: 0%;<br> /* bottom: 25%; */<br> z-index: 2;<br> padding: 30px 0;<br> }<br><br> /*Text position CENTER*/<br> .center-description-absolute {<br> position: absolute;<br> width: 100%;<br> top: 0%;<br> /* bottom: 0%; */<br> z-index: 2;<br> }<br><br> .center-description-absolute1 {<br> position: absolute;<br> width: 100%;<br> /* top: 0%; */<br> bottom: 0%;<br> z-index: 2;<br> }<br><br> /*Background image ITEM RIGHT*/<br> .l-background-main-img-1 {<br> width: 100%;<br> height: 597px;<br> background: url(https://i.allo.ua/media/Rich_Review/TECNO_CAMON_20_Pro/1.webp)<br> no-repeat left;<br> }<br><br> /*Background image ITEM LEFT*/<br> .l-background-main-img-2 {<br> width: 100%;<br> height: 648px;<br> background: url(https://i.allo.ua/media/Rich_Review/JBL_Quantum_100P/4.webp)<br> no-repeat center;<br> }<br><br> .l-background-main-img-3 {<br> width: 100%;<br> height: 697px;<br> background: url(https://i.allo.ua/media/Rich_Review/BRS_51/6.webp) no-repeat<br> center;<br> }<br><br> /*Background image ITEM CENTER*/<br><br> .l-background-main-img-4 {<br> width: 100%;<br> height: 630px;<br> background: url(https://i.allo.ua/media/Rich_Review/Xiaomi_Truclean/8.webp)<br> no-repeat center;<br> }<br><br> .l-background-main-img-5 {<br> width: 100%;<br> height: 610px;<br> background: url(https://i.allo.ua/media/Rich_Review/Xiaomi_Truclean/9.webp)<br> no-repeat center;<br> }<br><br> .l-background-main-img-6 {<br> width: 100%;<br> height: 650px;<br> background: url(https://i.allo.ua/media/Rich_Review/Xiaomi_Truclean/12.webp)<br> no-repeat center;<br> }<br><br> .l-background-main-img-7 {<br> width: 100%;<br> height: 600px;<br> background: url(https://i.allo.ua/media/Rich_Review/NS_09EHRIw2/6.webp)<br> no-repeat center;<br> }<br><br> /*Text block background DESKTOP*/<br><br> .l-color-background-absolute-1 {<br> /* background: rgba(241, 240, 240, 0.37); */<br> /* background: rgba(91, 92, 96, 0.46); */<br> background: transparent;<br> /* background: #0000005c;<br> backdrop-filter: blur(4px);<br> border-radius: 0px 16px 16px 0px; */<br> /* background: linear-gradient(to bottom, #796b50, transparent); */<br> }<br><br> .l-color-background-absolute-2 {<br> /* background: linear-gradient(to bottom, transparent, #000 ); */<br> background: #0000008c;<br> /* backdrop-filter: blur(4px); */<br> border-radius: 16px 0px 0px 16px;<br> /* background: transparent; */<br> }<br><br> .l-color-background-absolute-3 {<br> /* background: #000000a1;<br> backdrop-filter: blur(4px);<br> border-radius: 0px 16px 16px 0px; */<br> background: transparent;<br> /* background: linear-gradient(to bottom, #000, transparent); */<br> /* border-radius: 16px 0px 0px 16px; */<br> }<br><br> .l-color-background-absolute-4 {<br> background: linear-gradient(to bottom, #c9b8a2, transparent);<br> /* background: #0a0a0a96;<br> border-radius: 16px 0px 0px 16px; */<br> /* background: transparent; */<br> }<br><br> .l-color-background-absolute-5 {<br> background: transparent;<br> }<br><br> /*media breakpoint*/<br> @media screen and (max-width: 900px) {<br> .left-description-absolute,<br> .left-description-absolute1,<br> .right-description-absolute,<br> .right-description-absolute1,<br> .right-description-absolute-2,<br> .center-description-absolute,<br> .center-description-absolute1 {<br> position: relative;<br> width: 100%;<br> padding: 0;<br> left: 0;<br> right: 0;<br> }<br><br> /*Text block background TABLET & MOBILE*/<br> .l-color-background-absolute-1 {<br> background: #000;<br> border-radius: 0;<br> }<br><br> .l-color-background-absolute-2 {<br> /* background: url(https://i.allo.ua/media/Rich_Review/Xiaomi_Smart_Band_7_Pro/bg1.jpg)<br> repeat;<br> background-size: 100%; */<br> background: #000;<br> border-radius: 0;<br> }<br><br> .l-color-background-absolute-3 {<br> background: #000;<br> border-radius: 0;<br> }<br><br> .l-color-background-absolute-4 {<br> background: #000;<br> border-radius: 0;<br> }<br><br> .l-color-background-absolute-5 {<br> background: #dddddf;<br> /* border-radius: 0; */<br> }<br><br> /* .l-background-main-img-1 {<br> height: 51vw;<br> background-size: cover;<br> } */<br> /* .l-background-main-img-2 {<br> height: 47vw;<br> background-size: cover;<br> } */<br> /* .l-background-main-img-3 {<br> height: 65vw;<br> background-size: cover;<br> } */<br> .l-background-main-img-4 {<br> height: 68vw;<br> background-size: cover;<br> }<br><br> .l-background-main-img-5 {<br> height: 45vw;<br> background-size: cover;<br> }<br><br> .l-background-main-img-6 {<br> height: 70vw;<br> background-size: cover;<br> }<br><br> .l-background-main-img-7 {<br> height: 70vw;<br> background-size: cover;<br> }<br> }<br><br> @media screen and (max-width: 768px) {<br> .l-background-main-img-1 {<br> height: 86vw;<br> background-size: cover;<br> }<br><br> .l-background-main-img-2 {<br> height: 66vw;<br> background-size: cover;<br> }<br><br> .l-background-main-img-3 {<br> height: 83vw;<br> background-size: cover;<br> }<br><br> .l-background-main-img-4 {<br> height: 75vw;<br> background-size: cover;<br> }<br><br> .l-background-main-img-5 {<br> height: 72vw;<br> background-size: cover;<br> }<br><br> .l-background-main-img-6 {<br> height: 54vw;<br> background-size: cover;<br> }<br><br> .l-background-main-img-7 {<br> height: 85vw;<br> background-size: cover;<br> }<br> }<br><br> /*isolated absolute block END*/<br><br> .in-the-shadows-uu {<br> text-shadow: 3px 3px 6px #000000;<br> }<br><br> .smsng-img-wrap {<br> position: relative;<br> }<br><br> .smsng-fade-img {<br> position: absolute;<br> top: 0;<br> left: 0;<br> animation: likeadragon 6s infinite;<br> }<br><br> @keyframes likeadragon {<br> 0% {<br> opacity: 0;<br> }<br><br> 25% {<br> opacity: 1;<br> }<br><br> 50% {<br> opacity: 1;<br> }<br><br> 100% {<br> opacity: 0;<br> }<br> }<br><br> @-webkit-keyframes likeadragon {<br> 0% {<br> opacity: 0;<br> }<br><br> 25% {<br> opacity: 1;<br> }<br><br> 50% {<br> opacity: 1;<br> }<br><br> 100% {<br> opacity: 0;<br> }<br> }<br><br> .six-reasons-dec {<br> display: block;<br> }<br><br> .six-reasons-mob {<br> display: none;<br> }<br><br> @media screen and (max-width: 768px) {<br> .six-reasons-dec {<br> display: none;<br> }<br><br> .six-reasons-mob {<br> display: block;<br> }<br> }<br><br> @media screen and (max-width: 900px) {<br> .v8-colorize {<br> color: #000;<br> }<br><br> .l-color-background-absolute-1,<br> .l-color-background-absolute-2,<br> .l-color-background-absolute-3,<br> .l-color-background-absolute-4,<br> .l-color-background-absolute-5 {<br> padding-bottom: 16px;<br> }<br> }<br><br> @media screen and (max-width: 768px) {<br> .l-color-background-absolute-1,<br> .l-color-background-absolute-2,<br> .l-color-background-absolute-3,<br> .l-color-background-absolute-4,<br> .l-color-background-absolute-5 {<br> padding-bottom: 0;<br> }<br> }<br><br> .rock-link {<br> align-self: flex-start;<br> margin-top: 24px;<br> }<br><br> @media screen and (max-width: 768px) {<br> .rock-link {<br> align-self: center;<br> margin-top: 16px;<br> }<br> }<br><br> .bg-blur {<br> backdrop-filter: blur(5px);<br> }<br><br> .sub-description-img {<br> display: flex;<br> justify-content: space-around;<br> align-items: flex-start;<br> }<br><br> .sub-container {<br> width: 49%;<br> display: flex;<br> flex-direction: column;<br> align-items: center;<br> }<br><br> .pb3 {<br> padding-bottom: 40px;<br> }<br><br> @media screen and (max-width: 768px) {<br> .sub-description-img {<br> flex-direction: column;<br> align-items: center;<br> }<br><br> .sub-container {<br> width: 100%;<br> }<br><br> .sub-container img {<br> order: 3;<br> }<br><br> .cut-img {<br> margin: 0;<br> }<br><br> .pb3 {<br> padding-bottom: 30px;<br> }<br> }<br><br> .irrig-start {<br> align-self: flex-start;<br> }<br><br> @media screen and (max-width: 768px) {<br> .irrig-start {<br> align-self: center;<br> }<br> }<br></style><br><br><br> <!--1----------------------------------------------------------------------><br><br> <br> <br> Твоя портативна робоча станція<br> <br> <p class="l-paragraph l-paragraph-center l-paragraph-colorb"><br> Трансформуй своє робоче місце, зробивши його більш комфортним та ергономічним. За допомогою чохла-клавіатури Xiaomi ти можеш перетворити компактний планшет на зручний лептоп і набирати текст зі швидкістю та комфортом на рівні ПК. У будь-який час і в будь-якому місці. Аксесуар надійно закривається завдяки потужним магнітним фіксаторам, що особливо актуально під час транспортування девайса. Автоматичне пробудження після підключення чохла-клавіатури на робочому столі дає можливість істотно заощадити час на організаційних моментах.<br> </p><br> <br> <br> <!--2----------------------------------------------------------------------><br><br> <br> <br> Дві функції одного аксесуара<br> <br> <p class="l-paragraph l-paragraph-center l-paragraph-colorb"><br> Чохол-клавіатуру Xiaomi можна використовувати для трансформації планшета в потужну робочу станцію, просто зафіксувавши пристрій на задній панелі. Клавіатура також може використовуватися як надійний захисний чохол, варто тільки зафіксувати його за допомогою магнітних фіксаторів. </p><br> <br> <br> <!--3--------------------------------------------------------------------><br><br> <br> <br> Зручність використання<br> <br> <p class="l-paragraph l-paragraph-center l-paragraph-colorb"><br> Модель обладнана розкладкою клавіатури рівня ПК, щоб створити користувачеві максимально комфортні умови в процесі набору тексту. Клавіші мають діаметр 15 мм зі зручною відстанню між ними, яка не заважає швидкому руху пальців. Хід кнопок 1,3 мм відтворює звичні відчуття від взаємодії з клавіатурою стандартного ПК. Злегка увігнуті ковпачки клавіш ідеально лягають під пальці для швидкого і легкого набору будь-якого обсягу тексту.<br> </p><br> <br> <br> <!-- 4 --><br><br> <!--5-------------------------------------------------------------------><br> <br> <br>Підвищена стабільність роботи<br> <br> <p class="l-paragraph l-paragraph-center l-paragraph-colorb"><br> Аксесуар Xiaomi має безшовне магнітне з'єднання типу pogo pin, що істотно знижує затримки в процесі використання і підвищує стабільність робочого процесу. Сполучення за допомогою магнітних контактів гарантує миттєве підключення. Передача інформації надійна і постійна, з мінімальними затримками для більшої плавності та ефективності в процесі набору тексту.<br> </p><br> <br> <br><br> <!--6------------------------------------------------------------------------><br> <br> <br> Інтелектуальне введення в робочий стан<br> <br> <p class="l-paragraph l-paragraph-center l-paragraph-colorb"><br> Активація робочих процесів на планшеті відрізняється зручністю і швидкістю. Досить просто відкрити кришку чохла-клавіатури Xiaomi, щоб вивести девайс зі сплячого режиму, а після закриття чохла планшет знову занурюється в сон. Також екран запускається в роботу будь-яким натисканням клавіші. </p><br> <br> <br> <!--7------------------------------------------------------------------------><br><br>