/* Base card styles */
.product-cart-wrap,
.category-card,
.card-category,
.category-grid,
.category-item,
.card-category-2,
.card-2,
.category-block,
.categories-grid,
.home-categories .category-item,
.section-categories .category-item,
.featured-categories .category-item {
    position: relative;
    border: 2px solid #d1d1d1 !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
    display: block !important;
}

/* Category card image container */
.card-2,
.category-card .image-category,
.category-item .image-category,
.card-category .image-category {
    width: 100%;
    height: 180px; /* Fixed height for consistency */
    border-radius: 15px 15px 0 0 !important;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Category card image */
.card-2 img,
.category-card img,
.category-item img,
.card-category img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image covers the area while maintaining aspect ratio */
    display: block;
    transition: transform 0.3s ease;
}

/* Category card content */
.card-2 .heading-card,
.category-card .content,
.category-item .content,
.card-category .content {
    padding: 15px;
    text-align: center;
}

/* Add a pseudo-element for better border visibility */
.product-cart-wrap::before,
.category-card::before,
.card-category::before,
.category-grid::before,
.category-item::before,
.card-category-2::before,
.category-block::before,
.categories-grid::before,
.home-categories .category-item::before,
.section-categories .category-item::before,
.featured-categories .category-item::before {
    content: '' !important;
    position: absolute !important;
    top: -2px !important;
    left: -2px !important;
    right: -2px !important;
    bottom: -2px !important;
    border: 2px solid #d1d1d1 !important;
    border-radius: 15px !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* Hover effect */
.product-cart-wrap:hover,
.category-card:hover,
.card-category:hover,
.category-grid:hover,
.category-item:hover,
.card-category-2:hover,
.card-2:hover,
.category-block:hover,
.categories-grid:hover,
.home-categories .category-item:hover,
.section-categories .category-item:hover,
.featured-categories .category-item:hover,
.card-2:hover {
    border-color: var(--color-brand) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
    transform: translateY(-3px) !important;
}

/* Ensure hover effect on pseudo-element */
.product-cart-wrap:hover::before,
.category-card:hover::before,
.card-category:hover::before,
.category-grid:hover::before,
.category-item:hover::before,
.card-category-2:hover::before,
.card-2:hover::before,
.category-block:hover::before,
.categories-grid:hover::before,
.home-categories .category-item:hover::before,
.section-categories .category-item:hover::before,
.featured-categories .category-item:hover::before {
    border-color: var(--color-brand) !important;
}

/* Image hover effect */
.card-2:hover img,
.category-card:hover img,
.category-item:hover img,
.card-category:hover img {
    transform: scale(1.05);
}

/* Remove duplicate hover effect */