body {
    background: #faf8f1;
    color: #283528;
}


.hero {
    padding: 80px 0;
    background:
        linear-gradient(
            135deg,
            #f1f5eb,
            #fffdf8
        );
}


.hero-box {

    background: white;

    padding: 40px;

    border-radius: 25px;

    text-align: center;

    box-shadow:
        0 5px 25px
        rgba(0,0,0,.06);

    font-size: 60px;
}


.hero-box h2 {

    font-size: 26px;

    margin-top: 15px;

}


.hero-box p {

    font-size: 16px;

}


.section-title {

    color: #3f7045;

    font-size: 13px;

    font-weight: bold;

    letter-spacing: 2px;

}


.product-card {

    border: none;

    border-radius: 18px;

    overflow: hidden;

    box-shadow:
        0 4px 15px
        rgba(0,0,0,.06);

    transition:
        transform .2s ease;

}


.product-card:hover {

    transform:
        translateY(-5px);

}


.product-image,
.product-placeholder {

    height: 230px;

    width: 100%;

    object-fit: cover;

}


.product-placeholder {

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f1f5eb;

    font-size: 60px;

}


.price {

    color: #315c37;

    font-size: 23px;

    font-weight: bold;

}


.regions {

    background: #f1f5eb;

}


.region-card {

    background: white;

    padding: 25px;

    border-radius: 18px;

    height: 100%;

    box-shadow:
        0 3px 15px
        rgba(0,0,0,.04);

}


.region-icon {

    font-size: 32px;

    margin-bottom: 10px;

}


.address-check {

    background: white;

    border-radius: 20px;

    padding: 30px;

}


@media (max-width: 576px) {

    .hero {

        padding: 50px 0;

    }

    .hero h1 {

        font-size: 36px;

    }

    .product-image,
    .product-placeholder {

        height: 210px;

    }

}