/* ---------- Product Card ---------- */

.product-card{

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 8px 18px rgba(0,0,0,.08);

    transition:.3s;

}

.product-card:hover{

    transform:translateY(-6px);

    box-shadow:0 14px 30px rgba(0,0,0,.12);

}

.product-image{

    display:block;

    background:#fafafa;

}

.product-image img{

    width:100%;

    aspect-ratio:1/1;

    object-fit:contain;

    display:block;

    padding:20px;

}

.product-body{

    padding:18px;

}

.product-brand{

    display:inline-block;

    background:#eef4ff;

    color:#1565c0;

    padding:4px 12px;

    border-radius:20px;

    font-size:13px;

    margin-bottom:12px;

}

.product-title{

    font-size:16px;

    line-height:1.9;

    margin-bottom:20px;

    min-height:60px;

}

.product-title a{

    color:#222;

    text-decoration:none;

}

.product-btn{

    display:block;

    text-align:center;

    text-decoration:none;

    background:#0b5ed7;

    color:#fff;

    padding:12px;

    border-radius:10px;

    transition:.3s;

}

.product-btn:hover{

    background:#094db2;

}
.filter-sidebar{

    background:#fff;

    border-radius:15px;

    padding:20px;

    box-shadow:0 5px 15px rgba(0,0,0,.08);

    height:fit-content;

}

.filter-sidebar h3{

    margin-bottom:25px;

}

.filter-group{

    margin-bottom:25px;

}

.filter-group h4{

    margin-bottom:15px;

    font-size:16px;

}

.filter-group label{

    display:block;

    margin-bottom:12px;

    cursor:pointer;

}

.sort-bar{

    background:#fff;

    border-radius:15px;

    padding:15px 20px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    box-shadow:0 5px 15px rgba(0,0,0,.08);

}

.sort-bar select{

    padding:8px 12px;

    border-radius:8px;

}
.brand-card{

    background:#fff;

    border-radius:15px;

    padding:25px;

    text-align:center;

    box-shadow:0 5px 15px rgba(0,0,0,.08);

    transition:.3s;

}

.brand-card:hover{

    transform:translateY(-5px);

}

.brand-card img{

    width:120px;

    height:120px;

    object-fit:contain;

    margin:auto;

}

.brand-card h3{

    margin-top:15px;

}
.pdf-card{

    background:#fff;

    padding:25px;

    border-radius:15px;

    text-align:center;

    box-shadow:0 5px 15px rgba(0,0,0,.08);

}

.pdf-card img{

    width:70px;

    margin-bottom:20px;

}

.pdf-card a{

    display:inline-block;

    margin-top:15px;

    text-decoration:none;

}
.article-card{

    background:#fff;

    border-radius:16px;

    overflow:hidden;

    box-shadow:0 5px 15px rgba(0,0,0,.08);

}

.article-card img{

    width:100%;

    aspect-ratio:16/9;

    object-fit:cover;

}

.article-body{

    padding:20px;

}

.article-body h3{

    margin-bottom:15px;

}

.article-body p{

    line-height:1.8;

    color:#666;

    margin-bottom:20px;

}

.article-body a{

    text-decoration:none;

}
.breadcrumb{

    display:flex;

    align-items:center;

    gap:10px;

    margin:30px 0;

    font-size:14px;

}

.breadcrumb a{

    color:#666;

    text-decoration:none;

}

.breadcrumb span{

    color:#999;

}
.spec-table{

    width:100%;

    border-collapse:collapse;

    margin-top:30px;

}

.spec-table th,
.spec-table td{

    padding:14px;

    border:1px solid #eee;

}

.spec-table th{

    width:180px;

    background:#f7f7f7;

}
.pagination{

    display:flex;

    justify-content:center;

    gap:10px;

    margin:50px 0;

}

.pagination a{

    padding:10px 16px;

    text-decoration:none;

    background:#fff;

    border-radius:8px;

}

.pagination .active{

    background:#1565c0;

    color:#fff;

}