/* ===== HOME PAGE ===== */

/* Category section */
.category-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-5); }
.category-card { display: block; border-radius: var(--radius-xl); overflow: hidden; position: relative; aspect-ratio: 3/4; cursor: pointer; transition: transform var(--transition-base), box-shadow var(--transition-base); }
.category-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-xl); }
.category-card__bg { position: absolute; inset: 0; transition: transform var(--transition-slow); }
.category-card:hover .category-card__bg { transform: scale(1.05); }
.category-card__overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 60%, transparent 100%); }
.category-card__content { position: absolute; bottom: 0; left: 0; right: 0; padding: var(--space-5); color: white; }
.category-card__icon { font-size: 40px; margin-bottom: var(--space-2); }
.category-card__name { font-size: var(--font-size-xl); font-weight: 700; margin-bottom: 4px; }
.category-card__count { font-size: var(--font-size-xs); opacity: 0.8; }
.category-card__arrow { position: absolute; top: var(--space-4); right: var(--space-4); width: 32px; height: 32px; border-radius: 50%; background: rgba(255,255,255,0.2); display: flex; align-items: center; justify-content: center; color: white; font-size: 16px; opacity: 0; transition: opacity var(--transition-fast); }
.category-card:hover .category-card__arrow { opacity: 1; }

/* Category colors */
.cat-food { background: url('../images/products/Hot_pot_with_meat.jpg') center/cover no-repeat; }
.cat-crafts { background: url('../images/products/Sichuan_Embroidery__9958426114_.jpg') center/cover no-repeat; }
.cat-fruits { background: url('../images/products/Kiwifruit_cutopen.jpg') center/cover no-repeat; }
.cat-snacks { background: url('../images/products/Latiao_-_imitation_spicy_crayfish.jpg') center/cover no-repeat; }

/* Featured products section */
.products-section-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--space-8); }
.view-all-link { font-size: var(--font-size-sm); color: var(--color-primary); font-weight: 600; display: flex; align-items: center; gap: 4px; }
.view-all-link:hover { text-decoration: underline; }

/* Featured shops section */
.shops-section { background: var(--color-bg-warm); }
.shops-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-6); }

/* Banner strip */
.banner-strip { background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-dark) 100%); padding: var(--space-4) 0; }
.banner-strip-inner { display: flex; align-items: center; justify-content: center; gap: var(--space-10); flex-wrap: wrap; }
.banner-strip-item { display: flex; align-items: center; gap: var(--space-3); color: white; font-size: var(--font-size-sm); font-weight: 500; }
.banner-strip-icon { font-size: 20px; }

/* Trust badges */
.trust-section { padding: var(--space-12) 0; background: var(--color-bg-light); }
.trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-6); }
.trust-item { text-align: center; padding: var(--space-6); }
.trust-icon { font-size: 40px; margin-bottom: var(--space-3); }
.trust-title { font-size: var(--font-size-base); font-weight: 700; color: var(--color-title); margin-bottom: var(--space-2); }
.trust-desc { font-size: var(--font-size-sm); color: var(--color-muted); }

/* Promo banner */
.promo-banner { border-radius: var(--radius-xl); overflow: hidden; background: linear-gradient(135deg, #1A0A0E 0%, #3D0B1A 100%); padding: var(--space-10) var(--space-12); display: flex; align-items: center; justify-content: space-between; gap: var(--space-8); }
.promo-banner-text h2 { color: white; font-size: var(--font-size-3xl); margin-bottom: var(--space-3); }
.promo-banner-text p { color: rgba(255,255,255,0.75); font-size: var(--font-size-lg); margin: 0; }
.promo-banner-visual { font-size: 80px; flex-shrink: 0; }