/**
 * The always-present claimable offer.
 *
 * Deliberately one component with one look, used on every page that needs it,
 * so a resident learns the affordance once. Orange is reserved for exactly
 * this on the site — a claimable offer — which is why the navy claim card and
 * the ambassador strip do not use it.
 */
.cul-offerstrip {
    display: flex; align-items: center; gap: 18px; flex-wrap: wrap;
    background: #FFF6EC; border: 1px solid #F2D3B4;
    border-radius: 5px; overflow: hidden;
    font-family: var(--cul-font, 'DM Sans', system-ui, sans-serif);
    transition: border-color 0.15s ease;
}
.cul-offerstrip:hover { border-color: #E8A96A; }
.cul-offerstrip__shot {
    width: 200px; align-self: stretch; min-height: 150px; flex: 0 0 auto;
    background: #D7E0E9 center top / cover no-repeat;
}
.cul-offerstrip__body { flex: 1; min-width: 200px; padding: 18px 0 18px 20px; }
.cul-offerstrip__shot + .cul-offerstrip__body { padding-left: 4px; }
.cul-offerstrip__k {
    display: flex; align-items: center; gap: 7px; margin: 0 0 6px;
    font-size: 11px; font-weight: 700; letter-spacing: 0.08em;
    text-transform: uppercase; color: var(--cul-accent, #E87722);
}
.cul-offerstrip__dot { width: 7px; height: 7px; border-radius: 50%; background: var(--cul-accent, #E87722); }
.cul-offerstrip__deal {
    margin: 0 0 4px; font-size: 20px; font-weight: 700; line-height: 1.25;
    color: var(--cul-brand, #1B3A5C);
    font-family: var(--cul-font-display, 'Poppins', sans-serif);
}
.cul-offerstrip__who { margin: 0; font-size: 14px; font-weight: 650; color: var(--cul-brand, #1B3A5C); }
.cul-offerstrip__who span { color: #64798C; font-weight: 400; }
.cul-offerstrip__btn {
    flex: 0 0 auto; margin: 0 20px 0 0;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--cul-accent, #E87722); color: #fff !important;
    border-radius: 5px; min-height: 48px; padding: 0 24px;
    font-size: 15px; font-weight: 700; white-space: nowrap;
    text-decoration: none !important;
}
.cul-offerstrip__btn:hover { background: #CF5F0A; }
.cul-offerstrip__btn.is-done {
    background: #E6EDF3; color: var(--cul-brand, #1B3A5C) !important; pointer-events: none;
}

/* Compact: no photo, tighter type — for rails and index bands. */
.cul-offerstrip--compact { gap: 14px; }
.cul-offerstrip--compact .cul-offerstrip__body { padding: 14px 0 14px 16px; }
.cul-offerstrip--compact .cul-offerstrip__deal { font-size: 17px; }
.cul-offerstrip--compact .cul-offerstrip__btn { min-height: 42px; padding: 0 18px; font-size: 14.5px; margin-right: 16px; }

@media (max-width: 700px) {
    .cul-offerstrip { gap: 0; }
    .cul-offerstrip__shot { width: 100%; min-height: 150px; aspect-ratio: 16 / 9; }
    .cul-offerstrip__body { padding: 16px 18px 12px !important; min-width: 0; }
    .cul-offerstrip__btn { margin: 0 18px 18px; width: calc(100% - 36px); }
}