/* =========================================================================
   LAVUMALL - assets/css/index/index-hero.css
   首頁 Hero
   ========================================================================= */

/* 舊版 .hero-banner 樣式：新版版面輪播不再使用此 class */
.hero-banner {
    width: 100%; height: 420px; background-size: cover; background-position: center; border-radius: 20px;
    margin: 30px 0 20px 0; display: flex; align-items: center; justify-content: center; position: relative;
    overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}
.hero-overlay {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.5) 100%); z-index: 1;
}
.hero-text { text-align: center; z-index: 2; padding: 20px; }
.hero-text h1 { font-size: 42px; color: #ffffff; margin-bottom: 12px; font-weight: 700; text-shadow: 0 4px 15px rgba(0,0,0,0.6); }
.hero-text p { font-size: 18px; color: #e5e5e7; text-shadow: 0 2px 10px rgba(0,0,0,0.6); }

/* 頁尾列：背景透明、移除頂部分隔線 */
footer { background-color: transparent; color: #86868b; padding: 45px 0; font-size: 13px; border-top: none; }
.footer-content { display: flex; justify-content: space-between; max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.footer-links a { color: #515154; text-decoration: none; margin-right: 15px; transition: color 0.4s ease; }
.footer-links a:hover { color: #0071e3; }

@media (max-width: 992px) {
    .hero-banner { height: 300px; }
    .footer-content {
        flex-direction: column;
        align-items: center;
        gap: 15px;
        text-align: center;
    }
}