/* MENIUL MARE. Grupele curg pe coloane, cate incap, si panoul nu depaseste
   niciodata ecranul. Vezi scripturi/latimi.js pentru masuratori. */
.hx-panel{box-sizing:border-box;align-items:flex-start;
 max-width:calc(100vw - 24px);max-height:calc(100vh - 84px);
 overflow-y:auto;overflow-x:hidden}
#hx-p-dau{width:min(1200px,calc(100vw - 24px))}
.hx-cols{flex:1 1 auto;min-width:0;columns:230px;column-gap:20px}
.hx-cols>.hx-grp{break-inside:avoid;-webkit-column-break-inside:avoid;
 display:block;min-width:0;margin:0 0 16px}
.hx-aside{flex:0 0 auto}
/* Panoul de Servicii are carduri de latime fixa, care la 920 px de ecran
   ieseau din panou. Trec pe randul urmator. */
.hx-scards{flex-wrap:wrap}
/* SERTARUL DE PE TELEFON. Numele daunatorului fugea la marginea din dreapta,
   departe de iconita lui, si se citea ca doua coloane fara legatura. Cauza:
   `.hx-drawer .hx-lnk{justify-content:space-between}`, scrisa pentru
   intrarile care au o explicatie in <em> impinsa la dreapta. Vine dupa
   regula corecta a legaturilor de daunator si, avand aceeasi greutate, i-a
   luat locul. Aici se pune la loc. */
.hx-drawer .hx-plnk{justify-content:flex-start;align-items:center}

/* POZELE DIN TEXT. Cel mult 600 lat si 440 inalt: o poza lata iese 600x401,
   una patrata 440x440. Nu se taie nimic, se micsoreaza pastrand proportia.
   Latimea se pune pe figura, nu pe poza: poza ramane pe width:100% ca sa-si
   rezerve locul inainte sa se incarce, altfel sare pagina sub ochii omului. */
.pfoto,.foto-real{max-width:600px}
/* Nu se taie nimic din poza: object-fit:contain o micsoreaza intreaga.
   La o poza de recunoastere a insectei conteaza sa se vada tot animalul. */
.pfoto img,.foto-real img{max-height:440px;object-fit:contain;
 object-position:left top;background:none}
/* Galeria de la dezinfectie auto e o grila: pozele umplu celula, nu se
   retrag in coltul ei. Acolo pagina isi pune singura aspect-ratio 4/3 si
   object-fit:cover; le punem inapoi, fiindca foaia noastra vine ultima in
   pagina si altfel i-ar fi luat locul. */
.foton .foto-real{max-width:none}
.foton .foto-real img{max-height:none;object-fit:cover;object-position:center}