/* Home (front-page.php) */

.home-hero {
  padding: 0;
  background:
    url('../images/hero-home-left-decor0.png') left center / auto 100% no-repeat,
    url('../images/hero-home-products0.png') right center / auto 100% no-repeat,
    linear-gradient(135deg, #faf9fc 0%, #f4eff7 100%);
}
.home-hero .hero-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sp-5);
  align-items: center;
}
.home-hero .hero-copy { padding: var(--sp-6) 0; }
.home-logo { max-width: 300px; margin-bottom: 20px; }
.home-hero .hero-copy p { font-size: var(--fs-2xl); color: var(--ink); margin-bottom: 30px; }
.hero-actions { display: flex; gap: var(--sp-3); }

.home .section-md { padding-top: 30px; padding-bottom: 0; }

.brand-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-4); align-items: stretch; }
.brand-card { padding: var(--sp-5) var(--sp-5); border-radius: var(--r-md); text-align: center; display: flex; flex-direction: column; align-items: center; height: 100%; box-sizing: border-box; }
.brand-card img { margin: 0 auto 20px; display: block; height: 60px; width: auto; object-fit: contain; }
.brand-card p { flex-grow: 1; margin-bottom: 20px; }
.brand-word { font-family: var(--title); font-size: var(--fs-3xl); margin-bottom: 10px; }
.brand-card a {
  color: var(--accent-purple);
  font-weight: bold;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  margin-top: auto;
}
.brand-coming { display: flex; flex-direction: column; justify-content: center; background: #fbf2fc; }
.brand-coming .plus { font-size: var(--fs-5xl); color: var(--accent-purple); }
.brand-coming strong { color: var(--accent-purple); }

.home-categories-wrap { background: #fff; }

/* Dynamic brand styling support */
.brand-card:not(.brand-coming) { color: #000000; }
.brand-card:not(.brand-coming) a { color: #c66e16; }