.page-hero__featured {
  --featured-photo-h: 200px; 
  position: relative;
  flex: none;
  width: 420px;
  align-self: flex-start;
}
.page-hero__featured .card-hospital { height: auto; }

.page-hero__featured .card__media { flex: none; height: var(--featured-photo-h); }
.page-hero__featured .card__body { flex: none; }

.editor-badge { top: calc(var(--featured-photo-h) - 16px); }

@media (max-width: 1199px) and (min-width: 1024px) {
  .page-hero__featured { width: 372px; }
}



.clinic-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.clinics-toolbar-mobile { display: none; }


@media (max-width: 1199px) {
  .catalog { flex-direction: column; align-items: stretch; }
  .catalog__aside { display: none; }
  .catalog__results { width: 100%; }
  .clinics-toolbar-mobile { display: grid; }
  
  .catalog__results > .toolbar .toolbar__sort { display: none; }
}
@media (min-width: 1200px) {
  .filters-drawer { display: none; }
}


@media (max-width: 1023px) {
  .page-hero__featured { --featured-photo-h: 176px; width: 100%; align-self: auto; }
  .page-hero__featured .card-hospital { height: auto; }

  .catalog { margin-top: 40px; }
  
  .clinic-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr));
    gap: 20px;
  }
}



@media (max-width: 767px) {
  .catalog .filters { grid-template-columns: 1fr; }
  
  .page-hero__featured { --featured-photo-h: 278px; }
  
  .editor-badge { top: calc(var(--featured-photo-h) - 44px); }
}