/* GRID */

.pms-list-grid{

display:grid;

grid-template-columns:repeat(auto-fill,minmax(260px,1fr));

gap:28px;

margin:35px 0;

}

/* CARD */

.pms-list-card{

background:#fff;

border:1px solid #e5e5e5;

border-radius:16px;

overflow:hidden;

transition:.25s;

box-shadow:0 2px 8px rgba(0,0,0,.05);

}

.pms-list-card:hover{

transform:translateY(-6px);

box-shadow:0 15px 40px rgba(0,0,0,.12);

}

/* IMAGE */

.pms-card-image{

display:block;

background:#fafafa;

padding:20px;

text-align:center;

}

.pms-card-image img{

width:100%;

height:190px;

object-fit:contain;

transition:.25s;

}

.pms-list-card:hover img{

transform:scale(1.04);

}

/* CONTENT */

.pms-card-content{

padding:20px;

}

.pms-card-content h3{

margin:0;

font-size:20px;

line-height:1.4;

}

.pms-card-content h3 a{

color:#111;

text-decoration:none;

}

.pms-card-content h3 a:hover{

color:#d60000;

}

/* PRICE */

.pms-price{

margin:16px 0;

font-size:24px;

font-weight:700;

color:#d60000;

}

/* BUTTON */

.pms-view-button{

display:inline-block;

padding:11px 18px;

background:#111;

color:#fff;

border-radius:8px;

text-decoration:none;

font-weight:600;

transition:.2s;

}

.pms-view-button:hover{

background:#d60000;

}

/* TOOLBAR */

.pms-list-toolbar{

display:flex;

justify-content:flex-end;

margin-bottom:20px;

}

.pms-sort-form{

display:flex;

align-items:center;

gap:10px;

}

.pms-sort-form label{

font-weight:600;

}

.pms-sort-form select{

padding:10px 14px;

border:1px solid #ddd;

border-radius:8px;

font-size:15px;

background:#fff;

cursor:pointer;

}

/* PAGINATION */

.pms-pagination{

display:flex;

justify-content:center;

gap:8px;

margin:40px 0;

flex-wrap:wrap;

}

.pms-pagination .page-numbers{

padding:10px 16px;

border:1px solid #ddd;

border-radius:8px;

text-decoration:none;

color:#111;

font-weight:600;

transition:.2s;

}

.pms-pagination .current{

background:#d60000;

border-color:#d60000;

color:#fff;

}

.pms-pagination a:hover{

background:#111;

border-color:#111;

color:#fff;

}

/* MOBILE */

@media(max-width:768px){

.pms-list-grid{

grid-template-columns:1fr;

}

.pms-card-image img{

height:170px;

}

.pms-list-toolbar{

justify-content:center;

}

}