﻿/* Main grid layout - responsive */
.lawn-care-grid {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: 1fr;
}

/* Desktop: 3 columns */
@media screen and (min-width: 1024px) {
    .lawn-care-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Card structure */
.lawn-care-card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.lawn-care-card-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Disease sections - equal height grid */
.disease-sections {
    flex: 1;
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    gap: 1.5rem;
}

.disease-field {
    display: flex;
    flex-direction: column;
}

.disease-field h4 {
    letter-spacing: 0.05em;
}

.disease-field p {
    line-height: 1.6;
    flex: 1;
}
