/* ===== First-level category landing page (replicate qlbuy ItemClassList) ===== */
html,body{overflow-x:hidden;}
.ic-wrap{width:1190px;margin:10px auto 20px;box-sizing:border-box;}
.ic-wrap *{box-sizing:border-box;}

/* breadcrumb */
.ic-crumb{font-size:13px;color:#999;padding:4px 2px 10px;}
.ic-crumb a{color:#666;text-decoration:none;}
.ic-crumb a:hover{color:#e1251b;}
.ic-crumb .sep{margin:0 7px;color:#ccc;}
.ic-crumb b{color:#333;font-weight:400;}

/* category banner carousel (inside the container, ~3.6:1) */
.ic-banner{position:relative;border-radius:8px;overflow:hidden;background:#f0f0f0;margin-bottom:14px;}
.ic-banner-viewport{overflow:hidden;}
.ic-banner-track{display:flex;transition:transform .4s ease;}
.ic-banner-slide{flex:0 0 100%;}
.ic-banner-slide img{width:100%;display:block;aspect-ratio:3.6/1;object-fit:cover;border:0;}
.ic-banner-fallback{aspect-ratio:3.6/1;display:flex;align-items:center;justify-content:center;background:linear-gradient(110deg,#ff7a59,#e1251b);color:#fff;font-size:26px;font-weight:700;letter-spacing:3px;text-align:center;padding:0 20px;}
.ic-banner-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:60px;background:rgba(0,0,0,.25);color:#fff;border:0;font-size:22px;cursor:pointer;line-height:60px;text-align:center;padding:0;}
.ic-banner-arrow:hover{background:rgba(0,0,0,.45);}
.ic-banner-arrow-l{left:0;border-radius:0 6px 6px 0;}
.ic-banner-arrow-r{right:0;border-radius:6px 0 0 6px;}
.ic-banner-dots{position:absolute;bottom:10px;left:0;right:0;text-align:center;}
.ic-banner-dots i{display:inline-block;width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.55);margin:0 4px;cursor:pointer;}
.ic-banner-dots i.active{background:#fff;}

/* sub category icon matrix, grouped by second-level */
.ic-sc-group{background:#fff;border:1px solid #eee;border-radius:8px;margin-bottom:12px;overflow:hidden;}
.ic-sc-head{display:flex;align-items:center;padding:10px 14px;background:#fafafa;border-bottom:1px solid #f0f0f0;}
.ic-sc-head .ic-sc-hicon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin-right:9px;}
.ic-sc-head .ic-sc-hicon img{width:28px;height:28px;object-fit:contain;border:0;}
.ic-sc-head .ic-sc-hicon .ic-ico-ph{width:28px;height:28px;border-radius:6px;background:#ffe9e7;color:#e1251b;font-size:14px;display:flex;align-items:center;justify-content:center;}
.ic-sc-head b{font-size:15px;color:#333;}
.ic-sc-list{display:flex;flex-wrap:wrap;padding:8px 10px;}
.ic-sc-item{flex:0 0 108px;display:flex;flex-direction:column;align-items:center;padding:9px 4px;cursor:pointer;text-decoration:none;}
.ic-sc-item .ic-ico{width:42px;height:42px;display:flex;align-items:center;justify-content:center;margin-bottom:6px;}
.ic-sc-item .ic-ico img{width:42px;height:42px;object-fit:contain;border:0;}
.ic-sc-item .ic-ico .ic-ico-ph{width:42px;height:42px;border-radius:8px;background:#f3f5f8;color:#7f8aa0;font-size:16px;display:flex;align-items:center;justify-content:center;}
.ic-sc-item span{font-size:12px;color:#555;text-align:center;max-width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ic-sc-item:hover span{color:#e1251b;}

/* floors */
.ic-floor{background:#fff;border:1px solid #eee;border-radius:8px;margin-bottom:16px;position:relative;overflow:hidden;}
.ic-floor-head{position:relative;text-align:center;padding:18px 0 14px;}
.ic-floor-no{color:#e1251b;font-size:23px;font-weight:700;margin-right:9px;}
.ic-floor-name{color:#333;font-size:20px;font-weight:700;}
.ic-floor-more{position:absolute;right:0;top:0;display:inline-block;padding:7px 22px 7px 14px;background:#f6f6f6;color:#888;font-size:13px;text-decoration:none;}
.ic-floor-more:hover{color:#e1251b;}
.ic-floor-more:after{content:'';position:absolute;right:9px;top:50%;margin-top:-5px;border:5px solid transparent;border-left-color:#bbb;}
.ic-floor-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:2px 10px 14px;}

/* floor item card */
.ic-card{background:#fff;padding:12px;position:relative;display:flex;flex-direction:column;border:1px solid #f5f5f5;margin:-1px 0 0 -1px;transition:box-shadow .2s;}
.ic-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.10);z-index:2;}
.ic-card-img{display:flex;align-items:center;justify-content:center;height:160px;margin:6px 0;}
.ic-card-img img{max-width:100%;max-height:160px;width:auto;height:auto;border:0;object-fit:contain;}
.ic-card-img .ic-ico-ph{width:90px;height:90px;border-radius:8px;background:#f3f5f8;color:#9aa6bb;font-size:13px;display:flex;align-items:center;justify-content:center;}
.ic-card-title{font-size:13px;color:#333;line-height:1.4;height:37px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.ic-card-title:hover{color:#e1251b;}
.ic-card-spec{font-size:12px;color:#999;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ic-card-price{margin-top:7px;display:flex;align-items:baseline;flex-wrap:wrap;min-height:28px;}
.ic-price-now{color:#e1251b;font-size:19px;font-weight:700;}
.ic-price-now .ic-cur{font-size:13px;font-weight:400;}
.ic-price-inq{color:#e1251b;font-size:14px;font-weight:700;}
.ic-card-meta{font-size:12px;color:#aaa;margin-top:5px;}
.ic-card-btn{margin-top:8px;height:32px;border:0;border-radius:4px;background:linear-gradient(180deg,#ff8c42,#ff6600);color:#fff;font-size:14px;cursor:pointer;width:100%;}
.ic-card-btn:hover{background:linear-gradient(180deg,#ff9a57,#ff7100);}

/* empty */
.ic-empty{text-align:center;color:#999;font-size:14px;padding:50px 0;}

/* responsive */
body.wrap_1600 .ic-wrap{width:1600px;}
body.wrap_1280 .ic-wrap{width:1225px;}
@media (max-width:1230px){.ic-wrap{width:100%;padding:0 10px;}}
@media (max-width:991px){.ic-floor-grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width:640px){.ic-floor-grid{grid-template-columns:repeat(2,1fr);}.ic-sc-item{flex-basis:33%;}.ic-banner-fallback{font-size:18px;}}
@media (max-width:420px){.ic-floor-grid{grid-template-columns:1fr;}.ic-sc-item{flex-basis:50%;}}