/* SFH2026 sale mosaic */
.sfh-sale { padding: 64px 20px; background: #fff; }
.sfh-sale-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr;
    grid-auto-rows: minmax(200px, auto);
    gap: 20px;
}
.sfh-sale-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 45px;
    padding: 28px;
}
.sfh-sale-card--big { grid-row: span 2; }
.sfh-sale-card--red { 
    /* background: #be202e;  */
    background: black;
    color: #fff; 
}
.sfh-sale-card--black { 
    /* background: #000; color: #fff;  */
    background: #f4f4f4; color: #000;
}
.sfh-sale-card--light { background: #f4f4f4; color: #000; }
.sfh-sale-eyebrow { 
    margin: 0 0 10px; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; opacity: .75; 
    color: #F55A67;
}
/* Fixed sizes, not a viewport clamp: these were asked for as exact values.
   Note the small cards go UP on a phone (28 -> 32) while the big one comes
   down (34 -> 32) — stacked in one column they are all equally important, so
   they meet in the middle rather than keeping the desktop hierarchy. */
.sfh-sale-heading { 
    margin: 0 0 8px; font-size: 22px; font-weight: 800; line-height: 1.2; 
}
.sfh-sale-card--big .sfh-sale-heading { font-size: 34px; }
.sfh-sale-desc { margin: 0; font-size: 15px; opacity: .85; }
.sfh-sale-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    /* color: inherit; */
    color: #BE202E;
    letter-spacing: 0.07em;
}
.sfh-sale-card--light .sfh-sale-link { 
    color: #be202e; 
    /* color: black; */
}

.sfh-sale-card--big .sfh-sale-link {
    color: white;
}

.sfh-sale-card--big .sfh-sale-link .sfh-btn-arrow {
    color: #F55A67;
}

.sfh-sale-link:hover { text-decoration: underline; }
@media (max-width: 900px) {
    .sfh-sale-grid { grid-template-columns: 1fr; }
    .sfh-sale-card--big { grid-row: auto; }
}
@media (max-width: 760px) {
    .sfh-sale-heading,
    .sfh-sale-card--big .sfh-sale-heading { font-size: 30px; }
}

.sfh-sale-card--big .sfh-sale-copy .sfh-sale-eyebrow {
    color: #F55A67;
}

.sfh-sale-copy .sfh-sale-eyebrow {
    color: #898989;
}