Акустична система Xiaomi Sound Play Purple (1208786)

Опис Xiaomi Sound Play Purple

.tab .content.description-content {
padding-right: 0px !important;
}

.tab .content {
padding: 0px !important;
}

.l-container {
max-width: 1198px;
/* max-width: 1400px; */
background-color: white;
position: relative;
overflow: hidden;
/* border: 1px solid #e2e2e2;
border-radius: 24px; */
}

.l-container--sm{
max-width: 1000px;
}

.l-section {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #fff;
position: relative;
}

.br-2{
border-radius: 14px;
}

.l-section--no-title{
padding-top: 25px;
}

@media screen and (max-width: 768px) {
.l-section {
max-height: none;
height: auto;
}

.l-container {
border: none;
border-radius: 0px;
}
}

.l-color-background-1 {
background: #ffffff;
}

.l-color-background-2 {
background-color: #F4F4F4;
}

.l-color-background-3 {
/* background-image: url(https://i.allo.ua/media/Rich_Review/Midea_PENROSEMSXT09HRFN8SILVERI/bg-1.webp); */
background-color: #F7F7F7;

}

.l-color-background-4 {
background-color: #faf7f1;
}

.l-color-background-5 {
background: #000000;
}

.l-img--shadow{
-webkit-box-shadow: 0px 0px 19px -1px rgba(0,0,0,0.07);
box-shadow: 0px 0px 19px -1px rgba(0,0,0,0.07);
}

.l-color-background-6 {
background: #141414;
}

.l-color-background-7 {
background-color: #22282b;
}

.l-color-background-8 {
background-color: #40362a;


}
.l-color-background-9 {
background-color: #EAEAEA;
}
.full-width{
width: 100%;
}

.l-color-background-10 {
background-color: #E7E7E7;
}

.l-color-background-11 {
background: linear-gradient(-130.94deg, rgb(1, 1, 1) 19.131%,rgb(88, 82, 146) 100%);
}

.main-wrap{
background: #E5E5E5;
}

.l-color-background-12 {
background: #CECECE;
}
.l-color-background-13 {
background: linear-gradient(180deg,rgba(56, 65, 75, 1) 0%, rgba(0, 0, 0, 1) 100%);

}
.l-color-background-14 {
background-color: black;
background-image: url(https://i.allo.ua/media/Rich_Review/POCO_F8_Ultra/1-bg.webp);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.l-color-background-15 {
background: #CFCFCF;
}
.l-color-background-16 {
background: #F8FCFD;
} /* bg */

.l-color-background-17 {
background: #dddee6;
}

.l-color-background-19 {
background-color: #EFEFEF;
}

.l-color-background-20 {
background-color: #F0F9FF;
}

.l-color-background-21 {
background-color: #F1F1F1;
}

.l-color-background-22 {
background-color: #F0E7E8;
}

.l-color-background-23 {
background-image: url(https://i.allo.ua/media/Rich_Review/Transcend_TS1TMTE255S/7.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}

.l-color-background-24 {
background: linear-gradient(-76.10deg, rgb(175, 203, 240) 0.794%,rgb(255, 255, 255) 97.106%);
}

.cut-img2.no-margin-top, .cut-img.no-margin-top{
margin-top: 0px;
}

.bottom-offset{
margin-bottom: 4%;
}

/* @media screen and (max-width: 900px) {
.l-color-background-9 {
background: #f1eeec;
}
} */
@media screen and (max-width: 768px) {
/* .l-color-background- {
background: #000 url(https://i.allo.ua/media/Rich_Review/Bosch_HBJ517SG0R/bg2.webp);
background-repeat: no-repeat;
background-size: 100%;
background-position: top;

}

.l-color-background-2 {
background: url(https://i.allo.ua/media/Rich_Review/PlayStation_5_marvel/bg2.webp) no-repeat;
background-size: cover;
background-position: top;
}
.l-color-background-4 {
background: url(https://i.allo.ua/media/Rich_Review/PlayStation_5_marvel/bg4.webp) no-repeat;
background-size: cover;
background-position: top;
}
.l-color-background-8 {
background: url(https://i.allo.ua/media/Rich_Review/PlayStation_5_marvel/bg8.webp) no-repeat;
background-size: cover;
background-position: top;
} */

/* .l-color-background-10 {
background: url(https://i.allo.ua/media/Rich_Review/Transcend_StoreJet_25M3S/3-bg.webp)
no-repeat;
background-size: cover;
background-position: center;
} */
}

.logo-title-wrapper h2 {
padding-left: 0 !important;
font-size: 28px;
}

.l-half {
width: 50%;
position: relative;
}

@media screen and (max-width: 768px) {
.l-half {
width: 100%;
height: 50%;
}
}

.logo-title-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
padding-bottom: 30px;
/* align-items: center; */
/* padding-top: 3%; */
/* padding-left: 8.35%; */
}

.logo-title-wrapper2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 3%;
/* align-self: flex-start; */
/* margin-bottom: 4%; */
text-align: center;
}

.logo-title-wrapper3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 5%;
font-size: 17px;
align-self: flex-start;
}

@media screen and (max-width: 768px) {
.logo-title-wrapper,
.logo-title-wrapper2 {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
/* align-self: center; */
align-items: center;
padding-top: 3%;
}

.logo-title-wrapper3 {
align-self: center;
}
}

.l-logo {
padding-right: 15px;
align-self: flex-start;
}

@media screen and (max-width: 480px) {
.logo-title-wrapper,
.logo-title-wrapper2,
.logo-title-wrapper3 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}

.l-logo {
padding-right: 15px;
padding-bottom: 7px;
align-self: center;
}
}

.l-main-title {
font-size: 29px !important;
font-weight: bold;
padding: 0;
margin: 0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}

@media screen and (max-width: 768px) {
.l-main-title {
text-align: center;
padding-bottom: 2.61%;
padding-top: 2.61%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}

.l-img-padding2 {
padding-bottom: 9px;
padding-top: 20px;
}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
.l-logo {
padding-right: 15px;
}
}

@media screen and (max-width: 480px) {
.l-main-title {
-webkit-box-flex: 0;
-ms-flex: 0;
flex: 0;
font-size: 28px !important;
}

.l-logo {
padding-right: 0px;
}

.l-main-title-color {
text-align: center;
}
}

.l-main-title-color {
color: #ffffff;
font-size: 30px;
/*inj*/
}

.l-description {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 8.35%;
height: 100%;
padding-top: 25px;
padding-bottom: 25px;
}

.l-description2 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 8.35%;
height: 100%;
}

@media screen and (max-width: 768px) {
.l-description,
.l-description2 {
text-align: center;
}
.l-description--mobile-left{
text-align: left;
}

}

.l-description-colorw {
color: #fff;
}

.l-description-colorb {
color: #000;
}

.l-title-colorw {
color: #ffffff;
}

.l-title-colorb {
color: #000000;
}

.l-title-colorc {
/* color: #007ce1; */
color: #826124;
}

.l-title-colorv {
color: #000000;
}

.l-title-colord {
color: #2e2e2e;
}
.l-title-coloror {
color: #d6484a;
}

.l-title-colorf {
color: #10f1f1;
}

.l-title-colorf a {
color: #f25c5c;
}
.l-title-colorr {
color: #ffa500;
}
.l-title-colorbl {
color: #00b4c4;
}
.l-title-bold{
font-weight: bold !important;
}
.l-title-colorbll {
color: #ffffff;
}
@media (max-width: 900px) {
.l-title-colorbll {
color: #000000;
}
}
.l-paragraph-colorbll {
color: #ffffff;
}
@media (max-width: 900px) {
.l-paragraph-colorbll {
color: #000000;
}
}

/* .l-title-colorgr {
background: linear-gradient(177deg, #2500ff 0%, #fff 100%) ;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
} */

.l-title-colorq {
color: transparent;
-webkit-background-clip: text;
background-clip: text;
/* background-image: linear-gradient(92.78deg,#7ad0e0 0%,#e5f5b6 80.41%); */
background: linear-gradient(to right, #41a3f9, #ff30b3, #f4f816);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.l-paragraph-colorb {
color: #000;
}

.l-paragraph-colorc {
color: #46E6E6;
}
.l-paragraph-colorbl {
color: transparent;
-webkit-background-clip: text;
background-clip: text;
background-image: linear-gradient(90deg, #b0c1d6 0%, #acbbd0 100%);
}

.l-paragraph-colorw {
color: #fff;
}

.l-paragraph-colorf a {
color: #f25c5c;
}
.l-paragraph-colorr {
color: #b90000;
}

.l-paragraph-colorf a:hover {
color: #e29191;
}

.pb {
padding-bottom: 40px;
}

.pb2 {
padding-bottom: 50px;
}

.pb3 {
padding-bottom: 25px;
}

.pt {
padding-top: 40px;
}

.pti {
padding-top: 40px;
}

.pbi {
padding-bottom: 0px;
}

.pt2 {
padding-top: 50px;
}

.pt3 {
padding-top: 25px;
}

@media screen and (max-width: 768px) {
.pt,
.pt2 {
padding-top: 0;
}

.pb {
padding-bottom: 0;
}

.pbi {
padding-bottom: 25px;
}
}

@media screen and (max-width: 768px) {
.pb3 {
padding-bottom: 30px;
}
}

.l-title {
font-size: 28px;
padding: 0;
text-align: left;
margin: 0;
margin-bottom: 20px;
box-sizing: border-box;
font-weight: normal;
line-height: 38px;
width: 100%;
/* font-family: 'Gotham-Medium'; */
/* font-family: 'Gotham-Book'; */
}

.l-title--center {
text-align: center;
}

.l-title-h4 {
font-size: 24px;
padding: 0;
margin: 0;
margin-bottom: 4.01%;
font-weight: normal;
line-height: 30px;
width: 100%;
text-align: left;
}

.icon-container .l-title{
margin-bottom: 17px;
}

@media screen and (max-width: 768px) {
.l-title {
margin-top: 30px;
text-align: center;
}

.icon-container .l-title{
margin-top: 0px;
}

.l-title-h4 {
margin-top: 30px;
text-align: center;
}
}

@media screen and (max-width: 480px) {
.l-title {
font-size: 24px;
line-height: 30px;
}

.l-title-h4 {
font-size: 24px;
}
}

.l-title-color {
color: #000;
}

.l-title-color2 {
color: #fff;
}

.l-paragraph {
font-size: 16px;
line-height: 22px;
padding: 0;
width: 100%;
box-sizing: border-box;
margin: 0;
/* font-family: 'Gotham-Medium'; */
/* font-family: 'Gotham-Book'; */
}

@media screen and (max-width: 768px) {
.l-paragraph {
margin-bottom: 30px;
}
.icon-container .l-paragraph{
margin-bottom: 0px;
}
.l-paragraph--mb-left{
text-align: left;
}
}

@media screen and (max-width: 480px) {
.l-paragraph {
font-size: 16px;
}
}

.l-paragraph-color {
color: #000;
}

.l-paragraph-color2 {
color: #fff;
}

.l-img {
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: all 1s ease;
}
/* .l-section:hover .l-img {
transform: scale(1.02);
transition: all 2s ease;
} */

.l-img-witdh {
width: 30%;
margin-right: 1%;
border-radius: 4%;
}

.l-img-witdh2 {
width: 40%;
margin-right: 2%;
}

.l-img-witdh3 {
/* width: 40%;
margin-right: 2%; */
width: 45%;
margin-right: 4%;
border-radius: 15px;
}

.l-img-witdh4 {
width: 100%;
}

.l-img-witdh5 {
width: 46%;
padding-right: 0;
border-radius: 24px;
}

.l-img-witdh:last-child {
margin-right: 0%;
}

.l-img-witdh2:last-child {
margin-right: 0%;
}

.l-img-witdh3:last-child {
margin-right: 0%;
}

.l-img-witdh5:last-child {
margin-left: 8%;
}

@media screen and (max-width: 800px) {
.l-img1 {
width: 132%;
}
}

@media screen and (max-width: 768px) {
.l-img-witdh2 {
width: 49.6%;
/* margin-right: 1%; */
/* margin-bottom: 1%; */
}

.l-img-witdh3 {
width: 90%;
margin-bottom: 45px;
margin-right: 0;
}
}

@media screen and (max-width: 576px) {
.l-img-witdh,
.l-img-witdh2 {
width: 90%;
margin-bottom: 15px;
margin-right: 0;
}

.l-img-witdh:last-child,
.l-img-witdh2:last-child,
.l-img-witdh3:last-child {
margin-bottom: 16px;
}
}

.l-img-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
}

.l-img-wrapper--padding-bottom{
padding-bottom: 2.2%;
}

.l-img-wrapper2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
margin-top: 10%;
}

@media screen and (max-width: 768px) {
.l-img-wrapper2 {
flex-direction: column;
align-items: center;
}

.l-img-wrapper2 img {
width: 95%;
margin-bottom: 5%;
}

.l-img-wrapper--padding-bottom{
padding-bottom: 0%;
}

.l-img-witdh5:last-child {
margin-left: 0;
}
}

.l-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

.l-center--end {
-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;
}

.l-center-bosch {
justify-content: flex-end !important;
}

@media screen and (max-width: 768px) {
.l-center img {
height: auto;
}

.l-paragraph-center,
.l-paragraph-center1,
.l-description,
.l-description2 {
padding: 0 5% !important;
}
}

.l-title-center {
text-align: center;
box-sizing: border-box;
margin-top: 30px;
margin-bottom: 20px;
padding: 0 8.35%;
}

.l-paragraph-center {
text-align: center;
padding: 0 8.35%;
box-sizing: border-box;
margin-bottom: 30px;
}

.l-paragraph-center--bottom{
margin-top: 30px;
}

.l-paragraph-center--left{
text-align: left;
}

.l-paragraph-center1 {
text-align: center;
padding: 0%;
margin-bottom: 30px;
}

.l-paragraph-left {
text-align: left;
padding: 0 8.35%;
margin-bottom: 8px;
}

.l-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}

.l-relative {
position: relative;
}

@media screen and (max-width: 768px) {
.l-section-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}

@media screen and (max-width: 768px) {
.l-column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}

.m1 {
max-width: 132%;
}

.m2 {
max-width: 70%;
}

.m3 {
max-width: 135%;
}

.m4 {
max-width: 165%;
}

.m5 {
max-width: 95%;
}

.m6 {
max-width: 115%;
}

.m7 {
max-width: 100%;
}

.m8 {
max-width: 100%;
}

.m9 {
max-width: 120%;
}

.m10 {
max-width: 75%;
}

.product-cms__big-description {
padding: 0 !important;
}
}

.l-paragraph--section-list{
margin-bottom: 17px;
}

@media (min-width: 800px) and (max-width: 940px) {
.l-paragraph {
font-size: 14px;
line-height: 20px;
}

.l-title {
font-size: 23px !important;
margin-bottom: 20px;
line-height: 26px;
}

.l-main-title {
font-size: 23px !important;
line-height: 26px !important;
padding-bottom: 5px !important;
}
.section-list__item{
font-size: 14px;
}
}

@media (min-width: 769px) and (max-width: 799px) {
.l-paragraph {
font-size: 12px;
line-height: 19px;
}

.section-list__item{
font-size: 12px;
}

.l-title {
font-size: 21px !important;
margin-bottom: 20px;
line-height: 26px;
}

.l-main-title {
font-size: 23px !important;
line-height: 26px !important;
padding-bottom: 5px !important;
}
}

.l-img-padding2 {
padding-bottom: 30px;
padding-top: 30px;
}

/*класс для скругления изображений*/
.cut-img {
max-width: 90%;
margin: 5% 5%;
/* border-radius: 24px; */
}

.cut-img2 {
max-width: 90%;
margin: 5% 5%;
border-radius: 24px;
}

.cut-img3 {
max-width: 96%;
margin: 0% 2%;
margin-bottom: 2%;
border-radius: 12px;
}
.cut-img4 {
max-width: 96%;
margin: 0% 2%;
margin-bottom: 2%;
}

.cut-img4--first{
margin-top: 2%;
}

@media screen and (max-width: 768px) {
.icon-group {
width: 90%;
margin: 30px auto;
}
.cut-img12 {
margin-top: 0px;
}
.section-list--offset-top{
margin-top: 0px;
margin-bottom: 30px;
}
}

.video-container {
overflow: hidden;
position: relative;
width: 96%;
border-radius: clamp(10px, 3vw, 34px);
}

.video-container::after {
padding-top: 56.25%;
display: block;
content: "";
}

.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.video-container-side {
overflow: hidden;
position: relative;
width: 87%;
border-radius: 0px;
}

.video-container-side::after {
padding-top: 56.25%;
display: block;
content: "";
}

.video-container-side iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.sub-description-img {
display: flex;
justify-content: space-around;
flex-wrap: nowrap;
}

.sub-description-img .cut-img{
margin-bottom: 0px;
border-radius: 25px;
}

.sub-container {
width: 45%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
}

@media screen and (max-width: 768px) {
.sub-description-img {
flex-direction: column;
align-items: center;
}
}

.hexa-block {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
padding: 0 3%;
}

.hexa-img {
width: 33%;
padding: 1%;
border-radius: 24px;
}

@media screen and (max-width: 768px) {
.hexa-img {
width: 50%;
border-radius: 16px;
}
}

/* Блок на 3 раздела (bricks)*/

.l-section2 {
min-height: 700px;
display: flex;
padding: 20px;
}

.rhalf__img {
max-width: 40%;
border-radius: 24px;
}

.lhalf__img {
max-width: 90%;
border-radius: 24px;
}

.side__left {
flex: 0 0 400px;
}

.side__right {
flex: 1 1 auto;
display: flex;
flex-direction: column;
}

.half__right {
display: flex;
box-sizing: border-box;
flex: 1;
justify-content: center;
align-items: center;
padding: 0 10px;
margin: 20px;
}

.half__left {
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin: 20px;
}

.inside__right {
display: flex;
flex-direction: column;
}

@media screen and (max-width: 768px) {
.l-section2 {
display: flex;
flex-direction: column;
}

.half__left {
margin: 0;
}

.lhalf__img {
max-width: 95%;
border-radius: 8px;
}

.half__right {
flex-direction: column;
margin: 0;
padding: 0;
}

.rhalf__img {
max-width: 95%;
border-radius: 8px;
}

.order_custom {
order: 3;
}
}

.smallitems-group {
display: flex;
justify-content: center;
flex-wrap: wrap;
}

.m-icon {
padding: 20px 0;
}

@media screen and (max-width: 768px) {
.m-icon {
width: 26%;
}

.smallitems-group {
margin-bottom: 5%;
}
}

@media screen and (max-width: 375px) {
.m-icon {
padding: 10px 0;
width: 45%;
}
}

.l-title-st {
font-size: 28px;
padding: 0;
text-transform: uppercase;
margin: 0;
margin-bottom: 4.01%;
font-weight: normal;
line-height: 38px;
width: 100%;
}

.l-paragraph-st {
font-size: 16px;
line-height: 22px;
padding: 0;
margin: 0;
}

.l-description-st {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0 8.35%;
height: 100%;
}

@media screen and (max-width: 1200px) {
.l-title-st {
font-size: 24px !important;
line-height: 28px !important;
}

.l-paragraph-st {
font-size: 14px !important;
line-height: 20px !important;
}
}

@media screen and (max-width: 900px) {
.l-title-st {
margin-top: 30px;
text-align: center;
}

.l-paragraph-st {
margin-bottom: 30px;
}

.l-description-st {
text-align: center;
-webkit-box-align: center;-ms-flex-align: center;align-items: center;
padding: 0 3% !important;
}

.l-column-st {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}

.left-description-absolute {
position: absolute;
width: 47%;
top: 50%;
left: 0%;
z-index: 2;
padding: 27px 0;
-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%)
}

.left-description-absolute1 {
position: absolute;
width: 45%;
top: 21%;
left: 0%;
z-index: 2;
padding: 20px 0;
}
.left-description-absolute2 {
position: absolute;
width: 45%;
top: 0%;
left: 0%;
z-index: 2;
}

.right-description-absolute {
position: absolute;
width: 47%;
text-align: right;
top: 50%;
right: 0%;
z-index: 2;
padding: 30px 0;
-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%)
}

.right-description-absolute1 {
position: absolute;
width: 43%;
top: 30%;
right: 0%;
z-index: 2;
padding: 30px 0;
}

.center-description-absolute {
position: absolute;
width: 100%;
top: 0%;
left: 0%;
z-index: 2;
}

.center-description-absolute1 {
position: absolute;
width: 100%;
top: 30%;
z-index: 2;
}

.l-background-main-img-1 {
width: 100%;
height: 655px;
background: url(1.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: right center;
}

.l-background-main-img-2 {
width: 100%;
height: 629px;
background: url(https://i.allo.ua/media/Rich_Review/Xiaomi_Sound_Outdoor/4.webp)
no-repeat right;
background-position-x: 15%;
}
.l-background-main-img-3 {
width: 100%;
height: 572px;
background: url(https://i.allo.ua/media/Rich_Review/Delonghi_ECAM_380_95_TB/3.webp)
no-repeat right;
background-position-x: 10%;
}

.l-background-main-img-4 {
width: 100%;
height: 574px;
background: url(https://i.allo.ua/media/Rich_Review/POCO_M6_Pro/8.webp)
no-repeat left;
}

/*Background image ITEM CENTER*/

.l-background-main-img-5 {
width: 100%;
height: 768px;
background: url(https://i.allo.ua/media/Rich_Review/Ecovacs_DEEBOT_OZMO_T10_plus/8.webp)
no-repeat center;
}

.l-background-main-img-6 {
width: 100%;
height: 610px;
background: url(https://i.allo.ua/media/Rich_Review/Xiaomi_Truclean/9.webp)
no-repeat center;
}

.l-background-main-img-7 {
width: 100%;
height: 650px;
background: url(https://i.allo.ua/media/Rich_Review/Xiaomi_Truclean/12.webp)
no-repeat center;
}

.l-background-main-img-8 {
width: 100%;
height: 600px;
background: url(https://i.allo.ua/media/Rich_Review/NS_09EHRIw2/6.webp)
no-repeat center;
}


.l-color-background-absolute-3 {
background: #1a1b1bbf;
}

.l-color-background-absolute-4 {
backdrop-filter: blur(4px);
border-radius: 0px 16px 16px 0px;
background: transparent;
}

.l-color-background-absolute-5 {
background: transparent;
}

@media screen and (max-width: 900px) {
.left-description-absolute,
.left-description-absolute1,
.right-description-absolute,
.right-description-absolute1,
.right-description-absolute-2,
.center-description-absolute,
.center-description-absolute1 {
position: relative;
width: 100%;
padding: 0;
left: 0;
right: 0;
-webkit-transform: none;-ms-transform: none;transform: none
}

.l-color-background-absolute-1 {
background: #e5e7e1e9;
border-radius: 0;
}

.l-color-background-absolute-2 {
background: #101624;
border-radius: 0;
}

.l-color-background-absolute-3 {
background: black;
border-radius: 0;
}

.l-color-background-absolute-4 {
background: #f7f7f7;
border-radius: 0;
}

.l-color-background-absolute-5 {
background: #d8d1c5;
/* border-radius: 0; */
}

.l-background-main-img-1 {
height: 90vw;
background-size: cover;
background-position: right;
}
.l-background-main-img-2 {
height: 90vw;
background-size: cover;
background-position: left;
/* background-position-x: 60%; */
}
.l-background-main-img-3 {
height: 70vw;
background-size: cover;
background-position: left;
}
.l-background-main-img-4 {
height: 70vw;
background-size: cover;
background-position: bottom;
}

.l-background-main-img-5 {
height: 60vw;
background-size: cover;
background-position: right;
}

.l-background-main-img-6 {
height: 70vw;
background-size: cover;
}

.l-background-main-img-7 {
height: 70vw;
background-size: cover;
}
}

/*isolated absolute block END*/

.in-the-shadows-uu {
text-shadow: 3px 3px 6px #000000;
}

.smsng-img-wrap {
position: relative;
}

.smsng-fade-img {
position: absolute;
top: 0;
left: 0;
animation: likeadragon 6s infinite;
}


.six-reasons-dec {
display: block;
}

.six-reasons-mob {
display: none;
}

@media screen and (max-width: 768px) {
.six-reasons-dec {
display: none;
}

.six-reasons-mob {
display: block;
}
}

@media screen and (max-width: 900px) {
.v8-colorize {
color: #000;
}

.l-color-background-absolute-1,
.l-color-background-absolute-2,
.l-color-background-absolute-3,
.l-color-background-absolute-4,
.l-color-background-absolute-5 {
padding-bottom: 30px;
}
}

@media screen and (max-width: 768px) {
.l-color-background-absolute-1,
.l-color-background-absolute-2,
.l-color-background-absolute-3,
.l-color-background-absolute-4,
.l-color-background-absolute-5 {
padding-bottom: 0;
}
}

.rock-link {
align-self: flex-start;
margin-top: 24px;
}

@media screen and (max-width: 768px) {
.rock-link {
align-self: center;
margin-top: 16px;
}
}

.bg-blur {
backdrop-filter: blur(5px);
}

.sub-description-img {
display: flex;
justify-content: space-around;
align-items: flex-start;
}

.sub-container {
width: 49%;
display: flex;
flex-direction: column;
align-items: center;
}

.pb3 {
padding-bottom: 40px;
}

@media screen and (max-width: 768px) {
.pb3 {
padding-bottom: 30px;
}
}

.irrig-start {
align-self: flex-start;
}

@media screen and (max-width: 900px) {
.irrig-start {
align-self: center;
}
}

.icon-phil {
width: 100px;
height: auto;
object-fit: cover;
margin-right: 32px;
}
.icon-phil2 {
width: 170px;
height: 170px;
object-fit: cover;
margin-right: 32px;
}

.icon-container {
width: 100%;
padding: 15px 8.5%;
box-sizing: border-box;
display: flex;
align-items: center;
}

.icon-container:last-child{
margin-bottom: 30px;
}

.icon-description-block {
width: 100%;
}

.icon-description-block h3,
.icon-description-block p {
text-align: left;
}

.icon-description-block h3 {
margin-bottom: 0;
}

@media screen and (max-width: 500px) {
.icon-phil {
margin-right: 0px;
}

.icon-container {
flex-direction: column;
padding: 0;
margin-bottom: 17px;
}

.icon-description-block h3,
.icon-description-block p {
text-align: center;
}

.icon-container .l-title{
margin-top: 10px;
}

.icon-description-block h3 {
margin-bottom: 24px;
}
}
.half_width-custom {
width: 90%;
}
@media screen and (max-width: 768px) {
.half_width-custom {
width: 100%;
}
}

.video_bg {
position: relative;
width: 100%;
object-fit: cover;
}

.video-color-bg {
position: relative;
line-height: 0px;
background: #000;
}

.video-color-bg::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #00000000;
z-index: 1;
}
@media (max-width: 900px) {
.video-color-bg::after {
background: transparent;
}
.video_bg {
position: relative;
object-fit: cover;
}
}


.bg-img-section{
position: relative;
}



.bg-img-section__main *{
box-sizing: border-box;
}

.bg-img-section__main{
position: absolute;
}

.bg-img-section--1 .bg-img-section__main{
width: 45%;
left: 5%;
top: 50%;
-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);
}

.bg-img-section--2 .bg-img-section__main{
width: 71%;
left: 5%;
top: 7%;
/* -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); */
}

.bg-img-section--8 .bg-img-section__main{
width: 35%;
left: 4%;
top: 50%;
-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);
}

.bg-img-section--right-bottom .bg-img-section__main{
width: 30%;
right: 10%;
bottom: 20%;
/* -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); */
}

.bg-img-section--center .bg-img-section__main{
width: 45%;
left: 50%;
top: 100%;
text-align: center;
-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);
}

.bg-img-section--center .l-title{
text-align: center;
}


.bg-img-section--3 .bg-img-section__main{
width: 45%;
left: 5%;
top: 12%;
}

.blocks-wrap{
max-width: 1000px;
margin: 0 auto;
}

.bg-img-section--4 .bg-img-section__main{
width: 40%;
left: 10%;
top: 50%;
-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);
}

.first-block{
padding-bottom: 50px;
}

@media (max-width: 768px) {
.first-block{
padding-bottom: 25px;
}
}

.bg-img-section--5 .bg-img-section__main{
width: 60%;
left: 50%;
top: 5%;
-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);
text-align: center !important;
}

.bg-img-section--left .bg-img-section__main{
width: 44%;
left: 3%;
top: 50%;
-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);
}

.bg-img-section--text-bg .bg-img-section__main{
background: rgba(0, 0, 0, .50);
border-radius: 10px;
padding: 20px 25px;
}

.bg-img-section--left-top .bg-img-section__main{
width: 40%;
left: 5%;
top: 10%;
}

.bg-img-section--right .bg-img-section__main{
width: 50%;
right: 5%;
top: 50%;
-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);
}

.bg-img-section--right2 .bg-img-section__main{
width: 54%;
left: 42%;
top: 8%;
}

.bg-img-section--center .bg-img-section__main{
width: 78%;
left: 50%;
text-align: center !important;
top: 7%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}

.bg-img-section--block .bg-img-section__main{
background-color: rgba(0,0,0,.75);
border-radius: 20px;
padding: 20px 40px;
box-sizing: border-box;
}

@media (max-width: 992px) {
.sub-description-img .cut-img{
order: 3;
margin-top: 0px;
margin-bottom: 5%;
}
.bg-img-section--block .bg-img-section__main{
padding: 0 3%;
background-color: transparent;
border-radius: 0px;
}
.bg-img-section__main{
position: static;
width: auto !important;
padding: 0 3%;
text-align: center !important;
-webkit-transform: none !important;-ms-transform: none !important;transform: none !important;
}
.bg-img-section--text-bg .bg-img-section__main{
background: none;
border-radius: 0px;
padding: 0 3%;
}
.bg-img-section .l-title{
text-align: center !important;
}
.bg-img-section__main.mobile-black .l-title-colorw, .bg-img-section__main.mobile-black .l-paragraph-colorw{
color: black !important;
}
.bg-img-section__main.mobile-white .l-title-colorb, .bg-img-section__main.mobile-white .l-paragraph-colorb{
color: white !important;
}
.l-title--bg-img{
padding-top: 30px;
margin-top: 0px !important;
}
.bg-img-section__img{
margin-top: 26px;
}
}

.l-img--mobile{
display: none;
}

.l-section--start .l-paragraph{
margin-bottom: 20px;
margin-top: 20px;
}

@media (max-width: 992px) {
.l-img--mobile{
display: block;
}
.l-img--full{
display: none;
}
}

@media (max-width: 768px) {
.bg-img-section__img{
margin-top: 0px;
}
}

.lg-title{
font-size: 35px;
margin: 0px;
margin-bottom: 27px;
padding-top: 32px;
font-weight: 500;
font-weight: bold;
color: black;
line-height: 1.2em;
}

.lg-title--w{
color: white;
}

.section-margin-top{
padding-top: 40px;
}

.sm-block .cut-img{
margin-bottom: 0px;
}

.sm-section{
max-width: 900px;
margin: 0 auto;
}

.multi-blocks-section .l-title-h4{
margin-top: 0px;
}

.l-img-wrapper--sm{
width: 90%;
padding-bottom: 4%;
}

.content-list{
margin: 0px;
box-sizing: border-box;
width: 100%;
padding-left: 25px;
}

.l-center .content-list{
margin-bottom: 30px;
width: 80%;
}

.content-list__item{
line-height: 1.2em;
list-style-type: disc;
font-size: 16px;
}

.content-list__item + .content-list__item{
margin-top: 8px;
}

.l-center--text-left .l-paragraph-center {
text-align: left;
}

.l-center--text-left .l-title-center {
text-align: left;
}

.battery-icon{
width: 42%;
max-width: 210px;
margin-bottom: 27px;
align-self: flex-start;
}

.l-section--last{
margin-bottom: 20px;
}

.offset-top{
margin-top: 1.2%;
}

.cut-img25{
border-radius: 10px;
overflow: hidden;
}

.l-paragraph--offset-top{
margin-top: 30px;
}

.l-paragraph--bottom-offset{
margin-bottom: 30px;
}

.l-img-wrapper--2 .cut-img{
margin-bottom: 25px;
margin-top: 0px;
}

.l-img-wrapper--2{
margin-top: 20px;
}

.l-img-wrapper--4{
max-width: 900px;
}

@media (max-width: 992px) {
.lg-title{
font-size: 28px;
padding-top: 20px;
}
.details__value{
font-size: 28px;
}
.details__value span{
font-size: 20px;
}
.sub-container {
width: 100%;
}
.sub-description-img {
flex-direction: column;
align-items: center;
}

.sub-container {
width: 100%;
}
.l-img-wrapper--2 .cut-img{
order: unset;
margin-bottom: 10px;
}
.l-img-wrapper--2{
margin-top: 0px;
}
.l-img-wrapper--4{
max-width: 700px;
}
}

@media (max-width: 768px) {
.lg-title{
margin-bottom: 20px;
}
.cut-img2, .cut-img {
margin-top: 0px;
}
.l-img-wrapper--sm{
width: 100%;
padding-bottom: 0%;
}

.battery-icon{
display: none;
}

.l-paragraph--bottom-offset{
margin-bottom: 0px;
}

.l-center--text-left .l-title-center {
padding: 0 3%;
}

.details{
display: block;
text-align: center;
}
.details__item + .details__item{
margin-left: 0%;
margin-top: 50px;
}
.l-center .content-list{
width: 92%;
}
.l-paragraph--mb-left{
text-align: left;
}

.section-list--center-bottom{
padding: 0 3%;
}

.icon-container{
padding: 15px 5%;
}

}

@media (max-width: 576px) {
.lg-title{
font-size: 24px;
}
.icon-phil {
width: 75px;
}
}










Xiaomi Sound Play: потужний звук, яскраві ефекти

Портативна колонка Xiaomi Sound Play поєднує компактний корпус і вражаючі акустичні можливості. Потужність 18 Вт забезпечує насичений, об’ємний звук, який легко заповнює простір і створює ефект занурення під час прослуховування музики або перегляду відео. Динамічне підсвічування, синхронізоване з ритмом треку, підсилює враження і додає візуальну виразність. Колонка підтримує технологію Auracast, дозволяючи підключати до 100 пристроїв для спільного прослуховування — ідеальне рішення для вечірок і заходів. Режим TWS відкриває можливість об’єднати дві колонки в повноцінну стереосистему, створюючи більш широку і реалістичну звукову сцену. Автономність до 14 годин робить Xiaomi Sound Play надійним супутником на весь день, а захист IP68 гарантує стійкість до води і пилу, дозволяючи використовувати пристрій у будь-яких умовах — від дому до пляжу чи походу.

Багатокольорове освітлення з динамічними ефектами

Верхнє кільцеве підсвічування і нижнє кільце фонового світла створюють гармонійний візуальний супровід, який надає динаміку будь-якій події. Система підтримує три режими — рябь, ритм і постійне світіння, кожен з яких допомагає підкреслити настрій і атмосферу. Світлові акценти синхронізуються з ритмом треків: ти можеш обрати режим, який найкраще відповідає ситуації — будь то домашній відпочинок чи жвава вечірка.

Стильний мобільний дизайн

Мінімалістичний дизайн Xiaomi Sound Play ідеально поєднує плавні лінії, акуратні габарити і невелику вагу. Колонка доступна в кількох стильних кольорах, які підкреслюють твій індивідуальний смак. Компактний корпус вагою всього 415 г забезпечує легкість у перенесенні — колонку зручно брати з собою на прогулянку, на тренування чи на відпочинок.

Продумане керування для повсякденного комфорту

Для додаткової зручності передбачені м’який гумовий ремінь і ергономічно розташовані кнопки керування, які дозволяють швидко перемикати режими і регулювати звук.

Професійний рівень звуку

Динамік racetrack потужністю 18 Вт забезпечує деталізовану подачу звуку і формує широку акустичну сцену. Доповнюють конструкцію внутрішній і зовнішній пасивні випромінювачі, які підсилюють глибину і насиченість баса. Завдяки флагманському рівню акустики Xiaomi Sound Play стає універсальним рішенням для тих, хто цінує якість і виразність звучання у портативному форматі.

TWS Connect: іммерсивний стереозвук

Підтримка технології TWS Connect дає можливість об’єднувати дві колонки в єдину систему: при сполученні пристрої розподіляють канали — лівий і правий — формуючи повноцінне стереозвучання і створюючи ефект присутності. Стереопара значно розширює звукову сцену, підсилює глибину баса, підкреслює деталізацію високих частот і додає динаміку у твої улюблені композиції.

Масштаб твоєї вечірки

Auracast відкриває нові можливості для спільного прослуховування і масштабної вечірки. Ти можеш легко підключити одразу кілька колонок і синхронізувати їхню роботу, повністю перетворюючи акустичний простір: звук розподіляється рівномірно, а світлові ефекти працюють синхронно, формуючи яскраву і динамічну атмосферу. Xiaomi Sound Play стає центром будь-якої компанії, створюючи атмосферу, яка заряджає енергією і робить кожну зустріч незабутньою.

Повна свобода прослуховування

Xiaomi Sound Play поєднує надійність і тривалий час роботи, забезпечуючи впевненість у будь-яких умовах. Завдяки професійній сертифікації IP68 колонка стійка до впливу пилу і вологи, що робить її придатною для використання на вулиці, у подорожах чи на вечірках під відкритим небом. Вбудований акумулятор ємністю 2600 мА·год забезпечує до 14 годин безперервного відтворення на одному заряді. Це означає, що музика буде супроводжувати тебе так довго, як потрібно — будь то велоподорож, день на пляжі чи відпочинок на природі.

Точна передача звуку і дзвінки без рук

Передова технологія Bluetooth 6.0 забезпечує швидке і стабільне з’єднання з мінімальною затримкою: ти отримуєш виняткову якість звуку під час прослуховування музики, а також ідеальну синхронізацію без перебоїв і втрат при перегляді фільмів або під час ігор. Підключивши колонку до смартфона, ти можеш відповідати на виклики у режимі hands free одним натисканням кнопки, використовуючи вбудований мікрофон. Це зручно в ситуаціях, коли руки зайняті — ти можеш мити посуд, готувати вечерю або займатися іншими справами і водночас розмовляти по телефону.