/* Papildu stili; Tailwind — CDN. */

.cs-page-shell {
  width: 100%;
  max-width: min(100%, 96rem); /* ~1536px — plašāk nekā agrāk max-w-5xl (1024px) */
  padding-inline: clamp(1rem, 2.5vw, 2rem);
}

@media (min-width: 1280px) {
  .cs-page-shell {
    max-width: min(100%, 108rem); /* ~1728px lielos monitoros */
  }
}

.cs-params-panel {
  max-height: calc(100vh - 5rem);
  overflow-y: auto;
}

/* Rezultātu zona — vairāk elpošanas starp blokiem */
#results > * + * {
  margin-top: 0.25rem;
}

#results .prod-card-wrap + .prod-card-wrap {
  margin-top: 0.75rem;
}

/* Konsjerža mini-kartes — lielāki attēli platā layoutā */
.cs-agent-pick-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.875rem;
}

@media (min-width: 640px) {
  .cs-agent-pick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {
  .cs-agent-pick-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.cs-agent-pick-card img {
  width: 9rem;
  height: 9rem;
}

@media (min-width: 1280px) {
  .cs-agent-pick-card img {
    width: 10.5rem;
    height: 10.5rem;
  }
}

/* Kritēriju panelis — vairāk kolonnu platā ekrānā */
.cs-criteria-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.625rem;
}

@media (min-width: 768px) {
  .cs-criteria-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {
  .cs-criteria-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}