/* Download Page Styles - PlayZonePolska (builds on base.css) */
.hero-download {
  background: linear-gradient(135deg, rgba(201,168,117,0.15), rgba(90,107,79,0.12));
}

.requirements-list,
.safe-download-list,
.step-list { 
  display: grid; 
  gap: var(--space-2);
  padding-left: var(--space-4);
}
.requirements-list li,
.safe-download-list li,
.step-list li { list-style: disc; }

.tabs { 
  display: inline-flex; 
  gap: var(--space-2);
  background: var(--color-surface);
  border: 1px solid var(--color-gray-200);
  border-radius: var(--radius-full);
  padding: var(--space-2);
}
.tab-btn {
  appearance: none;
  background: transparent;
  color: var(--color-text);
  border-radius: var(--radius-full);
  padding: var(--space-2) var(--space-4);
  border: 1px solid transparent;
  font-weight: var(--font-weight-semibold);
}
.tab-btn[aria-selected="true"] {
  background: var(--color-primary);
  color: var(--color-surface);
}
.tabpanel { 
  outline: none; 
}

.faq-q { 
  font-weight: var(--font-weight-semibold); 
  cursor: pointer; 
}

/* Minor spacing tweaks on cards in grids */
.card details > div { 
  color: var(--color-text-secondary);
}

@media (max-width: 768px) {
  .hero-download img { margin-top: var(--space-6); }
}