/* Products Hero */
        .products-hero {
            height: 400px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: white;
         
        }
        .products-hero h1 {
            font-size: 48px;
            font-weight: 700;
            margin-bottom: 16px;
        }
        .products-hero-breadcrumb {
            display: flex;
            justify-content: center;
            gap: 8px;
            font-size: 16px;
        }
        .products-hero-breadcrumb a { color: #ffd966; text-decoration: none; }

        /* Products Main */
        .products-main { padding: 20px 0; }
        .products-layout {
            display: flex;
            gap: 40px;
            flex-wrap: wrap;
        }

        /* Left Categories */
        .product-categories {
            flex: 0 0 280px;
            background: #f8fafc;
            border-radius: 8px;
            padding: 32px 24px;
            box-shadow: 0 8px 24px rgba(0,0,0,0.04);
        }
        .categories-title {
            margin-bottom: 24px;
            padding-bottom: 16px;
            border-bottom: 2px solid #e31e24;
        }
        .categories-title h2 { font-size: 24px; font-weight: 700; }
        .categories-list { list-style: none; }
        .category-item { margin-bottom: 12px; }
        .category-link {
            display: block;
            padding: 12px 16px;
            background: #fff;
            color: #1f2937;
            text-decoration: none;
            border-radius: 6px;
            font-weight: 500;
            border-left: 4px solid transparent;
        }
        .category-link:hover, .category-link.active {
            color: #e31e24;
            border-left: 4px solid #e31e24;
            transform: translateX(4px);
        }

        /* Right Product List */
        .product-list { flex: 1; min-width: 320px; }

        /* Product Grid */
        .product-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 32px;
            margin-bottom: 48px;
        }
        .product-card {
            background: #fff;
            border-radius: 8px;
            padding: 24px;
            box-shadow: 0 8px 24px rgba(0,0,0,0.04);
            text-align: center;
            transition: all 0.3s;
        }
        .product-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 16px 32px rgba(0,0,0,0.08);
        }
        /* 产品图片样式 */
        .product-img {
            width: 100%;
            height: 200px;
            margin-bottom: 20px;
            border-radius: 6px;
            object-fit: cover;
            background-color: #f8fafc;
        }
        .product-title {
            font-size: 18px;
            font-weight: 600;
  
            color: #1f2937;
            min-height: 45px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .product-buttons {
            display: flex;
            gap: 8px;
            justify-content: center;
        }
        .product-btn {
            flex: 1;
            padding: 10px 0;
            font-weight: 600;
            text-decoration: none;
            border-radius: 4px;
            transition: all 0.2s;
            font-size: 14px;
            min-width: 90px;
        }
        .btn-details {
            background: #e31e24;
            color: #fff;
        }
        .btn-details:hover { background: #c0161f; }
        .btn-consult {
            background: #fff;
            color: #e31e24;
            border: 1px solid #e31e24;
        }
        .btn-consult:hover {
            background: #fef2f2;
            color: #e31e24;
        }

        /* Pagination */
        .pagination {
            display: flex;
            justify-content: center;
            gap: 8px;
            margin-top: 40px;
        }
        .pagination-btn {
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #e2e8f0;
            border-radius: 6px;
            text-decoration: none;
            font-weight: 500;
            color: #333;
        }
        .pagination-btn.active {
            background: #e31e24;
            color: #fff;
            border-color: #e31e24;
        }
        .pagination-btn.disabled { opacity: 0.5; pointer-events: none; }




        /* 移动端分类下拉选择器专用样式 + 响应式适配 */
        .mobile-category-select {
            display: none;
          
            width: 100%;
        }

        .category-select-wrapper {
            position: relative;
            width: 100%;
        }

        .category-select {
            width: 100%;
            padding: 14px 18px;
            font-size: 1rem;
            font-weight: 500;
            font-family: inherit;
            color: #1e293b;
            background-color: #ffffff;
            border: 1px solid #e2e8f0;
            border-radius: 16px;
            cursor: pointer;
            appearance: none;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23CC2936' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 18px center;
            background-size: 16px;
            transition: all 0.2s ease;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
        }

        .category-select:focus {
            outline: none;
            border-color: #CC2936;
            box-shadow: 0 0 0 3px rgba(204, 41, 54, 0.1);
        }

        /* ========= 核心: 纯CSS实现侧边栏滚动固定 (sticky) ========= */
        /* 桌面端：左侧分类侧边栏滚动固定效果，完全由CSS实现，无需任何JS */
        @media (min-width: 769px) {
            .product-categories {
                position: sticky;
                top: 30px;          /* 距离视口顶部30px时开始固定，提升浏览舒适度 */
                align-self: flex-start;
                z-index: 10;
                background: #ffffff;
                border-radius: 24px;
                box-shadow: 0 8px 20px rgba(0, 0, 0, 0.03);
                transition: box-shadow 0.2s ease;  /* 仅保留平滑过渡，不涉及滚动检测 */
            }
            /* 可选：细微阴影增强视觉层次（纯样式，无JS干预） */
            .product-categories:hover {
                box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
            }
            /* 限制最大高度并允许内部滚动（分类列表较短，仅作优雅处理） */
            .product-categories {
                max-height: calc(100vh - 80px);
                overflow-y: auto;
                scrollbar-width: thin;
            }
            .product-categories::-webkit-scrollbar {
                width: 4px;
                background: #f1f1f1;
                border-radius: 4px;
            }
            .product-categories::-webkit-scrollbar-thumb {
                background: #CC2936;
                border-radius: 4px;
            }
        }

        /* 响应式：手机端（宽度 ≤ 768px）隐藏左侧分类栏，显示下拉选择器，sticky不生效（自然隐藏） */
        @media (max-width: 768px) {
            .product-categories {
                display: none !important;
            }
            
            .mobile-category-select {
                display: block;
            }
            
            /* 确保产品列表占满全部宽度，布局不变形 */
            .products-layout {
                flex-direction: column;
                gap: 1.5rem;
            }
            
            .product-list {
                width: 100%;
                flex: 1;
            }
        }

        /* 针对平板或超大手机保持舒适间距 */
        @media (max-width: 480px) {
            .category-select {
                padding: 12px 16px;
                font-size: 0.95rem;
            }
        }

        /* 布局基础：flex布局，确保侧边栏与产品列表正确排列 */
        .products-layout {
            display: flex;
            gap: 2rem;
            align-items: flex-start;
        }
        
        .product-categories {
            flex: 0 0 260px;
        }
        
        .product-list {
            flex: 1;
        }
        
        /* 保证下拉框在移动端下方内容结构整洁 */
        .mobile-category-select + .product-list {
            margin-top: 0;
        }
		
		
				/* 修复产品卡片按钮不对齐问题 */
.product-card {
    display: flex;
    flex-direction: column;
    height: 100%;  /* 让卡片占满网格行的高度，保证同行卡片等高 */
}

.product-title {
    display: flex;
    flex-direction: column;
    flex: 1;  /* 占用剩余空间，将按钮推到底部 */
    padding-bottom: 20px; /* 保留原有底部内边距，视觉更舒适 */
}

.product-btns {
    margin-top: auto;  /* 关键：自动将按钮组推到卡片底部 */
}	
	
.product-title h3 {
    margin-bottom: 16px; /* 保持原有标题下边距，可根据需要调整 */
}