/* LAB — režim EMBED (16.9.): podstránka vložená v pravém panelu na desktopu (?embed=1).
   Stránky jsou stavěné „na výšku mobilu" (min-height 100vh, úzký sloupec 420 px, spodek přilepený dolů).
   V panelu to dává bílé kraje a díru nad tlačítkem → tady: plná šířka, přirozená výška, tlačítko hned pod obsahem. */
html.embed, html.embed body { min-height: 0 !important; height: auto !important; overflow-x: hidden; }
html.embed .wrap { max-width: 100% !important; min-height: 0 !important; height: auto !important; padding: 4px 6px 14px !important; gap: 10px !important; }
html.embed .wrap > *, html.embed #v-first { flex: 0 0 auto !important; min-height: 0 !important; }
html.embed #v-first { gap: 10px !important; }
html.embed .cat-note, html.embed .catalog, html.embed .btn, html.embed .foot, html.embed [style*="margin-top:auto"] { margin-top: 10px !important; padding-top: 0 !important; }
html.embed .hero, html.embed .hd { min-height: 0 !important; }
html.embed .once { flex: 0 0 auto !important; padding: 12px 8px !important; }

/* Tlačítka v panelu (16.9. večer): ne „zmačklé" plné šířky. Vyšší, pilulka, max 400 px na střed.
   Hlavní akce (.btn) = plné lime. Spodní navigace (.catalog) místo černé = světlá s obrysem. */
html.embed .btn, html.embed .catalog { width: 100% !important; max-width: 400px !important; margin-left: auto !important; margin-right: auto !important; border-radius: 999px !important; padding: 16px 22px !important; font-size: 15px !important; transition: transform .12s ease, box-shadow .12s ease, background .12s ease !important; }
html.embed .btn { background: var(--lime) !important; color: var(--lime-ink) !important; border: 0 !important; box-shadow: 0 10px 26px rgba(200,255,0,.32) !important; font-weight: 800 !important; }
html.embed .btn:hover { transform: translateY(-1px); box-shadow: 0 14px 30px rgba(200,255,0,.4) !important; }
html.embed .catalog { background: #fff !important; color: var(--text) !important; border: 1.5px solid var(--border) !important; box-shadow: 0 4px 14px rgba(0,0,0,.06) !important; font-weight: 700 !important; margin-top: 18px !important; }
html.embed .catalog:hover { border-color: rgba(26,27,29,.45) !important; transform: translateY(-1px); }
html.embed .catalog .carr { font-size: 17px !important; }
html.embed .hint { margin-top: 12px !important; }

/* Stejné barvy tlačítek i na mobilu, tedy mimo panel (17.9.): hlavní akce lime, spodní navigace světlá s obrysem
   místo černé. Rozložení mobilních stránek (tlačítko přilepené dole, plná šířka) se nemění, jen vzhled. */
html:not(.embed) .catalog { background: #fff !important; color: var(--text) !important; border: 1.5px solid var(--border) !important; box-shadow: 0 4px 14px rgba(0,0,0,.06) !important; border-radius: 999px !important; font-weight: 700 !important; }
html:not(.embed) .catalog:active { transform: scale(.98); border-color: rgba(26,27,29,.45) !important; }
html:not(.embed) .btn { background: var(--lime) !important; color: var(--lime-ink) !important; border: 0 !important; border-radius: 999px !important; box-shadow: 0 10px 26px rgba(200,255,0,.32) !important; font-weight: 800 !important; }