/* ===== ZDE SI MŮŽETE MĚNIT VZHLED A PULZOVÁNÍ ===== */
  #sealFinderLauncher {
    --barva-pozadi: #ffbe00;         /* Žlutooranžové pozadí */
    --barva-textu: #142d45;          /* Tmavý text */
    --barva-ramecku: #142d45;        /* Tmavý rámeček */
    --barva-po-najeti: #ffd34d;      /* Pozadí pod myší */
    --interval-pulzu: 8.3s;          /* Doba celého cyklu */
    --zpozdeni-prvniho-pulzu: 2.1s; /* Odklad prvního pulzu */
    --zvetseni-pri-pulzu: 1.055;     /* 1.055 znamená zvětšení o 5,5 % */
    --mezera-od-spodu: 90px;        /* Původní tlačítka jsou na 10 a 50 px */

    position: fixed;
    right: 10px;
    bottom: var(--mezera-od-spodu);
    z-index: 9999;
    max-width: calc(100vw - 20px);
    box-sizing: border-box;
    padding: 8px 20px;
    border: 2px solid var(--barva-ramecku);
    border-radius: 5px;
    background: var(--barva-pozadi);
    color: var(--barva-textu);
    font: 700 15px/1.25 Arial, sans-serif;
    cursor: pointer;
    box-shadow: 0 4px 12px #0003;
    transform-origin: right center;

    /* Vypnutí pulzace: následující „animation“ nahraďte „animation: none;“ */
    animation: vyberUcpavkyPuls var(--interval-pulzu) ease-in-out
               var(--zpozdeni-prvniho-pulzu) infinite;
  }

  #sealFinderLauncher:hover {
    background: var(--barva-po-najeti);
  }

  #sealFinderLauncher:focus-visible,
  #sealFinderClose:focus-visible {
    outline: 3px solid #0868c4;
    outline-offset: 4px;
  }

  /* Dvojitý pomalejší pulz. Původní tlačítka mají vlastní rytmus. */
  @keyframes vyberUcpavkyPuls {
    0%, 5%, 22%, 100% { transform: scale(1); }
    10% { transform: scale(var(--zvetseni-pri-pulzu)); }
    14% { transform: scale(1); }
    18% { transform: scale(1.025); }
  }

  /* ===== VYHLEDÁVACÍ OKNO ===== */
  #sealFinderDialog {
    width: min(1100px, calc(100vw - 24px));
    height: min(900px, calc(100dvh - 24px));
    max-width: none;
    max-height: none;
    padding: 0;
    border: 0;
    border-radius: 12px;
    overflow: hidden;
    background: #edf1f5;
    box-shadow: 0 20px 70px #0005;
  }

  #sealFinderDialog::backdrop { background: #0009; }
  #sealFinderDialog[open] { display: flex; flex-direction: column; }
  #sealFinderDialog .sealFinderBar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 0 0 38px;
    padding: 0 8px 0 16px;
    background: #fff;
    border-bottom: 1px solid #dce4eb;
    color: #42627c;
    font: 13px Arial, sans-serif;
  }
  #sealFinderClose {
    width: 36px;
    height: 34px;
    padding: 0;
    background: transparent;
    border: 0;
    color: #24435e;
    cursor: pointer;
    font: 28px/1 Arial, sans-serif;
  }
  #sealFinderFrame {
    display: block;
    width: 100%;
    min-height: 0;
    flex: 1 1 auto;
    border: 0;
    background: #edf1f5;
  }
  #sealFinderSetup {
    padding: 24px;
    font: 15px/1.5 Arial, sans-serif;
    color: #24435e;
  }
  #sealFinderSetup[hidden], #sealFinderFrame[hidden] { display: none; }

  @media (max-width: 600px) {
    #sealFinderLauncher {
      padding: 8px 13px;
      font-size: 13px;
    }
    #sealFinderDialog {
      width: calc(100vw - 12px);
      height: calc(100dvh - 12px);
      border-radius: 8px;
    }
  }

  /* Respektuje nastavení návštěvníka, který má omezené animace. */
  @media (prefers-reduced-motion: reduce) {
    #sealFinderLauncher { animation: none; }
  }