/*
 * Shop Garage – e-shopová část hlavičky webu (R-029). Načítá se jen se zapnutým e-shopem (eshop/hlavicka/hlavicka.php).
 * Tmavá hlavička Royal (re.css: --night, --red, --ink, --paper, --line). Mobile-first: na mobilu hledání, účet a košík
 * v jednom řádku vedle loga, košík vždy viditelný. Panely: hledání, Můj účet, minikošík. Pohyb vypíná prefers-reduced-motion.
 * Šířky: ≥1600 px všech pět ikon; 1281–1599 px hledání, účet, košík; 1024–1280 px účet a košík (oblíbené a porovnání jsou v panelu účtu).
 */
.esh-hl{display:flex;align-items:center;gap:2px;position:relative}
.esh-hl__pol{position:relative;display:flex}
.esh-hl__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease,transform .15s ease}
.esh-hl__btn[aria-expanded=true] {background:#ffffff17}
@media (hover: hover) { .esh-hl__btn:hover {background:#ffffff17} }
.esh-hl__btn:active{transform:scale(.92)}
.esh-hl__btn svg{width:21px;height:21px}
.esh-hl__pocet{position:absolute;top:1px;right:-1px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--red,#c92d26);color:#fff;font-size:10px;font-weight:700;line-height:17px;text-align:center;letter-spacing:0;box-shadow:0 0 0 2px var(--night,#111214);pointer-events:none}
.esh-hl__pocet[hidden]{display:none!important}
.esh-hl__avatar{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#e0503f,var(--red,#c92d26));color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 0 0 2px #ffffff26}

/* panely (hledání, účet, minikošík) */
.esh-hl__panel{position:absolute;top:calc(100% + 14px);right:-6px;z-index:95;width:330px;max-width:calc(100vw - 24px);background:#fff;color:var(--ink,#191a1c);border-top:3px solid var(--red,#c92d26);border-radius:0 0 6px 6px;box-shadow:0 18px 44px #0000003d;padding:18px;text-align:left;font-size:13px;line-height:1.45;animation:esh-hl-panel .18s ease}
.esh-hl__panel[hidden]{display:none!important}
.esh-hl__panel::before{content:"";position:absolute;right:16px;top:-9px;border:6px solid transparent;border-bottom-color:var(--red,#c92d26)}
.esh-hl__panel--hledat{width:420px}
.esh-hl__panel--kosik{width:380px;padding:0}
@keyframes esh-hl-panel{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

.esh-hl__hledat{display:flex;gap:8px}
.esh-hl__pole{flex:1;min-width:0;height:44px;padding:0 14px;border:1px solid var(--line,#dcd8d1);border-radius:4px;background:#fff;color:var(--ink,#191a1c);font-size:15px}
.esh-hl__pole:focus{outline:2px solid var(--red,#c92d26);outline-offset:0;border-color:transparent}
.esh-hl__tl{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid var(--line,#dcd8d1);border-radius:4px;background:#fff;color:var(--ink,#191a1c);font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer;text-decoration:none}
@media (hover: hover) { .esh-hl__tl:hover {border-color:var(--ink,#191a1c)} }
.esh-hl__tl--plne{background:var(--red,#c92d26);border-color:var(--red,#c92d26);color:#fff}
@media (hover: hover) { .esh-hl__tl--plne:hover {background:#a8241e;border-color:#a8241e;color:#fff} }

.esh-hl__ucet-hlava{display:grid;gap:2px;padding-bottom:12px;margin-bottom:10px;border-bottom:1px solid var(--line,#dcd8d1)}
.esh-hl__ucet-hlava strong{font-size:15px}
.esh-hl__ucet-hlava span{color:var(--muted,#625f59);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.esh-hl__ucet-akce{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.esh-hl__odkazy{display:grid}
.esh-hl__odkaz{position:relative;display:flex;align-items:center;gap:10px;padding:9px 6px;border-radius:4px;color:var(--ink,#191a1c);font-weight:600;text-decoration:none}
@media (hover: hover) { .esh-hl__odkaz:hover {background:var(--paper,#f4f1eb)} }
.esh-hl__odkaz svg{width:18px;height:18px;color:var(--muted,#625f59)}
.esh-hl__odkaz .esh-hl__pocet{position:static;margin-left:auto;box-shadow:none}
.esh-hl__odkaz--odhlasit{margin-top:6px;border-top:1px solid var(--line,#dcd8d1);border-radius:0;padding-top:12px;color:var(--muted,#625f59)}

/* minikošík (obsah skládá hlavicka.js) */
.esh-hl__mk-hlava{display:flex;justify-content:space-between;align-items:baseline;padding:16px 18px 10px;font-weight:700;font-size:15px}
.esh-hl__mk-hlava span{color:var(--muted,#625f59);font-size:12px;font-weight:600}
.esh-hl__mk-seznam{list-style:none;margin:0;padding:0 10px;max-height:min(52vh,340px);overflow:auto}
.esh-hl__mk-radek{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:8px;border-radius:4px}
@media (hover: hover) { .esh-hl__mk-radek:hover {background:var(--paper,#f4f1eb)} }
.esh-hl__mk-foto{width:52px;height:52px;border-radius:4px;background:var(--paper,#f4f1eb);object-fit:contain}
.esh-hl__mk-nazev{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:600;color:var(--ink,#191a1c);text-decoration:none}
.esh-hl__mk-ks{display:block;color:var(--muted,#625f59);font-size:12px}
.esh-hl__mk-cena{font-weight:700;white-space:nowrap}
.esh-hl__mk-dalsi{padding:4px 18px 0;color:var(--muted,#625f59);font-size:12px}
.esh-hl__mk-souhrn{display:flex;justify-content:space-between;align-items:baseline;margin:10px 18px 0;padding-top:12px;border-top:1px solid var(--line,#dcd8d1)}
.esh-hl__mk-souhrn strong{font-size:18px}
.esh-hl__mk-akce{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 18px 18px}
.esh-hl__mk-prazdny{padding:26px 18px;text-align:center;color:var(--muted,#625f59)}
.esh-hl__mk-prazdny svg{width:40px;height:40px;margin:0 auto 10px;color:var(--line,#dcd8d1)}
.esh-hl__mk-prazdny .esh-hl__tl{margin-top:12px}

/* efekt přidání do košíku: odznak pulzuje, tlačítko se zhoupne, vyletí „+1“ */
.esh-hl__kosik.is-pulz{animation:esh-hl-houpni .55s ease}
.esh-hl__pocet.is-pulz{animation:esh-hl-pulz .6s cubic-bezier(.3,1.6,.5,1)}
.esh-hl__plus{position:absolute;top:-4px;right:-2px;color:#fff;background:var(--red,#c92d26);border-radius:9px;padding:0 5px;font-size:10px;font-weight:700;line-height:16px;pointer-events:none;animation:esh-hl-plus .9s ease forwards}
@keyframes esh-hl-pulz{0%{transform:scale(1)}35%{transform:scale(1.6)}100%{transform:scale(1)}}
@keyframes esh-hl-houpni{0%,100%{transform:rotate(0)}25%{transform:rotate(-12deg)}50%{transform:rotate(9deg)}75%{transform:rotate(-4deg)}}
@keyframes esh-hl-plus{0%{opacity:0;transform:translateY(4px)}25%{opacity:1}100%{opacity:0;transform:translateY(-22px)}}

/* mobilní menu: počty u odkazů skupiny E-shop */
.esh-hl-mm .esh-hl__pocet{position:static;display:inline-block;vertical-align:middle;margin-left:6px;box-shadow:none}

/* šířky: desktop blok je v .re-nav-right (pod 1024 px ji re.css skrývá), mobilní v .re-mobile-nav-tools */
.esh-hl--m{display:none}
@media (max-width:1599px){.esh-hl--d .esh-hl__vedlejsi{display:none}}
@media (max-width:1280px){.esh-hl--d .esh-hl__pol--hledat{display:none}.esh-hl--d .esh-hl__btn{width:36px;height:36px}}
@media (max-width:1023px){
  .esh-hl--m{display:flex;position:static}
  .esh-hl--m .esh-hl__pol{position:static}
  .esh-hl--m .esh-hl__btn{width:36px;height:36px}
  .esh-hl--m .esh-hl__panel{top:100%;left:0;right:0;width:auto;max-width:none;border-radius:0;box-shadow:0 22px 40px #00000047}
  .esh-hl--m .esh-hl__panel::before{display:none}
  .esh-hl--m .esh-hl__panel--hledat{padding:14px var(--gutter,20px)}
  .esh-hl--m .esh-hl__panel--ucet{padding:18px var(--gutter,20px) 22px}
  .esh-hl--m .esh-hl__pole{font-size:16px}
}
@media (max-width:767px){
  .esh-hl-zap .re-wordmark img{max-width:min(240px,34vw)}
  .esh-hl-zap .re-mobile-phone{width:36px}
}
/* R-051: re.css dává .re-mobile-nav-tools flex jen do 767 px; na 768–1023 px (tablet) zůstal blokem a blok ikon e-shopu
   (.esh-hl--m je flex, tedy blokový) odsunul telefon a menu na druhý řádek pod lištu. Jeden řádek na celém rozsahu. */
@media (max-width:1023px){.esh-hl-zap .re-mobile-nav-tools{display:flex;flex:none;flex-wrap:nowrap;align-items:center;gap:8px}}
/* R-051: od 1024 px skrytá bublina poslední ikony (.esh-hl-bub, visibility:hidden) přečnívala za pravý okraj
   a dělala vodorovný scroll (regrese R-047); lišta ořízne jen vodorovný přesah (svisle bubliny a panely dál visí pod lištou). */
@media (min-width:1024px){.esh-hl-zap .re-site-header{overflow-x:clip}}
/* pod 380 px zůstane telefon (jinde na mobilu není); hledání je v obchodě a v mobilním menu vede odkaz Obchod */
@media (max-width:380px){.esh-hl--m .esh-hl__pol--hledat{display:none}}

@media (prefers-reduced-motion:reduce){
  .esh-hl__panel,.esh-hl__kosik.is-pulz,.esh-hl__pocet.is-pulz,.esh-hl__plus{animation:none}
  .esh-hl__plus{display:none}
  .esh-hl__btn{transition:none}
}
@media print{.esh-hl{display:none!important}}

/* ======================================================================================================
 * R-035: horní menu v režimu e-shopu (třída .esh-hl-nav na .re-site; jen zapnutý e-shop, jinak se nic z toho nenačte).
 * Lišta má stejnou výšku (--nav) i šířku jako dřív. Vlevo „E-shop“ s megamenu (chování .re-navdrop z re.js: najetí,
 * klik, Esc, šipka dolů), vpravo pole hledání přímo v liště a Oblíbené, Porovnat, Účet, Košík s popisky.
 * Šířky: ≥1280 px ikony s popisky; 1024–1279 px jen ikony a užší pole; pod 1024 px levá i pravá část zmizí (re.css)
 * a platí mobilní řádek R-029 + skupina E-shop v hamburger menu.
 * ====================================================================================================== */

/* ---------- vlevo: E-shop a megamenu ---------- */
html body .re-site .re-navdrop.esh-mega{position:static}
.esh-mega__panel{position:absolute;top:100%;left:0;right:0;z-index:81;display:grid;grid-template-rows:minmax(0,1fr) auto;max-height:calc(100vh - var(--nav,80px) - 24px);background:var(--night,#111214);color:#fff;border-top:1px solid #ffffff12;border-bottom:3px solid var(--red,#c92d26);box-shadow:0 34px 70px #000a;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-10px);clip-path:inset(0 0 100% 0);pointer-events:none;transition:opacity .2s var(--ease,ease),transform .28s var(--ease,ease),clip-path .34s var(--ease,ease),visibility 0s linear .34s}
.esh-mega.is-open .esh-mega__panel{opacity:1;visibility:visible;transform:none;clip-path:inset(0 0 -80px 0);pointer-events:auto;transition:opacity .22s var(--ease,ease),transform .32s var(--ease,ease),clip-path .46s var(--ease,ease),visibility 0s}
.esh-mega__layout{display:grid;grid-template-columns:minmax(210px,15vw) minmax(0,1fr);min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent}

.esh-mega__sekce{display:flex;flex-direction:column;gap:2px;padding:32px 0 28px;border-right:1px solid #ffffff14}
.esh-mega__sekce .re-eyebrow{margin:0 0 14px;padding-inline:clamp(20px,2vw,40px)}
.esh-mega__sekce-odkaz{display:flex;align-items:center;gap:12px;padding:calc(11px + 6*var(--fzd,0px)) clamp(20px,2vw,40px);border-left:3px solid transparent;color:#d8d3ca;font-size:calc(14px + 14*var(--fzd,0px));font-weight:800;letter-spacing:.02em;text-decoration:none;transition:background .15s,color .15s,border-color .15s}
.esh-mega__sekce-odkaz svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;color:#8d887f;transition:color .15s,transform .25s var(--ease,ease)}
.esh-mega__sekce-odkaz small{margin-left:auto;font-size:calc(11px + 11*var(--fzd,0px));font-weight:700;color:#6f6b64}
.esh-mega__sekce-odkaz:focus-visible {color:#fff;background:#ffffff0a;border-left-color:var(--red,#c92d26)}
@media (hover: hover) { .esh-mega__sekce-odkaz:hover {color:#fff;background:#ffffff0a;border-left-color:var(--red,#c92d26)} }
.esh-mega__sekce-odkaz:focus-visible svg {color:var(--red,#c92d26);transform:scale(1.12)}
@media (hover: hover) { .esh-mega__sekce-odkaz:hover svg {color:var(--red,#c92d26);transform:scale(1.12)} }
.esh-mega__sekce-odkaz--vse{color:#fff}
.esh-mega__sekce-odkaz--akce svg,.esh-mega__sekce-odkaz--sleva svg{color:#e0503f}

.esh-mega__kategorie{list-style:none;margin:0;padding:28px clamp(24px,2.4vw,48px) 30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,clamp(280px,21vw,480px)),1fr));gap:18px 22px;align-content:start}
.esh-mega__kat{display:grid;gap:8px;align-content:start;min-width:0}
.esh-mega.is-open .esh-mega__kat{animation:esh-mega-in .46s var(--ease,ease) both;animation-delay:calc(var(--i,0) * 38ms + 70ms)}
@keyframes esh-mega-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.esh-mega__karta{position:relative;display:grid;grid-template-columns:calc(84px + 40*var(--fzd,0px)) minmax(0,1fr) auto;align-items:center;gap:16px;padding:10px 16px 10px 10px;border:1px solid #ffffff12;border-radius:10px;background:linear-gradient(135deg,#ffffff0b,#ffffff03);color:#fff;text-decoration:none;overflow:hidden;transition:background .2s,border-color .2s,transform .28s var(--ease,ease),box-shadow .28s}
.esh-mega__karta::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red,#c92d26);transform:scaleY(0);transform-origin:50% 100%;transition:transform .25s var(--ease,ease)}
.esh-mega__karta:focus-visible {background:linear-gradient(135deg,#ffffff16,#ffffff06);border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 14px 30px #0006}
@media (hover: hover) { .esh-mega__karta:hover {background:linear-gradient(135deg,#ffffff16,#ffffff06);border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 14px 30px #0006} }
.esh-mega__karta:focus-visible::before {transform:scaleY(1)}
@media (hover: hover) { .esh-mega__karta:hover::before {transform:scaleY(1)} }
.esh-mega__karta:focus-visible{outline:2px solid #e26438;outline-offset:2px}
.esh-mega__foto{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:8px;background:linear-gradient(150deg,#f6f3ee,#dcd8d1);overflow:hidden}
.esh-mega__foto:has(.esh-mega__monogram){background:radial-gradient(circle at 30% 25%,#34353a,#16171a 70%)}
.esh-mega__foto img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;opacity:0;transform:scale(.94);transition:opacity .35s,transform .45s var(--ease,ease)}
.esh-mega__foto img.is-nacteno{opacity:1;transform:none}
@media (hover: hover) { .esh-mega__karta:hover .esh-mega__foto img.is-nacteno {transform:scale(1.08)} }
.esh-mega__monogram{font-size:calc(38px + 30*var(--fzd,0px));font-weight:900;letter-spacing:-.04em;color:var(--red,#c92d26);line-height:1}
.esh-mega__popis{display:grid;gap:4px;min-width:0}
.esh-mega__popis strong{font-size:calc(16px + 16*var(--fzd,0px));font-weight:800;letter-spacing:-.01em;line-height:1.2;overflow-wrap:break-word;hyphens:manual}
.esh-mega__popis small{font-size:calc(10.5px + 10.5*var(--fzd,0px));font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:#a5a099}
.esh-mega__karta>svg{width:16px;height:16px;fill:none;stroke:var(--red,#c92d26);stroke-width:2;opacity:0;transform:translateX(-8px);transition:opacity .2s,transform .25s var(--ease,ease)}
.esh-mega__karta:focus-visible>svg {opacity:1;transform:none}
@media (hover: hover) { .esh-mega__karta:hover>svg {opacity:1;transform:none} }
.esh-mega__podkat{list-style:none;margin:0;padding:0 6px 0 14px;display:grid;gap:1px}
.esh-mega__podkat a{display:flex;align-items:baseline;gap:6px;padding:5px 8px;border-radius:4px;color:#c9c4bb;font-size:calc(13px + 13*var(--fzd,0px));font-weight:600;text-decoration:none;transition:color .15s,background .15s}
.esh-mega__podkat a span{font-size:calc(11px + 11*var(--fzd,0px));color:#6f6b64}
.esh-mega__podkat a:focus-visible {color:#fff;background:#ffffff0a}
@media (hover: hover) { .esh-mega__podkat a:hover {color:#fff;background:#ffffff0a} }
.esh-mega__prazdno{margin:0;padding:40px clamp(24px,2.4vw,48px);color:#c9c4bb}
.esh-mega__prazdno a{color:#fff;text-decoration:underline}

.esh-mega__pata{display:flex;flex-wrap:wrap;align-items:center;gap:6px 40px;padding:15px clamp(20px,2vw,40px);border-top:1px solid #ffffff14;background:#0b0c0d}
.esh-mega__pata a{display:inline-flex;align-items:center;gap:10px;padding:4px 0;color:#d8d3ca;font-size:calc(13px + 13*var(--fzd,0px));font-weight:700;text-decoration:none}
.esh-mega__pata a span{color:#8d887f;font-weight:600}
.esh-mega__pata svg{width:15px;height:15px;flex:none;fill:none;stroke:var(--red,#c92d26);stroke-width:2;transition:transform .15s}
.esh-mega__pata a:first-child{color:#fff}
.esh-mega__pata a:focus-visible {color:#fff}
@media (hover: hover) { .esh-mega__pata a:hover {color:#fff} }
.esh-mega__pata a:focus-visible svg {transform:translateX(3px)}
@media (hover: hover) { .esh-mega__pata a:hover svg {transform:translateX(3px)} }
.esh-mega :is(.esh-mega__sekce-odkaz,.esh-mega__podkat a,.esh-mega__pata a):focus-visible{outline:2px solid #e26438;outline-offset:-2px}

/* ---------- vpravo: hledání přímo v liště ---------- */
.esh-hl--lista{flex:1 1 auto;justify-content:flex-end;gap:4px;min-width:0}
.esh-lista-hledat{--esh-hledat-pozadi:#ffffff0d;--esh-hledat-pozadi-najeti:#ffffff14;--esh-hledat-text:#fff;--esh-hledat-okraj:#ffffff26;--esh-hledat-okraj-najeti:#ffffff45;--esh-hledat-placeholder:#9d978d;--esh-hledat-fokus-pozadi:#fff;--esh-hledat-fokus-text:var(--ink,#191a1c);--esh-hledat-fokus-okraj:#fff;--esh-hledat-fokus-placeholder:#716c64;position:relative;display:flex;align-items:center;flex:0 1 clamp(200px,19vw,440px);min-width:140px;height:42px;margin:0 10px 0 0}
.esh-lista-hledat .esh-hl__pole{width:100%;height:42px;min-width:0;padding:0 46px 0 42px;border:1px solid var(--esh-hledat-okraj);border-radius:999px;background:var(--esh-hledat-pozadi);color:var(--esh-hledat-text);font:inherit;font-size:calc(13.5px + 13.5*var(--fzd,0px));font-weight:600;-webkit-appearance:none;appearance:none;transition:background .2s,border-color .2s,box-shadow .25s,color .2s}
.esh-lista-hledat .esh-hl__pole::placeholder{color:var(--esh-hledat-placeholder);font-weight:500;opacity:1}
.esh-lista-hledat .esh-hl__pole::-webkit-search-cancel-button{display:none}
@media (hover: hover) { .esh-lista-hledat .esh-hl__pole:hover {border-color:var(--esh-hledat-okraj-najeti);background:var(--esh-hledat-pozadi-najeti)} }
.esh-lista-hledat .esh-hl__pole:focus{outline:none;border-color:var(--esh-hledat-fokus-okraj);background:var(--esh-hledat-fokus-pozadi);color:var(--esh-hledat-fokus-text);box-shadow:0 0 0 4px #c92d2659,0 10px 28px #0007}
.esh-lista-hledat .esh-hl__pole:focus::placeholder{color:var(--esh-hledat-fokus-placeholder)}
.esh-lista-hledat__lupa{position:absolute;left:15px;top:50%;width:18px;height:18px;margin-top:-9px;fill:none;stroke:currentColor;stroke-width:2;color:#b3ada3;pointer-events:none;transition:color .2s,transform .25s var(--ease,ease)}
.esh-lista-hledat:focus-within .esh-lista-hledat__lupa{color:var(--red,#c92d26);transform:scale(1.08)}
.esh-lista-hledat__tl{position:absolute;right:4px;top:50%;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-top:-17px;padding:0;border:0;border-radius:50%;background:var(--red,#c92d26);color:#fff;cursor:pointer;opacity:0;transform:scale(.55);pointer-events:none;transition:opacity .18s,transform .3s cubic-bezier(.3,1.5,.5,1),background .15s}
.esh-lista-hledat__tl svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2}
.esh-lista-hledat:focus-within .esh-lista-hledat__tl,.esh-lista-hledat.ma-text .esh-lista-hledat__tl{opacity:1;transform:none;pointer-events:auto}
@media (hover: hover) { .esh-lista-hledat__tl:hover {background:#a8241e} }
.esh-lista-hledat__tl:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* ---------- vpravo: Oblíbené, Porovnat, Účet, Košík s popisky ---------- */
.esh-hl--lista .esh-hl__akce{flex-direction:column;gap:5px;width:auto;min-width:54px;height:56px;padding:0 9px;border-radius:12px}
.esh-hl--lista .esh-hl__akce[aria-expanded=true] {background:#ffffff12}
@media (hover: hover) { .esh-hl--lista .esh-hl__akce:hover {background:#ffffff12} }
.esh-hl--lista .esh-hl__akce::after{content:"";position:absolute;left:50%;bottom:5px;width:18px;height:2px;border-radius:2px;background:var(--red,#c92d26);transform:translateX(-50%) scaleX(0);transition:transform .24s var(--ease,ease)}
.esh-hl--lista .esh-hl__akce:focus-visible::after, .esh-hl--lista .esh-hl__akce[aria-expanded=true]::after {transform:translateX(-50%) scaleX(1)}
@media (hover: hover) { .esh-hl--lista .esh-hl__akce:hover::after {transform:translateX(-50%) scaleX(1)} }
.esh-hl--lista .esh-hl__akce:focus-visible{outline:2px solid #e26438;outline-offset:1px}
.esh-hl__ikona{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;transition:transform .25s var(--ease,ease)}
.esh-hl__ikona svg{width:21px;height:21px}
@media (hover: hover) { .esh-hl--lista .esh-hl__akce:hover .esh-hl__ikona {transform:translateY(-2px)} }
.esh-hl__ikona .esh-hl__pocet{top:-7px;right:-12px}
.esh-hl__ikona .esh-hl__avatar{width:26px;height:26px;font-size:10px}
.esh-hl__popisek{font-size:calc(10px + 10*var(--fzd,0px));font-weight:800;letter-spacing:.11em;line-height:1;text-transform:uppercase;white-space:nowrap;color:#b3ada3;transition:color .15s}
.esh-hl--lista .esh-hl__akce:focus-visible .esh-hl__popisek, .esh-hl--lista .esh-hl__akce[aria-expanded=true] .esh-hl__popisek {color:#fff}
@media (hover: hover) { .esh-hl--lista .esh-hl__akce:hover .esh-hl__popisek {color:#fff} }
.esh-hl--lista .esh-hl__panel{top:calc(100% + 10px)}

@media (max-width:1279px){
  .esh-hl--lista .esh-hl__popisek{display:none}
  .esh-hl--lista .esh-hl__akce,.esh-hl--d.esh-hl--lista .esh-hl__btn{width:40px;min-width:40px;height:40px;padding:0;border-radius:50%}
  .esh-hl--lista .esh-hl__akce::after{bottom:2px;width:12px}
  .esh-lista-hledat{flex-basis:clamp(130px,15vw,220px);min-width:118px;margin-right:4px}
  .esh-lista-hledat .esh-hl__pole{padding-left:36px;font-size:13px}
  .esh-lista-hledat__lupa{left:12px;width:16px;height:16px;margin-top:-8px}
  .esh-hl--lista .esh-hl__panel{top:calc(100% + 18px)}
}
@media (max-width:1023px){.esh-mega__panel{display:none!important}}

/* ---------- mobil: skupina E-shop v hamburger menu ---------- */
html body nav#mobile-menu .esh-mm{display:grid;gap:12px;padding-bottom:20px}
html body nav#mobile-menu .esh-mm .esh-mm__hledat{position:relative;display:flex;align-items:center;margin:2px 0 4px}
html body nav#mobile-menu .esh-mm .esh-mm__hledat .esh-hl__pole{width:100%;height:52px;min-width:0;padding:0 58px 0 46px;border:1px solid #ffffff30;border-radius:999px;background:#ffffff10;color:#fff;font:inherit;font-size:16px;font-weight:600;-webkit-appearance:none;appearance:none;transition:background .2s,border-color .2s,box-shadow .25s,color .2s}
html body nav#mobile-menu .esh-mm .esh-mm__hledat .esh-hl__pole::placeholder{color:#a5a099;opacity:1}
html body nav#mobile-menu .esh-mm .esh-mm__hledat .esh-hl__pole::-webkit-search-cancel-button{display:none}
html body nav#mobile-menu .esh-mm .esh-mm__hledat .esh-hl__pole:focus{outline:none;background:#fff;color:var(--ink,#191a1c);border-color:#fff;box-shadow:0 0 0 4px #c92d2659}
html body nav#mobile-menu .esh-mm .esh-lista-hledat__lupa{position:absolute;left:17px;top:50%;width:20px;height:20px;margin-top:-10px;fill:none;stroke:currentColor;stroke-width:2;color:#b3ada3;pointer-events:none}
html body nav#mobile-menu .esh-mm .esh-lista-hledat__tl{position:absolute;right:6px;top:50%;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-top:-20px;padding:0;border:0;border-radius:50%;background:var(--red,#c92d26);color:#fff;cursor:pointer}
html body nav#mobile-menu .esh-mm .esh-lista-hledat__tl svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2}
html body nav#mobile-menu .esh-mm .esh-mm__kategorie{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
html body nav#mobile-menu .esh-mm a.esh-mm__kat{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:54px;margin:0;padding:12px 14px;border:1px solid #ffffff1f;border-radius:10px;background:linear-gradient(135deg,#ffffff0d,#ffffff04);color:#fff;font-size:15px;font-weight:700;letter-spacing:0;line-height:1.25;transition:background .2s,border-color .2s,transform .2s}
html body nav#mobile-menu .esh-mm a.esh-mm__kat span{min-width:0;overflow-wrap:anywhere}
html body nav#mobile-menu .esh-mm a.esh-mm__kat small{flex:none;font-size:11px;font-weight:700;color:#8d887f}
html body nav#mobile-menu .esh-mm a.esh-mm__kat:active{transform:scale(.97);border-color:var(--red,#c92d26);background:#ffffff14}
html body nav#mobile-menu:not([hidden]) .esh-mm a.esh-mm__kat{animation:esh-mega-in .42s var(--ease,ease) both;animation-delay:calc(var(--i,0) * 45ms + 90ms)}
html body nav#mobile-menu .esh-mm .esh-mm__rychle{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}
html body nav#mobile-menu .esh-mm a.esh-mm__rychly{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:0;padding:0 16px;border:1px solid #ffffff30;border-radius:999px;color:#ded9d0;font-size:14px;font-weight:700;letter-spacing:0;line-height:1}
html body nav#mobile-menu .esh-mm a.esh-mm__rychly small{font-size:11px;opacity:.7}
html body nav#mobile-menu .esh-mm a.esh-mm__rychly--vse{background:var(--red,#c92d26);border-color:var(--red,#c92d26);color:#fff}
html body nav#mobile-menu .esh-mm :is(a,button):focus-visible{outline:2px solid #e26438;outline-offset:2px}

@media (prefers-reduced-motion:reduce){
  .esh-mega__panel,.esh-mega.is-open .esh-mega__panel{transition:none;transform:none;clip-path:none}
  .esh-mega.is-open .esh-mega__kat,html body nav#mobile-menu:not([hidden]) .esh-mm a.esh-mm__kat{animation:none}
  .esh-mega__karta,.esh-mega__karta::before,.esh-mega__karta>svg,.esh-mega__foto img,.esh-mega__sekce-odkaz svg,.esh-lista-hledat .esh-hl__pole,.esh-lista-hledat__tl,.esh-lista-hledat__lupa,.esh-hl__ikona,.esh-hl--lista .esh-hl__akce::after{transition:none}
  .esh-mega__karta:focus-visible {transform:none}
  @media (hover: hover) { .esh-mega__karta:hover, .esh-mega__karta:hover .esh-mega__foto img.is-nacteno, .esh-hl--lista .esh-hl__akce:hover .esh-hl__ikona {transform:none} }
}
@media print{.esh-mega__panel,.esh-mm{display:none!important}}

/* ======================================================================================================
 * R-047 (Roman 28. 9. 2026): hledání dílů vlevo místo Půjčovny, Financování a Servisu; vpravo jen větší ikony bez popisku
 * (.esh-hl--ikony) s prémiovou bublinou pod ikonou (.esh-hl-bub: název, věta, živé číslo). Aktivní sekce svítí
 * ([aria-current=page]). Výška lišty (--nav) beze změny, bubliny jsou absolutně => žádný posun layoutu.
 * Barvy jen přes var(--…) s výchozí hodnotou (kontrakt motivů): --esh-hl-ikona, --esh-hl-ikona-hover, --esh-hl-aktivni,
 * --esh-hl-aktivni-zare, --esh-hl-bub-pozadi, --esh-hl-bub-pozadi-2, --esh-hl-bub-text, --esh-hl-bub-tlumeny, --esh-hl-bub-linka,
 * --esh-hl-bub-cislo, --esh-hl-bub-cislo-pozadi; posun bubliny u okraje --esh-hl-bub-posun nastavuje hlavicka.js.
 * ====================================================================================================== */

/* ---------- vlevo: pole hledání za Motocykly a E-shop ---------- */
.re-nav-side .esh-lista-hledat--vlevo{flex:1 1 auto;min-width:150px;max-width:clamp(260px,24vw,560px);margin:0}
.re-nav-side .esh-lista-hledat--vlevo .esh-hl__pole{height:44px}

/* ---------- vpravo: ikony bez popisku ---------- */
.esh-hl--ikony{gap:clamp(2px,.35vw,8px)}
.esh-hl--ikony .esh-hl__popisek{display:none}
.esh-hl--lista.esh-hl--ikony .esh-hl__akce{flex-direction:row;gap:0;width:clamp(44px,2.6vw,58px);min-width:0;height:clamp(44px,2.6vw,58px);padding:0;border-radius:50%;color:var(--esh-hl-ikona,#e9e4db)}
.esh-hl--ikony .esh-hl__ikona{width:clamp(24px,1.35vw,30px);height:clamp(24px,1.35vw,30px)}
.esh-hl--ikony .esh-hl__ikona svg{width:100%;height:100%;stroke-width:1.7}
.esh-hl--ikony .esh-hl__ikona .esh-hl__avatar{flex:none;width:clamp(28px,1.5vw,34px);height:clamp(28px,1.5vw,34px);font-size:clamp(10px,.55vw,12px)}
.esh-hl--lista.esh-hl--ikony .esh-hl__akce:focus-visible {color:var(--esh-hl-ikona-hover,#fff);background:#ffffff14}
@media (hover: hover) { .esh-hl--lista.esh-hl--ikony .esh-hl__akce:hover {color:var(--esh-hl-ikona-hover,#fff);background:#ffffff14} }
@media (hover: hover) { .esh-hl--lista.esh-hl--ikony .esh-hl__akce:hover .esh-hl__ikona {transform:translateY(-2px) scale(1.06)} }
.esh-hl--lista.esh-hl--ikony .esh-hl__akce::after{bottom:3px}
.esh-hl--ikony .esh-hl__ikona .esh-hl__pocet{top:-8px;right:-11px}
.esh-hl__pocet--cislo{width:auto;min-width:17px;padding:0 5px;white-space:nowrap;letter-spacing:.01em}
.esh-hl--ikony .esh-hl__ikona .esh-hl__pocet--cislo{right:auto;left:55%}

/* aktivní sekce svítí: záře pod ikonou, rozsvícená čárka, ikona v akcentu */
.esh-hl--lista.esh-hl--ikony .esh-hl__akce[aria-current=page]{color:var(--esh-hl-aktivni,#ff7a66);background:radial-gradient(circle at 50% 60%,var(--esh-hl-aktivni-zare,#c92d2659),transparent 70%)}
.esh-hl--lista.esh-hl--ikony .esh-hl__akce[aria-current=page]::after{transform:translateX(-50%) scaleX(1);box-shadow:0 0 10px var(--esh-hl-aktivni,#ff7a66)}
.esh-hl--lista.esh-hl--ikony .esh-hl__akce[aria-current=page] .esh-hl__ikona svg{filter:drop-shadow(0 0 6px var(--esh-hl-aktivni-zare,#c92d26a6))}

/* ---------- bublina ---------- */
.esh-hl-bub{position:absolute;top:calc(100% + 14px);left:50%;z-index:96;display:flex;align-items:flex-start;gap:13px;width:max-content;min-width:230px;max-width:290px;padding:15px 17px 16px 15px;border:1px solid var(--esh-hl-bub-linka,#ffffff1f);border-radius:14px;background:linear-gradient(160deg,var(--esh-hl-bub-pozadi,#26272c),var(--esh-hl-bub-pozadi-2,#121315));box-shadow:0 24px 50px #000000a8,inset 0 1px 0 #ffffff17;color:var(--esh-hl-bub-text,#fff);font-size:13px;font-weight:500;line-height:1.45;letter-spacing:0;text-align:left;text-transform:none;white-space:normal;cursor:default;pointer-events:none;opacity:0;visibility:hidden;transform:translate(calc(-50% + var(--esh-hl-bub-posun,0px)),8px) scale(.96);transform-origin:50% 0;transition:opacity .16s ease,transform .28s cubic-bezier(.2,.9,.25,1.15),visibility 0s linear .28s}
.esh-hl-bub::before{content:"";position:absolute;top:-7px;left:calc(50% - var(--esh-hl-bub-posun,0px));width:12px;height:12px;margin-left:-6px;border-left:1px solid var(--esh-hl-bub-linka,#ffffff1f);border-top:1px solid var(--esh-hl-bub-linka,#ffffff1f);border-radius:3px 0 0 0;background:var(--esh-hl-bub-pozadi,#26272c);transform:rotate(45deg)}
.esh-hl-bub::after{content:"";position:absolute;top:-1px;left:18px;right:18px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--red,#c92d26),transparent)}
.esh-hl__sekce:focus-visible>.esh-hl-bub {opacity:1;visibility:visible;transform:translate(calc(-50% + var(--esh-hl-bub-posun,0px)),0) scale(1);transition:opacity .18s ease .12s,transform .32s cubic-bezier(.2,.9,.25,1.15) .12s,visibility 0s linear .12s}
@media (hover: hover) { .esh-hl__sekce:hover>.esh-hl-bub {opacity:1;visibility:visible;transform:translate(calc(-50% + var(--esh-hl-bub-posun,0px)),0) scale(1);transition:opacity .18s ease .12s,transform .32s cubic-bezier(.2,.9,.25,1.15) .12s,visibility 0s linear .12s} }
.esh-hl__sekce:focus-visible>.esh-hl-bub{transition-delay:0s}
.esh-hl__sekce.is-bub-zavrena>.esh-hl-bub,.esh-hl__sekce[aria-expanded=true]>.esh-hl-bub{opacity:0!important;visibility:hidden!important;transition:none}
.esh-hl-bub__ikona{position:relative;flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#e0503f,var(--red,#c92d26));color:#fff;box-shadow:0 8px 20px #c92d2659;overflow:hidden}
.esh-hl-bub__ikona svg{width:21px;height:21px;stroke-width:1.9}
.esh-hl-bub__ikona::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,#ffffff59 50%,transparent 65%);transform:translateX(-120%)}
.esh-hl__sekce:focus-visible .esh-hl-bub__ikona::after {animation:esh-hl-bub-lesk 2.8s ease-in-out .35s infinite}
@media (hover: hover) { .esh-hl__sekce:hover .esh-hl-bub__ikona::after {animation:esh-hl-bub-lesk 2.8s ease-in-out .35s infinite} }
@keyframes esh-hl-bub-lesk{0%{transform:translateX(-120%)}45%,100%{transform:translateX(120%)}}
.esh-hl-bub__text{display:grid;gap:3px;min-width:0}
.esh-hl-bub__nazev{font-size:14.5px;font-weight:800;letter-spacing:-.01em;line-height:1.25;color:var(--esh-hl-bub-text,#fff)}
.esh-hl-bub__veta{color:var(--esh-hl-bub-tlumeny,#bdb7ad);font-size:12.5px}
.esh-hl-bub__cislo{justify-self:start;margin-top:7px;padding:4px 11px;border-radius:999px;background:var(--esh-hl-bub-cislo-pozadi,#c92d262e);box-shadow:inset 0 0 0 1px #c92d2659;color:var(--esh-hl-bub-cislo,#ffb3a6);font-size:12px;font-weight:800;letter-spacing:.01em;white-space:nowrap;transform:scale(.9);transition:transform .35s cubic-bezier(.3,1.6,.5,1) .2s}
.esh-hl__sekce:focus-visible .esh-hl-bub__cislo {transform:none}
@media (hover: hover) { .esh-hl__sekce:hover .esh-hl-bub__cislo {transform:none} }

/* panel účtu: sekce navíc a aktivní odkaz */
.esh-hl__odkaz[aria-current=page]{background:var(--paper,#f4f1eb);color:var(--red,#c92d26)}
.esh-hl__odkaz[aria-current=page] svg{color:var(--red,#c92d26)}

@media (max-width:1279px){
  .esh-hl--ikony{gap:0}
  .esh-hl--lista.esh-hl--ikony .esh-hl__akce{width:38px;height:38px}
  .esh-hl--ikony .esh-hl__ikona{width:21px;height:21px}
  .re-nav-side .esh-lista-hledat--vlevo{min-width:118px}
}

/* ---------- mobil: sekce účtu jako dlaždice v hamburger menu ---------- */
html body nav#mobile-menu .esh-mm .esh-mm__ucet{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:2px 0 4px}
html body nav#mobile-menu .esh-mm a.esh-mm__ucet-odkaz{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:74px;margin:0;padding:12px 4px 10px;border:1px solid #ffffff1f;border-radius:14px;background:linear-gradient(160deg,#ffffff10,#ffffff03);color:var(--esh-hl-ikona,#e9e4db);font-size:11.5px;font-weight:700;letter-spacing:.01em;line-height:1.15;text-align:center;transition:background .2s,border-color .2s,transform .2s}
html body nav#mobile-menu .esh-mm a.esh-mm__ucet-odkaz .esh-hl__ikona{width:26px;height:26px}
html body nav#mobile-menu .esh-mm a.esh-mm__ucet-odkaz .esh-hl__ikona svg{width:26px;height:26px}
html body nav#mobile-menu .esh-mm a.esh-mm__ucet-odkaz .esh-hl__pocet{position:absolute;top:6px;right:6px;left:auto;margin:0;box-shadow:none}
html body nav#mobile-menu .esh-mm .esh-mm__ucet-popis{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body nav#mobile-menu .esh-mm a.esh-mm__ucet-odkaz:active{transform:scale(.96);border-color:var(--red,#c92d26)}
html body nav#mobile-menu .esh-mm a.esh-mm__ucet-odkaz[aria-current=page]{border-color:var(--red,#c92d26);background:radial-gradient(circle at 50% 30%,var(--esh-hl-aktivni-zare,#c92d2659),#ffffff05 75%);color:var(--esh-hl-aktivni,#ff7a66)}
html body nav#mobile-menu:not([hidden]) .esh-mm a.esh-mm__ucet-odkaz{animation:esh-mega-in .42s var(--ease,ease) both;animation-delay:calc(var(--i,0) * 40ms + 60ms)}
@media (max-width:359px){html body nav#mobile-menu .esh-mm .esh-mm__ucet{grid-template-columns:repeat(3,minmax(0,1fr))}}

@media (prefers-reduced-motion:reduce){
  .esh-hl-bub, .esh-hl__sekce:focus-visible>.esh-hl-bub {transition:none;transform:translate(calc(-50% + var(--esh-hl-bub-posun,0px)),0)}
  @media (hover: hover) { .esh-hl__sekce:hover>.esh-hl-bub {transition:none;transform:translate(calc(-50% + var(--esh-hl-bub-posun,0px)),0)} }
  .esh-hl__sekce:focus-visible .esh-hl-bub__ikona::after {animation:none}
  @media (hover: hover) { .esh-hl__sekce:hover .esh-hl-bub__ikona::after {animation:none} }
  .esh-hl-bub__cislo{transition:none;transform:none}
  @media (hover: hover) { .esh-hl--lista.esh-hl--ikony .esh-hl__akce:hover .esh-hl__ikona {transform:none} }
  html body nav#mobile-menu:not([hidden]) .esh-mm a.esh-mm__ucet-odkaz{animation:none}
}
@media print{.esh-hl-bub,.esh-mm__ucet{display:none!important}}
/* R-031: dotykové cíle ≥ 44 px jen pro dotyk (pointer: coarse); na myši beze změny. Ikony hlavičky 36/38 px => 44 px
   (skutečná šířka, protože ikony stojí těsně vedle sebe a neviditelné plochy by se překrývaly); tlačítko hledání v liště 34 => 44 px. */
@media (pointer: coarse){
  .esh-hl__btn,.esh-hl--m .esh-hl__btn,.esh-hl--d .esh-hl__btn{width:44px;height:44px}
  .esh-hl--lista .esh-hl__akce,.esh-hl--d.esh-hl--lista .esh-hl__btn{min-width:44px;min-height:44px}
  .esh-hl__tl{min-height:44px}
  .esh-lista-hledat__tl::before{content:"";position:absolute;inset:-5px;border-radius:50%}
}
/* R-031: mobilní lišta šablony webu (.re-mobile-nav-tools, flex bez smrštění) nemá pro 3 × 44 px místo. Ikony e-shopu proto
   stojí těsně (gap 0) a skupina si vezme 10 px z mezery za logem a 4 px z mezery před telefonem: zabere o 6 px víc než dřív
   (3 ikony) / stejně (2 ikony), stránka do strany nepřeteče (ověřeno 320–430 px). Šablonu webu to nemění. */
@media (pointer: coarse) and (max-width:1023px){
  .esh-hl--m{gap:0;margin-left:-10px;margin-right:-4px}
}