.products-section { background: transparent; }
.category-card { display: block; background: #fff; border-radius: 12px; overflow: hidden; text-decoration: none; box-shadow: 0 2px 12px rgba(0,0,0,0.07); border: 1px solid #eee; transition: all .3s; }
.category-card:hover { transform: translateY(-6px); box-shadow: 0 12px 40px rgba(128,0,32,0.15); border-color: var(--color-primary, #800020); }
.cat-img { height: 180px; background-size: cover; background-position: center; background-color: #f0f0f0; }
.cat-img-default { display: flex; align-items: center; justify-content: center; font-size: 48px; color: #ddd; }
.cat-body { padding: 20px; }
.cat-body h5 { font-size: 17px; font-weight: 700; color: #222; margin-bottom: 6px; }
.cat-body p { font-size: 13px; color: #777; line-height: 1.6; margin-bottom: 12px; }
.cat-link { font-size: 13px; font-weight: 600; color: var(--color-primary, #800020); display: inline-flex; align-items: center; gap: 6px; }
.product-card { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,0.07); border: 1px solid #eee; transition: all .3s; height: 100%; display: flex; flex-direction: column; }
.product-card:hover { transform: translateY(-4px); box-shadow: 0 10px 30px rgba(128,0,32,0.12); }
.product-img-wrap { position: relative; height: 220px; overflow: hidden; }
.product-img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.product-card:hover .product-img { transform: scale(1.06); }
.product-img-placeholder { height: 100%; display: flex; align-items: center; justify-content: center; background: #f5f5f5; font-size: 48px; color: #ddd; }
.product-cat-badge { position: absolute; top: 12px; left: 12px; background: var(--color-primary, #800020); color: #fff; font-size: 11px; font-weight: 600; padding: 3px 10px; border-radius: 20px; }
.product-body { padding: 20px; flex: 1; display: flex; flex-direction: column; }
.product-title { font-size: 16px; font-weight: 700; color: #222; margin-bottom: 8px; }
.product-desc { font-size: 13px; color: #777; line-height: 1.6; flex: 1; }
.product-link { font-size: 13px; font-weight: 600; color: var(--color-primary, #800020); text-decoration: none; display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; transition: gap .2s; }
.product-link:hover { gap: 10px; color: var(--color-primary, #800020); }

@media (max-width: 767px) {
    .cat-img { height: 150px; }
    .cat-body { padding: 16px; }
    .cat-body h5 { font-size: 15px; }
    .product-img-wrap { height: 190px; }
    .product-body { padding: 16px; }
    .product-title { font-size: 15px; }
}

@media (max-width: 575px) {
    .cat-img { height: 140px; }
    .product-img-wrap { height: 180px; }
}