/* ==========================================================================
   메인 화면 — 시안 A (2026-09-17 · 3단계)
   배너(둥근 모서리) → 카테고리 아이콘 10개 → Today's Deals(가로) → Best(2열) → New Arrivals(2열)
   카드 모양은 공통 common/app_cards.css (메인 · 상품목록 · 브랜드 같이)
   ========================================================================== */

/* 배너 */
.wf-app .wf-banner { padding: 12px 16px 0 !important; margin: 0 !important; background: #fff !important; }
.wf-app .wf-banner .banner-slider-container {
    position: relative; width: 100% !important; max-width: 100% !important; margin: 0 !important;
    aspect-ratio: 2 / 1; height: auto !important; border-radius: 14px; overflow: hidden; background: #f6f8f3;
}
.wf-app .wf-banner .banner-slides-wrapper, .wf-app .wf-banner .banner-slide { height: 100% !important; }
.wf-app .wf-banner .banner-slide img { width: 100%; height: 100% !important; object-fit: cover; display: block; }
.wf-app .wf-banner .banner-nav-arrow { width: 30px !important; height: 30px !important; font-size: 12px !important; opacity: .85; }
.wf-app .wf-banner .banner-nav-arrow.prev { left: 8px !important; }
.wf-app .wf-banner .banner-nav-arrow.next { right: 8px !important; }
.wf-app .wf-banner .banner-indicators { bottom: 8px !important; }

/* 카테고리 아이콘 */
.wf-cats { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px 4px; padding: 18px 10px 4px; scroll-margin-top: 110px; }
.wf-cat { display: flex; flex-direction: column; align-items: center; gap: 7px; text-decoration: none; color: #333; }
.wf-cat-ic {
    display: flex; align-items: center; justify-content: center; width: 52px; height: 52px;
    border-radius: 18px; background: var(--wf-green-soft, #eef8e3); color: var(--wf-green, #6cc417); font-size: 21px;
}
.wf-cat:hover .wf-cat-ic { background: #e2f3cf; }
.wf-cat-nm { font-size: 11.5px; line-height: 1.25; text-align: center; }

/* 섹션 */
.wf-app .wf-sec { padding: 22px 16px 0 !important; margin: 0 !important; background: #fff !important; }
.wf-sec-head { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 12px; }
.wf-sec-head h2 { margin: 0; font-size: 18px; font-weight: 700; color: var(--wf-ink, #1d1d1f); letter-spacing: 0; }
.wf-sec-head h2::after { display: none !important; }
.wf-sec-head a { font-size: 13px; color: var(--wf-sub, #8a8f98); text-decoration: none; }
.wf-sec-head a i { font-size: 10px; }

/* 빈 섹션 문구 */
.wf-app .wf-sec .empty-section { grid-column: 1 / -1; }