.v4.h02-product-listing-hero{position:relative;overflow:hidden}
.v4.h02-product-listing-hero.product-listing-hero--dark .heading-03,.v4.h02-product-listing-hero.product-listing-hero--dark .product-listing-hero__intro,.v4.h02-product-listing-hero.product-listing-hero--dark .product-listing-hero__text,.v4.h02-product-listing-hero.product-listing-hero--dark .product-listing-hero__color-name{color:#fff}
.v4.h02-product-listing-hero.product-listing-hero--dark .swatches__swatch::before{border-color:rgba(255,255,255,0.2)}
.huawei-v4 .v4 .heading-03{font-size:16px;line-height:24px;max-height:97px;overflow:hidden;letter-spacing:0}
.v4.h02-product-listing-hero .product-listing-hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:#000;z-index:2;opacity:0}
.v4.h02-product-listing-hero .product-listing-hero__background-wrap{display:block;position:absolute;top:0;right:0;width:50vw;pointer-events:none}
.v4.h02-product-listing-hero .product-listing-hero__background-img{display:block;position:absolute;top:0;right:0;width:100%;padding-bottom:81.66%;background-position:center center;background-size:cover;background-repeat:no-repeat;opacity:0;visibility:hidden}
.loaded .v4.h02-product-listing-hero .product-listing-hero__background-img{-webkit-transition:.6s ease-out .1s;transition:.6s ease-out .1s}
.v4.h02-product-listing-hero .product-listing-hero__background-img--visible{visibility:visible;opacity:1}
.v4.h02-product-listing-hero .product-listing-hero__container{position:relative;max-width:1600px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 auto;padding-top:12vh;padding-bottom:88px;z-index:1}
.loaded .v4.h02-product-listing-hero .product-listing-hero__body{-webkit-transition:.3s ease-out;transition:.3s ease-out}
.v4.h02-product-listing-hero .product-listing-hero__intro{color:#000;font-size:36px;font-weight:700;line-height:50px;letter-spacing:-0.75px;display:block;margin-bottom:16px;-webkit-transform:translateY(100px);transform:translateY(100px);visibility:hidden;opacity:0;margin-top:14px}
.loaded .v4.h02-product-listing-hero .product-listing-hero__intro{-webkit-transition:.6s ease-out;transition:.6s ease-out;overflow:hidden}
.v4.h02-product-listing-hero .heading-03{display:block;margin-bottom:48px;-webkit-transform:translateY(100px);transform:translateY(100px);visibility:hidden;opacity:0}
.loaded .v4.h02-product-listing-hero .heading-03{-webkit-transition:.6s ease-out .1s;transition:.6s ease-out .1s}
.v4.h02-product-listing-hero .product-listing-hero__text{font-size:16px;font-weight:500;color:#7f7f7f;line-height:26px;max-height:108px;overflow:hidden;margin-bottom:40px;-webkit-transform:translateY(100px);transform:translateY(100px);visibility:hidden;opacity:0;display:block}
.loaded .v4.h02-product-listing-hero .product-listing-hero__text{-webkit-transition:.6s ease-out .2s;transition:.6s ease-out .2s}
.v4.h02-product-listing-hero .product-listing-hero__side{padding-right:0;-webkit-box-flex:1;-webkit-flex:1 1 360px;-ms-flex:1 1 360px;flex:1 1 360px;max-width:360px}
.v4.h02-product-listing-hero .product-listing-hero__side--visible .heading-03,.v4.h02-product-listing-hero .product-listing-hero__side--visible .product-listing-hero__intro,.v4.h02-product-listing-hero .product-listing-hero__side--visible .product-listing-hero__text,.v4.h02-product-listing-hero .product-listing-hero__side--visible .product-listing-hero__buttons,.v4.h02-product-listing-hero .product-listing-hero__side--visible .product-listing-hero__dots{-webkit-transform:translateY(0);transform:translateY(0);visibility:visible;opacity:1}
.v4.h02-product-listing-hero .product-listing-hero__side--visible .heading-03{overflow:hidden;font-weight:normal}
@media only screen and (min-width:1600px){.v4.h02-product-listing-hero .product-listing-hero__side--visible .heading-03{overflow:hidden}
}
@media only screen and (min-width:1200px){.v4.h02-product-listing-hero .product-listing-hero__side--visible .heading-03{overflow:hidden}
}
.v4.h02-product-listing-hero .product-listing-hero__content-wrap-link{width:calc(100% - 720px);display:block}
.v4.h02-product-listing-hero .product-listing-hero__content-wrap{width:100%;display:block;position:relative}
.v4.h02-product-listing-hero .product-listing-hero__content{-webkit-box-flex:1;-webkit-flex:1 1 62.9%;-ms-flex:1 1 62.9%;flex:1 1 62.9%;width:100%;padding-bottom:62.9%;height:auto;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;position:absolute;width:100%;left:0;top:0}
.v4.h02-product-listing-hero .product-listing-hero__content--visible{position:relative;left:0;top:0;z-index:1}
.loaded .v4.h02-product-listing-hero .product-listing-hero__content--visible .product-listing-hero__bg-color{-webkit-transition:opacity .3s ease-out .3s,-webkit-transform .6s ease-out .3s;transition:opacity .3s ease-out .3s,-webkit-transform .6s ease-out .3s;transition:transform .6s ease-out .3s,opacity .3s ease-out .3s;transition:transform .6s ease-out .3s,opacity .3s ease-out .3s,-webkit-transform .6s ease-out .3s}
.loaded .v4.h02-product-listing-hero .product-listing-hero__content--visible .product-listing-hero__bg-color--second{-webkit-transition:opacity .3s ease-out .6s,-webkit-transform .6s ease-out .6s;transition:opacity .3s ease-out .6s,-webkit-transform .6s ease-out .6s;transition:transform .6s ease-out .6s,opacity .3s ease-out .6s;transition:transform .6s ease-out .6s,opacity .3s ease-out .6s,-webkit-transform .6s ease-out .6s}
.v4.h02-product-listing-hero .product-listing-hero__content--visible .product-listing-hero__bg-color,.v4.h02-product-listing-hero .product-listing-hero__content--visible .product-listing-hero__bg-color--second{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;visibility:visible}
.v4.h02-product-listing-hero .product-listing-hero__dots{-webkit-transform:translateY(100px);transform:translateY(100px);visibility:hidden;opacity:0}
.loaded .v4.h02-product-listing-hero .product-listing-hero__dots{-webkit-transition:.6s ease-out .4s;transition:.6s ease-out .4s}
.v4.h02-product-listing-hero .product-listing-hero__dots .swatches{padding:10px 0;text-align:left;max-width:100%}
.v4.h02-product-listing-hero .product-listing-hero__dots .swatches__item:first-of-type{margin-left:0}
.v4.h02-product-listing-hero .product-listing-hero__buttons{font-size:0;display:block;margin-bottom:28px;-webkit-transform:translateY(100px);transform:translateY(100px);visibility:hidden;opacity:0}
.loaded .v4.h02-product-listing-hero .product-listing-hero__buttons{-webkit-transition:.6s ease-out .3s;transition:.6s ease-out .3s}
.h02-product-listing-hero .product-listing-hero__buttons .btn{margin-right:16px;margin-bottom:20px;padding:10px 26px}
.v4.h02-product-listing-hero .product-listing-hero__color-name{font-size:16px;font-weight:500;color:#7f7f7f;line-height:1.63;display:block;padding-top:4px}
.v4.h02-product-listing-hero .product-listing-hero__bg-color{width:100%;height:88.2%;position:absolute;top:0;right:0;opacity:0;visibility:hidden;-webkit-transform:translateY(100px);transform:translateY(100px);pointer-events:none}
.loaded .v4.h02-product-listing-hero .product-listing-hero__bg-color{-webkit-transition:visibility .3s ease-in,opacity .3s ease-in .3s,-webkit-transform .3s ease-in;transition:visibility .3s ease-in,opacity .3s ease-in .3s,-webkit-transform .3s ease-in;transition:transform .3s ease-in,visibility .3s ease-in,opacity .3s ease-in .3s;transition:transform .3s ease-in,visibility .3s ease-in,opacity .3s ease-in .3s,-webkit-transform .3s ease-in}
.v4.h02-product-listing-hero .product-listing-hero__bg-color--second{top:15.2%;right:auto;left:0;z-index:-1}
.v4.h02-product-listing-hero .product-listing-hero__img{position:absolute;pointer-events:none;height:calc(100% - 20px)}
.v4.h02-product-listing-hero .product-listing-hero__img--first{top:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:4}
.v4.h02-product-listing-hero .product-listing-hero__img--second{top:20px;left:50%;-webkit-transform:translateX(-100%);transform:translateX(-100%);height:calc(100% - 60px)}
.v4.h02-product-listing-hero .product-listing-hero__content--shadow .product-listing-hero__img--first{height:120%;-webkit-transform:translateX(-27%);transform:translateX(-27%);pointer-events:all}
.v4.h02-product-listing-hero .product-listing-hero__content--shadow .product-listing-hero__img--second{height:110%;-webkit-transform:translateX(-27%);transform:translateX(-27%);pointer-events:all}
.v4.h02-product-listing-hero .product-listing-hero__buttons--device{display:none}
.v4.h02-product-listing-hero .btn__inner-text{display:inline-block;padding-right:20px}
.v4.h02-product-listing-hero .product-listing-hero__buttons .btn--arrow::after{margin-left:6px}
@media only screen and (min-width:1200px) and (max-width:1599.98px){.v4.h02-product-listing-hero .container{padding:0 80px}
.v4.h02-product-listing-hero .product-listing-hero__container{margin-bottom:68px;padding-bottom:50px}
.v4.h02-product-listing-hero .heading-03,.v4.h02-product-listing-hero .product-listing-hero__buttons,.v4.h02-product-listing-hero .product-listing-hero__text{margin-bottom:25px}
.v4.h02-product-listing-hero .product-listing-hero__intro{font-size:36px;line-height:43px}
}
@media only screen and (max-width:1199.98px){.v4.h02-product-listing-hero .product-listing-hero__img--first{-webkit-transform:translateX(-34%);transform:translateX(-34%)}
.v4.h02-product-listing-hero .product-listing-hero__img--second{top:44px;-webkit-transform:translateX(-62%);transform:translateX(-62%)}
.v4.h02-product-listing-hero .product-listing-hero__content--shadow .product-listing-hero__img--first{-webkit-transform:translateX(-24%);transform:translateX(-24%);height:68vh;top:10px}
.v4.h02-product-listing-hero .product-listing-hero__content--shadow .product-listing-hero__img--second{-webkit-transform:translateX(-34%);transform:translateX(-34%);top:40px;height:66vh}
.v4.h02-product-listing-hero .product-listing-hero__side{max-width:100%;text-align:center;padding:0 24px}
.v4.h02-product-listing-hero .product-listing-hero__text,.v4.h02-product-listing-hero .product-listing-hero__buttons{display:none}
.v4.h02-product-listing-hero .product-listing-hero__dots{display:none}
.v4.h02-product-listing-hero .heading-03{max-width:400px;margin:0 auto}
.v4.h02-product-listing-hero .product-listing-hero__intro{font-size:32px;line-height:41px;font-weight:700}
.v4.h02-product-listing-hero .product-listing-hero__content-wrap-link{width:100%}
.v4.h02-product-listing-hero .product-listing-hero__content-wrap{width:100%;padding:0 40px;margin:0 auto;max-width:none;height:67vh;margin-bottom:20px}
.v4.h02-product-listing-hero .product-listing-hero__content{padding-bottom:67vh;margin-bottom:20px}
.v4.h02-product-listing-hero .product-listing-hero__bg-color{width:calc(100% - 24px);height:calc(100% - 24px)}
.v4.h02-product-listing-hero .product-listing-hero__bg-color--second{top:24px}
.v4.h02-product-listing-hero .product-listing-hero__container{padding-top:32px;display:block;padding-bottom:20px}
.v4.h02-product-listing-hero .product-listing-hero__buttons--device{display:block;text-align:center}
.v4.h02-product-listing-hero .product-listing-hero__buttons--device .btn{margin:0 8px}
.v4.h02-product-listing-hero .product-listing-hero__buttons--visible{-webkit-transform:translateY(0);transform:translateY(0);visibility:visible;opacity:1}
.loaded .v4.h02-product-listing-hero .product-listing-hero__buttons--visible{-webkit-transition:.6s ease-out 1s;transition:.6s ease-out 1s}
.v4.h02-product-listing-hero .product-listing-hero__content{max-width:100%}
}
@media only screen and (max-width:991.98px){.v4.h02-product-listing-hero .product-listing-hero__img--first{-webkit-transform:translateX(-34%);transform:translateX(-34%);height:calc(100% - 30px)}
.v4.h02-product-listing-hero .product-listing-hero__img--second{top:44px;-webkit-transform:translateX(-62%);transform:translateX(-62%);height:calc(100% - 40px)}
.v4.h02-product-listing-hero .product-listing-hero__content--shadow .product-listing-hero__img--first{-webkit-transform:translateX(-20%);transform:translateX(-20%);top:10px;height:74vh}
.v4.h02-product-listing-hero .product-listing-hero__content--shadow .product-listing-hero__img--second{-webkit-transform:translateX(-40%);transform:translateX(-40%);top:40px;height:72vh}
.v4.h02-product-listing-hero .product-listing-hero__content{padding-bottom:70vh;margin-bottom:35px}
.v4.h02-product-listing-hero .product-listing-hero__content-wrap{padding:0 60px;max-width:none;height:72vh;margin-top:20px;margin-bottom:20px}
.v4.h02-product-listing-hero .heading-03{max-width:390px}
}
@media only screen and (max-width:767.98px){.v4.h02-product-listing-hero .product-listing-hero__img--first{-webkit-transform:translateX(-42%);transform:translateX(-42%)}
.v4.h02-product-listing-hero .product-listing-hero__img--second{top:24px;-webkit-transform:translateX(-58%);transform:translateX(-58%)}
.v4.h02-product-listing-hero .product-listing-hero__side--visible .heading-03{margin-bottom:14px;max-width:none}
.v4.h02-product-listing-hero .product-listing-hero__content{padding-bottom:60vh;margin-bottom:20px}
.v4.h02-product-listing-hero .product-listing-hero__container{padding-bottom:30px}
.v4.h02-product-listing-hero .product-listing-hero__content-wrap{padding:0 40px;height:60vh}
.v4.h02-product-listing-hero .product-listing-hero__content--shadow .product-listing-hero__img--first{-webkit-transform:translateX(-27%);transform:translateX(-27%);height:66vh}
.v4.h02-product-listing-hero .product-listing-hero__content--shadow .product-listing-hero__img--second{-webkit-transform:translateX(-32%);transform:translateX(-32%);top:10px;height:64vh}
.v4.h02-product-listing-hero .product-listing-hero__buttons--device{margin-bottom:0}
.v4.h02-product-listing-hero .product-listing-hero__buttons--device .btn{margin:0 4px;margin-bottom:10px}
.v4.h02-product-listing-hero .product-listing-hero__buttons--device .btn:last-child{margin-bottom:0}
}
@media only screen and (max-width:460px) and (max-height:680px){.v4.h02-product-listing-hero .product-listing-hero__content{padding-bottom:52vh}
.v4.h02-product-listing-hero .product-listing-hero__content-wrap{height:52vh}
.v4.h02-product-listing-hero .product-listing-hero__content--shadow .product-listing-hero__img--first{height:53vh}
.v4.h02-product-listing-hero .product-listing-hero__content--shadow .product-listing-hero__img--second{height:51vh}
}
@media only screen and (max-width:359px){.v4.h02-product-listing-hero .product-listing-hero__content-wrap{height:49vh}
.v4.h02-product-listing-hero .product-listing-hero__content--shadow .product-listing-hero__img--first{height:48vh}
.v4.h02-product-listing-hero .product-listing-hero__content--shadow .product-listing-hero__img--second{height:46vh}
.v4.h02-product-listing-hero .product-listing-hero__container{padding-top:22px}
.v4.h02-product-listing-hero .product-listing-hero__intro{margin:8px 0}
.v4.h02-product-listing-hero .product-listing-hero__content{margin-bottom:10px;padding-bottom:49vh}
.v4.h02-product-listing-hero .product-listing-hero__buttons--device .btn{padding-left:16px;padding-right:16px}
}
@media only screen and (max-width:1199.98px){.huawei-v4 .v4.h02-product-listing-hero .js-plh-container .product-listing-hero__container .product-listing-hero__content-wrap .img-one-bg-color{width:100%}
.v4.h02-product-listing-hero .product-listing-hero__content-wrap.img-one-content-wrap{height:auto}
.v4.h02-product-listing-hero .img-one-content-wrap .product-listing-hero__content.img-one-horizontal{padding-bottom:71.9%}
}
@media only screen and (min-width:767.98px) and (max-width:1199.98px){.v4.h02-product-listing-hero .img-one-content-wrap .product-listing-hero__content{padding-bottom:100%}
}
.huawei-v4 .v4.h02-product-listing-hero .js-plh-container .product-listing-hero__container .product-listing-hero__content-wrap .product-listing-hero__img{width:auto;max-width:none}
.huawei-v4 .v4.h02-product-listing-hero .js-plh-container .product-listing-hero__container .product-listing-hero__content-wrap .product-listing-hero__img.img-one-horizontal{max-height:100%;height:auto;max-width:100%}
.huawei-v4 .v4.h02-product-listing-hero .js-plh-container .product-listing-hero__container .product-listing-hero__content-wrap .product-listing-hero__img--first.img-one{transform:translateX(-50%)}
@media only screen and (min-width:1200px){.v4.h02-product-listing-hero .product-listing-hero__container .img-one-content-wrap .product-listing-hero__content{padding-bottom:39vw}
.huawei-v4 .v4.h02-product-listing-hero .js-plh-container .product-listing-hero__container .product-listing-hero__content.img-one-horizontal{max-width:100%}
.huawei-v4 .v4.h02-product-listing-hero .js-plh-container .product-listing-hero__container .product-listing-hero__content-wrap .product-listing-hero__img--first.img-one-horizontal{transform:translateX(-35%)}
}
@media only screen and (min-width:992px) and (max-width:1024px){.v4.h02-product-listing-hero .product-listing-hero__container .img-one-content-wrap .product-listing-hero__content{padding-bottom:72%}
}
@media only screen and (min-width:1024px){.v4.h02-product-listing-hero .product-listing-hero__side .plp-item-price{font-size:16px}
}