/* 51huaren store redesign 2026 v2 — per approved demo: blue cover band header, loaded after theme css via spaces/store/header.html */
body{background:#edf1f6}
/* ===== cover band: header + nav on brand gradient ===== */
.bg{background:linear-gradient(135deg,#2e7cd6 0%,#1a5fb4 70%);background-image:linear-gradient(135deg,#2e7cd6 0%,#1a5fb4 70%);width:1280px;max-width:96%;margin:14px auto 0;border-radius:18px;box-shadow:0 4px 18px rgba(16,42,80,.16);padding-bottom:0;overflow:hidden}
.head1{padding:22px 0 0;height:auto;overflow:visible;text-align:left}
.head1 ul{width:100%;max-width:none;margin:0;padding:0 26px;box-sizing:border-box;text-align:left}
.head1 .head1_left{float:none;width:auto;height:auto;overflow:visible;display:flex;gap:16px;align-items:center;text-align:left}
.head1 .head1_left .hleft{float:none;max-width:none;max-height:none;margin-right:0;flex:none}
.head1 .head1_left .hleft img{width:76px;height:76px;max-height:76px;max-width:76px;object-fit:cover;border:2px solid rgba(255,255,255,.55);border-radius:18px;display:block}
.store-avatar{width:76px;height:76px;border-radius:18px;object-fit:cover;border:2px solid rgba(255,255,255,.55);display:block;flex:none}
.head1_left .hleft + .store-avatar{display:none}
.head1 .head1_left .hright{float:none;width:auto;height:auto;flex:1;min-width:0}
.head1 .head1_left .storename{font-size:clamp(19px,2.3vw,26px);line-height:1.35;font-weight:700;color:#fff;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mb5{margin:9px 0 0;display:flex;flex-wrap:wrap;gap:6px}
.mb5 span{border:1px solid rgba(255,255,255,.38);color:#fff;background:rgba(255,255,255,.15);border-radius:999px;padding:2px 10px;font-size:12px;line-height:1.7}
.mb5 span.vip{color:#ffe1a8;border-color:rgba(245,166,35,.5);background:rgba(245,166,35,.20)}
.head1 .head1_right{display:none}
.store-cta{display:flex;gap:10px;flex-wrap:wrap;width:auto;max-width:none;margin:16px 0 0;padding:0 26px;text-align:left}
.store-cta a{display:inline-flex;align-items:center;font-size:14px;font-weight:600;padding:9px 18px;border-radius:10px;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.13);color:#fff;text-decoration:none}
.store-cta a:hover{text-decoration:none;filter:brightness(1.08)}
.store-cta a.cta-call{background:#fff;border-color:#fff;color:#1a5fb4}
.bg .navigation{background:transparent;border-bottom:none;height:auto;overflow:visible;width:100%;margin-top:18px;border-top:1px solid rgba(255,255,255,.25)}
.bg .navigation ul{background:transparent;width:100%;max-width:none;height:auto;margin:0;padding:0 14px;box-sizing:border-box;border-bottom:none}
.bg .navigation ul li{float:left;font-size:15px;line-height:46px}
.bg .navigation ul li a{color:#fff;display:block;padding-left:18px;padding-right:18px}
.bg .navigation ul li a.current{background:rgba(255,255,255,.22)}
.bg .navigation ul li a:hover{background:rgba(255,255,255,.22)}
.navigation ul li a[href*="goods.html"],.navigation ul li a[href*="album.html"]{display:none}
/* ===== banner / content grid: one width standard ===== */
.banner,.showinfo{width:1280px;max-width:96%;margin-left:auto;margin-right:auto}
.banner img{width:100%;height:auto;display:block;border:none;border-radius:14px;margin-top:14px;box-shadow:0 2px 10px rgba(16,42,80,.10)}
.content{width:1280px;max-width:96%;margin-left:auto;margin-right:auto;margin-top:16px;padding-bottom:6px;text-align:left}
.content .cright{width:calc(100% - 300px)}
.content .cleft{width:284px}
.box{background:#fff;border:1px solid #e3e9f2;border-radius:14px;box-shadow:0 1px 3px rgba(16,42,80,.05);margin-bottom:16px;overflow:hidden}
.cright .box .tit{height:auto;padding:14px 18px 2px;line-height:1.4}
.cright .box .tit span{color:#1c2733;border-bottom:3px solid #1a5fb4;padding:6px 0;font-size:17px;font-weight:700}
.cright .box .tit a{color:#1a5fb4}
.cright .box .tit a:hover{color:#1a5fb4}
.box .con{padding:8px 18px 18px}
.box .about{line-height:1.9;margin-top:6px}
.content .cleft .tit,.cleft .box .tit{background:#f2f6fb;color:#1c2733;font-size:16px;font-weight:700;height:auto;padding:10px 14px;line-height:1.5;margin-bottom:10px;border-bottom:1px solid #e3e9f2}
.content .cleft .pInfor .tel em{color:#1a5fb4}
.content .cleft .pInfor .addr em{font-weight:400;color:#404040}
.addr-nav{color:#1a5fb4;font-size:12px;margin-left:6px}
.cert-badge{display:inline-block;font-size:12px;line-height:1.7;padding:1px 9px;border-radius:999px;background:#eef4fc;color:#1a5fb4;border:1px solid #c8dcf5;margin:0 6px 4px 0}
.cert-badge.off{background:#f3f4f6;color:#8a97a5;border-color:#e5e7eb}
.claim-box{background:linear-gradient(130deg,#eaf2fd,#f7fbff);border:1px solid #bcd2ef;border-radius:14px;padding:16px 18px;margin-bottom:16px;overflow:hidden}
.claim-t{font-size:15px;font-weight:700;color:#1c2733}
.claim-d{font-size:13px;color:#5b6b7d;line-height:1.65;margin-top:5px}
.claim-wx{display:inline-block;margin-top:10px;font-size:13px;font-weight:700;background:#1a5fb4;color:#fff;padding:7px 14px;border-radius:8px}
.nodata{height:auto;line-height:1.75;padding:26px 12px;color:#8a97a5;border:1.5px dashed #d7e0ec;border-radius:12px;margin:6px 0;text-align:center}
.nodata .nd-sub{font-size:12px;color:#a7b3c0}
.cleft .dpScore li .kBg{background:#eef1f5;border-radius:5px}
.cleft .dpScore li .hBg{background:#f5a623;border-radius:3px}
.cright .dpScore li .kBg{background:#eef1f5;border-radius:5px}
.cright .dpScore li .hBg{background:#f5a623;border-radius:3px}
.content .cleft .Identity{border-bottom:1px solid #e8edf3}
.flink{width:1280px;max-width:96%;margin-left:auto;margin-right:auto;border:1px solid #e3e9f2;border-radius:12px;padding:12px 20px;box-sizing:border-box}
.foot{background:transparent}
.footer{background:transparent;border-top:none}
.footer .foot_copyright{color:#8a97a5}
/* ===== share buttons: solid brand circles, unified with main site ===== */
.social-share .social-share-icon{width:42px;height:42px;line-height:42px;font-size:20px;border-radius:50%;color:#fff;border:none;text-align:center}
.social-share a{margin:4px 5px}
.social-share .icon-wechat{background:#07c160;color:#fff}
.social-share .icon-wechat:hover{background:#07c160;filter:brightness(1.06)}
.social-share .icon-qq{background:#56b6e7;color:#fff}
.social-share .icon-qq:hover{background:#56b6e7;filter:brightness(1.06)}
.social-share .icon-weibo{background:#ff763b;color:#fff}
.social-share .icon-weibo:hover{background:#ff763b;filter:brightness(1.06)}
.social-share .icon-facebook{background:#44619d;color:#fff}
.social-share .icon-facebook:hover{background:#44619d;filter:brightness(1.06)}
.store-mobile-bar{display:none}
@media (max-width:860px){
.bg,.head1 ul,.navigation ul,.content,.banner,.flink,.store-cta{max-width:96%}
.head1 ul{padding:0 18px}
.store-cta{padding:0 18px}
.content .cright,.content .cleft{float:none;width:auto}
.bg .navigation{overflow-x:auto}
.bg .navigation ul{white-space:nowrap;width:auto}
.bg .navigation ul li{float:none;display:inline-block}
.banner img{height:auto}
.head1 .head1_left{flex-wrap:wrap}
.store-mobile-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:999;background:#fff;border-top:1px solid #e3e9f2;box-shadow:0 -2px 10px rgba(16,42,80,.08)}
.store-mobile-bar a{flex:1;text-align:center;padding:12px 0;font-size:14px;font-weight:600;color:#1c2733;text-decoration:none}
.store-mobile-bar a.bar-call{background:#1a5fb4;color:#fff}
body{padding-bottom:58px}
}