:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#171a1c;background:#fff;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.shell{width:min(100% - 64px,1536px);margin-inline:auto}.site-header{height:82px;padding:0 max(32px,calc((100vw - 1536px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8eaeb;background:#fff}.brand{display:flex;align-items:center;gap:14px;letter-spacing:.16em;font-size:14px;font-weight:800}.brand-mark{font-size:32px;letter-spacing:-.1em;font-weight:900;line-height:1}.brand-dot{color:#cf4f32}.brand-word{padding-top:2px}.header-right{display:flex;align-items:center;gap:48px;color:#707579;font-size:13px}.header-right a{color:#171a1c;font-size:14px;font-weight:700}.header-right a span{margin-left:7px}.intro{padding-top:67px;padding-bottom:72px}.intro-overline,.section-kicker,.detail-kicker{font-size:12px;font-weight:800;letter-spacing:.16em;color:#757b7e}.intro-overline{display:flex;align-items:center;gap:12px}.intro-overline .line{width:26px;height:2px;background:#d35b3d}.intro-grid{display:flex;align-items:end;justify-content:space-between;gap:30px}.intro h1{font-size:clamp(54px,6.2vw,104px);letter-spacing:-.072em;line-height:.94;margin:30px 0 25px;font-weight:750}.intro h1 em{font-style:normal;color:#a9afb2}.intro p{font-size:17px;color:#686f72;margin:0;line-height:1.55}.intro-count{display:flex;align-items:end;gap:18px;padding:0 5px 13px 0}.intro-count strong{font-size:clamp(90px,9vw,150px);font-weight:300;letter-spacing:-.09em;line-height:.8}.intro-count span{font-size:14px;line-height:1.4;color:#6a7175;text-transform:uppercase;letter-spacing:.09em}.catalog{border-top:1px solid #e6e8e8;padding-top:47px;padding-bottom:100px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.section-heading h2,.description-section h2{font-size:clamp(30px,3vw,44px);letter-spacing:-.055em;line-height:1.1;margin:8px 0 0;font-weight:700}.section-heading>span,.section-heading>a{font-size:14px;color:#70777b}.section-heading>a{color:#171a1c;font-weight:700}.filters{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:2px 0 17px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{border:1px solid #e1e4e5;background:#fff;color:#363b3e;border-radius:99px;white-space:nowrap;padding:11px 17px;font-size:14px;font-weight:650;transition:.2s}.filter span{color:#92999d;font-weight:500;margin-left:6px}.filter:hover{border-color:#9fa6a9}.filter.is-active{background:#191c1e;border-color:#191c1e;color:#fff}.filter.is-active span{color:#aab0b3}.toolbar{display:flex;justify-content:space-between;gap:16px;margin:6px 0 29px}.search{min-height:48px;border-bottom:1px solid #cdd2d4;display:flex;align-items:center;gap:11px;flex:1;max-width:510px}.search:focus-within{border-color:#1d2326}.search svg{width:19px;height:19px;fill:none;stroke:#7c8488;stroke-width:1.7}.search input{width:100%;border:0;outline:0;background:transparent;font-size:14px;color:#171a1c}.search input::placeholder{color:#90989c}.search kbd{font:12px inherit;color:#a5acae;border:1px solid #d9ddde;border-radius:4px;padding:2px 6px}.sort-label{display:flex;align-items:center;gap:10px;font-size:13px;color:#747b7e}.sort-label select{border:0;border-bottom:1px solid #cdd2d4;background:#fff;padding:12px 28px 12px 4px;font-size:14px;color:#1f2426;outline:0;cursor:pointer}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:42px 20px}.face-card[hidden]{display:none}.card-image{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1.08;background:#f3f5f5;overflow:hidden}.card-image img{width:75%;height:75%;object-fit:contain;position:relative;z-index:1;opacity:0;transition:opacity .3s,transform .45s}.card-image img.loaded{opacity:1}.card-image:hover img{transform:scale(1.055)}.image-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,#f2f4f4,#e8ebeb,#f2f4f4);background-size:200% 100%;animation:shimmer 1.4s infinite}.card-image:has(img.loaded) .image-skeleton,.detail-hero-image:has(img.loaded) .image-skeleton{display:none}@keyframes shimmer{to{background-position:-200% 0}}.card-view{position:absolute;z-index:2;right:13px;bottom:13px;padding:10px 13px;background:#fff;border-radius:3px;font-size:12px;font-weight:700;opacity:0;transform:translateY(7px);transition:.2s}.card-image:hover .card-view{opacity:1;transform:none}.card-copy{padding:16px 1px 0}.card-eyebrow{display:flex;justify-content:space-between;gap:5px;color:#757e82;font-size:12px;letter-spacing:.035em}.card-title{display:block;font-size:19px;font-weight:700;letter-spacing:-.03em;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-title:hover{text-decoration:underline;text-underline-offset:4px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:13px;font-size:14px}.card-bottom strong{font-weight:650}.card-bottom a{font-size:12px;font-weight:750;color:#a1432e;letter-spacing:.035em}.card-bottom a:hover{text-decoration:underline}.more-wrap{text-align:center;margin-top:58px}.load-more{background:#fff;border:1px solid #babfc1;padding:15px 28px;font-weight:700;font-size:14px;min-width:220px}.load-more:hover{border-color:#171a1c;background:#f6f7f7}.load-more span{padding-left:15px}.empty{padding:70px 10px;text-align:center;color:#6d7579}.site-footer{border-top:1px solid #e5e8e9;padding:33px max(32px,calc((100vw - 1536px)/2));display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#787f83}.site-footer a{color:#171a1c;font-weight:700}.breadcrumbs{display:flex;align-items:center;gap:12px;padding:29px 0 42px;font-size:13px;color:#858c8f}.breadcrumbs a:hover{color:#171a1c;text-decoration:underline}.breadcrumbs span:last-child{color:#2b3033}.detail-page{padding-bottom:100px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(46px,6.5vw,105px)}.detail-hero-image{position:relative;aspect-ratio:1/1.02;display:flex;align-items:center;justify-content:center;background:#f2f4f4;overflow:hidden}.detail-hero-image img{width:77%;height:77%;object-fit:contain;position:relative;z-index:1;opacity:0;transition:opacity .25s}.detail-hero-image img.loaded{opacity:1}.thumbs{display:flex;gap:10px;margin-top:12px}.thumb{width:76px;height:76px;border:1px solid #e1e4e5;background:#f4f5f5;padding:9px}.thumb.is-active{border-color:#1b2022}.thumb img{width:100%;height:100%;object-fit:contain}.detail-info{padding-top:25px}.detail-kicker{color:#aa4a34}.detail-info h1{font-size:clamp(42px,4vw,70px);letter-spacing:-.065em;line-height:1.03;margin:23px 0 20px}.detail-price{font-size:26px;letter-spacing:-.04em;font-weight:600}.detail-lede{font-size:17px;line-height:1.5;color:#60686c;margin:33px 0 30px}.huawei-button{display:flex;align-items:center;justify-content:space-between;background:#171a1c;color:#fff;padding:18px 21px;font-weight:700;font-size:15px;max-width:435px}.huawei-button:hover{background:#303638}.huawei-button span{font-size:21px;font-weight:400}.purchase-note{font-size:12px;color:#899094;margin:13px 0 42px}.detail-rule{height:1px;background:#e5e8e8}.specs{margin:0}.specs>div{display:grid;grid-template-columns:150px 1fr;padding:17px 0;border-bottom:1px solid #e5e8e8;gap:12px;font-size:14px}.specs dt{color:#80888c}.specs dd{margin:0;line-height:1.45}.description-section{padding:100px 0 90px;display:grid;grid-template-columns:1fr 1.1fr;column-gap:50px;border-bottom:1px solid #e5e8e8}.description-section .section-kicker{grid-column:1/-1}.description-copy{grid-column:2;grid-row:2;color:#555e62;font-size:16px;line-height:1.7;max-width:700px}.description-copy p{margin:0 0 8px}.similar-section{padding-top:75px}.similar-grid{margin-top:31px}
@media(max-width:1100px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-grid{gap:40px}.detail-info h1{font-size:clamp(40px,4vw,60px)}}
@media(max-width:760px){.shell{width:min(100% - 36px,700px)}.site-header{height:68px;padding:0 18px}.brand{gap:10px;font-size:11px}.brand-mark{font-size:28px}.header-right span:first-child{display:none}.header-right{gap:0}.intro{padding-top:43px;padding-bottom:47px}.intro h1{font-size:clamp(52px,10vw,78px);margin:25px 0 20px}.intro p{font-size:15px}.intro-count strong{font-size:75px}.intro-count span{font-size:11px}.catalog{padding-top:37px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 13px}.card-image img{width:83%;height:83%}.card-title{font-size:16px}.card-eyebrow{font-size:11px}.card-bottom{font-size:12px;align-items:flex-start;flex-direction:column;gap:8px}.card-bottom a{font-size:11px}.toolbar{flex-wrap:wrap}.search{max-width:none;width:100%;flex-basis:100%}.sort-label{margin-left:auto}.detail-grid{grid-template-columns:1fr;gap:28px}.detail-info{padding-top:0}.detail-info h1{margin-top:16px}.detail-lede{margin:24px 0}.description-section{display:block;padding:70px 0}.description-section h2{margin-bottom:25px}.similar-section{padding-top:60px}.site-footer{padding:26px 18px;flex-wrap:wrap}.site-footer span:nth-child(2){order:3;width:100%}.breadcrumbs{padding:22px 0 26px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:430px){.intro-grid{align-items:start}.intro-count{display:none}.intro h1{font-size:58px}.section-heading h2{font-size:31px}.section-heading>span{font-size:12px}.filters{margin-right:-18px}.filter{padding:10px 14px;font-size:13px}.card-grid{gap:27px 10px}.card-image{aspect-ratio:1/1.14}.card-eyebrow span:last-child{display:none}.card-title{font-size:15px}.card-bottom{margin-top:8px}.detail-hero-image{aspect-ratio:1/1.04}.thumb{width:64px;height:64px}.specs>div{grid-template-columns:110px 1fr}}
@media(max-width:360px){.card-grid{grid-template-columns:1fr}.card-image{aspect-ratio:1/1}.card-eyebrow span:last-child{display:inline}.card-bottom{flex-direction:row;align-items:center}.card-title{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.intro{padding-top:42px;padding-bottom:45px}.intro h1{font-size:clamp(52px,5.1vw,79px);margin:22px 0 17px;white-space:nowrap}.intro-count strong{font-size:clamp(72px,7vw,110px)}.catalog{padding-top:32px}.section-heading{margin-bottom:19px}.filters{padding-bottom:9px}.toolbar{margin:3px 0 21px}
@media(max-width:1050px){.intro h1{white-space:normal}}
@media(max-width:760px){.intro{padding-top:36px;padding-bottom:38px}.intro h1{font-size:clamp(48px,9vw,68px);white-space:normal}.catalog{padding-top:30px}}
@media(max-width:430px){.intro h1{font-size:52px}}
.intro h1{white-space:normal;max-width:1100px}.seo-copy{border-top:1px solid #e6e8e8;padding:40px 0 65px}.seo-copy p{max-width:800px;margin:0;color:#70777b;font-size:14px;line-height:1.7}.back-to-catalog{display:inline-block;margin:0 0 25px;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:4px}