/* Full-width homepage backgrounds separate sections without decorative rules. */
.cs-home { background: #fff; }
.cs-home .cl-hero > .cl-hero-controls { padding-top: 8px; padding-bottom: 10px; }
.cs-home .cs-home-shortcuts {
    padding: 28px 0;
    margin-bottom: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
.cs-home .cs-home-picks,
.cs-home .cs-home-new,
.cs-home .cs-home-features,
.cs-home .cs-home-discover,
.cs-home .cs-home-service {
    width: 100%;
    margin: 0;
    padding: 40px 0 44px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
.cs-home .cs-home-picks { background: #dfe8d3; }
.cs-home .cs-home-features { background: #f3dbcd; padding: 28px 0; }
.cs-home .cs-home-new { background: #fff; }
.cs-home .cs-home-discover { background: #f0e4bf; }
.cs-home .cs-home-service { background: #355e3b; padding: 34px 0; }
.cs-home .cs-section-title {
    padding-bottom: 0;
    margin-bottom: 26px;
    border: 0;
}
.cs-home .cs-section-title > div { min-width: 0; padding-left: 0; border: 0; }
.cs-home .cs-section-title .cs-eyebrow {
    display: block;
    margin-bottom: 9px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--food-green, #355e3b);
    font-size: 10px;
    line-height: 1.4;
    letter-spacing: 1.6px;
}
.cs-home .cs-home-new .cs-eyebrow { color: var(--food-tomato-text, #b94b32); }
.cs-home .cs-section-title > a {
    align-self: center;
    padding: 6px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--food-green, #355e3b);
    font-size: 12px;
    gap: 7px;
}
.cs-home .cs-section-title > a:hover { color: var(--food-green-dark, #294a30); }
.cs-home .cs-card .cs-photo { border: 0; background: #fff; }
.cs-home .cs-home-features > .cs-features { padding: 0; }
.cs-home .cs-home-features .cs-feature { min-height: 220px; border: 0; }
.cs-home .cs-home-features .cs-feature > div { padding: 26px; }
.cs-home .cs-home-features .cs-feature-blue { background: #fff8f1; }
.cs-home .cs-home-features .cs-feature-yellow { background: #ffefd0; }
.cs-home .cs-home-discover .cs-discover-categories {
    padding: 0;
    margin-bottom: 26px;
    background: transparent;
    border: 0;
    border-radius: 0;
}
.cs-home .cs-home-service > .cs-service { padding: 0; }
.cs-home .cs-home-service .cs-service > a { border: 0; }
@media (max-width: 760px) {
    .cs-home .cs-home-shortcuts { padding: 24px 0; row-gap: 20px; }
    .cs-home .cs-home-picks,
    .cs-home .cs-home-new,
    .cs-home .cs-home-discover { padding: 28px 0 32px; }
    .cs-home .cs-section-title { margin-bottom: 22px; gap: 10px; }
    .cs-home .cs-section-title h2 { font-size: 22px; }
    .cs-home .cs-section-title p { margin-top: 8px; }
    .cs-home .cs-section-title > a { padding: 6px 0; font-size: 11px; gap: 4px; }
    .cs-home .cs-section-title .cs-eyebrow { font-size: 9px; letter-spacing: 1px; }
    .cs-home .cs-home-features { padding: 24px 0; }
    .cs-home .cs-home-features .cs-feature { min-height: 190px; }
    .cs-home .cs-home-features .cs-feature > div { padding: 22px; }
    .cs-home .cs-home-discover .cs-discover-categories { margin-bottom: 22px; }
    .cs-home .cs-home-service { padding: 28px 0; }
}

/* Keep small text readable on the stronger section backgrounds. */
.cs-home .cs-section-title p { color: #53614d; }
.cs-home .cs-home-service .cs-eyebrow,
.cs-home .cs-home-service h2 { color: #fff; }
.cs-home .cs-home-service .cs-service > div p { color: #e2ebdc; }
.cs-home .cs-home-service .cs-service > a { background: #fffdf8; color: #294a30; }
.cs-home .cs-home-service .cs-service > a:hover { background: #edf2e5; }

.cs-home .cs-home-picks .cs-card-desc,
.cs-home .cs-home-discover .cs-card-desc,
.cs-home .cs-home-picks .cs-prices del,
.cs-home .cs-home-discover .cs-prices del { color: #53614d; }
.cs-home .cs-home-picks .cs-discount,
.cs-home .cs-home-discover .cs-discount { color: #a6402b; }
.cs-home .cs-home-service a:focus-visible { outline-color: #fff; }