/* Home page styles for ZapchShoPL (lean, leveraging base.css) */

.hero { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: var(--grid-gap); align-items: center; padding-top: var(--space-8); padding-bottom: var(--space-8); }
.hero-content h1 { max-width: 20ch; }
.hero .badge { margin-bottom: var(--space-3); }
.hero-media img { border-radius: var(--radius-xl); box-shadow: var(--shadow-lg); }

.section { padding-top: var(--space-8); padding-bottom: var(--space-8); }
.section-media img { border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }

/* Compatibility form */
.compat-form { margin-top: var(--space-4); }
.input-group-append { font-weight: var(--font-weight-semibold); color: var(--color-secondary); }

/* Quality and trust icons */
.quality .trust-icon { color: var(--color-primary); margin-bottom: var(--space-3); }
.trust-icon { color: var(--color-primary); }

/* Reviews */
.reviews { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--grid-gap); }
.reviews blockquote p { color: var(--color-text-primary); font-style: normal; }
.reviews footer { margin-top: var(--space-3); color: var(--color-text-muted); }

/* Deal timer */
.deal-timer { margin-top: var(--space-2); font-weight: var(--font-weight-semibold); color: var(--color-secondary); }

/* Newsletter */
.newsletter-form { margin-top: var(--space-4); }
.newsletter .form-feedback { font-weight: var(--font-weight-medium); }

/* Social */
.social .social-list { display: flex; gap: var(--space-3); flex-wrap: wrap; }
.social .social-icon { display: inline-flex; margin-right: var(--space-2); }

/* Responsive */
@media (max-width: 1024px) { .hero { grid-template-columns: 1fr; } }
@media (max-width: 768px) {
  .reviews { grid-template-columns: 1fr; }
}