.pdc-archive-wrapper{

max-width:1200px;

margin:auto;

padding:50px 20px;

}



.pdc-header{

text-align:center;

margin-bottom:50px;

}



.pdc-layout{

display:flex;

gap:40px;

}



/* Sidebar */

.pdc-sidebar{

width:260px;

}



.pdc-filter{

border:1px solid #ddd;

padding:25px;

margin-bottom:30px;

background:#fff;

}



.pdc-filter h3{

font-size:20px;

margin-bottom:20px;

}



.pdc-filter-item{

margin-bottom:12px;

}


.pdc-filter-item a{

color:#333;

text-decoration:none;

}



/* Products */


.pdc-products{

flex:1;

}



.pdc-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:25px;

}



.pdc-card{

border:1px solid #e5e7eb;

padding:20px;

background:#fff;

}



.pdc-card:hover{

box-shadow:0 10px 25px rgba(0,0,0,.08);

}



.pdc-image{

height:220px;

display:flex;

align-items:center;

justify-content:center;

}


.pdc-image img{

max-width:100%;

max-height:200px;

}



.pdc-card h2{

font-size:18px;

}



.pdc-info{

font-size:14px;

color:#555;

}



.pdc-button{

display:inline-block;

margin-top:15px;

padding:10px 20px;

background:#0b5cab;

color:#fff;

text-decoration:none;

}




@media(max-width:900px){


.pdc-layout{

display:block;

}


.pdc-sidebar{

width:100%;

margin-bottom:30px;

}


.pdc-grid{

grid-template-columns:repeat(2,1fr);

}


}



@media(max-width:600px){


.pdc-grid{

grid-template-columns:1fr;

}


}