/*
 * 深圳市爱租网络有限公司2016-2026
 * Shenzhen iZu Network Co., Ltd. 2016-2026
 * 全部分类页（category.php / categoryall.php）默认小图展示样式
 */
/* 全部分类页默认以小图展示 */
.goods-list .gl-warp-large{ display:none;}
.goods-list .gl-warp-samll{ display:block;}

/* 小图卡片突出设计 */
.pro-main{background:#f5f7fa;border-radius:12px;padding:20px 24px;}
.gl-h-item{border-bottom:none;margin-bottom:14px;border-radius:10px;overflow:hidden;background:#fff;transition:box-shadow .3s,transform .3s;box-shadow:0 1px 4px rgba(0,0,0,.04);}
.gl-h-item:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 28px rgba(11,77,162,.13);}
.gl-h-item .gl-i-wrap{display:flex;align-items:center;padding:18px 22px;gap:24px;border:1px solid #e5e9ef;border-radius:10px;transition:border-color .25s,box-shadow .25s;}
.gl-h-item .gl-i-wrap:hover{border-color:var(--ent-primary);box-shadow:0 2px 10px rgba(11,77,162,.07);}
.gl-h-item .p-img{width:160px;flex-shrink:0;border:1px solid #eef0f3;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;min-height:0;}
.gl-h-item .p-img img{width:100%;height:100%;object-fit:contain;transition:transform .4s ease;display:block;}
.gl-h-item:hover .p-img img{transform:scale(1.05);}
.gl-h-item .p-info{flex:1;min-width:0;}
.gl-h-item .p-name{font-size:17px;font-weight:600;line-height:1.5;}
.gl-h-item .p-name a{color:#1b2431;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.gl-h-item .p-name a:hover{color:var(--ent-primary);}
.gl-h-item .p-brief{color:#888;font-size:13px;margin-top:8px;line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.gl-h-item .p-tags{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px;}
.gl-h-item .p-tags .tag{padding:3px 12px;background:#f0f3f7;border-radius:4px;font-size:12px;color:#666;text-decoration:none;transition:background .2s,color .2s;}
.gl-h-item .p-tags .tag:hover{background:var(--ent-primary);color:#fff;}
.gl-h-item .p-action{flex-shrink:0;}
.gl-h-item .btn-inquiry{display:inline-block;padding:10px 28px;background:var(--ent-primary);color:#fff;border-radius:6px;font-size:14px;font-weight:500;white-space:nowrap;text-decoration:none;transition:opacity .25s;}
.gl-h-item .btn-inquiry:hover{opacity:.88;color:#fff;}
.gl-h-item.item_bg{background:#fff;}

/* ===== 移动端适配：卡片纵向堆叠（与全部分类页 categoryall.php 保持一致） ===== */
@media(max-width:768px){
.gl-h-item .gl-i-wrap{flex-direction:column;align-items:stretch;padding:16px;gap:14px;}
.gl-h-item .p-img{width:100%;aspect-ratio:4/3;min-height:180px;}
.gl-h-item .p-name{font-size:16px;}
.gl-h-item .p-brief{display:none;}
.gl-h-item .p-tags{display:none;}
.gl-h-item .p-action{text-align:center;}
.gl-h-item .btn-inquiry{width:100%;text-align:center;padding:12px 0;font-size:15px;}
.pro-main{padding:12px 16px;}
}
@media(max-width:480px){
.gl-h-item .gl-i-wrap{padding:12px;gap:10px;}
.gl-h-item .p-img{min-height:140px;}
.gl-h-item .p-name{font-size:15px;}
.gl-h-item .btn-inquiry{padding:10px 0;font-size:14px;}
.pro-main{padding:8px 12px;}
}
