/* Home page specific styles for PokojGamePL */

/* Hero */
.hero { background: radial-gradient(1200px 600px at 10% 10%, rgba(57,255,20,0.12), transparent 60%), linear-gradient(180deg, rgba(46,107,255,0.08), transparent 55%); }
.hero-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: var(--space-8); align-items: center; }
.hero-copy .eyebrow { color: var(--color-primary); font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; font-size: var(--fs-sm); }
.hero-ctas { display: flex; gap: var(--space-4); margin-top: var(--space-4); flex-wrap: wrap; }
.hero-subcta { margin-top: var(--space-3); }
.hero-media { overflow: hidden; border-radius: var(--radius-xl); min-height: 280px; box-shadow: var(--shadow-xl); }

/* Themes */
.section-head { margin-bottom: var(--space-6); }
.themes-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-6); align-items: stretch; }
.themes-media { padding: 0; overflow: hidden; }

/* Booking */
.booking-card { background: var(--color-surface); }
.booking-head { margin-bottom: var(--space-5); }
.booking-form-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-4); }
.field label { font-weight: 600; margin-bottom: var(--space-2); display: inline-block; }

/* Promotions */
.promo-card { border-left: 6px solid var(--color-warning); background: color-mix(in oklab, var(--color-warning) 6%, var(--color-surface)); }

/* Testimonials */
.testimonials blockquote p { font-size: var(--fs-lg); color: var(--color-text); }
.testimonials blockquote footer { margin-top: var(--space-3); color: var(--color-muted); font-weight: 600; }

/* Groups */
.groups-inner { background: linear-gradient(135deg, rgba(46,107,255,0.08), rgba(255,106,0,0.06)); }

/* VR */
.vr-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-6); align-items: center; }
.vr-media { padding: 0; overflow: hidden; }

/* Newsletter */
.newsletter-card { background: color-mix(in oklab, var(--color-primary) 5%, var(--color-surface)); }
.newsletter-grid { display: grid; grid-template-columns: 1fr auto; gap: var(--space-4); }
.status { margin-top: var(--space-3); color: var(--color-success); font-weight: 600; }

/* Contact */
.contact-grid { display: grid; grid-template-columns: 1fr; }

/* Responsive */
@media (max-width: 960px) {
  .hero-grid { grid-template-columns: 1fr; }
  .themes-grid { grid-template-columns: 1fr; }
  .booking-form-grid { grid-template-columns: 1fr 1fr; }
  .vr-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .booking-form-grid { grid-template-columns: 1fr; }
  .hero-ctas { flex-direction: column; align-items: flex-start; }
  .newsletter-grid { grid-template-columns: 1fr; }
}