/* === Theme Variables – Light Theme === */

body {
    background-color: #f4f4f4;
}

.product-card p {
    color: #000;
}

.product-card .btn {
    background: #04AA6D;
}

.product-card .btn:hover {
    background: #06c982;
}

.product-card {
    background: #fff;
    color: #333
    box-shadow: 0 1px 18px rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd;
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0px 8px 8px rgba(255, 255, 255, 0.2);
    outline: none;
}
.image-overlay-text {
    background: #1a8aa0 !important;
}
.hero {
    height: 70vh;
    color: #FFF;
}

cta-btn {
    border: 2px solid white;
    background: #04AA6D;
    color: #FFF;
}

.cta-btn:hover {
    background: #06c982;
}

.hero-gradient {
    height: -4%;
    background: none;
}

.site-footer {
    background-color: #e5e1de;
}