.product-card .btn:hover {
    background: #6EBBF6;
}

@media (max-width: 1200px) {
    .product-card {
        flex-basis: 30%;
        max-width: 30%;
    }
}

@media (max-width: 900px) {
    .product-card {
        flex-basis: 45%;
        max-width: 45%;
    }
}

@media (max-width: 600px) {
    .product-card {
        flex-basis: 100%;
        max-width: 100%;
    }
}

@media (max-width: 767.98px) {
    .cart-table thead {
        display: none;
    }

    .cart-table,
    .cart-table tbody,
    .cart-table tr,
    .cart-table td {
        display: block;
        width: 100%;
    }

    .cart-table tr {
        margin-bottom: 1.5rem;
        border: 1px solid #ddd;
        padding: 10px;
    }

    .cart-table td {
        text-align: right;
        position: relative;
        padding-left: 50%;
    }

    .cart-table td::before {
        content: attr(data-label);
        position: absolute;
        left: 10px;
        width: 45%;
        text-align: left;
        font-weight: bold;
    }

    .cart-total,
    .btn-checkout {
        text-align: center;
        display: block;
        margin: 20px auto;
    }
}

/* Responsive Tweaks */
@media (max-width: 767px) {

    .plant-power-list .col-md-6,
    .plant-power-list .col-lg-4 {
        font-size: 0.98rem;
        padding: 1rem 0.7rem;
    }

    .why-love-list li {
        font-size: 0.98rem;
        padding: 0.7rem 0.7rem;
    }

    .how-works-list {
        padding: 1rem 0.7rem;
    }
}

@media (max-width: 1200px) {
    .product-card {
        flex-basis: 30%;
        max-width: 30%;
    }
}

@media (max-width: 900px) {
    .product-card {
        flex-basis: 45%;
        max-width: 45%;
    }
}

@media (max-width: 600px) {
    .product-card {
        flex-basis: 100%;
        max-width: 100%;
    }

    .product-grid {
        gap: 1rem;
    }
}