/* ==========================================================================
   ECOHIT Pages — page-specific layout on top of components
   ========================================================================== */

/* Segment router (homepage) */
.eco-router { display: grid; gap: var(--eco-space-6); }
@media (min-width: 48rem) { .eco-router { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 80rem) { .eco-router { grid-template-columns: repeat(4, 1fr); } }
.eco-router .eco-card--primary { border-color: var(--eco-blue); border-width: 2px; }

/* Split section: text + media */
.eco-split { display: grid; gap: var(--eco-space-8); align-items: center; }
@media (min-width: 64rem) { .eco-split { grid-template-columns: 1fr 1fr; gap: var(--eco-space-12); } }
.eco-split__media { border-radius: var(--eco-radius-panel); overflow: hidden; box-shadow: var(--eco-shadow); }

/* Path choice (solárna mobilita) */
.eco-paths { display: grid; gap: var(--eco-space-6); }
@media (min-width: 48rem) { .eco-paths { grid-template-columns: 1fr 1fr; } }
.eco-paths .eco-card { gap: var(--eco-space-4); }
.eco-paths .eco-card ul { margin: 0; padding-inline-start: 1.1rem; font-size: var(--eco-small); color: var(--eco-text-muted); }

/* Checklist of podklady */
.eco-checklist { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--eco-space-2); }
@media (min-width: 48rem) { .eco-checklist--2col { grid-template-columns: 1fr 1fr; column-gap: var(--eco-space-8); } }
.eco-checklist li { display: flex; gap: var(--eco-space-3); align-items: flex-start; margin: 0; font-size: var(--eco-small); }
.eco-checklist svg { flex: none; width: 1.25rem; height: 1.25rem; color: var(--eco-success); margin-block-start: 2px; }

/* Thank-you page */
.eco-thanks { min-height: 60vh; display: grid; align-items: start; }
.eco-thanks__panel { max-width: 46rem; }
.eco-thanks__icon { width: 4rem; height: 4rem; color: var(--eco-success); margin-block-end: var(--eco-space-4); }