@supports (interpolate-size: allow-keywords) {
  :root {
    interpolate-size: allow-keywords;
  }
}

/* 1. ZÁKLADNÍ STAV (Zobrazeno) */
section.faq_sec_cat {
  display: block;
  height: auto;
  opacity: 1;
  overflow: hidden;
  padding-bottom: 40px;

  /* Transition behavior musí být u definice transition */
  transition:
    height 0.5s ease,
    opacity 0.5s ease,
    padding 0.5s ease,
    margin 0.5s ease,
    display 0.5s ease allow-discrete;
}

/* 2. POČÁTEČNÍ STAV PRO ANIMACI SMĚREM NAHORU */
/* Cílíme na sekci, která NEMÁ [hidden], ale právě se "narodila" do DOMu/zobrazení */
@starting-style {
  section.faq_sec_cat:not([hidden]) {
    height: 0;
    opacity: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
}

/* 3. STAV PŘI SKRYTÍ */
section.faq_sec_cat[hidden] {
  display: none !important;
  height: 0 !important;
  opacity: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}