/* --- patch.mobile.css: minimal, non-destructive overrides --- */

/* 1) INDEX: schovať kruhové logo pod bannerom (mobil) */
@media (max-width: 767.98px){
  .hero .logo-circle, .hero .logo, .hero .hero-illustration, .hero .brand-mark {
    display: none !important;
  }
}

/* 2) O plemene (mobil): obrázok hore, text pod ním; 1 stĺpec */
@media (max-width: 767.98px){
  #o-plemene .container { grid-template-columns: 1fr !important; }
  #o-plemene .container > :not(h2) { grid-row: auto !important; }
  #o-plemene img.photo { display: block !important; order: -1 !important; margin-bottom: var(--space, 16px); }
}

/* 3) Naši psi (chov.html#psy) – karty do jedného stĺpca na mobiloch */
@media (max-width: 767.98px){
  #psy .dog-card { display: grid; grid-template-columns: 1fr !important; gap: var(--space, 16px); }
  #psy .dog-card > div { order: unset !important; }
  #psy .dog-card img.photo, #psy .dog-card .photo--face { width: 100%; height: auto; object-fit: cover; }
}

/* 4) Oprava nežiaducich medzier okolo hero panelu na mobile */
@media (max-width: 767.98px){
  .hero .panel { margin-left: 0 !important; }
}

/* 5) Zabránime horizontálnemu scrollu na extrémne úzkom viewporte */
html, body { overflow-x: hidden; }