/* Colors:
Red: #D90B27
Dark Gray: #2C2C2C
Mid Gray: #3F3F3F
*/

.apcg-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 20px;
}

@media(max-width: 992px){
.apcg-grid { grid-template-columns: repeat(2, 1fr); }
}
@media(max-width: 600px){
.apcg-grid { grid-template-columns: 1fr; }
}

.apcg-card {
background: #fff;
border-radius: 10px;
overflow: hidden;
border: 1px solid #eee;
box-shadow: 0 5px 14px rgba(0,0,0,0.12);
transition: .2s ease;
}

.apcg-card:hover {
transform: translateY(-5px);
box-shadow: 0 15px 30px rgba(0,0,0,0.18);
}

.apcg-card-img {
height: 200px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
}

.apcg-card-img img {
max-height: 100%;
object-fit: contain;
}

.apcg-card-title {
font-size: 16px !important;
margin: 0 0 8px;
color: #D90B27;

}

.apcg-card-body {
padding: 14px 16px;
}

.apcg-card-price {
font-size: 15px;
color: #D90B27;
font-weight: 700;
display:none;
}

/* Loader */
.apcg-loader {
text-align: center;
padding: 20px 0;
display: none;
}

.apcg-spinner {
width: 36px;
height: 36px;
border: 4px solid #ccc;
border-top-color: #D90B27;
border-radius: 50%;
animation: spin .8s linear infinite;
}

@keyframes spin { to { transform: rotate(360deg); } }

.apcg-end {
text-align: center;
color: #3F3F3F;
padding: 20px;
}