/* ===== Product Grid Button Fix ===== */

.home-add2 {
    display: flex !important;
    justify-content: center !important;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
    margin-bottom: 25px; /* ✅ This is what creates the space! */
    padding: 0 8px;
    position: relative;
}




.cart-icon-btn {
    background-color: #28a745;
    color: white;
    padding: 5px 12px;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
    height: 35px;
    white-space: nowrap;
}

.buy-now-btn {
    background-color: #6c757d;
    color: white;
    padding: 5px 15px;
    font-size: 14px;
    border-radius: 4px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
    height: 35px;
    white-space: nowrap;
}

.cart-icon-btn:hover,
.buy-now-btn:hover {
    background-color: #218838;
    color: white;
}

.pxc.product:hover .home-add2,
.pxc.product:hover .buy-now-btn,
.pxc.product:hover .cart-icon-btn {
    transform: none !important;
    animation: none !important;
    transition: none !important;
    position: relative !important;
}

/* ===== FINAL OVERRIDE FOR BUTTON SHIFT ===== */
.pxc.product .home-add2,
.pxc.product:hover .home-add2,
.pxc.product:hover .cart-icon-btn,
.pxc.product:hover .buy-now-btn {
    opacity: 1 !important;
    transform: none !important;
    top: auto !important;
    bottom: auto !important;
    position: relative !important;
    transition: none !important;
    animation: none !important;
    visibility: visible !important;
    display: flex !important;
    z-index: 10 !important;
}
/* ===== FINAL OVERRIDE FOR BUTTON SHIFT ===== */
.pxc.product .home-add2,
.pxc.product:hover .home-add2,
.pxc.product:hover .cart-icon-btn,
.pxc.product:hover .buy-now-btn {
    opacity: 1 !important;
    transform: none !important;
    top: auto !important;
    bottom: auto !important;
    position: relative !important;
    transition: none !important;
    animation: none !important;
    visibility: visible !important;
    display: flex !important;
    z-index: 10 !important;
}

/* === Equal Width Fix === */
.cart-icon-btn,
.buy-now-btn {
    width: 100px;
    text-align: center;
}

/* 🛒 Cart Button */
.cart-icon-btn {
    background-color: #28a745;
    color: #fff;
    border: none;
    padding: 5px 12px;
    border-radius: 4px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
    height: 35px;
    white-space: nowrap;
}

/* 🟩 Buy Now Button */
.buy-now-btn {
    background-color: #6c757d;
    color: white;
    padding: 5px 15px;
    font-size: 14px;
    border-radius: 4px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
    height: 35px;
    white-space: nowrap;
}

/* 🖱 Hover: only color change */
.cart-icon-btn:hover,
.buy-now-btn:hover {
    background-color: #218838;
    color: white;
}

/* 🎯 Container holding the buttons */
.home-add2 {
    display: flex !important;
    justify-content: flex-start;
    gap: 6px;
    margin-top: 8px;
    padding: 0 8px;
    position: static; /* Prevent movement */
}

/* 🚫 Disable all product-wide hover effects */
.pxc.product:hover .home-add2,
.pxc.product:hover .cart-icon-btn,
.pxc.product:hover .buy-now-btn {
    transform: none !important;
    animation: none !important;
    transition: none !important;
    position: static !important;
}
.home-add2 {
    margin-bottom: 24px !important;
}
.pxc.product .product-box {
    padding-bottom: 20px !important;
}