/* HBYCL / Beike-inspired ShopXO theme overlay v1.0
 * Loaded AFTER ShopXO's native CSS. Constrained styling preserves cart/SKU/forms hooks.
 * Do not copy BeikeShop code/assets. */
:root{
 --hbycl-ink:#243731;--hbycl-brand:#2c5343;--hbycl-brand-strong:#214534;
 --hbycl-muted:#76877d;--hbycl-line:#e4ebe5;--hbycl-warm:#f7f8f4;
 --hbycl-cream:#e8eee5;--hbycl-round:12px;--hbycl-ease:cubic-bezier(.2,.8,.2,1);
}
html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--hbycl-ink);background:#fff;-webkit-font-smoothing:antialiased}
body .am-container{max-width:1320px}
body a:hover{color:var(--hbycl-brand)}
body .am-btn-primary,body .am-btn-secondary,body button.am-btn-primary{background-color:var(--hbycl-brand);border-color:var(--hbycl-brand);color:#fff}
body .am-btn-primary:hover,body .am-btn-secondary:hover{background-color:var(--hbycl-brand-strong);border-color:var(--hbycl-brand-strong);color:#fff}
body .am-btn{border-radius:7px}
body input,body select,body textarea{border-radius:7px}
body input:focus,body textarea:focus{border-color:#82a590!important;box-shadow:0 0 0 2px #63927a20!important;outline:none}
/* native ShopXO header, navigation and live search */
body .header-top{background:#254638;color:#edf1ed;min-height:34px;font-size:12px;border:0}
body .header-top a,body .header-top em,body .header-top span{color:inherit}
body .header-top .am-container{min-height:34px}
body .nav-search{background:#fff;border-bottom:1px solid #f0f3ef;padding-block:17px}
body .nav-search .am-container{display:flex;align-items:center;gap:25px}
body .nav-search .logo-big{flex:0 0 auto;max-width:250px}
body .nav-search .logo-big img{max-height:64px;object-fit:contain}
body .nav-search .search-bar{flex:1;max-width:620px}
body .nav-search .search-group{height:49px;border:1px solid var(--hbycl-line);border-radius:9px;overflow:hidden;background:#fafbf9;box-shadow:none}
body .nav-search .search-group input{height:100%;background:transparent;border:0;font-size:13px;padding-left:18px}
body .nav-search .search-group .submit{height:100%;min-width:95px;border-radius:0;background:var(--hbycl-brand);border-color:var(--hbycl-brand)}
body .nav-search .search-hot-keywords{padding-top:8px}
body .nav-search .search-hot-keywords a{font-size:12px;color:#96a59a}
body .shop-navigation{background:#fff;border-bottom:1px solid var(--hbycl-line);box-shadow:none}
body .shop-navigation .am-topbar-nav>li>a{font-weight:600;font-size:13px;color:var(--hbycl-ink)}
body .shop-navigation .am-topbar-nav>li>a:hover,body .shop-navigation .am-topbar-nav>li>a.active{color:var(--hbycl-brand);background:transparent}
body .goods-category-title{background:var(--hbycl-brand);color:#fff}
body .am-dropdown-content,body .am-modal-dialog{border-radius:12px;box-shadow:0 18px 48px #1b3b2920}
/* home hero and category shortcuts: all isolated in hbycl prefixed elements */
.hbycl-hero{max-width:1300px;margin:25px auto 18px;padding:0 16px;display:grid;grid-template-columns:minmax(0,2.25fr) minmax(240px,.85fr);gap:17px}
.hbycl-hero-main{border-radius:14px;min-height:395px;background:#e7eee5;display:grid;grid-template-columns:60% 40%;overflow:hidden;position:relative}
.hbycl-hero-content{position:relative;z-index:1;padding:58px 16px 35px 49px}
.hbycl-eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;color:#728d7c}
.hbycl-hero h1{font-weight:800;font-size:38px;letter-spacing:-1px;line-height:1.38;color:#284438;margin:22px 0 13px}
.hbycl-hero h1 em{font-style:normal;color:#ac8165}
.hbycl-hero p{font-size:13px;color:#6d8173;line-height:1.9;max-width:470px;margin:0 0 24px}
.hbycl-actions{display:flex;flex-wrap:wrap;gap:12px}
.hbycl-cta{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 21px;border-radius:6px;color:#fff!important;background:#284f3e;font-size:13px;font-weight:700}
.hbycl-cta:hover{background:#1d3e2f;color:#fff!important}
.hbycl-cta-soft{background:#fff;color:#284f3e!important}
.hbycl-cta-soft:hover{background:#fafcf8;color:#284f3e!important}
.hbycl-hero-art{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.hbycl-hero-art:before{content:"";position:absolute;border-radius:50%;width:350px;height:350px;background:#d2dfd1;right:-50px;top:27px}
.hbycl-hero-art img{width:85%;max-width:370px;z-index:1;position:relative;border-radius:50%;transform:rotate(9deg);box-shadow:0 18px 38px #50746025}
.hbycl-hero-side{display:grid;gap:17px;grid-template-rows:repeat(2,1fr)}
.hbycl-promo{position:relative;overflow:hidden;border-radius:13px;background:#f0e7d9;padding:25px;display:block;min-height:190px}
.hbycl-promo:nth-child(2){background:#e7edf0}
.hbycl-promo .hbycl-eyebrow{font-size:9px;color:#8c8f83}
.hbycl-promo strong{display:block;position:relative;z-index:2;font-size:21px;line-height:1.35;color:#2a3d31;margin:10px 0}
.hbycl-promo span.hbycl-promo-link{font-weight:700;font-size:12px;color:#345b46}
.hbycl-promo img{position:absolute;right:-26px;bottom:-32px;width:170px;border-radius:22px;transform:rotate(-13deg);opacity:.85}
.hbycl-categories{max-width:1300px;margin:30px auto 50px;padding:0 16px}
.hbycl-section-heading{font-size:26px;font-weight:800;letter-spacing:-.5px;margin-bottom:22px;color:#243b30}
.hbycl-category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.hbycl-category{display:block;min-width:0;color:#233f32!important}
.hbycl-category-image{background:#f0f2ed;border-radius:10px;overflow:hidden;aspect-ratio:1.3}
.hbycl-category:nth-child(2) .hbycl-category-image{background:#dfeae0}
.hbycl-category:nth-child(3) .hbycl-category-image{background:#f0e7db}
.hbycl-category:nth-child(4) .hbycl-category-image{background:#e5ecf0}
.hbycl-category:nth-child(5) .hbycl-category-image{background:#f5e7e0}
.hbycl-category-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s var(--hbycl-ease)}
.hbycl-category:hover .hbycl-category-image img{transform:scale(1.06)}
.hbycl-category strong{display:block;font-size:14px;margin:12px 0 5px}
.hbycl-category small{display:block;font-size:11px;color:#91a198}
/* native product, category, result, pagination and account treatment */
body .home-floor{background:#fafbf9;padding-block:25px}
body .home-floor .items-nav-title{border:0;padding-block:12px}
body .home-floor .floor-title{font-weight:800;font-size:25px;color:var(--hbycl-ink)}
body .home-floor .floor-desc{color:var(--hbycl-muted);font-size:13px}
body .home-floor .am-title-left-border{border:0;padding-left:0}
body .home-floor .floor,body .search-container,body .system-goods-detail{--hbycl-grid-gap:17px}
body .home-floor .goods-item,body .search-container .goods-item,body .home-floor .goods-list>li,body .search-container .goods-list>li{background:#fff;border-radius:10px;overflow:hidden;transition:box-shadow .2s,transform .2s}
body .home-floor .goods-item:hover,body .search-container .goods-item:hover,body .home-floor .goods-list>li:hover,body .search-container .goods-list>li:hover{box-shadow:0 12px 32px #1f41200f;transform:translateY(-2px)}
body .system-goods-detail .am-btn-primary{background:var(--hbycl-brand);border-color:var(--hbycl-brand)}
body .system-goods-detail img{max-width:100%}
body .am-pagination .am-active>a,body .am-pagination .am-active>a:hover{background:var(--hbycl-brand);border-color:var(--hbycl-brand)}
body .am-footer{background:#243e34;color:#e6eee7;border:0;padding-top:35px}
body .am-footer a,body .am-footer p,body .am-footer .footer-nav-title{color:#d1dfd5}
body .am-footer a:hover{color:#fff}
body .am-footer .footer-nav-title{font-size:15px;font-weight:700}
body .am-footer .footer-about{color:#bacdbf}
/* mobile: don't break ShopXO's existing collapsed menu, SKU modal or fixed buy buttons */
@media(max-width:1024px){.hbycl-hero{grid-template-columns:1fr}.hbycl-hero-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.hbycl-category-grid{gap:11px}.hbycl-hero-main{min-height:340px}}
@media(max-width:640px){body .am-container{max-width:100%}.hbycl-hero{padding:0 12px;margin-top:12px;gap:11px}.hbycl-hero-main{grid-template-columns:1fr;min-height:535px}.hbycl-hero-content{padding:29px 23px 12px}.hbycl-hero h1{font-size:29px;margin:12px 0 10px}.hbycl-hero p{font-size:12px}.hbycl-hero-art{height:240px}.hbycl-hero-art:before{width:310px;height:310px;right:16px;top:-32px}.hbycl-hero-art img{max-width:245px;height:225px;object-fit:cover}.hbycl-hero-side{gap:11px}.hbycl-promo{min-height:170px;padding:15px}.hbycl-promo strong{font-size:16px}.hbycl-promo img{width:110px;right:-27px;bottom:-20px}.hbycl-categories{padding:0 12px;margin:28px auto 40px}.hbycl-section-heading{font-size:22px;margin-bottom:18px}.hbycl-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 11px}.hbycl-category strong{font-size:12px}.hbycl-category small{font-size:10px}.hbycl-cta{min-height:38px;padding:0 13px;font-size:12px}body .home-floor{padding-top:15px}body .nav-search{display:none}body .shop-navigation{border-bottom:1px solid var(--hbycl-line)}body .shop-navigation .navigation-search input{border-radius:8px 0 0 8px}body .home-floor .floor-title{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hbycl-category-image img,body .home-floor .goods-item,body .search-container .goods-item{transition:none}}