/* Mobile layout fixes 2025-10-24 — desktop untouched */
@media (max-width: 768px) {
  /* Hamburger pod textovým rámečkem (v toku, žádné fixed) */
  .mobile-menu-bubble {
    position: static !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    margin: 12px auto 0 !important;
    display: flex !important;
  }

  /* Banner/rámeček s nadpisem do normálního toku a centrovat */
  .top-center-banner {
    position: static !important;
    margin: 8px auto 0 !important;
    text-align: center !important;
    max-width: 92vw !important;
  }

  /* Podklad (stage) se na mobilu přizpůsobí šířce */
  .stage img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }

  /* Video bublina pod bannerem, centrovaná a v toku */
  .js-video-bubble {
    position: relative !important;
    top: auto !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin-top: 16px !important;
  }

  /* Nový popis pod videem – scrollovatelný rámeček */
  .video-description-panel {
    margin: 10px auto 0 !important;
    width: calc(100% - 40px) !important;
    max-width: 520px !important;
    padding: 12px !important;
    border: 1px solid rgba(80, 140, 220, 0.3) !important;
    border-radius: 10px !important;
    background: rgba(0, 12, 35, 0.92) !important;
    color: #e5e7eb !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    max-height: 220px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }

  /* Původní fixní rámeček vedle bubliny na mobilu skryj */
  #nowyRamecek {
    display: none !important;
  }
}