/* GardenLite Home Page Styles */

/* Utility quick-access bar */
.utility-bar { background: var(--color-surface); border-block: 1px solid var(--gray-200); }
.utility-inner { display: flex; align-items: center; justify-content: center; min-height: 48px; }
.utility-links { display: flex; gap: var(--space-5); flex-wrap: wrap; align-items: center; justify-content: center; padding: var(--space-2) 0; }
.utility-link { display: inline-flex; gap: var(--space-2); align-items: center; color: var(--gray-700); }
.utility-link i { color: var(--primary-700); }

/* Hero */
.hero { padding: clamp(var(--space-10), 6vw, var(--space-16)) 0; background: linear-gradient(135deg, var(--primary-50), var(--color-background)); }
.hero-grid { display: grid; gap: var(--space-8); grid-template-columns: 1.1fr 0.9fr; align-items: center; }
@media (max-width: 960px) { .hero-grid { grid-template-columns: 1fr; } }
.hero-content p { color: var(--gray-700); }
.hero-search { display: grid; grid-template-columns: 1fr auto; gap: var(--space-3); margin-top: var(--space-5); }
.hero-search input { min-height: 48px; }
.hero-cta { display: flex; gap: var(--space-3); margin-top: var(--space-4); flex-wrap: wrap; }
.hero-benefits { display: flex; gap: var(--space-5); margin-top: var(--space-4); color: var(--gray-700); flex-wrap: wrap; }
.hero-benefits i { color: var(--primary-700); }
.hero-figure { overflow: hidden; border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); }
.hero-figure img { width: 100%; height: auto; display: block; }

/* Mission */
.mission { padding: var(--space-16) 0; }
.mission-grid .card h3 { margin-top: 0; }

/* Catalog */
.catalog { padding: var(--space-16) 0; }
.catalog-head p { color: var(--gray-700); }
.category-card { position: relative; }
.category-card .badge { position: absolute; top: var(--space-3); right: var(--space-3); }
.cat-cards { margin-top: var(--space-6); }
.catalog-figure { margin-top: var(--space-8); overflow: hidden; border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }

/* Details */
.details { padding: var(--space-16) 0; }

/* Navigation tools */
.navigation-tools { padding: var(--space-16) 0; }
.link-list { display: grid; gap: var(--space-2); }
.link-list a { font-weight: 600; }

/* Trust */
.trust { padding: var(--space-16) 0; }
.trust-grid .card h3 { display: flex; align-items: center; gap: var(--space-2); }
.trust-grid .card p { color: var(--gray-700); }

/* Support */
.support { padding: var(--space-16) 0; }
.support-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-8); align-items: center; }
@media (max-width: 960px) { .support-grid { grid-template-columns: 1fr; } }
.support-figure { overflow: hidden; border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }

/* CTA Shop */
.cta-shop { padding: var(--space-16) 0 var(--space-20); }
.cta-shop .card { text-align: center; }
.cta-shop .btn { margin-top: var(--space-3); }