/* --- 1. Banner 样式 --- */
.archive-banner { width: 100%; height: 350px; position: relative; overflow: hidden; margin-top: -20px; }
.archive-banner img { width: 100%; height: 100%; object-fit: cover; }
.archive-banner-overlay {
    position: absolute; top: 0; right: 0; width: 100%; height: 100%;
    display: flex; flex-direction: column; justify-content: center; align-items: flex-end;
    padding-right: 80px; z-index: 10; background: rgba(0, 0, 0, 0.4); 
}
.archive-title { font-size: 42px; color: #fff; font-weight: 700; margin: 0; text-shadow: 0 2px 4px rgba(0,0,0,0.5); }
.breadcrumba { margin-top: 10px; color: #fff; }
.breadcrumba a { color: #fff !important; text-decoration: none; }
.breadcrumba .breadcrumb_last { color: #ed5f2b !important; font-weight: bold; }

/* --- 2. 布局重置与分类栏 --- */
.custom-archive-page { display: flex; max-width: 1400px; margin: 10px auto; padding: 0 20px; gap: 20px; align-items: flex-start; }
.archive-sidebar { flex: 0 0 250px; }
.archive-main { flex: 1; }

.sidebar-cat { background: #fff; border: 1px solid #e1e1e1; border-radius: 4px; }
.sidebar-cat h4 { color: #fff; padding: 12px 20px; margin: 0; font-size: 16px; border-bottom: 2px solid #d32f2f; background: #ed5f2b; }
.cat-list { list-style: none !important; margin: 0 !important; padding: 0 !important; font-weight: bold; }
.cat-list li { border-bottom: 1px solid #f0f0f0; list-style: none !important; }
.cat-list a { display: flex; justify-content: space-between; align-items: center; padding: 12px 20px; text-decoration: none; color: #333; }
.children { display: none; background: #fafafa; padding: 0 !important; }
.children a { padding-left: 40px; font-weight: normal; }
.fa-angle-right { color: #999; transition: transform 0.3s; }
.has-children.active > a .fa-angle-right { transform: rotate(90deg); }

/* --- 3. 产品紧凑网格 --- */
.product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.product-item { border: 1px solid #eee; padding: 10px; border-radius: 6px; text-align: center; }
.product-item h3 { font-size: 15px; margin: 8px 0; }
.product-item .price { color: #d32f2f; font-weight: bold; }

/* 📱 手机端适配：只改顺序 + 间距 */
@media (max-width: 992px) {
    .custom-archive-page { flex-direction: column; margin: 5px auto; padding: 0 10px; gap:15px; }
    
    /* 核心：产品在上，分类在下 🔥 样式完全不动！ */
    .archive-main { order:1; }
    .archive-sidebar { order:2; width: 100% !important; }
   ..archive-title h1 { font-size:25px; }
    .archive-banner { height: 150px; }
    .archive-banner-overlay { padding-right: 0; align-items: center; }
    .product-grid { grid-template-columns: 1fr !important; gap: 10px; }
}