/* 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.mega-deset{grid-template-columns:repeat(10,minmax(0,1fr));--menu-mezera:12px}
@media(max-width:1100px){.mega-menu .mega-karty.mega-deset{grid-template-columns:repeat(5,minmax(0,1fr))}}
.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 /* --meritko: velikost jednoho grilu vůči ostatním v téže nabídce. Roman 19. 9. 2026 u grilů na uhlí: „zmenši udírnu, zvětši Performer, srovnej to do linie“. Zmenšuje se od země, takže nožičky zůstávají na jedné linii. */.mega-objekt{position:relative;width:calc(100% * var(--pomer) / var(--menu-pomer) * var(--meritko,1));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:contain;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}}
/* Po prechodu na vybranou sekci zustava kurzor nad touz polozkou listy
   a prohlizec by panel hned zase otevrel pres vypis, ktery prave otevrel.
   Trida z zbozi-menu.js najeti mysi umlci; ovladani klavesnici zustava. */
body.menu-po-prechodu .nav-polozka:hover:not(:focus-within)>.mega-menu{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-7px)}

/* ------------------------------------------------------------ černá lišta

   Roman 24. 9. 2026: „z černé lišty nahoře dej pryč Vybrat gril, posuň na
   to místo hledání, trošku ho roztáhni, aby bylo delší, posuň jazyk,
   rozšiř tu černou lištu, dej tam logo GRILCENTRUM, ale bílé, a zvětši
   logo Weber."

   Pořadí zleva: bílé logo GRILCENTRUM, hledání (roste do volného místa),
   odkazy, jazyk, logo Weber. Lišta je vyšší, aby se do ní obě loga vešla.
   Přes .hlava .hlava-horni, protože jednotlivé stránky mají v lištách
   vlastní starší pravidla (logo Weber 58 px, úzké hledání). */
.hlava .hlava-horni{height:66px}
.hlava .hlava-horni .hlava-horni-vnitrek{justify-content:flex-start;gap:28px}
.hlava .hlava-horni .lista-znacka{flex:none;display:flex;align-items:center}
.hlava .hlava-horni .lista-znacka img{display:block;width:auto;height:46px;margin:0 -8px}
.hlava .hlava-horni .lista-hledani{flex:1 1 360px;width:auto;max-width:560px;margin-left:0}
.hlava .hlava-horni .lista-hledani input{height:40px;border-radius:20px;font-size:13.5px}
.hlava .hlava-horni .lista-hledani svg{top:12px}
/* Roman 25. 9. 2026: „udělej takovéhle hledej" — světlé pole s lupou
   vlevo a červeným tlačítkem Hledej vpravo. Tlačítko dělá totéž co
   Enter (lista-hledani.js, v katalogu zbozi.js). */
.hlava .hlava-horni .lista-hledani input{padding:0 96px 0 40px;border:0;border-radius:6px;background:#eef0f2;color:#111}
.hlava .hlava-horni .lista-hledani input:focus{background:#fff;outline:2px solid #ed1d26;outline-offset:-2px}
.hlava .hlava-horni .lista-hledani input::placeholder{color:#7a7f85}
.hlava .hlava-horni .lista-hledani svg{left:13px;right:auto;stroke:#7a7f85}
.hlava .hlava-horni .lista-hledej{position:absolute;top:0;right:0;height:40px;padding:0 20px;border:0;border-radius:0 6px 6px 0;background:#ed1d26;color:#fff;font-family:inherit;font-size:14px;font-weight:700;line-height:1;cursor:pointer}
.hlava .hlava-horni .lista-hledej:hover,.hlava .hlava-horni .lista-hledej:focus-visible{background:#ed1d26}
.hlava .hlava-horni nav{margin-left:auto;gap:30px}
.hlava .hlava-horni nav a{white-space:nowrap}
.hlava .hlava-horni .lista-jazyk{flex:none;white-space:nowrap;color:#b8b8b8;font-weight:700}
.hlava .hlava-horni .hlava-znacka-weber{margin-left:0}
.hlava .hlava-horni .hlava-znacka-weber img{width:auto;height:44px}

@media (max-width:1100px){
  .hlava .hlava-horni .hlava-horni-vnitrek{gap:18px}
  .hlava .hlava-horni nav{gap:18px}
  .hlava .hlava-horni .lista-jazyk{display:none}
  .hlava .hlava-horni .lista-znacka img{height:38px}
  .hlava .hlava-horni .lista-hledani{flex-basis:200px;min-width:170px}
  .hlava .hlava-horni nav a[href="/magazin"]{display:none}
}

/* Na telefonu zůstává v liště jen hledání přes celou šířku — logo
   GRILCENTRUM je hned pod ní v bílé hlavičce. */
@media (max-width:760px){
  .hlava .hlava-horni{height:auto}
  .hlava .hlava-horni .lista-znacka{display:none}
  .hlava .hlava-horni .lista-hledani{flex:1 1 auto;max-width:none}
  .hlava .hlava-horni .lista-hledani input{height:36px}
  .hlava .hlava-horni .lista-hledani svg{top:10px}
  .hlava .hlava-horni .lista-hledani input{padding-right:84px}
  .hlava .hlava-horni .lista-hledej{height:36px;padding:0 16px}
  /* Plovoucí „Pozastavit pohyb" na stránkách Summit a Smokey Mountain
     zakrýval na telefonu text na každé obrazovce (mobilní kontrola
     25. 9. 2026). Pohyb vypíná i nastavení telefonu, které stránky
     respektují (prefers-reduced-motion). */
  .summit-novy .motion-toggle,.smokey-page .sk-motion-toggle:not(.sk-console-actions *){display:none}
  /* Srovnávací tabulky řad se na telefonu posouvají do strany, ale nic to
     neprozrazovalo — vypadaly useknuté. */
  .g-table-wrap::before,.rada-tabulka-obal::before{content:"Tabulku lze posunout do strany →";position:sticky;left:0;display:block;margin:0 0 8px;font-size:12px;font-weight:700;opacity:.7}
}

/* Fotky a loga se nikdy nedeformují (Roman 24. 9. 2026: „tady jsou ty
   grily zdeformované, opravit" — planchy v menu). Rámeček fotky v menu
   má poměr stran zapsaný v HTML (--pomer); když nesedí s fotkou, fotka
   se do něj vejde celá, místo aby se roztáhla. Hlídá to audit webu
   (tools/audit-webu.js). */
.mega-objekt img{object-fit:contain}
.hlava .hlava-horni .lista-znacka img{max-width:none;flex:none;object-fit:contain}

/* Logo GRILCENTRUM v bílé liště pryč (Roman 24. 9. 2026: „dej logo pryč
   z bílé lišty grilcentrum") — na počítači stojí bílé logo v černé liště
   nad ní. Na telefonu černá lišta logo nemá, tam bílé lišta své nechává,
   jinak by na mobilu nebylo logo žádné. */
@media (min-width:761px){
  .hlava .hlava-hlavni .znacka{display:none}
}

/* Grily v menu nahoru (Roman 24. 9. 2026: „dej ty grily výš, je tam
   nahoře strašná mezera, a udělej to u všech sekcí"). Řada byla svisle
   vycentrovaná vůči celé výšce menu, kterou určuje vysoký nadpis vlevo —
   grily tak sjely dolů. Teď začíná na stejné výšce jako nadpis. */
.mega-menu .mega-karty{align-self:start;padding-top:0}
/* A menu končí pod obsahem se stejným okrajem nahoře i dole — pevná
   výška 300 px nechávala pod grily prázdný pruh. */
.mega-menu .mega-vnitrek{min-height:0;padding-top:28px;padding-bottom:28px}

/* Roman 28. 9. 2026: „Plyn musí být svisle v rovině s logem a napravo logo
   symetricky svisle s košíkem — všechno musí lícovat." Logo GRILCENTRUM
   kreslí až k okraji obrázku, takže stojí přesně na hraně sloupce (bez
   dřívějšího posunu o 8 px). Logo Weber má vpravo průhledný okraj 30 z 362
   bodů; záporný okraj o stejný díl posune kresbu na hranu košíku. */
.hlava .hlava-horni .lista-znacka img{margin:0}
.hlava .hlava-horni .hlava-znacka-weber{margin-right:calc(44px * -30 / 172)}
.hlava .hlava-horni .hlava-znacka-weber img{max-width:none}
/* V užší liště se odkazy nevejdou a logo Weber by vyjelo přes okraj.
   Zůstane jen Kontakt — stejně jako na stránkách příslušenství. Menu pod
   lištou začíná vždy pod logem, nikdy na středu. */
@media(max-width:900px){
  .hlava .hlava-horni nav a:not([href^="tel:"]){display:none}
  .hlava .hlava-horni nav{gap:12px}
}
@media(min-width:721px){
  .hlava .hlava-vnitrek .rozcestnik{justify-content:flex-start}
}