/* Huawei WiFi UI System v1.8.2 — unified visual language */
:root{
  --hw182-red:#e60012;--hw182-red2:#ff3346;--hw182-orange:#ff9b42;
  --hw182-ink:#121820;--hw182-text:#3d4853;--hw182-muted:#78838e;
  --hw182-line:#e7ebef;--hw182-soft:#f6f8fb;--hw182-soft-red:#fff6f7;--hw182-card:#fff;
  --hw182-max:1360px;--hw182-radius:20px;--hw182-radius-sm:14px;
  --hw182-shadow:0 12px 34px rgba(17,24,39,.055);--hw182-shadow-hover:0 18px 42px rgba(17,24,39,.085);
  --hw182-section:58px;--hw182-gap:16px;
}
html{scroll-behavior:smooth}.huawei-site{background:#fff;color:var(--hw182-text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important}.hw-page,.hw-showcase-page,.hw-function-page,.hw-content-shell{font-family:inherit!important}.hw-container,.hw-system-container,.hw-content-wrap{width:min(calc(100% - 40px),var(--hw182-max))!important;margin-left:auto!important;margin-right:auto!important}

/* Header — calm, compact, premium */
.hw-header{background:rgba(255,255,255,.96)!important;border-bottom:1px solid rgba(18,24,32,.07)!important;box-shadow:0 6px 24px rgba(17,24,39,.035)!important;backdrop-filter:blur(18px)!important}.hw-header__inner{height:70px!important;gap:24px!important}.hw-brand__image{display:block!important;max-width:190px!important;max-height:48px!important;width:auto!important;height:auto!important;object-fit:contain!important}.hw-nav{gap:26px!important}.hw-nav a{font-size:13px!important;font-weight:700!important;color:#343c44!important}.hw-nav a:after{bottom:-7px!important;height:2px!important;border-radius:2px!important}.hw-header__actions{gap:5px!important}.hw-icon-btn{width:36px!important;height:36px!important;padding:8px!important}.hw-icon-btn svg{width:20px!important;height:20px!important}.hw-header__cta{min-height:40px!important;padding:0 18px!important;border-radius:12px!important;font-size:12px!important;box-shadow:0 8px 20px rgba(230,0,18,.13)!important}
.hw-btn{min-height:42px!important;padding:0 20px!important;border-radius:12px!important;font-size:12.5px!important;font-weight:700!important;letter-spacing:.005em!important}.hw-btn--red{background:linear-gradient(135deg,var(--hw182-red),var(--hw182-red2))!important;box-shadow:0 9px 22px rgba(230,0,18,.15)!important}.hw-btn--outline{border-color:#d9dfe5!important;color:#25303a!important}.hw-btn--outline:hover{background:var(--hw182-soft-red)!important}

/* Common heading language */
.hw-section-title,.hw-function-heading,.hw-panel-head.center,.hw-system-heading,.hw-solution-premium-heading{text-align:center!important}.hw-section-title{margin:0 auto 22px!important}.hw-section-title h2,.hw-function-heading h2,.hw-panel-head h1,.hw-system-heading h2{font-family:inherit!important;color:var(--hw182-ink)!important;font-weight:700!important;letter-spacing:-.6px!important}.hw-section-title h2{font-size:26px!important}.hw-section-title h2:after{content:"";display:block;width:42px;height:3px;margin:10px auto 0;border-radius:999px;background:linear-gradient(90deg,var(--hw182-red),var(--hw182-orange))}.hw-function-heading>span,.hw-function-eyebrow,.hw-kicker,.hw-content-eyebrow,.hw-system-heading>span{color:var(--hw182-red)!important;font-weight:700!important;letter-spacing:.09em!important;text-transform:uppercase!important}.hw-function-heading p,.hw-panel-head p,.hw-system-heading p{color:var(--hw182-muted)!important;line-height:1.65!important}

/* HOME — hero */
.hw-hero{padding:34px 0 22px!important;background:radial-gradient(circle at 84% 18%,rgba(230,0,18,.075),transparent 24%),linear-gradient(135deg,#fff 0%,#fafcff 56%,#fff7f8 100%)!important}.hw-hero__grid{grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr)!important;gap:42px!important;min-height:430px!important}.hw-eyebrow{font-size:11px!important;letter-spacing:.09em!important;margin-bottom:10px!important}.hw-hero h1{font-family:inherit!important;font-size:48px!important;line-height:1.02!important;letter-spacing:-1.8px!important;margin-bottom:8px!important}.hw-hero h2{font-family:inherit!important;font-size:23px!important;line-height:1.3!important;margin-bottom:12px!important}.hw-hero p{max-width:610px!important;margin-bottom:20px!important;font-size:14px!important;line-height:1.7!important;color:#66717b!important}.hw-hero__buttons{gap:10px!important}.hw-hero__visual{min-height:390px!important}.hw-hero__visual:before{width:370px!important;height:370px!important;border-color:rgba(230,0,18,.08)!important;box-shadow:0 0 0 34px rgba(230,0,18,.018),0 30px 90px rgba(80,100,125,.12)!important}.hw-hero__visual img{width:100%!important;height:390px!important;object-fit:contain!important;object-position:center!important;border-radius:0!important;mix-blend-mode:normal!important;filter:drop-shadow(0 26px 34px rgba(15,23,42,.10))!important}.hw-feature-row{margin-top:12px!important;border-radius:18px!important;border:1px solid var(--hw182-line)!important;box-shadow:var(--hw182-shadow)!important;overflow:hidden!important}.hw-feature{min-height:88px!important;padding:16px 18px!important;gap:12px!important}.hw-feature__icon{width:40px!important;height:40px!important}.hw-feature svg{width:34px!important;height:34px!important}.hw-feature b{font-size:13px!important}.hw-feature small{font-size:11px!important;line-height:1.45!important}

/* HOME — distributor */
.hw-distributor{padding:20px 0 8px!important;background:#fff!important}.hw-distributor__card{grid-template-columns:160px minmax(310px,1.25fr) minmax(420px,1.75fr)!important;gap:22px!important;padding:18px 22px!important;border-radius:18px!important;border:1px solid var(--hw182-line)!important;box-shadow:0 9px 28px rgba(17,24,39,.045)!important}.hw-distributor__brand{padding-right:18px!important}.hw-distributor__brand img{max-height:72px!important}.hw-distributor__company span{font-size:10px!important;letter-spacing:.04em!important}.hw-distributor__company strong{font-size:16px!important;line-height:1.3!important;margin:3px 0 6px!important}.hw-distributor__company p{font-size:10.5px!important;line-height:1.5!important}.hw-contact-grid{gap:9px 14px!important}.hw-contact-grid a{padding-left:24px!important}.hw-contact-grid b,.hw-contact-grid span{font-size:10.5px!important}

/* HOME — section rhythm */
.hw-products{padding:48px 0 28px!important;background:linear-gradient(180deg,#f8fafc 0%,#f5f7fa 100%)!important}.hw-product-group{grid-template-columns:225px minmax(0,1fr)!important;margin-bottom:14px!important;border:1px solid var(--hw182-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 24px rgba(17,24,39,.035)!important}.hw-product-group:last-child{margin-bottom:0!important}.hw-product-group__head{min-height:206px!important;padding:24px 19px!important}.hw-product-group__head h3{font-family:inherit!important;font-size:19px!important;line-height:1.25!important;margin-bottom:6px!important}.hw-product-group__head p{font-size:11px!important;line-height:1.55!important;color:#5f6871!important}.hw-product-group__link{margin-top:11px!important;padding:6px 10px!important;font-size:9.5px!important}.hw-product-card{min-height:206px!important;padding:13px 10px 15px!important;transition:background .2s ease,transform .2s ease!important}.hw-product-card:hover{background:#fff8f8!important;transform:translateY(-2px)!important}.hw-product-card__image,.hw-product-card.is-live .hw-product-card__image{height:105px!important;margin-bottom:8px!important}.hw-product-card img,.hw-product-card.is-live .hw-product-card__image img{height:105px!important}.hw-product-card strong{font-size:12px!important;line-height:1.35!important;min-height:33px!important}.hw-product-card__sku{font-size:9px!important}.hw-product-card__price{font-size:12px!important;margin-top:5px!important}
.hw-solutions{padding:46px 0 48px!important;background:#fff!important}.hw-solutions__grid{gap:14px!important}.hw-solution-card{min-height:160px!important;border-radius:18px!important;box-shadow:0 10px 26px rgba(17,24,39,.055)!important}.hw-solution-card:hover{transform:translateY(-3px)!important;box-shadow:var(--hw182-shadow-hover)!important}.hw-solution-card div{left:14px!important;right:14px!important;bottom:13px!important}.hw-solution-card strong{font-size:13px!important}.hw-solution-card span{font-size:9.5px!important;line-height:1.45!important}.hw-trust{padding:0 0 46px!important;background:#fff!important}.hw-trust__grid{border-radius:18px!important;border:1px solid var(--hw182-line)!important;box-shadow:0 9px 26px rgba(17,24,39,.04)!important;overflow:hidden!important}.hw-trust__item{min-height:86px!important;padding:15px 14px!important}.hw-trust__item>span .hw-svg-icon{width:27px!important;height:27px!important}.hw-trust__item b{font-size:11px!important}.hw-trust__item small{font-size:9.5px!important;line-height:1.4!important}

/* SOLUTIONS — compact, elegant */
.hw-solution-premium-hero{padding:42px 0 48px!important;background:linear-gradient(180deg,#fff 0%,#fffafb 100%)!important}.hw-solution-premium-heading{max-width:820px!important;margin-bottom:20px!important}.hw-solution-premium-heading h1{font-family:inherit!important;font-size:38px!important;line-height:1.1!important;letter-spacing:-1.1px!important}.hw-solution-premium-heading p{font-size:14px!important;line-height:1.65!important}.hw-solution-tab-grid.hw-grid-system{max-width:880px!important;gap:9px 10px!important;margin-bottom:18px!important}.hw-solution-tab{min-height:44px!important;padding:7px 10px!important;border-radius:13px!important;border-color:#e4e9ee!important;background:#fff!important}.hw-solution-tab__index{width:20px!important;height:20px!important;flex-basis:20px!important;font-size:8.5px!important}.hw-solution-tab__title{font-size:11px!important;line-height:1.2!important}.hw-solution-tab.is-active{background:linear-gradient(135deg,var(--hw182-red),var(--hw182-red2))!important;border-color:transparent!important}.hw-solution-stage{min-height:350px!important;gap:26px!important;padding:24px!important;border-radius:20px!important;border:1px solid var(--hw182-line)!important;box-shadow:var(--hw182-shadow)!important}.hw-solution-stage__copy h2{font-family:inherit!important;font-size:28px!important;letter-spacing:-.5px!important}.hw-solution-stage__copy>p,.hw-solution-stage__points li{font-size:11.5px!important}.hw-solution-stage__media{min-height:280px!important;border-radius:16px!important}.hw-solution-stage__media img{height:280px!important}

/* NEWS — same visual language, editorial but not tiny */
.hw-news-page{background:var(--hw182-soft)!important}.hw-news-page .hw-content-hero{padding:38px 0 30px!important;background:radial-gradient(circle at 86% 20%,rgba(230,0,18,.055),transparent 24%),linear-gradient(135deg,#fff,#fafcff)!important;border-bottom:1px solid var(--hw182-line)!important}.hw-news-page .hw-content-hero h1{font-family:inherit!important;font-size:36px!important;letter-spacing:-1px!important}.hw-news-page .hw-content-hero p{font-size:12.5px!important;max-width:620px!important}.hw-news-page .hw-content-searchbox{border:1px solid var(--hw182-line)!important;background:#fff!important;border-radius:14px!important}.hw-news-page .hw-content-toolbar{background:#fff!important;border-bottom:1px solid var(--hw182-line)!important}.hw-news-page .hw-content-toolbar__inner{padding:10px 0!important}.hw-news-page .hw-category-nav a{border-color:#e3e8ed!important;background:#fff!important}.hw-news-page .hw-category-nav a:hover,.hw-news-page .hw-category-nav a.is-active{border-color:#ff8f99!important;background:#fff5f6!important;color:var(--hw182-red)!important}.hw-news-page .hw-content-main{padding:28px 0 48px!important}.hw-news-page .hw-news-section-head h2{font-family:inherit!important;font-size:19px!important}.hw-news-page .hw-news-grid{gap:14px!important}.hw-news-page .hw-news-grid .hw-content-card{min-height:330px!important;border:1px solid var(--hw182-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 7px 22px rgba(17,24,39,.035)!important;transition:transform .2s,box-shadow .2s!important}.hw-news-page .hw-news-grid .hw-content-card:hover{transform:translateY(-3px)!important;box-shadow:var(--hw182-shadow-hover)!important}.hw-news-page .hw-news-grid .hw-content-card h2{font-family:inherit!important;font-size:13px!important}.hw-news-page .hw-news-grid .hw-content-card p{font-size:10.5px!important;color:#67727c!important}

/* TECHNOLOGY — same hero/card system */
.hw-technology-page{background:#fff!important}.hw-function-hero{padding:50px 0!important;background:radial-gradient(circle at 80% 20%,rgba(230,0,18,.06),transparent 25%),linear-gradient(135deg,#fff,#f9fbfd)!important;border-bottom:1px solid var(--hw182-line)!important}.hw-function-hero__grid{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr)!important;gap:42px!important;align-items:center!important}.hw-function-hero h1{font-family:inherit!important;font-size:42px!important;line-height:1.08!important;letter-spacing:-1.1px!important}.hw-function-hero h2{font-family:inherit!important;font-size:20px!important}.hw-function-hero p{font-size:13.5px!important;line-height:1.7!important}.hw-function-hero__media{height:340px!important;border-radius:20px!important;border:1px solid var(--hw182-line)!important;background:#fff!important;box-shadow:var(--hw182-shadow)!important}.hw-function-section{padding:54px 0!important}.hw-function-heading{max-width:720px!important;margin-bottom:24px!important}.hw-function-heading h2{font-size:30px!important}.hw-function-heading p{font-size:12.5px!important}.hw-tech-grid{gap:14px!important}.hw-tech-card{min-height:210px!important;padding:20px 18px!important;border-radius:18px!important;border:1px solid var(--hw182-line)!important;box-shadow:0 8px 24px rgba(17,24,39,.035)!important}.hw-tech-card:hover{transform:translateY(-3px)!important;box-shadow:var(--hw182-shadow-hover)!important}.hw-tech-card__icon{width:46px!important;height:46px!important;border-radius:14px!important;margin-bottom:17px!important}.hw-tech-card h3{font-family:inherit!important;font-size:15px!important}.hw-tech-card p{font-size:11.5px!important}.hw-tech-showcase{padding:4px 0 48px!important}.hw-tech-showcase__row{gap:40px!important;padding:34px 0!important}.hw-tech-showcase__media{height:280px!important;border-radius:18px!important;border:1px solid var(--hw182-line)!important;background:var(--hw182-soft)!important}.hw-tech-showcase__row h2{font-family:inherit!important;font-size:26px!important}.hw-tech-showcase__row p{font-size:12.5px!important}.hw-function-cta{padding:38px 0 52px!important}.hw-function-cta__inner{padding:26px 30px!important;border-radius:18px!important;border:1px solid var(--hw182-line)!important;background:linear-gradient(135deg,#fff,#fff6f7)!important}

/* SUPPORT — remove oversized outer card and use sections */
.hw-support-showcase{padding:42px 0 54px!important;background:linear-gradient(180deg,#f7f9fb,#fff)!important}.hw-support-showcase>.hw-panel-card{width:min(calc(100% - 40px),var(--hw182-max))!important;margin:0 auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.hw-support-showcase .hw-panel-head{max-width:760px!important;margin:0 auto 20px!important}.hw-support-showcase .hw-panel-head h1{font-family:inherit!important;font-size:36px!important;letter-spacing:-.9px!important}.hw-support-showcase .hw-panel-head p{font-size:13px!important}.hw-help-search{max-width:680px!important;margin-bottom:24px!important;padding:5px!important;border:1px solid var(--hw182-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 8px 22px rgba(17,24,39,.04)!important}.hw-help-search input,.hw-help-search button{height:40px!important}.hw-support-box-grid{gap:14px!important}.hw-support-box{min-height:180px!important;padding:18px!important;border-radius:18px!important;border:1px solid var(--hw182-line)!important;box-shadow:0 7px 22px rgba(17,24,39,.035)!important}.hw-support-box:hover{transform:translateY(-3px)!important;box-shadow:var(--hw182-shadow-hover)!important}.hw-support-box__icon{width:44px!important;height:44px!important;border-radius:13px!important;margin-bottom:13px!important}.hw-support-box h3{font-family:inherit!important;font-size:15px!important}.hw-support-box p{font-size:11px!important;line-height:1.55!important}.hw-support-showcase .hw-section-title{margin-top:34px!important}.hw-faq-clean{max-width:960px!important;margin:0 auto!important}.hw-faq-clean details{border:1px solid var(--hw182-line)!important;border-radius:13px!important;background:#fff!important}.hw-faq-clean summary{padding:14px 36px 14px 14px!important;font-size:12.5px!important}.hw-faq-clean details>div{padding:0 14px 14px!important;font-size:11.5px!important}.hw-support-cta-strip{max-width:960px!important;margin:18px auto 0!important;padding:16px 18px!important;border-radius:16px!important;background:linear-gradient(135deg,var(--hw182-red),#ff4858)!important}.hw-support-cta-strip strong{font-size:17px!important}.hw-support-cta-strip span{font-size:11px!important}

/* CONTACT — same open composition */
.hw-contact-showcase{padding:42px 0 54px!important;background:linear-gradient(180deg,#f7f9fb,#fff)!important}.hw-contact-showcase>.hw-panel-card{width:min(calc(100% - 40px),var(--hw182-max))!important;margin:0 auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.hw-contact-showcase .hw-panel-head{max-width:760px!important;margin:0 auto 22px!important}.hw-contact-showcase .hw-panel-head h1{font-family:inherit!important;font-size:36px!important;letter-spacing:-.9px!important}.hw-contact-showcase .hw-panel-head p{font-size:13px!important}.hw-contact-layout{grid-template-columns:.78fr 1.22fr!important;gap:16px!important;max-width:1080px!important;margin:0 auto!important}.hw-contact-card,.hw-contact-form-card{padding:20px!important;border-radius:18px!important;border:1px solid var(--hw182-line)!important;box-shadow:0 9px 26px rgba(17,24,39,.04)!important}.hw-contact-card h2,.hw-contact-form-card h2{font-family:inherit!important;font-size:18px!important}.hw-contact-card li{gap:3px!important;padding-bottom:11px!important}.hw-contact-card b{font-size:11px!important}.hw-contact-card span{font-size:11.5px!important}.hw-contact-form input,.hw-contact-form textarea,.hw-contact-form select{min-height:43px!important;border-radius:12px!important;font-size:12px!important}.hw-contact-form textarea{min-height:110px!important}.hw-map-box{max-width:1080px!important;margin:16px auto 0!important;border-radius:18px!important;border:1px solid var(--hw182-line)!important;box-shadow:0 8px 24px rgba(17,24,39,.035)!important}.hw-map-box iframe{height:230px!important}

/* Footer — align visual weight with header */
.hw-footer{padding-top:38px!important;border-top:1px solid var(--hw182-line)!important;background:#f8fafc!important}.hw-footer__grid{grid-template-columns:1.8fr repeat(4,1fr)!important;gap:30px!important;padding-bottom:30px!important}.hw-footer__company img{max-width:145px!important;max-height:52px!important;object-fit:contain!important;margin-bottom:10px!important}.hw-footer__company strong{font-size:12px!important}.hw-footer p,.hw-footer a{font-size:10.5px!important;line-height:1.65!important}.hw-footer h4{font-family:inherit!important;font-size:11px!important;letter-spacing:.04em!important}.hw-footer__bottom{border-top:1px solid #e3e8ed!important;padding:14px 0!important}.hw-footer__bottom span{font-size:9.5px!important;color:#84909b!important}

/* Grid contract: products/news = 5/4/3/2, function cards stay balanced by content count */
@media(min-width:1281px){.hw-product-list.hw-grid-system,.hw-news-grid.hw-grid-system{grid-template-columns:repeat(5,minmax(0,1fr))!important}.hw-solutions__grid.hw-grid-system{grid-template-columns:repeat(5,minmax(0,1fr))!important}.hw-tech-grid.hw-grid-system{grid-template-columns:repeat(4,minmax(0,1fr))!important}.hw-support-box-grid.hw-grid-system{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(min-width:992px) and (max-width:1280px){.hw-product-list.hw-grid-system,.hw-news-grid.hw-grid-system,.hw-solutions__grid.hw-grid-system{grid-template-columns:repeat(4,minmax(0,1fr))!important}.hw-tech-grid.hw-grid-system,.hw-support-box-grid.hw-grid-system{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(min-width:783px) and (max-width:991px){.hw-product-list.hw-grid-system,.hw-news-grid.hw-grid-system,.hw-solutions__grid.hw-grid-system,.hw-tech-grid.hw-grid-system,.hw-support-box-grid.hw-grid-system{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

@media(max-width:1100px){.hw-hero__grid{grid-template-columns:1fr 1fr!important;gap:28px!important}.hw-distributor__card{grid-template-columns:140px 1fr 1.35fr!important}.hw-function-hero__grid{grid-template-columns:1fr 1fr!important}.hw-contact-layout{grid-template-columns:1fr 1.25fr!important}}
@media(max-width:991px){:root{--hw182-section:46px}.hw-container,.hw-system-container,.hw-content-wrap{width:min(calc(100% - 28px),var(--hw182-max))!important}.hw-header__inner{height:64px!important}.hw-hero__grid,.hw-function-hero__grid{grid-template-columns:1fr!important}.hw-hero__visual,.hw-function-hero__media{order:-1!important}.hw-hero__visual{min-height:320px!important}.hw-hero__visual img{height:320px!important}.hw-hero h1{font-size:39px!important}.hw-feature-row{grid-template-columns:repeat(2,1fr)!important}.hw-distributor__card{grid-template-columns:140px 1fr!important}.hw-contact-grid{grid-column:1/-1!important;grid-template-columns:repeat(3,1fr)!important;padding-top:12px!important;border-top:1px solid var(--hw182-line)!important}.hw-product-group{display:block!important}.hw-product-group__head{min-height:155px!important}.hw-solution-stage{grid-template-columns:1fr!important}.hw-solution-stage__media{order:-1!important}.hw-function-hero__media{height:300px!important}.hw-tech-showcase__row{grid-template-columns:1fr!important;gap:18px!important}.hw-tech-showcase__row--reverse .hw-tech-showcase__media{order:0!important}.hw-contact-layout{grid-template-columns:1fr!important}.hw-footer__grid{grid-template-columns:1.5fr repeat(2,1fr)!important}.hw-footer__grid>div:nth-child(n+4){margin-top:6px!important}}
@media(max-width:782px){.hw-container,.hw-system-container,.hw-content-wrap{width:min(calc(100% - 20px),var(--hw182-max))!important}.hw-header__inner{height:58px!important;gap:8px!important}.hw-brand__image{max-width:148px!important;max-height:40px!important}.hw-header__cta{display:none!important}.hw-hero{padding:20px 0 16px!important}.hw-hero__grid{gap:12px!important}.hw-hero__visual{min-height:245px!important}.hw-hero__visual:before{width:230px!important;height:230px!important}.hw-hero__visual img{height:245px!important}.hw-hero h1{font-size:31px!important;letter-spacing:-1px!important}.hw-hero h2{font-size:17px!important}.hw-hero p{font-size:12px!important;margin-bottom:15px!important}.hw-hero__buttons .hw-btn{flex:1!important;padding:0 12px!important}.hw-feature-row{grid-template-columns:repeat(2,1fr)!important;border-radius:15px!important}.hw-feature{min-height:74px!important;padding:12px 10px!important;gap:8px!important}.hw-feature:nth-child(odd):after{display:block!important;top:18%!important;bottom:18%!important}.hw-feature:nth-child(even):after{display:none!important}.hw-feature__icon{width:32px!important;height:32px!important}.hw-feature svg{width:28px!important;height:28px!important}.hw-feature b{font-size:10.5px!important}.hw-feature small{font-size:9px!important}.hw-distributor{padding-top:14px!important}.hw-distributor__card{display:block!important;padding:14px!important;border-radius:15px!important}.hw-distributor__brand{border-right:0!important;border-bottom:1px solid var(--hw182-line)!important;padding:0 0 10px!important;margin-bottom:10px!important}.hw-distributor__brand img{max-width:130px!important;max-height:55px!important}.hw-distributor__company strong{font-size:13px!important}.hw-distributor__company p{font-size:9.5px!important}.hw-contact-grid{grid-template-columns:repeat(2,1fr)!important;margin-top:10px!important;gap:8px!important}.hw-contact-grid a{padding-left:20px!important}.hw-products{padding:34px 0 22px!important}.hw-section-title{margin-bottom:16px!important}.hw-section-title h2{font-size:21px!important}.hw-product-group{border-radius:15px!important}.hw-product-group__head{min-height:122px!important;padding:17px 14px!important}.hw-product-group__head h3{font-size:16px!important}.hw-product-list.hw-grid-system{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.hw-product-card{min-height:176px!important;padding:10px 7px 12px!important}.hw-product-card__image,.hw-product-card.is-live .hw-product-card__image,.hw-product-card img,.hw-product-card.is-live .hw-product-card__image img{height:82px!important}.hw-product-card strong{font-size:10.5px!important;min-height:29px!important}.hw-product-card__price{font-size:10.5px!important}.hw-solutions{padding:34px 0 36px!important}.hw-solutions__grid.hw-grid-system{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.hw-solution-card{min-height:125px!important;border-radius:14px!important}.hw-trust{padding-bottom:34px!important}.hw-trust__grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important}.hw-trust__item{min-height:78px!important;padding:12px 10px!important}.hw-trust__item:not(:last-child):after{display:none!important}.hw-trust__item:nth-child(odd){border-right:1px solid var(--hw182-line)!important}.hw-trust__item:nth-child(-n+4){border-bottom:1px solid var(--hw182-line)!important}.hw-solution-premium-hero{padding:30px 0 36px!important}.hw-solution-premium-heading h1{font-size:28px!important}.hw-solution-tab-grid.hw-grid-system{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hw-solution-stage{padding:14px!important}.hw-solution-stage__copy h2{font-size:22px!important}.hw-solution-stage__media,.hw-solution-stage__media img{min-height:205px!important;height:205px!important}.hw-news-page .hw-content-hero{padding:26px 0 22px!important}.hw-news-page .hw-content-hero h1{font-size:28px!important}.hw-news-page .hw-content-main{padding:20px 0 34px!important}.hw-news-page .hw-news-grid.hw-grid-system{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.hw-news-page .hw-news-grid .hw-content-card{min-height:270px!important}.hw-function-hero{padding:28px 0!important}.hw-function-hero h1{font-size:29px!important}.hw-function-hero h2{font-size:16px!important}.hw-function-hero p{font-size:11.5px!important}.hw-function-hero__media{height:225px!important}.hw-function-section{padding:38px 0!important}.hw-function-heading h2{font-size:23px!important}.hw-tech-grid.hw-grid-system,.hw-support-box-grid.hw-grid-system{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.hw-tech-card,.hw-support-box{min-height:175px!important;padding:14px!important}.hw-support-showcase,.hw-contact-showcase{padding:28px 0 38px!important}.hw-support-showcase>.hw-panel-card,.hw-contact-showcase>.hw-panel-card{width:min(calc(100% - 20px),var(--hw182-max))!important}.hw-support-showcase .hw-panel-head h1,.hw-contact-showcase .hw-panel-head h1{font-size:27px!important}.hw-contact-card,.hw-contact-form-card{padding:15px!important}.hw-map-box iframe{height:190px!important}.hw-footer{padding-top:28px!important;padding-bottom:72px!important}.hw-footer__grid{grid-template-columns:1fr 1fr!important;gap:20px 14px!important}.hw-footer__company{grid-column:1/-1!important}.hw-footer__grid h4{font-size:10px!important}}

/* v1.8.4.1 header alignment fix */
.hw-header__actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex:0 0 auto!important;
}
.hw-header__actions > *{
  margin:0!important;
  align-self:center!important;
  flex:0 0 auto!important;
}
.hw-icon-btn,
.hw-icon-btn:link,
.hw-icon-btn:visited{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  vertical-align:middle!important;
  border-radius:999px!important;
}
.hw-icon-btn svg{
  width:22px!important;
  height:22px!important;
  display:block!important;
  margin:0 auto!important;
}
.hw-header__cta,
.hw-header__cta:link,
.hw-header__cta:visited{
  min-height:52px!important;
  height:52px!important;
  padding:0 34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  border-radius:18px!important;
  font-size:18px!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
}
@media(max-width:991px){
  .hw-header__actions{gap:8px!important;}
  .hw-icon-btn,.hw-icon-btn:link,.hw-icon-btn:visited{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;}
  .hw-header__cta,.hw-header__cta:link,.hw-header__cta:visited{min-height:48px!important;height:48px!important;padding:0 24px!important;border-radius:16px!important;font-size:16px!important;}
}
@media(max-width:782px){
  .hw-header__actions{gap:6px!important;}
  .hw-icon-btn,.hw-icon-btn:link,.hw-icon-btn:visited{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;}
  .hw-icon-btn svg{width:20px!important;height:20px!important;}
}


/* v1.8.6 mobile premium refinement */
@media(max-width:782px){
  .hw-container,.hw-system-container,.hw-content-wrap{width:min(calc(100% - 24px),var(--hw182-max))!important}
  .hw-header{box-shadow:0 4px 18px rgba(17,24,39,.05)!important}
  .hw-header__inner{height:56px!important;gap:6px!important}
  .hw-brand{gap:6px!important}
  .hw-brand__image{max-width:108px!important;max-height:28px!important}
  .hw-header__actions{margin-left:auto!important;gap:4px!important}
  .hw-icon-btn,.hw-icon-btn:link,.hw-icon-btn:visited{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;border-radius:999px!important;padding:0!important}
  .hw-icon-btn svg{width:18px!important;height:18px!important}
  .hw-header__cta,.hw-header__cta:link,.hw-header__cta:visited{display:inline-flex!important;min-height:36px!important;height:36px!important;padding:0 14px!important;border-radius:12px!important;font-size:11px!important;font-weight:700!important;letter-spacing:0!important;box-shadow:0 8px 18px rgba(230,0,18,.12)!important}

  .hw-hero{padding:14px 0 14px!important}
  .hw-hero__grid{grid-template-columns:1fr!important;gap:10px!important;min-height:auto!important}
  .hw-hero__visual{order:-1!important;min-height:188px!important;margin:0 auto}
  .hw-hero__visual:before{width:180px!important;height:180px!important;box-shadow:0 0 0 22px rgba(230,0,18,.018),0 20px 55px rgba(80,100,125,.10)!important}
  .hw-hero__visual img{height:188px!important;max-width:92%!important}
  .hw-eyebrow{font-size:10px!important;margin-bottom:6px!important}
  .hw-hero h1{font-size:26px!important;line-height:1.08!important;letter-spacing:-.7px!important;margin:0 0 6px!important}
  .hw-hero h2{font-size:14px!important;line-height:1.35!important;margin:0 0 8px!important}
  .hw-hero p{font-size:11.5px!important;line-height:1.6!important;margin:0 0 12px!important;max-width:none!important}
  .hw-hero__buttons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .hw-hero__buttons .hw-btn{min-height:36px!important;padding:0 10px!important;font-size:11.5px!important;border-radius:10px!important}

  .hw-feature-row{margin-top:8px!important;border-radius:14px!important}
  .hw-feature{min-height:68px!important;padding:10px 9px!important;gap:7px!important}
  .hw-feature__icon{width:26px!important;height:26px!important}
  .hw-feature svg{width:22px!important;height:22px!important}
  .hw-feature b{font-size:9.5px!important;line-height:1.3!important}
  .hw-feature small{font-size:8px!important;line-height:1.35!important;margin-top:2px!important}

  .hw-distributor{padding-top:12px!important}
  .hw-distributor__card{padding:12px!important;border-radius:14px!important}
  .hw-distributor__brand{padding:0 0 8px!important;margin-bottom:8px!important}
  .hw-distributor__brand img{max-width:118px!important;max-height:46px!important}
  .hw-distributor__company span{font-size:9px!important}
  .hw-distributor__company strong{font-size:12.5px!important;line-height:1.35!important;margin:2px 0 5px!important}
  .hw-distributor__company p{font-size:9px!important;line-height:1.45!important}
  .hw-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px 8px!important;padding-top:8px!important;margin-top:8px!important}
  .hw-contact-grid a{padding-left:18px!important}
  .hw-contact-grid a:before{font-size:13px!important}
  .hw-contact-grid b,.hw-contact-grid span{font-size:9px!important;line-height:1.35!important}

  .hw-products{padding:26px 0 16px!important}
  .hw-section-title{margin-bottom:12px!important}
  .hw-section-title h2{font-size:19px!important}
  .hw-product-group{margin-bottom:12px!important;border-radius:14px!important}
  .hw-product-group__head{min-height:116px!important;padding:14px 12px!important;align-items:flex-start!important}
  .hw-product-group__head h3{font-size:15px!important;margin:0 0 5px!important}
  .hw-product-group__head p{font-size:10px!important;line-height:1.45!important}
  .hw-product-group__link{margin-top:8px!important;padding:5px 9px!important;font-size:9px!important}
  .hw-product-list,.hw-product-list.hw-grid-system{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hw-product-card,.hw-product-card.is-live{min-height:162px!important;padding:9px 8px 11px!important;border-left:0!important}
  .hw-product-card:nth-child(odd){border-right:1px solid #eef1f4!important}
  .hw-product-card{border-top:1px solid #eef1f4!important}
  .hw-product-card__image,.hw-product-card.is-live .hw-product-card__image,.hw-product-card img,.hw-product-card.is-live .hw-product-card__image img{height:74px!important}
  .hw-product-card strong{font-size:10px!important;line-height:1.35!important;min-height:28px!important}
  .hw-product-card__sku{font-size:8px!important;margin-top:2px!important}
  .hw-product-card__price{font-size:10px!important;margin-top:4px!important}
  .hw-product-card>span:last-child{font-size:9px!important}

  .hw-solutions{padding:24px 0 26px!important}
  .hw-solutions__grid,.hw-solutions__grid.hw-grid-system{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .hw-solution-card{min-height:112px!important;border-radius:12px!important}
  .hw-solution-card div{left:10px!important;right:10px!important;bottom:9px!important}
  .hw-solution-card strong{font-size:10px!important;line-height:1.3!important}
  .hw-solution-card span{font-size:8px!important;line-height:1.35!important;margin-top:2px!important}

  .hw-trust{padding-bottom:24px!important}
  .hw-trust__grid{grid-template-columns:repeat(2,1fr)!important;border-radius:14px!important}
  .hw-trust__item{min-height:66px!important;padding:10px 8px!important;gap:8px!important}
  .hw-trust__item>span{width:24px!important}
  .hw-trust__item>span .hw-svg-icon{width:20px!important;height:20px!important}
  .hw-trust__item b{font-size:9.5px!important;line-height:1.3!important}
  .hw-trust__item small{font-size:8px!important;line-height:1.3!important}

  .hw-footer{padding-top:22px!important;padding-bottom:72px!important}
  .hw-footer__grid{grid-template-columns:1fr 1fr!important;gap:16px 12px!important;padding-bottom:18px!important}
  .hw-footer__company{grid-column:1/-1!important}
  .hw-footer__grid h4{font-size:10px!important;margin-bottom:8px!important}
  .hw-footer,.hw-footer p,.hw-footer li,.hw-footer a{font-size:10px!important;line-height:1.5!important}
  .hw-footer .social-icons,.hw-footer__social{gap:6px!important}
}


/* v1.8.7 mobile clarity + balanced desktop featured solutions */
@media (min-width: 1281px){
  .huawei-homepage .hw-solutions__grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;
  }
  .huawei-homepage .hw-solution-card{
    min-height:178px!important;
    border-radius:20px!important;
  }
  .huawei-homepage .hw-solution-card strong{
    font-size:18px!important;
    line-height:1.25!important;
  }
  .huawei-homepage .hw-solution-card span{
    font-size:13px!important;
    line-height:1.5!important;
  }
}
@media (min-width: 992px) and (max-width: 1280px){
  .huawei-homepage .hw-solutions__grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
  }
  .huawei-homepage .hw-solution-card{min-height:168px!important}
}

@media (max-width:782px){
  .hw-header__inner{padding-inline:4px!important}
  .hw-container,.hw-system-container,.hw-content-wrap{width:min(calc(100% - 20px),var(--hw182-max))!important}
  .hw-brand__image{max-width:98px!important;max-height:26px!important}
  .hw-header__actions{gap:3px!important}
  .hw-header__cta,.hw-header__cta:link,.hw-header__cta:visited{padding:0 12px!important;min-width:auto!important;font-size:10.5px!important}

  .hw-products{padding-top:22px!important}
  .hw-product-group{
    margin-bottom:14px!important;
    padding:10px!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 10px 24px rgba(17,24,39,.05)!important;
  }
  .hw-product-group__head{
    min-height:108px!important;
    border-radius:12px!important;
    padding:14px 12px!important;
    margin-bottom:10px!important;
  }
  .hw-product-group__head h3{font-size:16px!important}
  .hw-product-group__head p{font-size:10px!important;max-width:160px!important}
  .hw-product-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    background:transparent!important;
  }
  .hw-product-card,
  .hw-product-card.is-live{
    min-height:198px!important;
    padding:10px 9px 12px!important;
    border:1px solid #eef1f4!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  .hw-product-card:nth-child(odd){border-right:1px solid #eef1f4!important}
  .hw-product-card__image,.hw-product-card.is-live .hw-product-card__image{height:88px!important;margin-bottom:8px!important}
  .hw-product-card img,.hw-product-card.is-live .hw-product-card__image img{height:88px!important}
  .hw-product-card strong{font-size:10.5px!important;line-height:1.4!important;min-height:30px!important}
  .hw-product-card__sku{font-size:8px!important;line-height:1.3!important}
  .hw-product-card__price{font-size:10.5px!important;line-height:1.35!important}
  .hw-product-card>span:last-child{font-size:9px!important}

  .hw-solutions{padding-top:20px!important;padding-bottom:22px!important}
  .huawei-homepage .hw-solutions__grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .huawei-homepage .hw-solution-card{
    min-height:118px!important;
    border-radius:14px!important;
  }
  .huawei-homepage .hw-solution-card strong{font-size:10.5px!important}
  .huawei-homepage .hw-solution-card span{font-size:8px!important}

  .hw-trust__grid{gap:0!important}
  .hw-trust__item{min-height:72px!important;padding:10px 9px!important}

  .hw-footer{padding-bottom:88px!important}
  .hw-footer__grid{grid-template-columns:1fr 1fr!important;gap:14px 10px!important}
  .hw-footer__company{grid-column:1/-1!important}
}


/* v1.8.7.1 remove blank top space on mobile header */
@media (max-width: 782px){
  html{margin-top:0!important}
  body.admin-bar{margin-top:0!important;padding-top:0!important}
  #wpadminbar{display:none!important}
  .admin-bar .hw-header{top:0!important}
  .admin-bar .hw-header + *{margin-top:0!important}
  .hw-header{position:sticky!important;top:0!important}
  .hw-hero{padding-top:14px!important}
}

/* v1.8.10 homepage featured solutions — keep all 6 cards in one desktop row */
@media (min-width:1280px){
  .huawei-homepage .hw-solutions__grid,
  .huawei-homepage .hw-solutions__grid.hw-grid-system{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:12px!important;
    align-items:stretch!important;
  }
  .huawei-homepage .hw-solution-card{
    min-width:0!important;
    min-height:150px!important;
    width:100%!important;
    margin:0!important;
  }
  .huawei-homepage .hw-solution-card strong{
    font-size:12px!important;
    line-height:1.3!important;
  }
  .huawei-homepage .hw-solution-card span{
    font-size:9px!important;
    line-height:1.4!important;
  }
}


/* v1.8.10.1 mobile header CTA balance */
@media (max-width:782px){
  .hw-header__inner{height:54px!important;gap:6px!important;align-items:center!important}
  .hw-brand{flex:0 0 auto!important}
  .hw-brand__image{max-width:96px!important;max-height:24px!important}
  .hw-header__actions{margin-left:auto!important;gap:4px!important;align-items:center!important}
  .hw-icon-btn,.hw-icon-btn:link,.hw-icon-btn:visited,
  .hw-menu-btn{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    padding:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .hw-icon-btn svg{width:19px!important;height:19px!important}
  .hw-menu-btn{padding:6px!important}
  .hw-menu-btn span{margin:3px 0!important}
  .hw-header__cta,.hw-header__cta:link,.hw-header__cta:visited{
    min-height:32px!important;
    height:32px!important;
    padding:0 12px!important;
    border-radius:10px!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:700!important;
    letter-spacing:0!important;
    box-shadow:0 6px 14px rgba(230,0,18,.10)!important;
  }
}
@media (max-width:480px){
  .hw-header__inner{height:52px!important}
  .hw-brand__image{max-width:92px!important;max-height:22px!important}
  .hw-header__actions{gap:3px!important}
  .hw-icon-btn,.hw-icon-btn:link,.hw-icon-btn:visited,.hw-menu-btn{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important}
  .hw-icon-btn svg{width:18px!important;height:18px!important}
  .hw-header__cta,.hw-header__cta:link,.hw-header__cta:visited{min-height:30px!important;height:30px!important;padding:0 10px!important;font-size:9.5px!important;border-radius:9px!important}
}


/* v1.8.10.2 solutions one-row scroll + remove news search */
.hw-news-page .hw-content-hero__inner{display:flex!important;align-items:flex-start!important;justify-content:flex-start!important}
.hw-news-page .hw-news-hero__copy{max-width:860px!important}
.hw-news-page .hw-content-searchbox{display:none!important}
.hw-solutions__grid,
.hw-solutions__grid.hw-grid-system{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  gap:14px!important;
  padding:4px 2px 12px!important;
  scroll-snap-type:x proximity!important;
  -webkit-overflow-scrolling:touch!important;
}
.hw-solutions__grid::-webkit-scrollbar{height:8px}
.hw-solutions__grid::-webkit-scrollbar-track{background:#eef2f5;border-radius:999px}
.hw-solutions__grid::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#ff6b72,#e60012);border-radius:999px}
.hw-solutions__grid .hw-solution-card{
  flex:0 0 clamp(250px, 18vw, 310px)!important;
  min-width:250px!important;
  min-height:160px!important;
  scroll-snap-align:start!important;
}
@media (max-width:1280px){
  .hw-solutions__grid,.hw-solutions__grid.hw-grid-system{gap:12px!important}
  .hw-solutions__grid .hw-solution-card{flex-basis:280px!important;min-width:280px!important}
}
@media (max-width:782px){
  .hw-news-page .hw-content-hero{padding:24px 0 18px!important}
  .hw-solutions__grid,.hw-solutions__grid.hw-grid-system{gap:10px!important;padding-bottom:8px!important}
  .hw-solutions__grid .hw-solution-card{flex:0 0 220px!important;min-width:220px!important;min-height:126px!important}
}


/* v1.8.10.3 featured solutions autoplay slider */
.huawei-homepage .hw-solutions__grid{
  scroll-behavior:smooth!important;
  overscroll-behavior-inline:contain;
  scrollbar-gutter:stable;
}
.huawei-homepage .hw-solutions__grid .hw-solution-card{scroll-snap-stop:always!important}
@media (prefers-reduced-motion: reduce){
  .huawei-homepage .hw-solutions__grid{scroll-behavior:auto!important}
}


/* v1.8.11 multi hero slider */
.hw-hero-slider{position:relative!important;overflow:hidden!important;padding-top:0!important}
.hw-hero-slider__viewport{position:relative;overflow:hidden}
.hw-hero-slider__track{position:relative;min-height:430px}
.hw-hero-slide{position:absolute;inset:0;width:100%;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(18px);transition:opacity .48s ease,transform .48s ease,visibility .48s ease;padding:34px 0 22px}
.hw-hero-slide.is-active{position:relative;opacity:1;visibility:visible;pointer-events:auto;transform:none}
.hw-hero-slider .hw-feature-row{position:relative;z-index:4}
.hw-hero__price{margin:-8px 0 16px;color:var(--hw182-red);font-size:22px;font-weight:700;line-height:1.2}
.hw-hero__price del{font-size:13px;color:#9aa2aa;font-weight:500}.hw-hero__price ins{text-decoration:none}
.hw-hero-slider__arrow{position:absolute;z-index:8;top:42%;transform:translateY(-50%);width:42px;height:42px;border:1px solid rgba(17,24,39,.08)!important;border-radius:50%!important;background:rgba(255,255,255,.92)!important;color:#1b2026!important;box-shadow:0 8px 24px rgba(17,24,39,.09)!important;display:grid!important;place-items:center!important;padding:0!important;font-size:28px!important;line-height:1!important;cursor:pointer}
.hw-hero-slider__prev{left:max(12px,calc((100vw - var(--hw182-max))/2 - 54px))}.hw-hero-slider__next{right:max(12px,calc((100vw - var(--hw182-max))/2 - 54px))}
.hw-hero-slider__dots{position:absolute;z-index:8;left:50%;transform:translateX(-50%);bottom:114px;display:flex;align-items:center;justify-content:center;gap:7px}
.hw-hero-slider__dots button{width:7px;height:7px;min-width:7px;min-height:7px;padding:0!important;border:0!important;border-radius:999px!important;background:#cfd5db!important;box-shadow:none!important;transition:width .2s,background .2s}
.hw-hero-slider__dots button.is-active{width:24px;background:var(--hw182-red)!important}
@media(max-width:991px){.hw-hero-slider__track{min-height:610px}.hw-hero-slide{padding:20px 0 16px}.hw-hero-slider__arrow{top:31%}}
@media(max-width:782px){
  .hw-hero-slider__track{min-height:500px}
  .hw-hero-slide{padding:14px 0 12px}
  .hw-hero-slider__arrow{width:34px;height:34px;top:24%;font-size:23px!important;background:rgba(255,255,255,.86)!important}
  .hw-hero-slider__prev{left:7px}.hw-hero-slider__next{right:7px}
  .hw-hero-slider__dots{bottom:94px;gap:5px}
  .hw-hero-slider__dots button{width:6px;height:6px;min-width:6px;min-height:6px}.hw-hero-slider__dots button.is-active{width:18px}
  .hw-hero__price{font-size:17px;margin:-5px 0 10px}
}
@media(prefers-reduced-motion:reduce){.hw-hero-slide{transition:none!important}}

.hw-hero-title{font-family:inherit!important;font-size:48px!important;line-height:1.02!important;letter-spacing:-1.8px!important;margin:0 0 8px!important;color:var(--hw182-ink)!important;font-weight:700!important}
@media(max-width:991px){.hw-hero-title{font-size:39px!important}}
@media(max-width:782px){.hw-hero-title{font-size:26px!important;line-height:1.08!important;letter-spacing:-.7px!important;margin:0 0 6px!important}}


/* v1.8.11.3 hero harmony + compact arrows */
:root{
  --hw182-red:#e61b23;
  --hw182-red-2:#ff3341;
  --hw182-hero-soft:#fff6f7;
  --hw182-hero-glow:rgba(230,27,35,.12);
}
.hw-header{
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid rgba(230,27,35,.10)!important;
  box-shadow:0 10px 28px rgba(20,24,32,.05)!important;
}
.hw-nav a{color:#2b3138!important}
.hw-nav a:hover,.hw-nav a.is-active{color:var(--hw182-red)!important}
.hw-nav a:after{background:linear-gradient(90deg,var(--hw182-red),#ff7a2f)!important;height:2px!important}
.hw-header__actions .hw-btn--red,
.hw-header__actions .hw-btn{
  min-height:40px!important;
  padding:0 20px!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,var(--hw182-red),var(--hw182-red-2))!important;
  box-shadow:0 12px 26px rgba(230,27,35,.20)!important;
}
.hw-hero.hw-hero-slider{
  background:
    radial-gradient(circle at 84% 18%, rgba(230,27,35,.08), transparent 24%),
    linear-gradient(110deg, #fff 0%, var(--hw182-hero-soft) 46%, #f5f8fc 100%)!important;
  padding-top:36px!important;
}
.hw-hero-slide{
  padding:24px 0 20px!important;
}
.hw-hero__content{
  position:relative;
  z-index:2;
}
.hw-eyebrow,
.hw-hero .hw-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(230,27,35,.07);
  color:var(--hw182-red)!important;
  font-size:12px!important;
  letter-spacing:.8px!important;
  margin-bottom:14px!important;
}
.hw-hero h1,
.hw-hero-title{
  color:#111723!important;
  letter-spacing:-1.6px!important;
}
.hw-hero h2{
  color:#28313a!important;
}
.hw-hero p{
  color:#5f6974!important;
  max-width:620px!important;
}
.hw-hero__buttons{
  gap:12px!important;
}
.hw-hero__buttons .hw-btn--red{
  background:linear-gradient(135deg,var(--hw182-red),var(--hw182-red-2))!important;
  border:0!important;
  box-shadow:0 16px 30px rgba(230,27,35,.18)!important;
}
.hw-hero__buttons .hw-btn--outline{
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(22,28,36,.14)!important;
  color:#232a33!important;
}
.hw-hero__buttons .hw-btn--outline:hover{
  border-color:var(--hw182-red)!important;
  color:var(--hw182-red)!important;
}
.hw-hero__visual{
  min-height:410px!important;
}
.hw-hero__visual:before{
  width:430px!important;
  height:430px!important;
  border:2px solid rgba(255,255,255,.92)!important;
  box-shadow:0 0 90px rgba(190,206,232,.45), inset 0 0 32px rgba(255,255,255,.78)!important;
}
.hw-hero__visual:after{
  content:"";
  position:absolute;
  inset:24px;
  border-radius:28px;
  background:linear-gradient(135deg, rgba(255,255,255,.20), rgba(255,255,255,0));
  pointer-events:none;
  z-index:1;
}
.hw-hero__visual img{
  height:410px!important;
  border-radius:28px!important;
  box-shadow:0 24px 50px rgba(34,42,54,.08)!important;
}
.hw-feature-row,
.hw-distributor__card{
  border-color:rgba(226,231,237,.92)!important;
  box-shadow:0 16px 34px rgba(20,32,46,.06)!important;
}
.hw-feature b{color:#202833!important}
.hw-feature small{color:#6a7580!important}
.hw-hero-slider__arrow{
  width:36px!important;
  height:36px!important;
  font-size:20px!important;
  color:#202833!important;
  background:rgba(255,255,255,.95)!important;
  border:1px solid rgba(18,24,34,.08)!important;
  box-shadow:0 10px 24px rgba(20,24,34,.10)!important;
}
.hw-hero-slider__arrow:hover{
  background:linear-gradient(135deg,var(--hw182-red),var(--hw182-red-2))!important;
  color:#fff!important;
  border-color:transparent!important;
}
.hw-hero-slider__prev{left:max(10px,calc((100vw - var(--hw182-max))/2 - 46px))!important}
.hw-hero-slider__next{right:max(10px,calc((100vw - var(--hw182-max))/2 - 46px))!important}
@media (max-width:991px){
  .hw-hero.hw-hero-slider{padding-top:18px!important}
  .hw-hero__visual{min-height:320px!important}
  .hw-hero__visual img{height:320px!important}
  .hw-hero-slider__arrow{top:28%!important}
}
@media (max-width:782px){
  .hw-header__actions .hw-btn--red,.hw-header__actions .hw-btn{min-height:36px!important;padding:0 16px!important;border-radius:10px!important}
  .hw-hero-slide{padding:10px 0 12px!important}
  .hw-eyebrow,.hw-hero .hw-eyebrow{padding:6px 10px;font-size:10px!important;margin-bottom:10px!important}
  .hw-hero__buttons{gap:10px!important}
  .hw-hero__buttons .hw-btn{min-height:40px!important;padding:0 16px!important}
  .hw-hero__visual{min-height:240px!important}
  .hw-hero__visual:before{width:250px!important;height:250px!important}
  .hw-hero__visual img{height:240px!important;border-radius:20px!important}
  .hw-hero-slider__arrow{width:32px!important;height:32px!important;font-size:20px!important;top:21%!important}
  .hw-hero-slider__prev{left:6px!important}.hw-hero-slider__next{right:6px!important}
}


/* v1.8.11.4 full-banner slider + smaller arrows */
.hw-hero.hw-hero-slider{
  position:relative;
  overflow:hidden;
}
.hw-hero-slider__viewport,
.hw-hero-slider__track{
  position:relative;
}
.hw-hero-slide{
  position:relative;
  overflow:hidden;
  border-radius:0;
}
.hw-hero-slide:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(250,251,253,.97) 0%, rgba(250,251,253,.93) 34%, rgba(250,251,253,.68) 50%, rgba(250,251,253,.20) 66%, rgba(250,251,253,.10) 100%),
    radial-gradient(circle at 76% 14%, rgba(230,27,35,.12), transparent 18%),
    var(--slide-bg);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center right;
  z-index:0;
}
.hw-hero-slide:after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:120px;
  background:linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.28) 50%, rgba(255,255,255,.56) 100%);
  pointer-events:none;
  z-index:0;
}
.hw-hero-slide .hw-container{
  position:relative;
  z-index:2;
}
.hw-hero-slide .hw-hero__grid{
  min-height:560px;
}
.hw-hero__content{
  max-width:640px;
  padding:24px 0;
}
.hw-hero__visual{
  justify-content:flex-end!important;
}
.hw-hero__visual:before,
.hw-hero__visual:after{
  display:none!important;
}
.hw-hero__visual img{
  width:min(100%,760px)!important;
  height:500px!important;
  object-fit:contain!important;
  object-position:center right!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 30px 42px rgba(40,52,68,.12))!important;
}
.hw-hero h1,
.hw-hero .hw-hero-title{
  font-size:72px!important;
  line-height:.95!important;
  margin-bottom:12px!important;
}
.hw-hero h2{
  font-size:28px!important;
  line-height:1.18!important;
  margin-bottom:18px!important;
  max-width:680px;
}
.hw-hero p{
  font-size:18px!important;
  line-height:1.75!important;
  max-width:600px!important;
}
.hw-hero__buttons .hw-btn{
  min-height:48px!important;
  padding:0 20px!important;
  font-size:15px!important;
  border-radius:14px!important;
}
.hw-hero__buttons .hw-btn span{line-height:1}
.hw-hero-slider__arrow{
  width:30px!important;
  height:30px!important;
  font-size:16px!important;
  font-weight:700!important;
  border-radius:999px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
}
.hw-hero-slider__prev{left:max(8px,calc((100vw - var(--hw182-max))/2 - 18px))!important}
.hw-hero-slider__next{right:max(8px,calc((100vw - var(--hw182-max))/2 - 18px))!important}
.hw-hero-slider__dots{margin-top:8px!important}
@media (max-width:1280px){
  .hw-hero-slide .hw-hero__grid{min-height:510px}
  .hw-hero h1,.hw-hero .hw-hero-title{font-size:60px!important}
  .hw-hero__visual img{height:440px!important}
}
@media (max-width:991px){
  .hw-hero-slide:before{background:
    linear-gradient(180deg, rgba(250,251,253,.94) 0%, rgba(250,251,253,.88) 42%, rgba(250,251,253,.70) 68%, rgba(250,251,253,.32) 100%),
    radial-gradient(circle at 76% 10%, rgba(230,27,35,.10), transparent 20%),
    var(--slide-bg);background-size:cover;background-position:center}
  .hw-hero-slide .hw-hero__grid{min-height:unset;padding-bottom:8px}
  .hw-hero h1,.hw-hero .hw-hero-title{font-size:48px!important;line-height:.98!important}
  .hw-hero h2{font-size:24px!important}
  .hw-hero p{font-size:16px!important;max-width:100%!important}
  .hw-hero__visual img{height:340px!important;width:100%!important}
  .hw-hero-slider__arrow{width:28px!important;height:28px!important;font-size:15px!important}
}
@media (max-width:782px){
  .hw-hero.hw-hero-slider{padding-top:10px!important}
  .hw-hero-slide:before{background:
    linear-gradient(180deg, rgba(250,251,253,.95) 0%, rgba(250,251,253,.85) 36%, rgba(250,251,253,.48) 62%, rgba(250,251,253,.22) 100%),
    var(--slide-bg);background-size:cover;background-position:center top}
  .hw-hero-slide .hw-hero__grid{grid-template-columns:1fr!important;gap:10px!important;min-height:unset!important}
  .hw-hero__content{order:2;padding:4px 0 8px}
  .hw-hero__visual{order:1;min-height:200px!important}
  .hw-hero__visual img{height:210px!important;object-position:center!important;filter:drop-shadow(0 18px 28px rgba(40,52,68,.10))!important}
  .hw-hero h1,.hw-hero .hw-hero-title{font-size:38px!important;letter-spacing:-1px!important;margin-bottom:8px!important}
  .hw-hero h2{font-size:18px!important;margin-bottom:10px!important}
  .hw-hero p{font-size:13px!important;line-height:1.65!important;margin-bottom:14px!important}
  .hw-hero__buttons .hw-btn{min-height:40px!important;padding:0 14px!important;font-size:13px!important;border-radius:12px!important}
  .hw-hero-slider__arrow{width:26px!important;height:26px!important;font-size:14px!important;top:26%!important;background:rgba(255,255,255,.90)!important}
  .hw-hero-slider__prev{left:4px!important}.hw-hero-slider__next{right:4px!important}
}


/* v1.8.11.5 fix stacked slides + remove duplicate hero image */
.hw-hero-slider__track{min-height:auto!important}
.hw-hero-slide{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateX(18px)!important;
  transition:opacity .48s ease, transform .48s ease, visibility .48s ease!important;
  padding:34px 0 22px!important;
}
.hw-hero-slide.is-active{
  position:relative!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:none!important;
}
.hw-hero-slide .hw-hero__grid{
  grid-template-columns:minmax(0,1fr)!important;
  min-height:430px!important;
  align-items:center!important;
}
.hw-hero__content{
  max-width:720px!important;
  padding:44px 0 56px!important;
}
.hw-hero__visual{
  display:none!important;
}
.hw-hero-slide:before{
  background:
    linear-gradient(90deg, rgba(250,251,253,.98) 0%, rgba(250,251,253,.95) 28%, rgba(250,251,253,.78) 44%, rgba(250,251,253,.36) 62%, rgba(250,251,253,.08) 100%),
    radial-gradient(circle at 76% 18%, rgba(230,27,35,.14), transparent 18%),
    var(--slide-bg)!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center right!important;
}
.hw-hero h1,.hw-hero .hw-hero-title{max-width:780px!important}
.hw-hero h2{max-width:700px!important}
.hw-hero p{max-width:620px!important}
.hw-hero-slider__arrow{
  width:28px!important;
  height:28px!important;
  font-size:15px!important;
}
.hw-hero-slider__prev{left:max(8px,calc((100vw - var(--hw182-max))/2 - 14px))!important}
.hw-hero-slider__next{right:max(8px,calc((100vw - var(--hw182-max))/2 - 14px))!important}
@media (max-width:1280px){
  .hw-hero-slide .hw-hero__grid{min-height:390px!important}
  .hw-hero__content{padding:38px 0 48px!important}
}
@media (max-width:991px){
  .hw-hero-slide{padding:18px 0 14px!important}
  .hw-hero-slide .hw-hero__grid{min-height:360px!important}
  .hw-hero__content{padding:26px 0 42px!important}
  .hw-hero-slide:before{background:
    linear-gradient(180deg, rgba(250,251,253,.96) 0%, rgba(250,251,253,.88) 42%, rgba(250,251,253,.54) 68%, rgba(250,251,253,.18) 100%),
    var(--slide-bg)!important;background-size:cover!important;background-position:center!important}
}
@media (max-width:782px){
  .hw-hero-slide{padding:12px 0 12px!important}
  .hw-hero-slide .hw-hero__grid{min-height:300px!important}
  .hw-hero__content{padding:18px 0 34px!important}
  .hw-hero h1,.hw-hero .hw-hero-title{font-size:34px!important;line-height:1.02!important}
  .hw-hero h2{font-size:18px!important;max-width:100%!important}
  .hw-hero p{font-size:13px!important;max-width:100%!important}
  .hw-hero-slider__dots{bottom:82px!important}
  .hw-hero-slider__arrow{width:24px!important;height:24px!important;font-size:13px!important;top:50%!important}
  .hw-hero-slider__prev{left:4px!important}
  .hw-hero-slider__next{right:4px!important}
}


/* v1.8.11.6 tone down hero banner zoom + smaller CTA */
.hw-hero-slide:before{
  background-image:
    linear-gradient(90deg, rgba(250,251,253,.97) 0%, rgba(250,251,253,.94) 34%, rgba(250,251,253,.72) 48%, rgba(250,251,253,.24) 66%, rgba(250,251,253,.08) 100%),
    radial-gradient(circle at 74% 16%, rgba(230,27,35,.10), transparent 20%),
    var(--slide-bg)!important;
  background-repeat:no-repeat,no-repeat,no-repeat!important;
  background-size:auto,auto,54% auto!important;
  background-position:left top,74% 16%,right center!important;
}
.hw-hero-slide .hw-hero__grid{
  min-height:470px!important;
}
.hw-hero__content{
  max-width:600px!important;
  padding:18px 0 24px!important;
}
.hw-hero h1,
.hw-hero .hw-hero-title{
  font-size:58px!important;
  line-height:0.98!important;
  margin-bottom:10px!important;
}
.hw-hero h2{
  font-size:23px!important;
  line-height:1.18!important;
  margin-bottom:14px!important;
  max-width:600px!important;
}
.hw-hero p{
  font-size:15px!important;
  line-height:1.68!important;
  max-width:540px!important;
  margin-bottom:0!important;
}
.hw-hero__buttons{
  gap:10px!important;
  margin-top:22px!important;
}
.hw-hero__buttons .hw-btn{
  min-height:42px!important;
  padding:0 16px!important;
  font-size:13.5px!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
.hw-hero__buttons .hw-btn--red{
  box-shadow:0 10px 24px rgba(230,27,35,.14)!important;
}
.hw-hero-slider__arrow{
  width:24px!important;
  height:24px!important;
  font-size:12px!important;
}
.hw-hero-slider__prev{left:max(8px,calc((100vw - var(--hw182-max))/2 - 12px))!important}
.hw-hero-slider__next{right:max(8px,calc((100vw - var(--hw182-max))/2 - 12px))!important}
@media (max-width:1280px){
  .hw-hero-slide:before{background-size:auto,auto,58% auto!important}
  .hw-hero-slide .hw-hero__grid{min-height:430px!important}
  .hw-hero h1,.hw-hero .hw-hero-title{font-size:50px!important}
  .hw-hero h2{font-size:21px!important}
}
@media (max-width:991px){
  .hw-hero-slide:before{
    background-image:
      linear-gradient(180deg, rgba(250,251,253,.96) 0%, rgba(250,251,253,.90) 40%, rgba(250,251,253,.58) 68%, rgba(250,251,253,.18) 100%),
      var(--slide-bg)!important;
    background-size:auto,cover!important;
    background-position:left top,center top!important;
  }
  .hw-hero-slide .hw-hero__grid{min-height:360px!important}
  .hw-hero__content{padding:14px 0 26px!important}
  .hw-hero h1,.hw-hero .hw-hero-title{font-size:42px!important}
  .hw-hero h2{font-size:18px!important}
  .hw-hero p{font-size:13px!important;line-height:1.58!important}
  .hw-hero__buttons .hw-btn{min-height:40px!important;font-size:12.5px!important;padding:0 14px!important}
}
@media (max-width:782px){
  .hw-hero-slide .hw-hero__grid{min-height:310px!important}
  .hw-hero__content{padding:12px 0 20px!important}
  .hw-hero h1,.hw-hero .hw-hero-title{font-size:34px!important;line-height:1.02!important}
  .hw-hero h2{font-size:17px!important;margin-bottom:10px!important}
  .hw-hero p{font-size:12px!important;line-height:1.5!important}
  .hw-hero__buttons{gap:8px!important;margin-top:16px!important}
  .hw-hero__buttons .hw-btn{min-height:38px!important;font-size:12px!important;padding:0 12px!important;border-radius:11px!important}
  .hw-hero-slider__arrow{width:22px!important;height:22px!important;font-size:11px!important}
}


/* v1.8.11.7 header + hero balance final */
.hw-header{
  margin-bottom:0!important;
}
.hw-header__inner{
  height:64px!important;
}
.hw-header__actions{
  gap:6px!important;
}
.hw-header__cta,
.hw-header__cta:link,
.hw-header__cta:visited,
.hw-header__actions .hw-btn,
.hw-header__actions .hw-btn--red{
  min-height:36px!important;
  height:36px!important;
  padding:0 14px!important;
  border-radius:10px!important;
  font-size:12px!important;
  font-weight:700!important;
  box-shadow:0 8px 18px rgba(230,27,35,.12)!important;
}
.hw-hero.hw-hero-slider{
  margin-top:0!important;
  padding-top:0!important;
  border-top:0!important;
}
.hw-hero-slider__viewport{
  margin-top:0!important;
  padding-top:0!important;
}
.hw-hero-slide{
  padding-top:0!important;
  margin-top:0!important;
}
.hw-hero-slide .hw-hero__grid{
  min-height:430px!important;
}
.hw-hero__content{
  padding-top:30px!important;
  padding-bottom:30px!important;
}
.hw-hero-slide:before{
  background-size:auto,auto,52% auto!important;
  background-position:left top,74% 16%,right center!important;
}
.hw-hero-slide:after{
  display:none!important;
}
.hw-hero__visual,
.hw-hero__visual:before,
.hw-hero__visual:after{
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
.hw-hero__visual img{
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.hw-hero h1,.hw-hero .hw-hero-title{
  font-size:52px!important;
}
.hw-hero h2{
  font-size:21px!important;
}
.hw-hero p{
  font-size:14px!important;
}
.hw-hero__buttons{
  margin-top:18px!important;
  gap:8px!important;
}
.hw-hero__buttons .hw-btn{
  min-height:38px!important;
  height:38px!important;
  padding:0 14px!important;
  border-radius:10px!important;
  font-size:12.5px!important;
}
.hw-hero-slider__arrow{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  font-size:11px!important;
  line-height:1!important;
  padding:0!important;
}
@media(max-width:991px){
  .hw-header__inner{height:58px!important}
  .hw-hero-slide .hw-hero__grid{min-height:350px!important}
  .hw-hero__content{padding-top:22px!important;padding-bottom:24px!important}
  .hw-hero h1,.hw-hero .hw-hero-title{font-size:40px!important}
  .hw-hero h2{font-size:18px!important}
}
@media(max-width:782px){
  .hw-header__inner{height:52px!important}
  .hw-header__cta,.hw-header__cta:link,.hw-header__cta:visited,
  .hw-header__actions .hw-btn,.hw-header__actions .hw-btn--red{
    min-height:30px!important;height:30px!important;padding:0 10px!important;border-radius:9px!important;font-size:9.5px!important;
  }
  .hw-hero-slide .hw-hero__grid{min-height:300px!important}
  .hw-hero__content{padding-top:14px!important;padding-bottom:18px!important}
  .hw-hero h1,.hw-hero .hw-hero-title{font-size:32px!important}
  .hw-hero h2{font-size:16px!important}
  .hw-hero p{font-size:12px!important}
  .hw-hero__buttons .hw-btn{min-height:34px!important;height:34px!important;padding:0 11px!important;font-size:11px!important}
  .hw-hero-slider__arrow{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;font-size:10px!important}
}


/* v1.8.11.8 flush hero + hover-only arrows + professional transition */
body.huawei-site .hw-site-main,
body.huawei-site .hw-page.hw-home-premium,
.hw-header + .hw-site-main{
  margin-top:0!important;
  padding-top:0!important;
}
.hw-header{
  margin-bottom:0!important;
  border-bottom:1px solid rgba(20,28,38,.06)!important;
}
.hw-hero.hw-hero-slider{
  margin:-1px 0 0!important;
  padding:0!important;
  border:0!important;
}
.hw-hero-slider__viewport,
.hw-hero-slider__track,
.hw-hero-slide{
  margin-top:0!important;
  padding-top:0!important;
}
.hw-hero-slide .hw-hero__grid{
  min-height:420px!important;
}
.hw-hero__content{
  padding-top:18px!important;
  padding-bottom:24px!important;
}

/* Nền ảnh chiếm đúng vùng hero, không tạo cảm giác có khoảng trắng/gờ phía trên */
.hw-hero-slide:before{
  top:0!important;
  bottom:0!important;
  background-position:left top,74% 14%,right center!important;
  transform:scale(1.012);
  transform-origin:72% center;
  will-change:transform,opacity;
}

/* Lớp trong suốt tạo chiều sâu, không tải thêm asset */
.hw-hero-slide:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 72% 34%, rgba(255,255,255,.22), transparent 27%),
    linear-gradient(115deg, rgba(255,255,255,.15), transparent 46%, rgba(230,27,35,.035) 100%)!important;
  opacity:0!important;
  transition:opacity .7s ease!important;
}
.hw-hero-slide.is-active:after{opacity:1!important}

/* Chuyển slide nhẹ, không zoom mạnh */
.hw-hero-slide{
  transition:opacity .62s cubic-bezier(.22,.61,.36,1), visibility .62s ease!important;
  transform:none!important;
}
.hw-hero-slide.is-active{transform:none!important}
.hw-hero-slide.is-active:before{
  animation:hwHeroBgSettle 1.05s cubic-bezier(.22,.61,.36,1) both;
}
.hw-hero-slide .hw-hero__content > *{
  opacity:0;
  transform:translateY(12px);
}
.hw-hero-slide.is-active .hw-hero__content > *{
  animation:hwHeroContentIn .62s cubic-bezier(.22,.61,.36,1) both;
}
.hw-hero-slide.is-active .hw-hero__content > *:nth-child(1){animation-delay:.06s}
.hw-hero-slide.is-active .hw-hero__content > *:nth-child(2){animation-delay:.11s}
.hw-hero-slide.is-active .hw-hero__content > *:nth-child(3){animation-delay:.16s}
.hw-hero-slide.is-active .hw-hero__content > *:nth-child(4){animation-delay:.21s}
.hw-hero-slide.is-active .hw-hero__content > *:nth-child(5){animation-delay:.26s}
.hw-hero-slide.is-active .hw-hero__content > *:nth-child(6){animation-delay:.31s}
@keyframes hwHeroBgSettle{
  from{transform:scale(1.026);opacity:.88}
  to{transform:scale(1.012);opacity:1}
}
@keyframes hwHeroContentIn{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:none}
}

/* Mũi tên ẩn mặc định; chỉ hiện khi hover/focus hero */
.hw-hero-slider__arrow{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  font-size:10px!important;
  line-height:1!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(-50%) scale(.86)!important;
  transition:opacity .2s ease, transform .2s ease, background .2s ease, color .2s ease, visibility .2s ease!important;
}
.hw-hero-slider:hover .hw-hero-slider__arrow,
.hw-hero-slider:focus-within .hw-hero-slider__arrow{
  opacity:.92!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(-50%) scale(1)!important;
}
.hw-hero-slider__arrow:hover{
  opacity:1!important;
}

/* Chấm điều hướng tinh hơn */
.hw-hero-slider__dots{
  opacity:.72;
  transition:opacity .2s ease;
}
.hw-hero-slider:hover .hw-hero-slider__dots{opacity:1}

@media(max-width:991px){
  .hw-hero-slide .hw-hero__grid{min-height:350px!important}
  .hw-hero__content{padding-top:14px!important;padding-bottom:22px!important}
}
@media(max-width:782px){
  .hw-hero-slide .hw-hero__grid{min-height:295px!important}
  .hw-hero__content{padding-top:10px!important;padding-bottom:16px!important}
  /* Mobile không có hover: ẩn arrow, dùng swipe + dots */
  .hw-hero-slider__arrow,
  .hw-hero-slider:hover .hw-hero-slider__arrow,
  .hw-hero-slider:focus-within .hw-hero-slider__arrow{
    display:none!important;
  }
  .hw-hero-slide:before{
    transform:scale(1.006)!important;
    background-position:left top,center top!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .hw-hero-slide.is-active:before,
  .hw-hero-slide.is-active .hw-hero__content > *{
    animation:none!important;
  }
  .hw-hero-slide .hw-hero__content > *{opacity:1!important;transform:none!important}
}


/* v1.8.11.9 coordinated premium banners + clean empty categories */
.hw-hero-slide:before{
  background-image:
    linear-gradient(90deg,rgba(250,251,253,.98) 0%,rgba(250,251,253,.95) 31%,rgba(250,251,253,.78) 46%,rgba(250,251,253,.26) 64%,rgba(250,251,253,.04) 100%),
    radial-gradient(circle at 72% 18%,rgba(230,27,35,.10),transparent 22%),
    var(--slide-bg)!important;
  background-repeat:no-repeat!important;
  background-size:auto,auto,auto 104%!important;
  background-position:left top,72% 18%,right center!important;
  transform:none!important;
}
.hw-hero-slide.is-active:before{animation:hwHeroBgPremium .9s cubic-bezier(.22,.61,.36,1) both!important}
@keyframes hwHeroBgPremium{
  from{opacity:.90;filter:saturate(.94) brightness(1.025)}
  to{opacity:1;filter:saturate(1) brightness(1)}
}
.hw-hero-slide:after{
  background:
    linear-gradient(180deg,rgba(255,255,255,.05),transparent 58%),
    radial-gradient(circle at 72% 42%,rgba(255,255,255,.16),transparent 30%)!important;
}
.hw-product-group.is-empty-group{
  display:block!important;
  grid-template-columns:1fr!important;
  overflow:hidden!important;
}
.hw-product-group.is-empty-group .hw-product-group__head{
  min-height:155px!important;
  width:100%!important;
  background-image:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.88) 38%,rgba(255,255,255,.22) 78%),var(--group-bg)!important;
  background-position:center!important;
  background-size:cover!important;
}
.hw-product-group.is-empty-group .hw-product-group__head>div{max-width:440px!important}
@media(max-width:991px){
  .hw-hero-slide:before{background-size:auto,auto,auto 100%!important;background-position:left top,72% 18%,right center!important}
}
@media(max-width:782px){
  .hw-hero-slide:before{
    background-image:linear-gradient(180deg,rgba(250,251,253,.96) 0%,rgba(250,251,253,.86) 44%,rgba(250,251,253,.42) 72%,rgba(250,251,253,.12) 100%),var(--slide-bg)!important;
    background-size:auto,auto 100%!important;
    background-position:left top,right center!important;
  }
  .hw-product-group.is-empty-group .hw-product-group__head{min-height:118px!important}
}


/* v1.8.12.1 unified 16:9 hero art direction */
.hw-hero.hw-hero-slider{
  margin:0!important;
  padding:0!important;
  background:linear-gradient(180deg,#fff 0%,#fff9fa 46%,#f8fafc 100%)!important;
  border:0!important;
}
.hw-hero-slider__viewport{overflow:hidden!important}
.hw-hero-slider__track{min-height:auto!important}
.hw-hero-slide{
  padding:0!important;
  background:
    radial-gradient(circle at 78% 18%,rgba(230,27,35,.065),transparent 24%),
    linear-gradient(110deg,#fff 0%,#fff 38%,#fff8f9 64%,#f6f9fc 100%)!important;
}
/* Background only supports the visual system; do not repeat the hero image behind the content. */
.hw-hero-slide:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(115deg,rgba(255,255,255,.48),transparent 50%),
    radial-gradient(circle at 82% 24%,rgba(230,27,35,.055),transparent 26%)!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  z-index:0!important;
}
.hw-hero-slide:after{
  content:""!important;
  position:absolute!important;
  inset:auto 0 0!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(230,27,35,.12),transparent)!important;
  opacity:1!important;
}
.hw-hero-slide .hw-container{position:relative!important;z-index:2!important}
.hw-hero-slide .hw-hero__grid{
  display:grid!important;
  grid-template-columns:minmax(360px,.88fr) minmax(0,1.12fr)!important;
  gap:44px!important;
  align-items:center!important;
  min-height:430px!important;
  padding:22px 0 26px!important;
}
.hw-hero__content{
  max-width:600px!important;
  padding:0!important;
  align-self:center!important;
}
.hw-eyebrow,.hw-hero .hw-eyebrow{
  display:inline-flex!important;
  padding:7px 12px!important;
  margin:0 0 12px!important;
  border-radius:999px!important;
  background:rgba(230,27,35,.075)!important;
  color:#e31b23!important;
  font-size:10.5px!important;
  line-height:1!important;
  letter-spacing:.07em!important;
  font-weight:700!important;
}
.hw-hero h1,.hw-hero .hw-hero-title{
  max-width:600px!important;
  margin:0 0 10px!important;
  font-size:50px!important;
  line-height:1.02!important;
  letter-spacing:-1.6px!important;
  color:#111827!important;
}
.hw-hero h2{
  max-width:570px!important;
  margin:0 0 12px!important;
  font-size:19px!important;
  line-height:1.3!important;
  color:#2d3640!important;
}
.hw-hero p{
  max-width:540px!important;
  margin:0!important;
  font-size:13.5px!important;
  line-height:1.65!important;
  color:#68727d!important;
}
.hw-hero__buttons{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  margin-top:18px!important;
}
.hw-hero__buttons .hw-btn{
  min-width:0!important;
  min-height:38px!important;
  height:38px!important;
  padding:0 14px!important;
  border-radius:11px!important;
  font-size:12px!important;
  font-weight:700!important;
  box-shadow:none!important;
}
.hw-hero__buttons .hw-btn--red{
  background:linear-gradient(135deg,#e61b23,#ff3341)!important;
  box-shadow:0 9px 20px rgba(230,27,35,.14)!important;
}
.hw-hero__buttons .hw-btn--outline{
  background:rgba(255,255,255,.88)!important;
  border:1px solid #dde3e8!important;
}
/* The actual 16:9 visual sits above the soft banner background. */
.hw-hero__visual{
  display:flex!important;
  position:relative!important;
  min-height:0!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:22px!important;
  background:transparent!important;
  box-shadow:0 18px 42px rgba(28,38,50,.075)!important;
}
.hw-hero__visual:before,.hw-hero__visual:after{display:none!important}
.hw-hero__visual img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
  border:0!important;
  border-radius:22px!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:saturate(.98) contrast(.99)!important;
  mix-blend-mode:normal!important;
  transition:transform 1.05s cubic-bezier(.22,.61,.36,1),filter .45s ease!important;
}
.hw-hero-slide.is-active .hw-hero__visual img{transform:scale(1.012)!important}
.hw-hero-slider:hover .hw-hero__visual img{filter:saturate(1.025) contrast(1)!important}
/* Dots stay subtle; arrows appear only on hover/focus from previous release. */
.hw-hero-slider__dots{bottom:18px!important;gap:6px!important}
.hw-hero-slider__dots button{width:6px!important;height:6px!important;min-width:6px!important;min-height:6px!important}
.hw-hero-slider__dots button.is-active{width:22px!important}
.hw-hero-slider__arrow{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;font-size:10px!important}
@media(max-width:1280px){
  .hw-hero-slide .hw-hero__grid{grid-template-columns:minmax(330px,.9fr) minmax(0,1.1fr)!important;gap:30px!important;min-height:400px!important}
  .hw-hero h1,.hw-hero .hw-hero-title{font-size:44px!important}
  .hw-hero h2{font-size:18px!important}
}
@media(max-width:991px){
  .hw-hero-slide .hw-hero__grid{grid-template-columns:1fr!important;gap:14px!important;min-height:auto!important;padding:16px 0 28px!important}
  .hw-hero__visual{order:1!important;aspect-ratio:16/9!important;border-radius:18px!important}
  .hw-hero__visual img{border-radius:18px!important}
  .hw-hero__content{order:2!important;max-width:100%!important;padding:0!important}
  .hw-hero h1,.hw-hero .hw-hero-title{font-size:38px!important;max-width:100%!important}
  .hw-hero h2{font-size:17px!important;max-width:100%!important}
  .hw-hero p{font-size:13px!important;max-width:100%!important}
  .hw-hero-slider__dots{bottom:12px!important}
}
@media(max-width:782px){
  .hw-hero-slide .hw-hero__grid{gap:10px!important;padding:10px 0 24px!important}
  .hw-hero__visual{border-radius:14px!important}
  .hw-hero__visual img{border-radius:14px!important}
  .hw-eyebrow,.hw-hero .hw-eyebrow{font-size:9px!important;padding:6px 9px!important;margin-bottom:8px!important}
  .hw-hero h1,.hw-hero .hw-hero-title{font-size:30px!important;letter-spacing:-.8px!important;margin-bottom:7px!important}
  .hw-hero h2{font-size:15px!important;margin-bottom:8px!important}
  .hw-hero p{font-size:11.5px!important;line-height:1.55!important}
  .hw-hero__buttons{gap:7px!important;margin-top:13px!important}
  .hw-hero__buttons .hw-btn{min-height:34px!important;height:34px!important;padding:0 11px!important;border-radius:9px!important;font-size:10.5px!important}
  .hw-hero-slider__dots{bottom:8px!important}
}


/* v1.8.12.2 slider controls stay inside hero + section spacing */
.hw-hero-slider__viewport{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.hw-hero-slider__viewport .hw-hero-slider__dots{
  position:absolute!important;
  left:50%!important;
  bottom:14px!important;
  transform:translateX(-50%)!important;
  z-index:12!important;
  margin:0!important;
  pointer-events:auto!important;
}
.hw-hero-slider__viewport .hw-hero-slider__arrow{
  z-index:13!important;
}
.hw-feature-container{
  position:relative!important;
  z-index:2!important;
  padding-top:22px!important;
  padding-bottom:12px!important;
}
.hw-feature-container .hw-feature-row{
  margin-top:0!important;
  margin-bottom:0!important;
}
.hw-distributor{
  padding-top:24px!important;
  padding-bottom:18px!important;
}
.hw-distributor__card{
  margin-top:0!important;
}
.hw-products{
  padding-top:34px!important;
}
@media(max-width:991px){
  .hw-feature-container{padding-top:18px!important;padding-bottom:10px!important}
  .hw-distributor{padding-top:20px!important;padding-bottom:14px!important}
}
@media(max-width:782px){
  .hw-hero-slider__viewport .hw-hero-slider__dots{bottom:8px!important}
  .hw-feature-container{padding-top:14px!important;padding-bottom:8px!important}
  .hw-distributor{padding-top:16px!important;padding-bottom:12px!important}
}