/* Homepage-specific arrangements */
.home-products { padding-top: clamp(3.5rem, 6vw, 5rem); }
.home-gallery-head { display: grid; grid-template-columns: .55fr 1.45fr; gap: 2rem; align-items: end; margin-bottom: 1.3rem; }
.home-gallery-head p { margin-bottom: 0; max-width: 620px; color: var(--color-muted); }
.home-about .split-media { min-height: 380px; }

/* Subpage card grid */
.detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.detail-card { border: 1px solid var(--color-border); padding: 1.4rem; background: rgba(255,255,255,.22); }
.detail-card h3 { margin-bottom: .55rem; }
.detail-card p { margin-bottom: 0; color: var(--color-muted); }

/* Realizace page */
.gallery-page-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: 92px;
  gap: .75rem;
}
.gallery-page-grid .gallery-item { min-width: 0; min-height: 0; }
.gallery-page-grid .gallery-tile { width: 100%; height: 100%; min-height: 0; }
.gallery-page-grid .gallery-item--wide { grid-column: span 8; grid-row: span 4; }
.gallery-page-grid .gallery-item--landscape { grid-column: span 4; grid-row: span 3; }
.gallery-page-grid .gallery-item--portrait { grid-column: span 4; grid-row: span 5; }
.gallery-page-grid .gallery-item--square { grid-column: span 4; grid-row: span 4; }
.gallery-page-grid .gallery-item--tall { grid-column: span 4; grid-row: span 6; }

/* 404 */
.error-page { min-height: calc(100vh - var(--header-h)); display: grid; place-items: center; text-align: center; padding: 4rem var(--gutter); }
.error-code { color: var(--color-bronze); font-weight: 800; letter-spacing: .14em; }

.button-row--center { justify-content: center; }

/* ===== V2 page tuning ===== */
.home-products {
  padding-top: clamp(2.7rem, 5vw, 4rem);
}


/* ===== MARMA V2 – homepage safe tuning ===== */

/* Hero obrázek a informační pás mají být prakticky nalepené na sebe.
   Toto přebije případnou dřívější ruční úpravu marginu. */
.hero + .info-strip {
  margin-top: 0 !important;
}

/* Záměrně nepřidávat spacer ani padding mezi hero a info-strip. */


/* ===== MARMA V3 – galerie realizací ===== */
.gallery-item--deferred { display: none; }
.gallery-load-more {
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
}
.gallery-load-more[hidden] { display: none; }