/* ========== LOKÁLNÍ STYLY PRO MARKET KOMPAS ========== */

/* Metodologie Grid */
.method-grid { 
  display: grid; 
  grid-template-columns: 1fr 1fr; 
  gap: 20px; 
  margin-top: var(--space-8); 
}
@media (max-width: 768px) { 
  .method-grid { grid-template-columns: 1fr; } 
}

.method-card { 
  background: var(--bg-card); 
  border: 1px solid var(--border); 
  border-radius: var(--radius-lg); 
  padding: var(--space-6); 
}
.method-icon { 
  font-size: 2rem; 
  margin-bottom: var(--space-3); 
}
.method-card h4 { 
  font-family: var(--font-display); 
  font-size: var(--text-lg); 
  font-weight: 700; 
  color: var(--blue); 
  margin-bottom: var(--space-3); 
}
.method-card p { 
  font-size: var(--text-sm); 
  color: var(--text-muted); 
  line-height: 1.7; 
}

/* Provides Grid (Co poskytuje / Co ne) */
.provides-grid { 
  display: grid; 
  grid-template-columns: 1fr 1fr; 
  gap: 20px; 
}
@media (max-width: 768px) { 
  .provides-grid { grid-template-columns: 1fr; } 
}

.provides-yes { 
  background: rgba(0,176,240,0.06); 
  border: 1px solid rgba(0,176,240,0.2); 
  border-radius: var(--radius-lg); 
  padding: var(--space-6); 
}
.provides-no { 
  background: rgba(255,255,255,0.03); 
  border: 1px solid var(--border); 
  border-radius: var(--radius-lg); 
  padding: var(--space-6); 
}

.provides-yes h4 { 
  color: var(--blue); 
  font-family: var(--font-display); 
  font-size: var(--text-base); 
  font-weight: 700; 
  margin-bottom: var(--space-4); 
}
.provides-no h4 { 
  color: var(--text-muted); 
  font-family: var(--font-display); 
  font-size: var(--text-base); 
  font-weight: 700; 
  margin-bottom: var(--space-4); 
}

/* Seznamy */
.gs-list { 
  list-style: none; 
  padding: 0; 
  display: flex; 
  flex-direction: column; 
  gap: var(--space-3); 
  margin-top: var(--space-6); 
}
.gs-list li { 
  display: flex; 
  gap: var(--space-3); 
  align-items: flex-start; 
  font-size: var(--text-sm); 
  color: #d1d5db; 
  line-height: 1.6; 
}
.gs-list li::before { 
  content: '→'; 
  color: var(--blue); 
  font-weight: 700; 
  flex-shrink: 0; 
  margin-top: 2px; 
}
.gs-list.gold li::before { 
  color: var(--gold); 
}
.gs-list.check li::before { 
  content: '✓'; 
}

/* Image Mockup Placeholder */
.img-mockup { 
  background: rgba(0,0,0,0.3); 
  border: 1px dashed rgba(255,255,255,0.2); 
  border-radius: var(--radius-md); 
  width: 100%; 
  aspect-ratio: 16/9; 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  color: var(--text-faint); 
  font-size: var(--text-sm); 
  margin-top: var(--space-6); 
}

/* Page Hero */
.page-hero { 
  padding: clamp(var(--space-12),8vw,var(--space-20)) 0 var(--space-12); 
}
.page-hero-inner { 
  max-width: 700px; 
}
.page-hero h1 { 
  font-size: var(--text-2xl); 
  font-weight: 900; 
  letter-spacing: -1.5px; 
  margin-bottom: var(--space-4); 
  color: #fff; 
}
.hero-eyebrow { 
  display: inline-block; 
  font-size: var(--text-xs); 
  font-weight: 700; 
  letter-spacing: 2px; 
  text-transform: uppercase; 
  color: var(--blue); 
  background: rgba(0,176,240,0.10); 
  border: 1px solid rgba(0,176,240,0.25); 
  border-radius: var(--radius-xl); 
  padding: 6px 18px; 
  margin-bottom: var(--space-6); 
}