@charset "utf-8";
/* 시즌 메뉴 페이지 전용 스타일 (공통은 fl-sub.css, 배지 칩은 css/fl-board.css 의 .fl-menu-badges 재사용) */

/* 사계절 브랜드 소개 2카드 — fl-brand-card 는 재사용하되 그리드만 2열로 */
#sub-season .fl-season-brand-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

/* 지금의 시즌·신메뉴 동적 카드 그리드 */
#sub-season .fl-season-menu-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
#sub-season .fl-season-menu-card,
#sub-season .fl-season-menu-card:link,
#sub-season .fl-season-menu-card:visited {
    display: block;
    background: #fff;
    border-radius: var(--fl-radius, 14px);
    box-shadow: var(--fl-shadow, 0 6px 20px rgba(31, 42, 34, .06));
    overflow: hidden;
    color: var(--fl-ink, #1f2a22);
    text-decoration: none;
    transition: box-shadow .2s, transform .2s;
}
#sub-season .fl-season-menu-card:hover {
    box-shadow: var(--fl-shadow-lg, 0 14px 34px rgba(31, 42, 34, .10));
    transform: translateY(-4px);
}
#sub-season .fl-season-menu-img { aspect-ratio: 4 / 3; overflow: hidden; }
#sub-season .fl-season-menu-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
#sub-season .fl-season-menu-card:hover .fl-season-menu-img img { transform: scale(1.06); }
#sub-season .fl-season-menu-body { padding: 18px 20px 22px; }
#sub-season .fl-season-menu-body h4 { font-size: 16.5px; font-weight: 800; margin-bottom: 6px; word-break: keep-all; }
#sub-season .fl-season-menu-body p { font-size: 14px; line-height: 1.6; color: var(--fl-ink-2, #4d5a50); }
#sub-season .fl-season-period { margin-top: 6px; font-size: 13px; color: var(--fl-ink-3, #8b948c); }

/* 반응형: 태블릿·모바일에서 카드 열 수 축소 */
@media (max-width: 1024px) {
    #sub-season .fl-season-brand-grid { grid-template-columns: 1fr; }
    #sub-season .fl-season-menu-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 576px) {
    #sub-season .fl-season-menu-grid { grid-template-columns: 1fr 1fr; gap: 14px; }
    #sub-season .fl-season-menu-body { padding: 14px 14px 18px; }
}