/* Jednotná police horní nabídky. Platí jen pro Grilcentrum /zbozi.
   Každý panel drží stejných sedm pozic, výšku snímků a osu názvů.
   Zobrazení ignoruje průhledné okraje; původní soubory se nemění. */
/* Roman 16. 9. 2026: „můžeš to zvětšit a posunout vlevo, a to udělej
   u všech sekcí, aby to bylo stejně velké a stejně od sebe, ale pouze
   v jedné linii, žádné listy." Náhledy jsou proto vyšší (rámeček 1.5
   místo 2.1) a mřížka začíná víc vlevo: levý sloupec s textem je užší
   (160 px místo 225 px) a mezera k němu menší (28 px místo 44 px).
   Sedm sloupců i mezery zůstávají pro všechny sekce stejné a všechno
   drží jednu řadu. */
.mega-menu{--menu-mezera:20px;--menu-pomer:1.5}
.mega-menu .mega-vnitrek{grid-template-columns:160px minmax(0,1fr);gap:28px;min-height:300px;align-items:stretch}
.mega-menu .mega-karty{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--menu-mezera);min-width:0;align-items:start;align-self:center;overflow:visible;padding:12px 4px 8px}
.mega-menu .mega-karty>a{display:grid!important;grid-template-rows:auto 40px;row-gap:16px;align-content:start;align-items:start}
.mega-menu .mega-foto{aspect-ratio:var(--menu-pomer);display:flex;justify-content:center;align-items:flex-end;overflow:hidden}
/* Široké snímky (plancha, příslušenství) se po zvětšení nesmí rozlézt
   do sousedního sloupce: šířka končí na šířce karty a výška se dopočítá
   podle poměru snímku, takže se nic nedeformuje. */
.mega-menu .mega-objekt{position:relative;width:calc(100% * var(--pomer) / var(--menu-pomer));max-width:100%;height:auto;aspect-ratio:var(--pomer);flex:none}
.mega-menu .mega-karty a .mega-foto img{position:absolute;max-width:none;padding:0;object-fit:fill;transform:none;transition:none}
.mega-menu .mega-karty b{display:block;margin:0;font-size:14px;line-height:20px;white-space:normal;overflow-wrap:normal;text-wrap:balance}
.mega-menu .mega-karty>a:after{display:none}
.mega-menu .mega-karty>a:hover b,.mega-menu .mega-karty>a:focus-visible b{color:var(--red);text-decoration:underline;text-underline-offset:5px}
.mega-menu .mega-karty>a:focus-visible{outline:2px solid var(--red);outline-offset:2px}
/* Všechny položky se vejdou současně; užší panel nemá posuvnou řadu. */
@media(min-width:761px) and (max-width:1100px){.mega-menu{--menu-mezera:8px}.mega-menu .mega-vnitrek{grid-template-columns:130px minmax(0,1fr);gap:16px}.mega-menu .mega-uvod{padding-right:12px}.mega-menu .mega-karty>a{grid-template-rows:auto 48px}.mega-menu .mega-karty b{font-size:12px;line-height:16px}}