.mall-page{background:#f3f3f3;color:#333}.mall-market{padding:56px 0 72px}.mall-inner{width:min(1280px,calc(100% - 40px));margin:auto}.brand-zone>header{display:flex;align-items:baseline;gap:20px;margin-bottom:16px}.brand-zone>header h2{margin:0;font-size:24px;font-weight:500}.brand-zone>header span{color:#a1a1a1}.brand-zone>header a{margin-left:auto;color:#666}.brand-layout{display:grid;grid-template-columns:190px 1fr 220px;gap:10px}.projector-promo{display:flex;min-height:260px;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(rgba(5,12,18,.65),rgba(5,12,18,.75)),url('../images/office-gallery-3.jpg') center/cover;color:#fff;text-align:center}.projector-promo strong{font-size:23px;font-weight:500}.projector-promo span{margin-top:6px;font-size:16px}.projector-promo b{margin-top:25px;padding:8px 22px;background:#e6093c;font-weight:400}.brand-grid{display:grid;grid-template-columns:repeat(5,1fr);background:#fff}.brand-grid span{display:flex;min-height:86px;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #eee;border-bottom:1px solid #eee;font:bold 22px/1 Arial;color:#d91d30}.brand-grid span:nth-child(2),.brand-grid span:nth-child(7),.brand-grid span:nth-child(12){color:#202020}.brand-grid span:nth-child(5n){border-right:0}.brand-grid small{margin-top:6px;font-size:10px;font-weight:400;color:#555}.mall-news{background:#fff}.mall-news>header{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 15px;background:#333;color:#fff}.mall-news>header h2{margin:0;font-size:16px;font-weight:400}.mall-news-cover{display:flex;height:100px;align-items:flex-end;margin:10px;background:linear-gradient(rgba(0,0,0,.05),rgba(0,0,0,.5)),url('../images/office-gallery-1.jpg') center/cover}.mall-news-cover span{width:100%;padding:7px 10px;color:#fff;font-size:13px}.mall-news ul{margin:4px 12px;padding:0;list-style:none}.mall-news li{display:flex;justify-content:space-between;padding:7px 0;color:#777;font-size:12px}.mall-news li:before{content:'•';color:#bbb}.mall-news li a{overflow:hidden;width:100px;white-space:nowrap;text-overflow:ellipsis}.mall-news time{color:#999}.mall-banner{display:flex;height:96px;align-items:center;justify-content:center;gap:40px;margin:30px 0;background:#8be3ee url('../images/mall-office-supplies.png') 22% 52%/150px no-repeat;color:#087e98}.mall-banner strong{font-size:28px}.mall-banner span{font-size:20px}.mall-banner b{display:grid;width:46px;height:46px;place-items:center;border-radius:50%;background:#f26b3a;color:#fff;font-size:22px}.mall-floors{display:flex;flex-direction:column;gap:30px}.mall-floor{--accent:#ed2f51;--tint:#f5a2b4;display:grid;grid-template-columns:190px 340px 1fr;min-height:440px;background:#fff}.floor-orange{--accent:#f6a000;--tint:#f9ce80}.floor-blue{--accent:#399ce9;--tint:#85c4ef}.floor-green{--accent:#4dc675;--tint:#7bdd9d}.floor-purple{--accent:#8187ce;--tint:#a6adf1}.floor-copy{display:flex;flex-direction:column;background:#fff}.floor-copy h2{display:flex;align-items:center;gap:16px;height:76px;margin:0;padding:0 28px;background:var(--accent);color:#fff;font-size:20px}.floor-copy h2 i{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#fff;color:var(--accent);font-style:normal;font-weight:400}.floor-copy>p{margin:36px 28px 10px;color:var(--accent);font-size:16px}.floor-copy>a{align-self:flex-start;margin-left:28px;padding:4px 14px;border:1px solid var(--accent);border-radius:20px;color:var(--accent);font-size:13px}.floor-copy>div{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;margin-top:auto;padding:28px;background:#fff;font-size:13px}.floor-feature{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:var(--tint);color:#fff}.floor-feature img{width:68%;height:230px;object-fit:contain;mix-blend-mode:multiply}.floor-feature strong{font-size:40px;font-weight:400}.floor-feature small{margin-top:10px;padding:5px 20px;background:#fff;color:var(--accent);font-size:14px}.floor-products{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.mall-product{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;border-left:1px solid #eee;border-bottom:1px solid #eee;text-align:center}.mall-product:nth-child(n+4){border-bottom:0}.mall-product img{width:110px;height:105px;object-fit:contain;mix-blend-mode:multiply}.mall-product strong{margin-top:4px;color:#f13b35;font-size:17px;font-weight:400}.mall-product span{margin-top:7px;font-size:14px}.mall-product:hover span{color:var(--accent)}
@media(max-width:900px){.brand-layout{grid-template-columns:1fr 1fr}.mall-news{grid-column:1/-1}.mall-floor{grid-template-columns:180px 1fr}.floor-products{grid-column:1/-1;min-height:430px}.mall-banner{background-image:none}.floor-feature img{height:180px}}@media(max-width:620px){.mall-market{padding-top:30px}.mall-inner{width:min(100% - 24px,1280px)}.brand-layout{grid-template-columns:1fr}.brand-grid{grid-template-columns:repeat(3,1fr)}.mall-news{grid-column:auto}.mall-banner{height:auto;padding:25px;flex-direction:column;gap:8px;text-align:center}.mall-floor{grid-template-columns:1fr}.floor-feature{min-height:350px}.floor-products{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,190px);min-height:0}.mall-product:nth-child(n){border-bottom:1px solid #eee}.brand-zone>header span{display:none}}