/* Layout fixes on top of the original design.
   Kept in a separate file so nothing here touches the generated CSS, and so a
   future rebuild only needs this one <link> re-added. */

/* ------------------------------------------------------------------ hero
   On phones the call-to-action row (Rozvrh / Online lekce / YouTube) is a
   sibling AFTER the hero <header>, so it lands underneath the photo. On
   desktop the same buttons sit on the image. Pull the row up onto the photo.

   The hero geometry is identical at every width in this breakpoint
   (header 605px, photo 119-549px, row at 605px), so a fixed offset is safe;
   the negative margin also collapses the empty gap the row leaves behind. */
@media (max-width: 809.98px) {
    .anyttora-g2zy1k {
        margin-top: -180px;
        position: relative;
        z-index: 3;
    }
}

/* ------------------------------------------------------------- menu: close
   With the menu open the toggle switches to its "Close" variant, but the nav
   row overflows its 358px track and the button is laid out at x=415 on a
   390px screen -- i.e. off the edge, so there is nothing to tap to close.
   Pin it to the top-right of the nav instead. The logo moves to the left in
   this state, so the right corner is free. */
@media (max-width: 809.98px) {
    nav[data-anyttora-name="Mobile-Opened"] .anyttora-xdd641-container {
        position: absolute;
        top: 24px;
        right: 16px;
        left: auto;
        z-index: 10;
    }
}

/* --------------------------------------------------- menu: the closing flash
   The nav has two variants. Open, the link list holds the Czech items; closed,
   the very same elements still hold the Framer starter template's English
   text (Classes / Gallery / Benefits / Testimonials / Pricing). Dismissing the
   menu switches the variant back before the panel finishes collapsing, so that
   English list renders at full size for a frame or two -- the flash.

   They cannot be hidden by class: open and closed share the same generated
   classes, so hiding them blanks the real menu. Hiding the list only while the
   nav is in its closed state is precise, and costs nothing because in that
   state the links are not supposed to be on screen anyway. visibility rather
   than display, so nothing reflows. */
@media (max-width: 809.98px) {
    nav[data-anyttora-name="Mobile"] .anyttora-1uf3f4k {
        visibility: hidden !important;
    }
}