/**
 * Theme: APKPure Emerald Classic
 * Radically Distinct Structural Layout & Design Language
 */

:root {
  --primary: #00b06f;
  --primary-hover: #00965e;
  --primary-glow: #00b06f40;
  --brand-color: #00b06f;
  
  --bg-body: #f7f9fa;
  --bg-card: #ffffff;
  --bg-subbar: #ffffff;
  --bg-hover: #00b06f15;
  --bg-input: #ffffff;
  --bg-footer: #ffffff;
  
  --text-main: #1e293b;
  --text-secondary: #475569;
  --text-muted: #94a3b8;
  --text-footer: #475569;
  --text-footer-link: #00b06f;
  
  --border-color: #e2e8f0;
  
  --hero-gradient: linear-gradient(135deg, #00b06f 0%, #00965e 100%);
  --btn-download-bg: linear-gradient(135deg, #00b06f 0%, #00965e 100%);
  --btn-download-hover: linear-gradient(135deg, #00965e 0%, #00b06f 100%);
  
  --btn-playstore-bg: #ffffff;
  --btn-playstore-border: #e2e8f0;
  --btn-playstore-color: #1e293b;
  --btn-playstore-hover: #00b06f;
}


/* Layout Style: Classic 6-Column App Grid */
.apps-grid, .apps-grid-6 {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: 1.25rem 0.75rem !important;
  justify-items: center !important;
}
@media (max-width: 1024px) {
  .apps-grid, .apps-grid-6 { grid-template-columns: repeat(4, 1fr) !important; }
}
@media (max-width: 768px) {
  .apps-grid, .apps-grid-6 { grid-template-columns: repeat(3, 1fr) !important; gap: 0.85rem 0.45rem !important; }
}
@media (max-width: 360px) {
  .apps-grid, .apps-grid-6 { grid-template-columns: repeat(2, 1fr) !important; }
}
.app-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  padding: 0.65rem 0.35rem !important;
  width: 100% !important;
  max-width: 135px !important;
  border: 1px solid transparent !important;
}
.app-card:hover {
  transform: translateY(-4px) !important;
  background-color: #f0fdf4 !important;
  border-color: #bbf7d0 !important;
}
.app-card-thumb-wrap {
  width: 84px !important;
  height: 84px !important;
  border-radius: 20px !important;
}

