/* =====================================================================
   SKH Sebranice — redesign nad šablonou Apollo
   Nahrává se do /user/documents/upload/redesign_skh/
   Linkuje se ze Záhlaví. Každý deploy = NOVÝ název souboru (cache).

   Pravidla, která tady platí (ověřeno na živém e-shopu 14. 9. 2026):

   1. Konverzní barva je var(--color-secondary), NE --color-primary.
      --color-primary je "barva šablony 1", u nás černá #16181C.
   2. Apollo má html{font-size:10px}, takže 1rem = 10px. Píšeme v px.
   3. Apollo má vysokou specificitu — proto `html body` prefix, a kde
      to nestačí (barvy nadpisů uvnitř tmavých pruhů), tak !important.
   4. Nepřepisovat paddingy Apollo komponent, jen barvy.
   ===================================================================== */

:root {
  --skh-ink:    #16181C;
  --skh-ground: #F5F6F8;
  --skh-text:   #444444;
  --skh-cervena: var(--color-secondary, #E0402F);
  --skh-zelena:  #4FB400;   /* hover nákupních tlačítek, z návrhu */
}

/* ---------------------------------------------------------------------
   1. TYPOGRAFIE

   ⚠ TADY SE MUSÍ POUŽÍT !important A JE TO ZÁMĚR.
   Apollo má v main.css:
       .external-fonts-loaded body, body.blank-mode { font-family: Roboto }   (0,1,1)
       .external-fonts-loaded h1 … .h6                                        (0,1,1)
   Naše `html body` je (0,0,2) a `html body h1` (0,0,3) — obojí PROHRÁVÁ,
   protože Apollo má v selektoru třídu. Do v1_23 tím pádem celý web běžel
   v Robotu, i když v CSS stálo Barlow, a nadpisy byly nekonzistentní:
   část Barlow Condensed (naše vlastní bloky), část Roboto (vše od Apolla).

   Dala by se zvyšovat specificita (`html.external-fonts-loaded body h1`),
   ale písmo je čistě vzhledová věc bez rizika v kaskádě, takže !important
   je tu jednodušší a spolehlivější. Nadpisové pravidlo přebije základní,
   protože je specifičtější.

   ROZDĚLENÍ:
     Barlow Condensed = nadpisy a grafické prvky (menu, nadpisy sekcí)
     Barlow           = běžný text, názvy produktů, popisky
   Názvy produktů a texty karet jsou v návrhu BĚŽNÝM řezem, ne úzkým —
   proto je sem nedávat.
   --------------------------------------------------------------------- */
html body,
html body button,
html body input,
html body select,
html body textarea,
html body .name,
html body p {
  font-family: "Barlow", "Segoe UI", system-ui, Arial, sans-serif !important;
}

html body h1, html body h2, html body h3,
html body h4, html body h5, html body h6,
html body .h1, html body .h2, html body .h3,
html body .h4, html body .h5, html body .h6,
html body .homepage-group-title,
html body .pageElement__heading,
html body .newsletter-header,
html body .products-related-header,
html body .products-alternative-header,
html body .navigation-in > ul > li > a,
html body .skh-kat__nadpis,
html body .skh-kat__titul,
html body .skh-kat__titul a,
html body .skh-usp-head__nadpis,
html body .skh-usp__nadpis,
html body .skh-poradna__nadpis,
html body .skh-prodejna__nadpis,
html body .skh-vitejte-nadpis {
  font-family: "Barlow Condensed", "Barlow", "Arial Narrow", sans-serif !important;
}

/* ---------------------------------------------------------------------
   2. HORNÍ PRUH
   V návrhu je hlavička světlá a tmavý je jen pruh s kontakty nad ní.
   Apollo umí hlavičku buď celou tmavou, nebo celou světlou.
   --------------------------------------------------------------------- */
html body .top-navigation-bar { background: var(--skh-ink); color: #FFFFFF; }
html body .top-navigation-bar a { color: #FFFFFF; }
html body .top-navigation-bar a:hover { color: var(--skh-cervena); }

/* Lišta při otevřeném menu kategorií
   Po najetí na hlavní menu dá Apollo na <body> třídu `submenu-visible`
   a lištu přebarví na světlou:
     .submenu-visible:not(.menu-helper-visible) .top-navigation-bar
       { background-color: #f5f6f8 }                           (0,3,0)
   Naše `html body .top-navigation-bar` má jen (0,1,2) a prohraje —
   bílé odkazy „Prodejny · Obchodní podmínky" pak na světlé liště
   zmizí. Tohle pravidlo má (0,3,2). z-index 99999 z Apolla necháváme,
   ten drží lištu nad rozbaleným menu. */
html body.submenu-visible:not(.menu-helper-visible) .top-navigation-bar {
  background-color: var(--skh-ink);
}

/* Vysunutá „patka" s kontakty (.top-navigation-contacts)
   Apollo ji věší pod horní lištu jako světlý jazýk — počítá totiž
   s touž světlou lištou. My máme lištu černou, takže na živém webu
   visela přes bílou hlavičku šedá bublina (#f5f6f8) a vypadala jako
   omyl. Apollo na tmavou hlavičku má variantu `.is-header-black`,
   tu ale nezapínáme — přebarvila by hlavičku celou. Přebarvuje se
   tedy jenom ta patka.

   HOVER: Apollo barví text a ikonu ADRESNĚ —
     .top-navigation-bar .top-navigation-contacts a:hover span   (0,4,1)
     .top-navigation-bar .top-navigation-contacts a span         (0,4,1)
   …takže `color` na samém <a> se k nim vůbec nedostane a hover
   zůstával bez odezvy. Musí se cílit přímo na `span` a `::before`.
   Náš selektor má (0,4,3), přebíjí to bez !important. */
/* POZADI: Apollo ho pise selektorem
     .top-navigation-bar .container>div.top-navigation-contacts   (0,3,1)
   Nase `html body .top-navigation-bar .top-navigation-contacts`
   ma jen (0,2,2) a PROHRAVA — dve tridy proti trem. Proto se musi
   prevzit i `.container>div`, tim je z toho (0,3,3). */
html body .top-navigation-bar .container > div.top-navigation-contacts {
  background-color: var(--skh-ink);
}
html body .top-navigation-bar .top-navigation-contacts a span,
html body .top-navigation-bar .top-navigation-contacts a::before {
  color: #FFFFFF;
}
html body .top-navigation-bar .top-navigation-contacts a:hover span,
html body .top-navigation-bar .top-navigation-contacts a:hover::before {
  color: var(--skh-cervena);
}

/* ---------------------------------------------------------------------
   3. TLAČÍTKO
   --------------------------------------------------------------------- */
html body .skh-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--skh-cervena);
  color: #FFFFFF;
  font-weight: 600;
  text-decoration: none;
  padding: 11px 20px;
  border-radius: 6px;
  line-height: 1.2;
}
/* Šipku kreslí VÝHRADNĚ tohle pravidlo. Do textu banneru se nepíše,
   jinak je vidět dvakrát. margin-left (ne gap) proto, že hero tlačítka
   mají inline display:inline-block, se kterým gap nefunguje. */
html body .skh-btn::after { content: "→"; font-size: 1.05em; margin-left: 10px; }
/* hover je níž v jednom pravidle pro všechny .skh-btn */

/* ---------------------------------------------------------------------
   3b. HERO BANNERY — POZOR, NEJSOU TADY
   Hero i oba boční bannery mají VŠECHNY styly inline přímo v sobě,
   žádnou třídu nenesou. Rozměry, přechod i typografie se proto mění
   v souborech banner_hero_*.html, ne tady. Dřív tu byl blok .skh-hero*,
   který nic nestyloval a jen mátl — odstraněn 14. 9. 2026.

   Výjimka: tlačítko .skh-btn níž, to třídu má.
   --------------------------------------------------------------------- */

/* ---------------------------------------------------------------------
   4. BANNER TOP — "Proč nakupovat u nás"
   Ikony jsou hostované PNG 512×512 s průhledným pozadím; světlý box
   a červenou linku kreslí tohle CSS, ne obrázek.
   --------------------------------------------------------------------- */
.skh-usp { margin: 48px 0; }

.skh-usp__eyebrow {
  display: block;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  font-size: 12px;
  font-weight: 600;
  color: var(--skh-cervena);
  margin-bottom: 6px;
}

html body .skh-usp__nadpis {
  margin: 0 0 28px;
  text-align: center;
  text-transform: uppercase;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.15;
  color: var(--skh-ink);
}
html body .skh-usp__nadpis em { font-style: normal; color: var(--skh-cervena); }

.skh-usp__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px 28px;
}
.skh-usp__item { display: flex; gap: 16px; align-items: flex-start; }

.skh-usp__ico {
  flex: none;
  width: 64px;
  height: 64px;
  padding: 13px;
  box-sizing: border-box;
  border-radius: 12px;
  border: 1px solid rgba(224, 64, 47, 0.35);
  background-color: rgba(224, 64, 47, 0.08);
}
html body .skh-usp__text h3 {
  margin: 2px 0 6px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  color: var(--skh-ink);
}
.skh-usp__text p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--skh-text);
  max-width: 32ch;
}

/* ---------------------------------------------------------------------
   5. BANNER TOP — "Nevíte si rady s výběrem"
   --------------------------------------------------------------------- */
.skh-poradna {
  background: var(--skh-ink);
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 18px 40px;
  align-items: center;
  justify-content: space-between;
  padding: 22px 32px;
  margin: 40px 0;
}
.skh-poradna__text { display: flex; flex-wrap: wrap; gap: 6px 32px; align-items: center; }

html body .skh-poradna__nadpis {
  margin: 0;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: .2px;
  /* Apollo barví nadpisy tmavě a dědění bílé z rodiče to nepřebije */
  color: #FFFFFF !important;
}
html body .skh-poradna__nadpis em { font-style: normal; color: var(--skh-cervena) !important; }

.skh-poradna__perex { margin: 0; font-size: 14px; color: #C9CDD2; max-width: 40ch; }

html body .skh-poradna__tel {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
  font-size: 26px;
  font-weight: 700;
  color: #FFFFFF;
  text-decoration: none;
  white-space: nowrap;
}
html body .skh-poradna__tel:hover { color: var(--skh-cervena); }
.skh-poradna__tel img { display: block; }

/* ---------------------------------------------------------------------
   7. BANNER ZÁPÄTIE — "Navštivte naši prodejnu"
   V návrhu do pruhu zleva zasahuje traktor ze sekce nad ním. Překryv
   se zapíná až od 992 px; na mobilu by se obrázek s textem praly.
   --------------------------------------------------------------------- */
.skh-prodejna {
  background: var(--skh-ink);
  border-bottom: 3px solid var(--skh-cervena);
  display: flex;
  flex-wrap: wrap;
  gap: 16px 28px;
  align-items: center;
  justify-content: center;
  padding: 20px 32px;
  margin: 0 0 40px;
}
html body .skh-prodejna__nadpis {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  color: #FFFFFF !important;
}
html body .skh-prodejna__nadpis em { font-style: normal; color: var(--skh-cervena) !important; }

/* ---------------------------------------------------------------------
   8. RESPONZIVITA
   Breakpointy jen oficiální Shoptet: 480 / 768 / 992 / 1200 / 1440
   --------------------------------------------------------------------- */
@media (max-width: 1199px) {
  .skh-usp__list { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
  .skh-usp__list { grid-template-columns: 1fr; }
  html body .skh-usp__nadpis { font-size: 22px; }
  .skh-poradna { justify-content: center; text-align: center; padding: 20px; }
  .skh-poradna__text { justify-content: center; }
  html body .skh-poradna__tel { font-size: 22px; }
}

@media (min-width: 992px) {
  .skh-prodejna { justify-content: flex-end; padding-right: 48px; }
}

@media (prefers-reduced-motion: reduce) {
  html body .skh-btn { transition: none; }
}

/* ---------------------------------------------------------------------
   9. PŘEPÍNAČ SLIDŮ (Apollo používá Bootstrap ol.carousel-indicators)
   V návrhu jsou to tři krátké čárky vlevo dole, aktivní červená —
   ne bílé kolečko uprostřed.
   --------------------------------------------------------------------- */
html body .carousel-indicators {
  left: 40px;
  right: auto;
  bottom: 26px;
  width: auto;
  margin: 0;
  text-align: left;
}
html body .carousel-indicators li {
  width: 34px;
  height: 4px;
  border: 0;
  border-radius: 2px;
  background: rgba(255, 255, 255, .35);
  margin: 0 8px 0 0;
  text-indent: -9999px;
}
html body .carousel-indicators li.active {
  background: var(--skh-cervena);
  width: 34px;
  height: 4px;
  margin: 0 8px 0 0;
}

/* hero tlačítko: základ je inline v banneru (aby fungoval i bez CSS),
   tady se dodává jen chování při najetí myší */
/* Hover na tlačítkách v bannerech.
   POZOR: platí pro VŠECHNY .skh-btn, ne jen pro ty v carouselu.
   v1_15 mířila na `.carousel-inner .skh-btn`, jenže boční bannery
   (Husqvarna, Malotraktory) leží v `.next-to-carousel-banners`
   a banner prodejny úplně jinde — hover jim tím pádem chyběl.

   !important je nutné: tlačítka mají barvu zapsanou INLINE přímo
   v banneru (aby vypadala správně i bez CSS), a inline styl přebije
   jakýkoli běžný selektor. */
html body .skh-btn { transition: background-color .18s ease, color .18s ease; }
html body .skh-btn:hover,
html body a.skh-btn:hover {
  background: #FFFFFF !important;
  color: var(--skh-ink) !important;
}

@media (max-width: 767px) {
  html body .carousel-indicators { left: 22px; bottom: 16px; }
}


/* ---------------------------------------------------------------------
   10. NADPISY SEKCÍ
   Apollo dává všem sekcím na titulce .homepage-group-title běžným
   fontem. V návrhu jsou v Barlow Condensed verzálkami. Jedno pravidlo
   opraví "Nově naskladněno", "Značky", "Vítejte" i blog najednou.
   --------------------------------------------------------------------- */
html body .homepage-group-title {
  font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 28px;
  letter-spacing: .3px;
  color: var(--skh-ink);
}
html body .homepage-group-title em {
  font-style: normal;
  color: var(--skh-cervena);
}

/* ---------------------------------------------------------------------
   11. ZNAČKY (Apollo partners-block)
   Banner se vkládá do Prvků do spodního panelu. Šablona ho vykreslí,
   tady se jen dokreslí bílé dlaždice z návrhu.
   --------------------------------------------------------------------- */
html body .skh-znacky {
  margin: 8px 0 48px;
}

html body .skh-znacky .partners-group {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
  margin: 0;            /* Apollo má záporné marginy kvůli flexu */
}

/* ⚠ Apollo počítá šířku dlaždic PROCENTY, protože .partners-group
   je u něj FLEX: `.partners__item { width: 20% }`. Když z toho
   uděláme grid, znamená to 20 % ŠÍŘKY BUŇKY — z 266px buňky
   vyjde dlaždice 37 px a logo uvnitř se scvrkne na nulu. Přesně tak
   to 23. 9. 2026 vypadalo na živém webu: svíce místo log.
   Šířku tedy musí dat GRID, ne procento na položce. */
html body .skh-znacky .partners__item {
  width: auto;
  max-width: none;
  padding: 0;
  margin: 0;
}

/* Bílou kartu kreslí Apollo už v .partners__content (stín, radius 24).
   Dlaždici z návrhu tedy stylujeme TAM — ne ještě jednou na
   .partners__image-block, to by byla karta v kartě. */
html body .skh-znacky .partners__content {
  height: 84px;
  padding: 14px 18px;
  box-sizing: border-box;
  background: #FFFFFF;
  border: 1px solid #E7E9EC;
  border-radius: 8px;
  box-shadow: none;
}
/* Apollo tenhle vnitřní blok řeže na `max-width: 130px`
   (@media min-width:768px) a loga pak byla v široké dlaždici maličká.
   Strůp se ruší a šířku řídí až strop na samotném <img>. */
html body .skh-znacky .partners__image-block {
  height: 100%;
  width: 100%;
  max-width: none;
  background: none;
  border: 0;
  padding: 0;
}
/* 160 px je strop pro široká loga (DAKR, Jansen, Stihl — poměr ~3,9:1),
   vysoká loga (Mammotion, Makita, Ruris) dojedou na výšku dlaždice.
   Tím mají všechna zhruba stejnou optickou velikost. */
html body .skh-znacky .partners__image-block img {
  max-width: 160px;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* ---------------------------------------------------------------------
   12. PATIČKA
   Apollo si patičku skládá z "Prvků" ve spodním panelu:
     .custom-footer__newsletter   newsletter
     .custom-footer__banner1      náš banner se sloupcem odkazů
     .custom-footer__onlinePayments  platby
     .custom-footer__contact      kontakt s logem
   Tady se jen obarvuje, struktura je šablony.
   --------------------------------------------------------------------- */
html body .footer { background: var(--skh-ground); }

/* newsletter jako červený box z návrhu
   -------------------------------------------------------------------
   POZOR NA SPECIFICITU. Apollo má v main.css:
       .footer-item.footer-item-newsletter { background-color: var(--color-primary) }
   to je (0,2,0). Pouhé `html body .custom-footer__newsletter` je (0,1,2)
   a PROHRÁLO — přebilo to nejen barvu, ale celý blok (v1_7 na tom najel).
   Proto se přidává druhá třída .footer-item-newsletter → (0,2,2).

   Apollova main.css je na cizí doméně, takže její pravidla nejde
   přečíst z konzole (CORS). Když se něco nechytá, stahuje se soubor:
   https://cdn.myshoptet.com/usr/apollo.jakubtursky.sk/user/documents/assets/main.css
   ------------------------------------------------------------------- */
html body .custom-footer__newsletter.footer-item-newsletter {
  background-color: var(--skh-cervena);
  border-radius: 10px;
  color: #FFFFFF;
}

/* obálka jako vodoznak — v návrhu není */
html body .custom-footer__newsletter.footer-item-newsletter::after { display: none; }

html body .custom-footer__newsletter.footer-item-newsletter h3 span,
html body .custom-footer__newsletter.footer-item-newsletter h4 span,
html body .custom-footer__newsletter .newsletter-header {
  font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
  font-weight: 700;
  line-height: 1.1;
  color: #FFFFFF;
}
html body .custom-footer__newsletter.footer-item-newsletter p,
html body .custom-footer__newsletter.footer-item-newsletter .label,
html body .custom-footer__newsletter.footer-item-newsletter .label a {
  color: #FFFFFF;
  font-size: 12px;
  line-height: 1.45;
}
html body .custom-footer__newsletter.footer-item-newsletter .label a { text-decoration: underline; }

html body .custom-footer__newsletter.footer-item-newsletter .form-control {
  background: #FFFFFF;
  border: 0;
  border-radius: 6px;
  color: var(--skh-ink);
}

/* tlačítko: Apollo ho dělá červené, na červeném boxu by zmizelo.
   Jeho pravidlo je (0,3,0), tohle je (0,4,2). */
html body .custom-footer__newsletter.footer-item-newsletter .subscribe-form .btn {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: var(--skh-ink);
  font-weight: 600;
  box-shadow: none;
}
html body .custom-footer__newsletter.footer-item-newsletter .subscribe-form .btn:hover {
  background-color: var(--skh-ink);
  border-color: var(--skh-ink);
  color: #FFFFFF;
}

/* sloupce odkazů */
html body .custom-footer .footer-item h3,
html body .custom-footer .pageElement__heading {
  font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .6px;
  color: var(--skh-ink);
}
html body .custom-footer .footer-item ul { list-style: none; margin: 0; padding: 0; }
html body .custom-footer .footer-item li { margin: 0 0 8px; }
html body .custom-footer .footer-item a { color: var(--skh-text); font-size: 13px; }
html body .custom-footer .footer-item a:hover { color: var(--skh-cervena); }

/* kontaktní blok */
html body .custom-footer__contact .contact-box { font-size: 13px; color: var(--skh-text); }
html body .custom-footer__contact .btn {
  background: var(--skh-cervena);
  border: 0;
  color: #FFFFFF;
  border-radius: 6px;
}
html body .custom-footer__contact .btn:hover { background: var(--skh-ink); }

/* spodní tmavý proužek */
html body .footer-bottom-bg { background: var(--skh-ink); }
html body .footer-bottom, html body .footer-bottom a { color: #C9CDD2; }

/* ---------------------------------------------------------------------
   13. PROPORCE PROTI NÁVRHU
   Změřeno 14. 9. 2026 porovnáním snímku webu s Figmou při stejné šířce.
   --------------------------------------------------------------------- */

/* Hero bylo o ~25 % vyšší než v návrhu. Opraveno inline v bannerech
   (460 → 364 px, boční 222 → 174 px), sem to nepatří — viz oddíl 3b. */

/* Pruh "Nevíte si rady" se vykresloval jen na půl šířky.
   Změřeno 17. 9. 2026: nevinil se banner, ale Apollo — dává
   .col-sm-12 v tomhle bloku max-width:50 %, protože počítá se dvěma
   bannery vedle sebe. Máme tam jeden, takže roztáhnout na celou. */
html body .middle-banners-wrapper .banners-content > [class*="col-"] {
  max-width: 100%;
  flex: 0 0 100%;
}
html body .skh-poradna { width: 100%; box-sizing: border-box; }

/* "Vítejte": Apollo dává obrázek vždy vpravo, návrh ho má vlevo */
@media (min-width: 992px) {
  html body .welcome .welcome__content { flex-direction: row-reverse; }

  /* Nadpis "Vítejte" visí mimo .container — je přímým potomkem
     .welcome-wrapper a táhne se přes celé okno. Samotný text-align:right
     ho proto vystrčil až za okraj stránky. Musí dostat stejný box jako
     .welcome__content (okno mínus 2× 34 px), teprve pak sedí nad textem. */
  /* traktor zasahuje do tmavého pruhu pod sekcí, jako v návrhu */
  html body .welcome .welcome__right-panel {
    margin-bottom: -64px;
    position: relative;
    z-index: 2;
  }
}

@media (max-width: 991px) {
  html body .skh-znacky .partners-group { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 575px) {
  html body .skh-znacky .partners-group { grid-template-columns: repeat(2, 1fr); }
  html body .homepage-group-title { font-size: 22px; }
}


/* ---------------------------------------------------------------------
   14. KARTY KATEGORIÍ — MODUL APOLLA JE VYPNUTÝ
   Blok se staví jako vlastní banner (banner_kategorie.html, sekce 24),
   protože Apollo do karty dostane jen obrázek a název — popisek ani
   "N podkategorií" z návrhu odtud vzít nejde a hlavní kategorie modul
   neumí vůbec (hledá jen v .menu-level-2).
   V Zápatí je proto topCategoryMenuItem = [] a topCategoryTitle = "".
   Styly pro .top-category-block odstraněny 17. 9. 2026, byly mrtvé.
   --------------------------------------------------------------------- */

/* ---------------------------------------------------------------------
   15. PŘESUNUTÝ BANNER "NAVŠTIVTE NAŠI PRODEJNU"
   Banner vzniká na pozici Zápätie (= pod carouselem) a skript
   skh_reorder_v1.js ho přesune pod sekci "Vítejte", jak je v návrhu.
   Obal .skh-extracted .skh-prodejna-wrap vyrábí ten skript.

   Shoptet nemá pozici "nad patičkou", proto ta oklika.
   --------------------------------------------------------------------- */
html body .skh-extracted.skh-prodejna-wrap { margin: 0 0 40px; }
html body .skh-extracted.skh-prodejna-wrap .banner-wrapper { width: 100%; }
html body .skh-extracted.skh-prodejna-wrap .skh-prodejna {
  width: 100%;
  box-sizing: border-box;
}

/* dokud skript nedoběhne, ať banner neposkakuje */
html body .skh-extracted { animation: skhFade .2s ease both; }
@keyframes skhFade { from { opacity: .001; } to { opacity: 1; } }


/* ---------------------------------------------------------------------
   16. SEKCE "VÍTEJTE" — tlačítko
   Apollo dělá .btn-secondary BÍLÉ:
       .btn.btn-secondary, a.btn.btn-secondary { background-color:#fff }   (0,2,1)
   Návrh ho chce červené. Tohle je (0,2,3), takže vyhraje.
   Schválně jen uvnitř .welcome, ať se nepřebarvují tlačítka jinde.
   --------------------------------------------------------------------- */
html body .welcome a.btn.btn-secondary,
html body .welcome .btn.btn-secondary {
  background-color: var(--skh-cervena);
  border-color: var(--skh-cervena);
  color: #FFFFFF;
  display: inline-flex;
  align-items: center;
  font-weight: 600;
}
html body .welcome a.btn.btn-secondary::after,
html body .welcome .btn.btn-secondary::after {
  content: "→";
  margin-left: 10px;
  font-size: 1.05em;
}
html body .welcome a.btn.btn-secondary:hover,
html body .welcome .btn.btn-secondary:hover {
  background-color: var(--skh-ink);
  border-color: var(--skh-ink);
  color: #FFFFFF;
}

/* ---------------------------------------------------------------------
   17. PRUH "NAVŠTIVTE NAŠI PRODEJNU" PŘES CELOU ŠÍŘKU
   V návrhu jde tmavý pruh od kraje ke kraji, pod ním červená linka,
   a traktor ze sekce nad ním do pruhu zasahuje.

   Banner leží uvnitř .container, proto se z něj vylamuje přes
   width:100vw a zápornou marži. Levý padding 50vw není překlep —
   (100vw − šířka kontejneru)/2 + polovina kontejneru = 50vw, tedy
   přesně začátek textového sloupce nad ním.
   --------------------------------------------------------------------- */
@media (min-width: 992px) {
  html body .skh-extracted.skh-prodejna-wrap .skh-prodejna {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    padding: 22px 24px 22px 50vw;
    justify-content: flex-start;
    border-radius: 0;
  }
}


/* ---------------------------------------------------------------------
   18. SEKCE "VÍTEJTE" — nadpis a odsazení

   Apollo vykresluje nad sekcí vlastní <div class="h4 homepage-group-title">
   s textem z proměnné homepageWelcomeTitle. Ten prvek visí MIMO .container,
   takže se táhne přes celé okno a nejde rozumně zarovnat nad textový
   sloupec — pokusy v v1_9 a v1_10 vedly buď k přetečení za okraj, nebo
   k padding-left 926 px, což je nesmysl.

   Řešení: h4 se skryje a nadpis se píše přímo do textu Titulní strany
   (3_TITULNI_STRANA.html), kde je součástí sloupce a chová se normálně.
   --------------------------------------------------------------------- */
html body .welcome-wrapper > .homepage-group-title { display: none; }

html body .welcome { padding-top: 0; padding-bottom: 0; }

html body .skh-vitejte-nadpis {
  margin: 0 0 16px;
  font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  color: var(--skh-ink);
}

/* ---------------------------------------------------------------------
   19. PRODUKTOVÉ KARTY — tlačítko
   Apollo: .btn.btn-conversion { background-color: var(--color-secondary);
           border-radius: 76px; width: 100% }            (0,2,1)
           .products-block .product-btn a { max-width: 180px }
   Návrh chce tmavý obdélník přes celou šířku karty, radius ~8 px.
   Tohle je (0,4,2), takže vyhraje.

   POZNÁMKA: text tlačítka („Do košíku" × „Detail produktu") NENÍ věc CSS
   ani Apolla — řídí ho nastavení katalogu v Shoptetu. Přepsat ho stylem
   by znamenalo, že tlačítko říká něco jiného, než dělá.
   --------------------------------------------------------------------- */
html body .products-block .product-btn .btn.btn-conversion,
html body .products-block .product-btn a.btn.btn-conversion,
html body .products-block .product-btn .btn.btn-cart {
  background-color: var(--skh-ink);
  border-color: var(--skh-ink);
  color: #FFFFFF;
  border-radius: 8px;
  min-height: 46px;
  box-shadow: none;
  font-size: 15px;
}
html body .products-block .product-btn .btn.btn-conversion:hover,
html body .products-block .product-btn a.btn.btn-conversion:hover,
html body .products-block .product-btn .btn.btn-cart:hover {
  background-color: var(--skh-cervena);
  border-color: var(--skh-cervena);
  color: #FFFFFF;
}
html body .products-block .product-btn a,
html body .products-block .product-btn .pr-action { max-width: none; }

/* ---------------------------------------------------------------------
   20. ŠIPKY V KARUSELU
   Apollo: .swiper-arrow-content { background-color: white; border-radius:100% }
           .swiper-arrow-content .icon-svg { color: #0f0f0f }
   Návrh: červené kolečko, bílá šipka.
   --------------------------------------------------------------------- */
html body .swiper-arrow-content {
  background-color: var(--skh-cervena);
  box-shadow: 0 3px 8px rgba(22, 24, 28, .18);
}
html body .swiper-arrow-content .icon-svg { color: #FFFFFF; }
html body .swiper-arrow-content:hover,
html body .swiper-arrow-content:focus { background-color: var(--skh-ink); }
html body .swiper-arrow-content:hover .icon-svg,
html body .swiper-arrow-content:focus .icon-svg { color: #FFFFFF; }


/* ---------------------------------------------------------------------
   22. BANNER "NEVÍTE SI RADY" PŘILEPENÝ POD KATEGORIE
   Skript ho vloží hned za náš banner kategorií; tady se maže mezera,
   aby to byl jeden blok jako v návrhu.
   --------------------------------------------------------------------- */
/* Mezery odladěné přímo v prohlížeči 17. 9. 2026 (DevTools → element.style).
   Blok kategorií, pruh "Nevíte si rady" a "Nově naskladněno" mají na sebe
   navazovat bez mezer — Apollo i naše dřívější verze tam dávaly odsazení,
   které blok roztrhlo. */
html body .top-category-block { margin-top: 0; margin-bottom: 0; }
html body .skh-extracted.skh-poradna-wrap { margin: 0; }
html body .skh-extracted.skh-poradna-wrap .banner-wrapper { width: 100%; }
html body .products-group { margin-top: 0; }

/* ---------------------------------------------------------------------
   23. KONKURENČNÍ VÝHODY (nativní modul Shoptetu, .benefitBanner)
   Apollo: .benefitBanner__picture { flex: 0 0 75px }
           .benefitBanner__title   { font-size: 1.1em }
   Návrh chce větší rámeček pro ikonu a menší písmo, a nadpis nad blokem.
   Nadpis vkládá skh_reorder_v2.js.
   --------------------------------------------------------------------- */
html body .benefitBanner.position--benefitHomepage { margin: 40px auto 48px; }

html body .skh-usp-head { flex: 1 1 100%; text-align: center; margin: 0 0 28px; }
html body .skh-usp-head__eyebrow {
  display: block;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--skh-cervena);
  margin-bottom: 6px;
}
html body .skh-usp-head__nadpis {
  margin: 0;
  font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.15;
  text-transform: uppercase;
  color: var(--skh-ink);
}
html body .skh-usp-head__nadpis em { font-style: normal; color: var(--skh-cervena); }

/* Větší ikona.
   POZOR: rámeček s červeným okrajem a světlou výplní je namalovaný
   PŘÍMO V PNG (usp_1.png je 96×96, rohy průhledné, u kraje světle
   červená). v1_13 kolem něj kreslila druhý rámeček z CSS a byl vidět
   box v boxu. Proto se tu jen zvětšuje obrázek a nic se nedokresluje. */
html body .benefitBanner.position--benefitHomepage .benefitBanner__picture {
  flex: 0 0 72px;
  width: 72px;
  height: auto;
  margin-right: 16px;
  padding: 0;
  border: 0;
  background: none;
  align-items: flex-start;
}
html body .benefitBanner.position--benefitHomepage .benefitBanner__picture img,
html body .benefitBanner.position--benefitHomepage .benefitBanner__img {
  width: 72px;
  height: 72px;
  max-width: none;
  max-height: none;
}

/* menší písmo, bez verzálek */
html body .benefitBanner.position--benefitHomepage .benefitBanner__item {
  text-align: left;
  align-items: flex-start;
  margin-bottom: 0;
}
html body .benefitBanner.position--benefitHomepage .benefitBanner__title {
  font-family: "Barlow", system-ui, Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  text-transform: none;
  letter-spacing: 0;
  color: var(--skh-ink);
  margin-bottom: 4px;
}
html body .benefitBanner.position--benefitHomepage .benefitBanner__content,
html body .benefitBanner.position--benefitHomepage .benefitBanner__data {
  font-size: 13px;
  line-height: 1.5;
  color: var(--skh-text);
  text-align: left;
}

/* MOBIL — ikona nad textem a všechno na střed.
   Změřeno 17. 9. 2026 na 375 px: položka je široká 168 px, ale ikona
   (58) a text (168) se do řádku nevejdou, takže se text zalomil pod
   ikonu a při `text-align:left` to vypadalo rozházeně. Na mobilu tedy
   sloupec a centrování. */
@media (max-width: 767px) {
  html body .skh-usp-head__nadpis { font-size: 22px; }

  html body .benefitBanner.position--benefitHomepage .benefitBanner__item {
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 28px;
  }
  html body .benefitBanner.position--benefitHomepage .benefitBanner__picture {
    flex: 0 0 auto;
    width: 64px;
    margin: 0 0 10px;
  }
  html body .benefitBanner.position--benefitHomepage .benefitBanner__picture img,
  html body .benefitBanner.position--benefitHomepage .benefitBanner__img {
    width: 64px;
    height: 64px;
  }
  html body .benefitBanner.position--benefitHomepage .benefitBanner__content,
  html body .benefitBanner.position--benefitHomepage .benefitBanner__data,
  html body .benefitBanner.position--benefitHomepage .benefitBanner__title {
    text-align: center;
    width: 100%;
    padding-right: 0;
  }
}


/* ---------------------------------------------------------------------
   24. BLOK KATEGORIÍ — vlastní banner (banner_kategorie.html)
   Barvy a velikosti podle návrhu, Figma node 1:126.
   --------------------------------------------------------------------- */
.skh-kat { margin: 0; }

.skh-kat__eyebrow {
  display: block;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--skh-cervena);
  margin-bottom: 6px;
}
html body .skh-kat__nadpis {
  margin: 0 0 28px;
  text-align: center;
  font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  color: var(--skh-ink);
}
html body .skh-kat__nadpis em { font-style: normal; color: var(--skh-cervena); }

.skh-kat__mrizka {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.skh-kat__karta {
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  border: 1px solid #E7E9EC;
  border-radius: 10px;
  overflow: hidden;
  min-width: 0;
  transition: border-color .18s ease, box-shadow .18s ease;
}
.skh-kat__karta:hover {
  border-color: var(--skh-cervena);
  box-shadow: 0 6px 20px rgba(22, 24, 28, .08);
}

.skh-kat__foto {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  padding: 16px;
  box-sizing: border-box;
  background: #FFFFFF;
}
.skh-kat__foto img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}

.skh-kat__telo { padding: 0 22px 24px; }

html body .skh-kat__titul { margin: 0 0 12px; }
html body .skh-kat__titul a {
  font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.15;
  text-transform: uppercase;
  color: var(--skh-ink);
  text-decoration: none;
}
html body .skh-kat__titul em { font-style: normal; color: var(--skh-cervena); }
html body .skh-kat__titul a:hover em,
html body .skh-kat__titul a:hover { color: var(--skh-cervena); }

.skh-kat__popis {
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 1.55;
  color: var(--skh-text);
}

html body .skh-kat__odkaz {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: var(--skh-cervena);
  text-decoration: underline;
}
html body .skh-kat__odkaz:hover { color: var(--skh-ink); }

@media (max-width: 991px) {
  .skh-kat__mrizka { grid-template-columns: repeat(2, 1fr); }
  html body .skh-kat__nadpis { font-size: 26px; }
}
@media (max-width: 479px) {
  .skh-kat__mrizka { grid-template-columns: 1fr; }
}

/* ---------------------------------------------------------------------
   25. TLAČÍTKA — jeden tvar, dvě barvy
   Z návrhu (Figma node 1:126, vybraný obdélník 234 × 46, radius 7.86):

     tvar    = radius 8 px, výška 46 px, stejné písmo všude
     základ  = ČERNÁ #16181C
     hover   = ZELENÁ #4FB400
     červená = jen hlavní akce v bannerech (.skh-btn), nikde jinde

   Apollo má tlačítka rozházená (pilulky radius 76 px i 25 px) a nákupní
   tlačítka barví konverzní červenou. Přebíjí se to tady.
   --------------------------------------------------------------------- */
html body .btn,
html body a.btn,
html body .btn.btn-primary,
html body .btn.btn-secondary,
html body .btn.btn-conversion,
html body .btn.btn-cart {
  border-radius: 8px;
  min-height: 46px;
  padding: 11px 22px;
  font-size: 15px;
  font-weight: 600;
  box-shadow: none;
}

/* Základ je černá. Platí pro nákupní tlačítka v seznamu i v detailu
   a pro tlačítka u článků. */
html body .products-block .product-btn .btn,
html body .products-block .product-btn .btn.btn-conversion,
html body .products-block .product-btn a.btn.btn-conversion,
html body .products-block .product-btn .btn.btn-cart,
html body .p-detail .btn.btn-conversion,
html body .p-detail a.btn.btn-conversion,
html body .p-detail .btn.btn-cart,
html body .add-to-cart-button,
html body .news-block .btn,
html body .homepage-blog-wrapper .btn {
  background-color: var(--skh-ink) !important;
  border-color: var(--skh-ink) !important;
  color: #FFFFFF !important;
}

/* Shopteti prvek "Novinky" na titulce — schovává se úplně.
   Vykresloval též čtveřici článků jako .homepage-blog-wrapper, jen
   s perexem usečnutým na 10 znaků ("🚜 Většina ..."). Délka anotace
   se přepíná jen v administraci, přes API na článku žádné pole anotace
   není. Blok zůstává v šabloně zapnutý, jen ho nevidíme — skh_reorder
   ho pak z DOM odstraní úplně. Tohle pravidlo je tu jen proto, aby
   během načítání neproblikl.

   POZOR: třída .news-block je na OBOU blocích, cílit se musí
   přes .js-news-block, jinak zmizí i ten správný. */
html body .js-news-block { display: none !important; }

/* Hover je zelená, ne červená. */
html body .products-block .product-btn .btn:hover,
html body .products-block .product-btn .btn.btn-conversion:hover,
html body .products-block .product-btn a.btn.btn-conversion:hover,
html body .products-block .product-btn .btn.btn-cart:hover,
html body .p-detail .btn.btn-conversion:hover,
html body .p-detail a.btn.btn-conversion:hover,
html body .p-detail .btn.btn-cart:hover,
html body .add-to-cart-button:hover,
html body .news-block .btn:hover,
html body .homepage-blog-wrapper .btn:hover {
  background-color: var(--skh-zelena) !important;
  border-color: var(--skh-zelena) !important;
  color: #FFFFFF !important;
}

html body .products-block .product-btn a,
html body .products-block .product-btn .pr-action { max-width: none; }

/* ---------------------------------------------------------------------
   25b. ŠTÍTKY U PRODUKTŮ
   Shoptet je dává do .flags.flags-default, což je absolutně pozicovaný
   flex box široký 72 px — štítky se v něm lámaly přes sebe.
   Návrh chce dva vedle sebe, zarovnané, bez překryvu.
   --------------------------------------------------------------------- */
/* v1_18 to zhoršila: obal zůstal úzký (66 px) a strop `max-width: 50 %`
   z něj udělal 30px štítky oříznuté na jedno písmeno. Šířku musí dát
   OBAL, ne procento na štítku. */
html body .products-block .flags,
html body .products-block .flags-default {
  width: calc(100% - 24px);
  max-width: calc(100% - 24px);
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 6px;
  top: 12px;
  left: 12px;
  right: auto;
  height: auto;
}
html body .products-block .flags .flag {
  flex: 0 0 auto;
  max-width: none;
  margin: 0;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
  text-transform: none;
  white-space: nowrap;
}
html body .products-block .flags .flag-new,
html body .products-block .flags .flag-action,
html body .products-block .flags .flag-custom1 {
  background: var(--skh-cervena);
  color: #FFFFFF;
}
html body .products-block .flags .flag-tip {
  background: var(--skh-ink);
  color: #FFFFFF;
}

/* ---------------------------------------------------------------------
   26. POSUVNÍK U PRODUKTŮ — čárky místo teček
   Stejný vzhled jako přepínač hero carouselu (sekce 9).
   Swiper používá .swiper-pagination-bullet.
   --------------------------------------------------------------------- */
html body .swiper-pagination-bullet {
  width: 34px;
  height: 4px;
  border-radius: 2px;
  background: rgba(22, 24, 28, .25);
  opacity: 1;
  margin: 0 6px;
}
html body .swiper-pagination-bullet-active { background: var(--skh-cervena); }

/* Viditelný puntík NEKRESLÍ samotný .swiper-pagination-bullet, ale jeho
   ::after (16 × 16, border-radius 100 %, tmavé pozadí). v1_15 přestylovala
   jen ten span, takže vedle sebe zůstala čárka i kolečko. */
html body .swiper-pagination-bullet::after,
html body .swiper-pagination-bullet::before { display: none; content: none; }


/* ---------------------------------------------------------------------
   27. ZNAČKY JAKO ŘADA NAD PATIČKOU
   Banner se NEDÁVÁ do Prvků — tam by z něj byl sloupec patičky široký
   ~280 px. Místo toho dostane pozici Zápätie a skh_reorder ho posadí
   nad #footer, kde má podle návrhu být: deset log přes celou šířku.
   --------------------------------------------------------------------- */
/* Odsazení značek je v bloku 11 přímo na .skh-znacky.
   Obal .skh-znacky-wrap se od skh_reorder_v11 nestaví — banner je
   sám .content-wrapper.partners-block a stěhuje se rovnou on. */

html body .skh-znacky .homepage-group-title {
  text-align: center;
  margin-bottom: 24px;
}

/* ---------------------------------------------------------------------
   28. DOČASNÁ ZÁPLATA NA MODUL KATEGORIÍ APOLLA
   Platí jen dokud není nasazený vlastní banner_kategorie.html.
   Styly pro .top-category-block jsem v v1_15 odstranil jako mrtvé, jenže
   modul na webu pořád běží — karty se tím rozsypaly a začal v nich svítit
   rozbalený seznam podkategorií. Tohle to aspoň udrží pohromadě.
   PO NASAZENÍ BANNERU CELOU TUHLE SEKCI SMAZAT.
   --------------------------------------------------------------------- */
html body .top-category-block .menu-level-3,
html body .top-category-block .top-category-more { display: none; }
html body .top-category-block .menu-level-2 { justify-content: flex-start; }
html body .top-category-block .menu-level-2 > li { max-width: none; }

/* ---------------------------------------------------------------------
   29. BLOK KATEGORIÍ V PŘESUNUTÉM PRUHU
   Doplňkový banner s pozicí Top spadne do .next-to-carousel-banners,
   kde má každý .banner-wrapper `flex: 0 0 50%`. skh_reorder ho odtud
   vytáhne do vlastního .skh-kat-wrap — tady se jen zruší ta polovina
   pro případ, že by skript nedoběhl.
   --------------------------------------------------------------------- */
html body .skh-extracted.skh-kat-wrap { margin: 0 0 8px; }
html body .skh-extracted.skh-kat-wrap .banner-wrapper {
  width: 100%;
  max-width: none;
  flex: 1 1 100%;
}
html body .next-to-carousel-banners .banner-wrapper:has(.skh-kat) {
  max-width: 100%;
  flex: 0 0 100%;
}

/* ---------------------------------------------------------------------
   30. MOBIL — mezery a proporce
   Na 375 px měla titulka 12 041 px. Hlavní viník byl výpis všech
   24 produktů místo slideru (řeší productsColumnsAndRowsOnMobile
   v Zápatí), zbytek jsou zbytečná odsazení mezi bloky.
   --------------------------------------------------------------------- */
@media (max-width: 767px) {
  html body .skh-extracted.skh-kat-wrap { margin: 0 0 4px; }
  html body .skh-extracted.skh-poradna-wrap { margin: 0 0 28px; }
  html body .skh-extracted.skh-prodejna-wrap { margin: 0 0 28px; }
  html body .skh-znacky { margin: 0 0 28px; }
  html body .homepage-box.welcome-wrapper { margin-top: 24px; }
  html body .benefitBanner.position--benefitHomepage { margin: 28px auto 8px; }

  /* karty kategorií pod sebou ať nejsou zbytečně vysoké */
  html body .skh-kat__foto { height: 168px; }
  html body .skh-kat__telo { padding: 0 18px 20px; }
  html body .skh-kat { margin: 0; }

  /* pruh prodejny na mobilu na střed, bez vylomení přes 100vw */
  html body .skh-extracted.skh-prodejna-wrap .skh-prodejna {
    width: 100%;
    margin-left: 0;
    padding: 18px 20px;
    justify-content: center;
    text-align: center;
  }
}

/* ---------------------------------------------------------------------
   31. STRÁNKA PRODEJNÍCH MÍST
   Obsah je v Vzhled a obsah → Stránky → Prodejny (stranka_prodejny.html).
   Devět prodejců rozdělených po zemích.
   --------------------------------------------------------------------- */
html body .skh-prodejci__zeme {
  margin: 36px 0 16px;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--skh-ink);
}
html body .skh-prodejci > .skh-prodejci__zeme:first-child { margin-top: 8px; }

.skh-prodejci__mrizka {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.skh-prodejce {
  background: #FFFFFF;
  border: 1px solid #E7E9EC;
  border-radius: 10px;
  padding: 20px 22px 22px;
  min-width: 0;
  transition: border-color .18s ease, box-shadow .18s ease;
}
.skh-prodejce:hover {
  border-color: var(--skh-cervena);
  box-shadow: 0 6px 20px rgba(22, 24, 28, .08);
}

html body .skh-prodejce__nazev {
  margin: 0 0 10px;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--skh-cervena);
}
.skh-prodejce__adresa {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--skh-text);
}
.skh-prodejce__kontakt { margin: 0 0 4px; font-size: 14px; }
html body .skh-prodejce__kontakt a { color: var(--skh-ink); }
html body .skh-prodejce__kontakt a:hover { color: var(--skh-cervena); }

html body .skh-prodejce__mapa {
  display: inline-block;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 700;
  color: var(--skh-cervena);
  text-decoration: underline;
}
html body .skh-prodejce__mapa:hover { color: var(--skh-ink); }

@media (max-width: 991px) {
  .skh-prodejci__mrizka { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px) {
  .skh-prodejci__mrizka { grid-template-columns: 1fr; }
  html body .skh-prodejci__zeme { font-size: 20px; margin-top: 28px; }
}

/* ---------------------------------------------------------------------
   32. PRODEJNY — filtr a hledání
   Obsluhuje skh_reorder_v8.js. Karty se skrývají přes atribut [hidden],
   proto to !important — Apollo dává .skh-prodejce display:block a to by
   hidden přebilo.
   --------------------------------------------------------------------- */
.skh-prodejci__filtr {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 18px;
  align-items: flex-end;
  margin: 8px 0 28px;
  padding: 18px 20px;
  background: var(--skh-ground);
  border-radius: 10px;
}
.skh-prodejci__pole { display: flex; flex-direction: column; gap: 6px; min-width: 200px; }
.skh-prodejci__pole--siroke { flex: 1 1 280px; }
.skh-prodejci__pole > span {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .6px;
  text-transform: uppercase;
  color: var(--skh-text);
}
html body .skh-prodejci__zeme-vyber,
html body .skh-prodejci__hledat {
  height: 46px;
  padding: 0 14px;
  border: 1px solid #E7E9EC;
  border-radius: 8px;
  background: #FFFFFF;
  font-size: 15px;
  color: var(--skh-ink);
}
html body .skh-prodejci__zeme-vyber:focus,
html body .skh-prodejci__hledat:focus {
  outline: none;
  border-color: var(--skh-cervena);
}

html body .skh-prodejce[hidden],
html body .skh-prodejci__skupina[hidden] { display: none !important; }

.skh-prodejci__nic {
  margin: 0 0 24px;
  padding: 18px 20px;
  border: 1px dashed #E7E9EC;
  border-radius: 10px;
  text-align: center;
  color: var(--skh-text);
}

@media (max-width: 575px) {
  .skh-prodejci__filtr { padding: 14px; }
  .skh-prodejci__pole { min-width: 100%; }
}

/* mapa prodejen — Leaflet potřebuje výšku, jinak se nevykreslí */
.skh-prodejci__mapa {
  height: 420px;
  margin: 0 0 28px;
  border: 1px solid #E7E9EC;
  border-radius: 10px;
  overflow: hidden;
  background: var(--skh-ground);
}
.skh-prodejci__mapa:empty { display: none; }
html body .skh-prodejci__mapa .leaflet-container { font-family: inherit; }

@media (max-width: 575px) {
  .skh-prodejci__mapa { height: 300px; }
}


/* ---------------------------------------------------------------------
   30. KATEGORIE — nadpis, popisy a Jakubův průvodce (od v1_31)
   Nadpis a horní popis stěhuje skh_reorder_v12 z levého sloupce do
   hlavního, spodní popis na konec výpisu (viz bod 8 ve skriptu).

   Kotvy #pruvodce a #faq: pevná hlavička Apolla by nadpis po skoku
   překryla. Výšku drží Apollo v proměnné --scroll-offset-runtime
   (na kartě produktu 60 px, na titulce 140 px), takže se nehádá číslo.
   Platí pro skok prohlížeče i pro scrollIntoView ze skriptu.

   Vzhled Jakubových bloků (.skh-guide, .skh-step, .skh-faq, .skh-box,
   .skh-quote, .skh-power-table …) tady NENÍ — Jakub zatím CSS nedodal.
   --------------------------------------------------------------------- */
html body .skh-cat [id] {
  scroll-margin-top: var(--scroll-offset-runtime, 80px);
}

/* ---------------------------------------------------------------------
   33. MĚNA A JAZYK V HORNÍM PRUHU (od v1_32)
   Apollo nativní tlačítko Shoptetu s vlajkou schovává a měnu/jazyk
   ukazuje jako dvě položky s ikonami z vlastního fontu (bankovka \e910,
   glóbus \e907). Nastavení na to šablona ani Shoptet nemá.

   Co tu je:
   - u měny místo bankovky VLAJKA (CZK = česká, EUR = evropská); která
     měna je zrovna vybraná, se pozná přes :has() na aktivní odkaz
     v seznamu — bez skriptu,
   - u jazyka bez glóbu, jen „CS",
   - OPRAVA MIZENÍ: Apollo po najetí (data-hover) a při otevření dá
     hlavičce bílé pozadí, počítá se světlou lištou. Naše lišta je tmavá
     s bílým písmem, takže vznikl bílý text na bílém a „CZK" zmizel.
     Hlavička teď zůstává tmavá a rozbalí se jen seznam pod ní.
   --------------------------------------------------------------------- */
html body .top-navigation-bar .languagesMenu__header--actual,
html body .top-navigation-bar .languagesMenu__header--actual::after {
  color: #FFFFFF;
}
html body .top-navigation-bar .languagesMenu__box.open .languagesMenu__header--actual,
html body .top-navigation-bar .languagesMenu__box:hover .languagesMenu__header--actual {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #FFFFFF;
}
html body .top-navigation-bar .languagesMenu__box.open .languagesMenu__header--actual::after,
html body .top-navigation-bar .languagesMenu__box:hover .languagesMenu__header--actual::after {
  color: var(--skh-cervena);
}

/* vlajka místo bankovky — v hlavičce i v rozbaleném seznamu */
html body .top-navigation-bar .languagesMenu__box[data-target="currency"] .languagesMenu__header--actual::before,
html body .top-navigation-bar .languagesMenu .languagesMenu__list__link--currency::before {
  content: "";
  font-family: inherit;
  display: inline-block;
  width: 21px;
  height: 14px;
  flex: 0 0 21px;
  margin-right: 8px;
  top: 0;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .3);
  background: center / cover no-repeat url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'><rect width='30' height='10' fill='%23fff'/><rect y='10' width='30' height='10' fill='%23d7141a'/><path d='M0 0 15 10 0 20z' fill='%2311457e'/></svg>");
}
html body .top-navigation-bar .languagesMenu__box[data-target="currency"]:has(a[href*="currencyCode=EUR"].is-active) .languagesMenu__header--actual::before,
html body .top-navigation-bar .languagesMenu .languagesMenu__list__link--currency[href*="currencyCode=EUR"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'><rect width='30' height='20' fill='%23039'/><g fill='%23fc0'><circle cx='21' cy='10' r='.9'/><circle cx='20.2' cy='13' r='.9'/><circle cx='18' cy='15.2' r='.9'/><circle cx='15' cy='16' r='.9'/><circle cx='12' cy='15.2' r='.9'/><circle cx='9.8' cy='13' r='.9'/><circle cx='9' cy='10' r='.9'/><circle cx='9.8' cy='7' r='.9'/><circle cx='12' cy='4.8' r='.9'/><circle cx='15' cy='4' r='.9'/><circle cx='18' cy='4.8' r='.9'/><circle cx='20.2' cy='7' r='.9'/></g></svg>");
}
html body .top-navigation-bar .languagesMenu .languagesMenu__list__link--currency::before {
  box-shadow: 0 0 0 1px rgba(22, 24, 28, .15);
}

/* jazyk bez glóbu */
html body .top-navigation-bar .languagesMenu__box[data-target="language"] .languagesMenu__header--actual::before {
  content: none;
}

/* rozbalený seznam: bílý, tmavý text, aktivní položka červeně */
html body .top-navigation-bar .languagesMenu .languagesMenu__list__link {
  color: var(--skh-ink);
}
html body .top-navigation-bar .languagesMenu .languagesMenu__list__link:hover {
  color: var(--skh-cervena);
  background-color: var(--skh-ground);
}
html body .top-navigation-bar .languagesMenu .languagesMenu__list__link.is-active {
  color: var(--skh-cervena);
}

/* seznam se rozbalí už po najetí (Shoptet dává třídu .hovered, Apollo
   ale seznam ukazuje jen u .open = po kliknutí) */
html body .top-navigation-bar .languagesMenu__box:hover .languagesMenu__list {
  display: block;
}
/* Sjednocení (v1_33): seznam se otevírá i zavírá JEN najetím a odjetím.
   Apollo po kliknutí přidá .open a seznam pak zůstal viset, i když myš
   odjela (a .hovered od Shoptetu někdy zůstane taky). Mimo :hover se proto
   seznam schová vždy, bez ohledu na .open / .hovered. */
html body .top-navigation-bar .languagesMenu__box:not(:hover) .languagesMenu__list {
  display: none;
}
html body .top-navigation-bar .languagesMenu__box:not(:hover) .languagesMenu__header--actual::after {
  color: #FFFFFF;
}

/* ---------------------------------------------------------------------
   34. IKONY V PATIČCE — sada od grafika (Adolf #3745, 1. 10. 2026)
   Kruhy 36 × 36 (podklad 40 × 40) se znakem: černé (#16181C) v klidu, červené (#E0402F)
   po najetí. Zdroj: Downloads/IKONKY.zip, SVG vložené jako data URI, aby
   se nemusely zvlášť nahrávat. Apollo kreslí ikony glyfy z vlastního
   fontu do ::before u span.facebook / .twitter / … — ty se tu přebíjí
   obrázkem. Sada nemá TikTok: ten dostane stejný černý kruh a bílý glyf
   z fontu Apolla, ať řada drží jednotný vzhled.
   Nová síť = nový pár SVG (černé + červené) ve stejné mřížce 40 × 40.
   --------------------------------------------------------------------- */
html body .contact-box ul li.contact-box-icon,
html body .contact-box ul li.contact-box-icon.contact-box-icon--bigger { width: 36px; margin: 0; }
/* řada v jednom řádku: sloupec je ~215 px, Apollo ji skládá inline-blockem s mezerami */
html body #footer ul.contact-box-icon-list { display: flex; flex-wrap: wrap; gap: 6px; }
html body .contact-box ul li.contact-box-icon a,
html body .contact-box ul li.contact-box-icon.contact-box-icon--bigger a { width: 36px; height: 36px; }
html body .contact-box ul li.contact-box-icon span::before,
html body .contact-box ul li.contact-box-icon.contact-box-icon--bigger span::before {
  content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%);
  width: 36px; height: 36px; font-size: 0;
  background: center / contain no-repeat; transition: background-image .2s ease;
}
/* řádky e-mail / telefon / mobil: menší kruh vlevo od textu */
html body .contact-box ul li > span.mail,
html body .contact-box ul li > span.tel,
html body .contact-box ul li > span.cellphone { padding-left: 38px; min-height: 28px; display: inline-flex; align-items: center; }
html body .contact-box ul li > span.mail::before,
html body .contact-box ul li > span.tel::before,
html body .contact-box ul li > span.cellphone::before {
  content: ""; width: 28px; height: 28px; font-size: 0;
  background: center / contain no-repeat;
}
html body .contact-box ul li.contact-box-icon > span.facebook::before { background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.9972 20.0007C39.9972 30.1019 32.5098 38.4529 22.7831 39.808C21.8736 39.9341 20.9431 40 19.9986 40C18.9084 40 17.8377 39.9131 16.7951 39.745C7.27298 38.2118 0 29.9548 0 20.0007C0 8.95491 8.9546 0 20 0C31.0454 0 40 8.95491 40 20.0007H39.9972Z' fill='%2316181C'/%3E%3Cpath d='M22.783 16.0597V20.4167H28.1726L27.3191 26.2857H22.783V39.8078C21.8735 39.9339 20.943 39.9997 19.9985 39.9997C18.9083 39.9997 17.8376 39.9129 16.795 39.7447V26.2857H11.8245V20.4167H16.795V15.0858C16.795 11.7785 19.4758 9.09619 22.7844 9.09619V9.099C22.7942 9.099 22.8026 9.09619 22.8124 9.09619H28.174V14.172H24.6706C23.6294 14.172 22.7844 15.0171 22.7844 16.0583L22.783 16.0597Z' fill='white'/%3E%3C/svg%3E"); }
html body .contact-box ul li.contact-box-icon:hover > span.facebook::before { background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.9972 20.0007C39.9972 30.1019 32.5098 38.4529 22.7831 39.808C21.8736 39.9341 20.9431 40 19.9986 40C18.9084 40 17.8377 39.9131 16.7951 39.745C7.27298 38.2118 0 29.9548 0 20.0007C0 8.95491 8.9546 0 20 0C31.0454 0 40 8.95491 40 20.0007H39.9972Z' fill='%23E0402F'/%3E%3Cpath d='M22.783 16.0597V20.4167H28.1726L27.3191 26.2857H22.783V39.8078C21.8735 39.9339 20.943 39.9997 19.9985 39.9997C18.9083 39.9997 17.8376 39.9129 16.795 39.7447V26.2857H11.8245V20.4167H16.795V15.0858C16.795 11.7785 19.4758 9.09619 22.7844 9.09619V9.099C22.7942 9.099 22.8026 9.09619 22.8124 9.09619H28.174V14.172H24.6706C23.6294 14.172 22.7844 15.0171 22.7844 16.0583L22.783 16.0597Z' fill='white'/%3E%3C/svg%3E"); }
html body .contact-box ul li.contact-box-icon > span.instagram::before { background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.0455 0H19.9545C8.93392 0 0 8.93392 0 19.9545V20.0455C0 31.0661 8.93392 40 19.9545 40H20.0455C31.0661 40 40 31.0661 40 20.0455V19.9545C40 8.93392 31.0661 0 20.0455 0Z' fill='%2316181C'/%3E%3Cpath d='M26.1894 8.13794H13.8123C10.3929 8.13794 7.61108 10.9197 7.61108 14.3391V25.6624C7.61108 29.0818 10.3929 31.8635 13.8123 31.8635H26.1894C29.6088 31.8635 32.3905 29.0818 32.3905 25.6624V14.3391C32.3905 10.9197 29.6088 8.13794 26.1894 8.13794ZM9.79866 14.3391C9.79866 12.1263 11.5995 10.3255 13.8123 10.3255H26.1894C28.4022 10.3255 30.203 12.1263 30.203 14.3391V25.6624C30.203 27.8752 28.4022 29.676 26.1894 29.676H13.8123C11.5995 29.676 9.79866 27.8752 9.79866 25.6624V14.3391Z' fill='white'/%3E%3Cpath d='M20.0008 25.7675C23.1806 25.7675 25.7689 23.1805 25.7689 19.9993C25.7689 16.8182 23.182 14.2312 20.0008 14.2312C16.8196 14.2312 14.2327 16.8182 14.2327 19.9993C14.2327 23.1805 16.8196 25.7675 20.0008 25.7675ZM20.0008 16.4202C21.9754 16.4202 23.5814 18.0262 23.5814 20.0007C23.5814 21.9753 21.9754 23.5813 20.0008 23.5813C18.0262 23.5813 16.4202 21.9753 16.4202 20.0007C16.4202 18.0262 18.0262 16.4202 20.0008 16.4202Z' fill='white'/%3E%3Cpath d='M26.3027 15.163C27.1587 15.163 27.8564 14.4665 27.8564 13.6088C27.8564 12.7512 27.1601 12.0547 26.3027 12.0547C25.4453 12.0547 24.749 12.7512 24.749 13.6088C24.749 14.4665 25.4453 15.163 26.3027 15.163Z' fill='white'/%3E%3C/svg%3E"); }
html body .contact-box ul li.contact-box-icon:hover > span.instagram::before { background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.0455 0H19.9545C8.93392 0 0 8.93392 0 19.9545V20.0455C0 31.0661 8.93392 40 19.9545 40H20.0455C31.0661 40 40 31.0661 40 20.0455V19.9545C40 8.93392 31.0661 0 20.0455 0Z' fill='%23E0402F'/%3E%3Cpath d='M26.1894 8.13794H13.8123C10.3929 8.13794 7.61108 10.9197 7.61108 14.3391V25.6624C7.61108 29.0818 10.3929 31.8635 13.8123 31.8635H26.1894C29.6088 31.8635 32.3905 29.0818 32.3905 25.6624V14.3391C32.3905 10.9197 29.6088 8.13794 26.1894 8.13794ZM9.79866 14.3391C9.79866 12.1263 11.5995 10.3255 13.8123 10.3255H26.1894C28.4022 10.3255 30.203 12.1263 30.203 14.3391V25.6624C30.203 27.8752 28.4022 29.676 26.1894 29.676H13.8123C11.5995 29.676 9.79866 27.8752 9.79866 25.6624V14.3391Z' fill='white'/%3E%3Cpath d='M20.0008 25.7675C23.1806 25.7675 25.7689 23.1805 25.7689 19.9993C25.7689 16.8182 23.182 14.2312 20.0008 14.2312C16.8196 14.2312 14.2327 16.8182 14.2327 19.9993C14.2327 23.1805 16.8196 25.7675 20.0008 25.7675ZM20.0008 16.4202C21.9754 16.4202 23.5814 18.0262 23.5814 20.0007C23.5814 21.9753 21.9754 23.5813 20.0008 23.5813C18.0262 23.5813 16.4202 21.9753 16.4202 20.0007C16.4202 18.0262 18.0262 16.4202 20.0008 16.4202Z' fill='white'/%3E%3Cpath d='M26.3027 15.163C27.1587 15.163 27.8564 14.4665 27.8564 13.6088C27.8564 12.7512 27.1601 12.0547 26.3027 12.0547C25.4453 12.0547 24.749 12.7512 24.749 13.6088C24.749 14.4665 25.4453 15.163 26.3027 15.163Z' fill='white'/%3E%3C/svg%3E"); }
html body .contact-box ul li.contact-box-icon > span.twitter::before { background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.9972 20.0007C39.9972 30.1019 32.5098 38.4529 22.7831 39.808C21.8736 39.9341 20.9431 40 19.9986 40C18.9084 40 17.8377 39.9131 16.7951 39.745C7.27298 38.2118 0 29.9548 0 20.0007C0 8.95491 8.95459 0 20 0C31.0454 0 40 8.95491 40 20.0007H39.9972Z' fill='%2316181C'/%3E%3Cpath d='M8.11117 8.82178L17.3348 21.154L8.05371 31.181H10.1431L18.2695 22.4027L24.8348 31.181H31.9439L22.2017 18.1551L30.841 8.82178H28.7516L21.2684 16.9064L15.2216 8.82178H8.11256H8.11117ZM11.1829 10.3605H14.4481L28.8693 29.6423H25.6042L11.1829 10.3605Z' fill='white'/%3E%3C/svg%3E"); }
html body .contact-box ul li.contact-box-icon:hover > span.twitter::before { background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.9972 20.0007C39.9972 30.1019 32.5098 38.4529 22.7831 39.808C21.8736 39.9341 20.9431 40 19.9986 40C18.9084 40 17.8377 39.9131 16.7951 39.745C7.27298 38.2118 0 29.9548 0 20.0007C0 8.95491 8.95459 0 20 0C31.0454 0 40 8.95491 40 20.0007H39.9972Z' fill='%23E0402F'/%3E%3Cpath d='M8.11117 8.82178L17.3348 21.154L8.05371 31.181H10.1431L18.2695 22.4027L24.8348 31.181H31.9439L22.2017 18.1551L30.841 8.82178H28.7516L21.2684 16.9064L15.2216 8.82178H8.11256H8.11117ZM11.1829 10.3605H14.4481L28.8693 29.6423H25.6042L11.1829 10.3605Z' fill='white'/%3E%3C/svg%3E"); }
html body .contact-box ul li.contact-box-icon > span.whatsapp::before { background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.0455 0H19.9545C8.93391 0 0 8.93392 0 19.9545V20.0455C0 31.0661 8.93391 40 19.9545 40H20.0455C31.0661 40 40 31.0661 40 20.0455V19.9545C40 8.93392 31.0661 0 20.0455 0Z' fill='%2316181C'/%3E%3Cpath d='M23.7786 25.1073C19.3095 25.1073 15.6736 21.4702 15.6724 17.0011C15.6736 15.8682 16.596 14.947 17.7264 14.947C17.8427 14.947 17.9577 14.9568 18.0678 14.9764C18.31 15.0168 18.54 15.0987 18.7516 15.2223C18.7822 15.2406 18.803 15.27 18.8079 15.3043L19.2801 18.2808C19.2863 18.315 19.2753 18.3505 19.252 18.3762C18.9914 18.6649 18.6587 18.8729 18.288 18.9769L18.1094 19.027L18.1766 19.1995C18.7859 20.7508 20.0264 21.9901 21.5789 22.6018L21.7514 22.6703L21.8016 22.4917C21.9055 22.121 22.1135 21.7882 22.4022 21.5277C22.423 21.5081 22.4512 21.4983 22.4793 21.4983C22.4854 21.4983 22.4916 21.4983 22.4989 21.4995L25.4754 21.9718C25.5109 21.9779 25.5403 21.9974 25.5586 22.028C25.6809 22.2397 25.7629 22.4709 25.8045 22.7131C25.8241 22.8208 25.8326 22.9346 25.8326 23.0532C25.8326 24.1849 24.9114 25.1061 23.7786 25.1073Z' fill='white'/%3E%3Cpath d='M31.7037 19.0196C31.4627 16.2963 30.2149 13.77 28.1902 11.9068C26.1532 10.0325 23.5107 9 20.747 9C14.6814 9 9.74628 13.9352 9.74628 20.0007C9.74628 22.0365 10.3078 24.0196 11.3709 25.747L9 30.9954L16.5912 30.1867C17.9112 30.7275 19.3083 31.0015 20.7458 31.0015C21.1238 31.0015 21.5117 30.9819 21.9007 30.9416C22.2432 30.9049 22.5895 30.851 22.9296 30.7825C28.0091 29.7561 31.7172 25.2479 31.7466 20.0595V20.0007C31.7466 19.6704 31.7319 19.3401 31.7025 19.0208L31.7037 19.0196ZM16.8836 27.8831L12.6836 28.3308L13.9376 25.5525L13.6868 25.2161C13.6685 25.1916 13.6501 25.1671 13.6293 25.139C12.5405 23.6355 11.9655 21.8591 11.9655 20.002C11.9655 15.1598 15.9048 11.2205 20.747 11.2205C25.2834 11.2205 29.1285 14.7597 29.4992 19.2777C29.5188 19.52 29.5298 19.7634 29.5298 20.0032C29.5298 20.0717 29.5285 20.139 29.5273 20.2112C29.4343 24.2618 26.6046 27.702 22.6457 28.578C22.3436 28.6453 22.034 28.6966 21.7257 28.7297C21.4052 28.7664 21.0761 28.7847 20.7495 28.7847C19.586 28.7847 18.4556 28.5596 17.3876 28.1143C17.2689 28.0666 17.1527 28.0152 17.0438 27.9626L16.8848 27.8855L16.8836 27.8831Z' fill='white'/%3E%3C/svg%3E"); }
html body .contact-box ul li.contact-box-icon:hover > span.whatsapp::before { background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.0455 0H19.9545C8.93391 0 0 8.93392 0 19.9545V20.0455C0 31.0661 8.93391 40 19.9545 40H20.0455C31.0661 40 40 31.0661 40 20.0455V19.9545C40 8.93392 31.0661 0 20.0455 0Z' fill='%23E0402F'/%3E%3Cpath d='M23.7786 25.1073C19.3095 25.1073 15.6736 21.4702 15.6724 17.0011C15.6736 15.8682 16.596 14.947 17.7264 14.947C17.8427 14.947 17.9577 14.9568 18.0678 14.9764C18.31 15.0168 18.54 15.0987 18.7516 15.2223C18.7822 15.2406 18.803 15.27 18.8079 15.3043L19.2801 18.2808C19.2863 18.315 19.2753 18.3505 19.252 18.3762C18.9914 18.6649 18.6587 18.8729 18.288 18.9769L18.1094 19.027L18.1766 19.1995C18.7859 20.7508 20.0264 21.9901 21.5789 22.6018L21.7514 22.6703L21.8016 22.4917C21.9055 22.121 22.1135 21.7882 22.4022 21.5277C22.423 21.5081 22.4512 21.4983 22.4793 21.4983C22.4854 21.4983 22.4916 21.4983 22.4989 21.4995L25.4754 21.9718C25.5109 21.9779 25.5403 21.9974 25.5586 22.028C25.6809 22.2397 25.7629 22.4709 25.8045 22.7131C25.8241 22.8208 25.8326 22.9346 25.8326 23.0532C25.8326 24.1849 24.9114 25.1061 23.7786 25.1073Z' fill='white'/%3E%3Cpath d='M31.7037 19.0196C31.4627 16.2963 30.2149 13.77 28.1902 11.9068C26.1532 10.0325 23.5107 9 20.747 9C14.6814 9 9.74628 13.9352 9.74628 20.0007C9.74628 22.0365 10.3078 24.0196 11.3709 25.747L9 30.9954L16.5912 30.1867C17.9112 30.7275 19.3083 31.0015 20.7458 31.0015C21.1238 31.0015 21.5117 30.9819 21.9007 30.9416C22.2432 30.9049 22.5895 30.851 22.9296 30.7825C28.0091 29.7561 31.7172 25.2479 31.7466 20.0595V20.0007C31.7466 19.6704 31.7319 19.3401 31.7025 19.0208L31.7037 19.0196ZM16.8836 27.8831L12.6836 28.3308L13.9376 25.5525L13.6868 25.2161C13.6685 25.1916 13.6501 25.1671 13.6293 25.139C12.5405 23.6355 11.9655 21.8591 11.9655 20.002C11.9655 15.1598 15.9048 11.2205 20.747 11.2205C25.2834 11.2205 29.1285 14.7597 29.4992 19.2777C29.5188 19.52 29.5298 19.7634 29.5298 20.0032C29.5298 20.0717 29.5285 20.139 29.5273 20.2112C29.4343 24.2618 26.6046 27.702 22.6457 28.578C22.3436 28.6453 22.034 28.6966 21.7257 28.7297C21.4052 28.7664 21.0761 28.7847 20.7495 28.7847C19.586 28.7847 18.4556 28.5596 17.3876 28.1143C17.2689 28.0666 17.1527 28.0152 17.0438 27.9626L16.8848 27.8855L16.8836 27.8831Z' fill='white'/%3E%3C/svg%3E"); }
html body .contact-box ul li.contact-box-icon > span.youtube::before { background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 20C40 8.9543 31.0457 0 20 0C8.95432 0 0 8.9543 0 20C0 31.0457 8.95432 40 20 40C31.0457 40 40 31.0457 40 20Z' fill='%2316181C'/%3E%3Cpath d='M32.5938 15.8555C32.4364 14.3363 32.0977 12.6569 30.8511 11.7743C29.8856 11.0899 28.6165 11.0646 27.4318 11.066C24.9274 11.066 22.4216 11.0702 19.9172 11.0716C17.5084 11.0744 15.0996 11.0758 12.6907 11.0786C11.6845 11.0786 10.7063 11.0013 9.77175 11.437C8.96927 11.8108 8.34107 12.5219 7.96302 13.3132C7.43881 14.4136 7.3292 15.6602 7.26595 16.8772C7.14931 19.0935 7.16196 21.3154 7.30109 23.5303C7.40368 25.1465 7.66367 26.9327 8.91306 27.9629C10.0205 28.875 11.5833 28.92 13.0196 28.9214C17.5786 28.9256 22.1391 28.9298 26.6996 28.9326C27.2842 28.934 27.8942 28.9228 28.4901 28.8581C29.6621 28.7316 30.7794 28.3957 31.5327 27.5272C32.293 26.6517 32.4884 25.4332 32.6036 24.2794C32.8847 21.4799 32.8819 18.6536 32.5938 15.8555ZM17.2807 23.9238V16.0748L24.0772 19.9986L17.2807 23.9238Z' fill='white'/%3E%3C/svg%3E"); }
html body .contact-box ul li.contact-box-icon:hover > span.youtube::before { background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 20C40 8.9543 31.0457 0 20 0C8.95432 0 0 8.9543 0 20C0 31.0457 8.95432 40 20 40C31.0457 40 40 31.0457 40 20Z' fill='%23E0402F'/%3E%3Cpath d='M32.5938 15.8555C32.4364 14.3363 32.0977 12.6569 30.8511 11.7743C29.8856 11.0899 28.6165 11.0646 27.4318 11.066C24.9274 11.066 22.4216 11.0702 19.9172 11.0716C17.5084 11.0744 15.0996 11.0758 12.6907 11.0786C11.6845 11.0786 10.7063 11.0013 9.77175 11.437C8.96927 11.8108 8.34107 12.5219 7.96302 13.3132C7.43881 14.4136 7.3292 15.6602 7.26595 16.8772C7.14931 19.0935 7.16196 21.3154 7.30109 23.5303C7.40368 25.1465 7.66367 26.9327 8.91306 27.9629C10.0205 28.875 11.5833 28.92 13.0196 28.9214C17.5786 28.9256 22.1391 28.9298 26.6996 28.9326C27.2842 28.934 27.8942 28.9228 28.4901 28.8581C29.6621 28.7316 30.7794 28.3957 31.5327 27.5272C32.293 26.6517 32.4884 25.4332 32.6036 24.2794C32.8847 21.4799 32.8819 18.6536 32.5938 15.8555ZM17.2807 23.9238V16.0748L24.0772 19.9986L17.2807 23.9238Z' fill='white'/%3E%3C/svg%3E"); }
html body .contact-box ul li > span.mail::before { background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 20C40 8.9543 31.0457 0 20 0C8.95432 0 0 8.9543 0 20C0 31.0457 8.95432 40 20 40C31.0457 40 40 31.0457 40 20Z' fill='%2316181C'/%3E%3Cpath d='M30.8389 26.2381L24.805 20.2388L30.8389 14.2395V26.2381ZM10.7836 27.2236L16.8175 21.2243L17.8548 22.2444C18.166 22.5671 18.532 22.8178 18.9527 22.9964C19.3734 23.1751 19.8258 23.2644 20.3099 23.2644C20.3214 23.2644 20.3272 23.2644 20.3272 23.2644C20.8113 23.2644 21.2637 23.1751 21.6844 22.9964C22.1051 22.8178 22.471 22.5671 22.7822 22.2444L23.8196 21.2243L29.8534 27.2236H10.7836ZM9.79812 26.2381V14.2395L15.832 20.2388L9.79812 26.2381ZM29.8534 13.254L21.7967 21.2589C21.6008 21.4548 21.376 21.6075 21.1225 21.717C20.8689 21.8265 20.598 21.8813 20.3099 21.8813C20.0217 21.8813 19.7509 21.8265 19.4973 21.717C19.2437 21.6075 19.0247 21.4548 18.8403 21.2589L10.7836 13.254H29.8534ZM30.1474 11.8536H10.4897C9.91338 11.8536 9.42064 12.0582 9.01147 12.4674C8.60229 12.8766 8.39771 13.3693 8.39771 13.9456V26.5148C8.39771 27.1026 8.60229 27.6011 9.01147 28.0103C9.42064 28.4194 9.91338 28.624 10.4897 28.624H30.1474C30.7237 28.624 31.2164 28.4194 31.6256 28.0103C32.0348 27.6011 32.2393 27.1083 32.2393 26.532V13.9629C32.2393 13.3751 32.0348 12.8766 31.6256 12.4674C31.2164 12.0582 30.7237 11.8536 30.1474 11.8536Z' fill='white'/%3E%3C/svg%3E"); }
html body .contact-box ul li:hover > span.mail::before { background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 20C40 8.9543 31.0457 0 20 0C8.95432 0 0 8.9543 0 20C0 31.0457 8.95432 40 20 40C31.0457 40 40 31.0457 40 20Z' fill='%23E0402F'/%3E%3Cpath d='M30.8389 26.2381L24.805 20.2388L30.8389 14.2395V26.2381ZM10.7836 27.2236L16.8175 21.2243L17.8548 22.2444C18.166 22.5671 18.532 22.8178 18.9527 22.9964C19.3734 23.1751 19.8258 23.2644 20.3099 23.2644C20.3214 23.2644 20.3272 23.2644 20.3272 23.2644C20.8113 23.2644 21.2637 23.1751 21.6844 22.9964C22.1051 22.8178 22.471 22.5671 22.7822 22.2444L23.8196 21.2243L29.8534 27.2236H10.7836ZM9.79812 26.2381V14.2395L15.832 20.2388L9.79812 26.2381ZM29.8534 13.254L21.7967 21.2589C21.6008 21.4548 21.376 21.6075 21.1225 21.717C20.8689 21.8265 20.598 21.8813 20.3099 21.8813C20.0217 21.8813 19.7509 21.8265 19.4973 21.717C19.2437 21.6075 19.0247 21.4548 18.8403 21.2589L10.7836 13.254H29.8534ZM30.1474 11.8536H10.4897C9.91338 11.8536 9.42064 12.0582 9.01147 12.4674C8.60229 12.8766 8.39771 13.3693 8.39771 13.9456V26.5148C8.39771 27.1026 8.60229 27.6011 9.01147 28.0103C9.42064 28.4194 9.91338 28.624 10.4897 28.624H30.1474C30.7237 28.624 31.2164 28.4194 31.6256 28.0103C32.0348 27.6011 32.2393 27.1083 32.2393 26.532V13.9629C32.2393 13.3751 32.0348 12.8766 31.6256 12.4674C31.2164 12.0582 30.7237 11.8536 30.1474 11.8536Z' fill='white'/%3E%3C/svg%3E"); }
html body .contact-box ul li > span.tel::before { background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 20C40 8.9543 31.0457 0 20 0C8.95432 0 0 8.9543 0 20C0 31.0457 8.95432 40 20 40C31.0457 40 40 31.0457 40 20Z' fill='%2316181C'/%3E%3Cpath d='M28.2738 12.0034C27.805 11.5347 27.2894 11.105 26.7269 10.7144C26.18 10.3394 25.5941 10.019 24.9691 9.75342C24.3441 9.48779 23.6879 9.28467 23.0004 9.14404C22.3129 9.00342 21.6097 8.93311 20.891 8.93311C20.891 8.93311 20.8871 8.93311 20.8793 8.93311C20.8714 8.93311 20.8675 8.93311 20.8675 8.93311C20.6332 8.93311 20.4339 9.01514 20.2699 9.1792C20.1058 9.34326 20.0238 9.53467 20.0238 9.75342C20.0238 9.98779 20.1058 10.187 20.2699 10.3511C20.4339 10.5151 20.6332 10.5972 20.8675 10.5972C22.0394 10.5972 23.1644 10.8198 24.2425 11.2651C25.3207 11.7104 26.2738 12.3472 27.1019 13.1753C27.8988 13.9722 28.5316 14.9058 29.0004 15.9761C29.4691 17.0464 29.7035 18.1831 29.7035 19.3862C29.7035 19.4019 29.7035 19.4097 29.7035 19.4097C29.7035 19.644 29.7816 19.8433 29.9379 20.0073C30.0941 20.1714 30.2894 20.2534 30.5238 20.2534C30.7582 20.2534 30.9535 20.1714 31.1097 20.0073C31.266 19.8433 31.3441 19.644 31.3441 19.4097C31.3441 19.4097 31.3441 19.4019 31.3441 19.3862C31.3441 18.6675 31.2738 17.9644 31.1332 17.2769C30.9925 16.605 30.7894 15.9565 30.5238 15.3315C30.2582 14.7065 29.9379 14.1128 29.5629 13.5503C29.1879 12.9878 28.7582 12.4722 28.2738 12.0034ZM24.8754 19.4097C24.8754 19.644 24.9535 19.8433 25.1097 20.0073C25.266 20.1714 25.4613 20.2534 25.6957 20.2534C25.93 20.2534 26.1254 20.1714 26.2816 20.0073C26.4379 19.8433 26.516 19.644 26.516 19.4097C26.516 18.6284 26.3675 17.9019 26.0707 17.23C25.7738 16.5425 25.3714 15.9409 24.8636 15.4253C24.3558 14.9097 23.7582 14.5034 23.0707 14.2065C22.3832 13.9097 21.6488 13.7612 20.8675 13.7612C20.6332 13.7612 20.4339 13.8433 20.2699 14.0073C20.1058 14.1714 20.0238 14.3628 20.0238 14.5815C20.0238 14.8159 20.1058 15.0151 20.2699 15.1792C20.4339 15.3433 20.6332 15.4253 20.8675 15.4253C21.9769 15.4253 22.9183 15.8159 23.6918 16.5972C24.4652 17.3784 24.8597 18.3159 24.8754 19.4097ZM23.0238 23.6519C22.3988 23.6206 21.9105 23.7769 21.5589 24.1206C21.2074 24.4644 20.9535 24.7534 20.7972 24.9878C20.7504 25.0503 20.7152 25.1206 20.6918 25.1987C20.6683 25.2769 20.6566 25.3628 20.6566 25.4565C20.6566 25.6909 20.7386 25.8862 20.9027 26.0425C21.0668 26.1987 21.266 26.2769 21.5004 26.2769C21.641 26.2769 21.7699 26.2456 21.8871 26.1831C22.0043 26.1206 22.1019 26.0347 22.18 25.9253C22.3675 25.6597 22.5121 25.4917 22.6136 25.4214C22.7152 25.3511 22.8207 25.3159 22.93 25.3159C23.1175 25.3315 23.4066 25.4565 23.7972 25.6909C24.1879 25.9253 24.5941 26.1948 25.016 26.4995C25.4379 26.8042 25.8129 27.1128 26.141 27.4253C26.4847 27.7378 26.6957 27.9722 26.7738 28.1284C26.805 28.2222 26.8207 28.3159 26.8207 28.4097C26.8207 28.5034 26.7972 28.6128 26.7504 28.7378C26.6097 29.1753 26.4183 29.5464 26.1761 29.8511C25.9339 30.1558 25.6566 30.3784 25.3441 30.519C25.0316 30.6597 24.6957 30.7261 24.3363 30.7183C23.9769 30.7104 23.6019 30.6206 23.2113 30.4487C22.4613 30.1519 21.7425 29.8237 21.055 29.4644C20.3519 29.105 19.68 28.7144 19.0394 28.2925C18.3988 27.8706 17.7816 27.4253 17.1879 26.9565C16.5941 26.4722 16.0316 25.9644 15.5004 25.4331C14.9691 24.9019 14.4691 24.3394 14.0004 23.7456C13.516 23.1519 13.0668 22.5347 12.6527 21.894C12.2386 21.2534 11.8519 20.5894 11.4925 19.9019C11.1175 19.1987 10.7816 18.48 10.4847 17.7456C10.3285 17.3394 10.2425 16.9565 10.2269 16.5972C10.2113 16.2378 10.2738 15.9097 10.4144 15.6128C10.555 15.2847 10.7777 14.9995 11.0824 14.7573C11.3871 14.5151 11.766 14.3237 12.2191 14.1831C12.3285 14.1362 12.43 14.1128 12.5238 14.1128C12.6175 14.1128 12.7113 14.1362 12.805 14.1831C12.9769 14.2456 13.2113 14.4487 13.5082 14.7925C13.8207 15.1362 14.1293 15.5151 14.4339 15.9292C14.7386 16.3433 15.0082 16.7456 15.2425 17.1362C15.4769 17.5269 15.6019 17.8159 15.6175 18.0034C15.6332 18.1128 15.6019 18.2222 15.5238 18.3315C15.4457 18.4409 15.2738 18.5815 15.0082 18.7534C14.8988 18.8315 14.8129 18.9331 14.7504 19.0581C14.6879 19.1831 14.6566 19.3159 14.6566 19.4565C14.6566 19.6753 14.7386 19.8667 14.9027 20.0308C15.0668 20.1948 15.2582 20.2769 15.4769 20.2769C15.5707 20.2769 15.6566 20.2651 15.7347 20.2417C15.8129 20.2183 15.8832 20.1831 15.9457 20.1362C16.18 19.98 16.4691 19.73 16.8129 19.3862C17.1566 19.0425 17.3129 18.5503 17.2816 17.9097C17.266 17.5815 17.1097 17.144 16.8129 16.5972C16.5316 16.0347 16.1879 15.48 15.7816 14.9331C15.3754 14.3862 14.9535 13.894 14.516 13.4565C14.0785 13.0034 13.7035 12.7222 13.391 12.6128C13.266 12.5659 13.1293 12.5269 12.9808 12.4956C12.8324 12.4644 12.68 12.4487 12.5238 12.4487C12.3675 12.4487 12.2191 12.4644 12.0785 12.4956C11.9379 12.5269 11.7972 12.5659 11.6566 12.6128H11.68C11.0082 12.8315 10.4379 13.1362 9.96911 13.5269C9.50036 13.9175 9.14879 14.3784 8.91442 14.9097C8.66442 15.4253 8.54332 15.9761 8.55114 16.562C8.55895 17.1479 8.68786 17.7534 8.93786 18.3784C9.26598 19.1597 9.62536 19.9253 10.016 20.6753C10.4066 21.4097 10.8246 22.1206 11.2699 22.8081C11.7152 23.4956 12.1957 24.1597 12.7113 24.8003C13.2113 25.4409 13.7504 26.0425 14.3285 26.605V26.6284C14.9066 27.1909 15.516 27.73 16.1566 28.2456C16.7816 28.7456 17.4379 29.2222 18.1254 29.6753C18.8129 30.1284 19.5316 30.5503 20.2816 30.9409C21.016 31.3159 21.7816 31.6675 22.5785 31.9956C22.891 32.1206 23.2035 32.2144 23.516 32.2769C23.8285 32.3394 24.1332 32.3706 24.43 32.3706C24.43 32.3706 24.4339 32.3706 24.4418 32.3706C24.4496 32.3706 24.4535 32.3706 24.4535 32.3706C24.7347 32.3706 25.0121 32.3433 25.2855 32.2886C25.5589 32.2339 25.8129 32.144 26.0472 32.019L26.0238 32.0425C26.555 31.7925 27.016 31.4331 27.4066 30.9644C27.7972 30.4956 28.1097 29.9253 28.3441 29.2534C28.4379 28.9565 28.4847 28.6675 28.4847 28.3862C28.4847 28.105 28.43 27.8237 28.3207 27.5425C28.2113 27.2456 27.9379 26.8784 27.5004 26.4409C27.0472 26.0034 26.5472 25.5815 26.0004 25.1753C25.4535 24.769 24.9066 24.4175 24.3597 24.1206C23.7972 23.8237 23.3519 23.6675 23.0238 23.6519Z' fill='white'/%3E%3C/svg%3E"); }
html body .contact-box ul li:hover > span.tel::before { background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 20C40 8.9543 31.0457 0 20 0C8.95432 0 0 8.9543 0 20C0 31.0457 8.95432 40 20 40C31.0457 40 40 31.0457 40 20Z' fill='%23E0402F'/%3E%3Cpath d='M28.2738 12.0034C27.805 11.5347 27.2894 11.105 26.7269 10.7144C26.18 10.3394 25.5941 10.019 24.9691 9.75342C24.3441 9.48779 23.6879 9.28467 23.0004 9.14404C22.3129 9.00342 21.6097 8.93311 20.891 8.93311C20.891 8.93311 20.8871 8.93311 20.8793 8.93311C20.8714 8.93311 20.8675 8.93311 20.8675 8.93311C20.6332 8.93311 20.4339 9.01514 20.2699 9.1792C20.1058 9.34326 20.0238 9.53467 20.0238 9.75342C20.0238 9.98779 20.1058 10.187 20.2699 10.3511C20.4339 10.5151 20.6332 10.5972 20.8675 10.5972C22.0394 10.5972 23.1644 10.8198 24.2425 11.2651C25.3207 11.7104 26.2738 12.3472 27.1019 13.1753C27.8988 13.9722 28.5316 14.9058 29.0004 15.9761C29.4691 17.0464 29.7035 18.1831 29.7035 19.3862C29.7035 19.4019 29.7035 19.4097 29.7035 19.4097C29.7035 19.644 29.7816 19.8433 29.9379 20.0073C30.0941 20.1714 30.2894 20.2534 30.5238 20.2534C30.7582 20.2534 30.9535 20.1714 31.1097 20.0073C31.266 19.8433 31.3441 19.644 31.3441 19.4097C31.3441 19.4097 31.3441 19.4019 31.3441 19.3862C31.3441 18.6675 31.2738 17.9644 31.1332 17.2769C30.9925 16.605 30.7894 15.9565 30.5238 15.3315C30.2582 14.7065 29.9379 14.1128 29.5629 13.5503C29.1879 12.9878 28.7582 12.4722 28.2738 12.0034ZM24.8754 19.4097C24.8754 19.644 24.9535 19.8433 25.1097 20.0073C25.266 20.1714 25.4613 20.2534 25.6957 20.2534C25.93 20.2534 26.1254 20.1714 26.2816 20.0073C26.4379 19.8433 26.516 19.644 26.516 19.4097C26.516 18.6284 26.3675 17.9019 26.0707 17.23C25.7738 16.5425 25.3714 15.9409 24.8636 15.4253C24.3558 14.9097 23.7582 14.5034 23.0707 14.2065C22.3832 13.9097 21.6488 13.7612 20.8675 13.7612C20.6332 13.7612 20.4339 13.8433 20.2699 14.0073C20.1058 14.1714 20.0238 14.3628 20.0238 14.5815C20.0238 14.8159 20.1058 15.0151 20.2699 15.1792C20.4339 15.3433 20.6332 15.4253 20.8675 15.4253C21.9769 15.4253 22.9183 15.8159 23.6918 16.5972C24.4652 17.3784 24.8597 18.3159 24.8754 19.4097ZM23.0238 23.6519C22.3988 23.6206 21.9105 23.7769 21.5589 24.1206C21.2074 24.4644 20.9535 24.7534 20.7972 24.9878C20.7504 25.0503 20.7152 25.1206 20.6918 25.1987C20.6683 25.2769 20.6566 25.3628 20.6566 25.4565C20.6566 25.6909 20.7386 25.8862 20.9027 26.0425C21.0668 26.1987 21.266 26.2769 21.5004 26.2769C21.641 26.2769 21.7699 26.2456 21.8871 26.1831C22.0043 26.1206 22.1019 26.0347 22.18 25.9253C22.3675 25.6597 22.5121 25.4917 22.6136 25.4214C22.7152 25.3511 22.8207 25.3159 22.93 25.3159C23.1175 25.3315 23.4066 25.4565 23.7972 25.6909C24.1879 25.9253 24.5941 26.1948 25.016 26.4995C25.4379 26.8042 25.8129 27.1128 26.141 27.4253C26.4847 27.7378 26.6957 27.9722 26.7738 28.1284C26.805 28.2222 26.8207 28.3159 26.8207 28.4097C26.8207 28.5034 26.7972 28.6128 26.7504 28.7378C26.6097 29.1753 26.4183 29.5464 26.1761 29.8511C25.9339 30.1558 25.6566 30.3784 25.3441 30.519C25.0316 30.6597 24.6957 30.7261 24.3363 30.7183C23.9769 30.7104 23.6019 30.6206 23.2113 30.4487C22.4613 30.1519 21.7425 29.8237 21.055 29.4644C20.3519 29.105 19.68 28.7144 19.0394 28.2925C18.3988 27.8706 17.7816 27.4253 17.1879 26.9565C16.5941 26.4722 16.0316 25.9644 15.5004 25.4331C14.9691 24.9019 14.4691 24.3394 14.0004 23.7456C13.516 23.1519 13.0668 22.5347 12.6527 21.894C12.2386 21.2534 11.8519 20.5894 11.4925 19.9019C11.1175 19.1987 10.7816 18.48 10.4847 17.7456C10.3285 17.3394 10.2425 16.9565 10.2269 16.5972C10.2113 16.2378 10.2738 15.9097 10.4144 15.6128C10.555 15.2847 10.7777 14.9995 11.0824 14.7573C11.3871 14.5151 11.766 14.3237 12.2191 14.1831C12.3285 14.1362 12.43 14.1128 12.5238 14.1128C12.6175 14.1128 12.7113 14.1362 12.805 14.1831C12.9769 14.2456 13.2113 14.4487 13.5082 14.7925C13.8207 15.1362 14.1293 15.5151 14.4339 15.9292C14.7386 16.3433 15.0082 16.7456 15.2425 17.1362C15.4769 17.5269 15.6019 17.8159 15.6175 18.0034C15.6332 18.1128 15.6019 18.2222 15.5238 18.3315C15.4457 18.4409 15.2738 18.5815 15.0082 18.7534C14.8988 18.8315 14.8129 18.9331 14.7504 19.0581C14.6879 19.1831 14.6566 19.3159 14.6566 19.4565C14.6566 19.6753 14.7386 19.8667 14.9027 20.0308C15.0668 20.1948 15.2582 20.2769 15.4769 20.2769C15.5707 20.2769 15.6566 20.2651 15.7347 20.2417C15.8129 20.2183 15.8832 20.1831 15.9457 20.1362C16.18 19.98 16.4691 19.73 16.8129 19.3862C17.1566 19.0425 17.3129 18.5503 17.2816 17.9097C17.266 17.5815 17.1097 17.144 16.8129 16.5972C16.5316 16.0347 16.1879 15.48 15.7816 14.9331C15.3754 14.3862 14.9535 13.894 14.516 13.4565C14.0785 13.0034 13.7035 12.7222 13.391 12.6128C13.266 12.5659 13.1293 12.5269 12.9808 12.4956C12.8324 12.4644 12.68 12.4487 12.5238 12.4487C12.3675 12.4487 12.2191 12.4644 12.0785 12.4956C11.9379 12.5269 11.7972 12.5659 11.6566 12.6128H11.68C11.0082 12.8315 10.4379 13.1362 9.96911 13.5269C9.50036 13.9175 9.14879 14.3784 8.91442 14.9097C8.66442 15.4253 8.54332 15.9761 8.55114 16.562C8.55895 17.1479 8.68786 17.7534 8.93786 18.3784C9.26598 19.1597 9.62536 19.9253 10.016 20.6753C10.4066 21.4097 10.8246 22.1206 11.2699 22.8081C11.7152 23.4956 12.1957 24.1597 12.7113 24.8003C13.2113 25.4409 13.7504 26.0425 14.3285 26.605V26.6284C14.9066 27.1909 15.516 27.73 16.1566 28.2456C16.7816 28.7456 17.4379 29.2222 18.1254 29.6753C18.8129 30.1284 19.5316 30.5503 20.2816 30.9409C21.016 31.3159 21.7816 31.6675 22.5785 31.9956C22.891 32.1206 23.2035 32.2144 23.516 32.2769C23.8285 32.3394 24.1332 32.3706 24.43 32.3706C24.43 32.3706 24.4339 32.3706 24.4418 32.3706C24.4496 32.3706 24.4535 32.3706 24.4535 32.3706C24.7347 32.3706 25.0121 32.3433 25.2855 32.2886C25.5589 32.2339 25.8129 32.144 26.0472 32.019L26.0238 32.0425C26.555 31.7925 27.016 31.4331 27.4066 30.9644C27.7972 30.4956 28.1097 29.9253 28.3441 29.2534C28.4379 28.9565 28.4847 28.6675 28.4847 28.3862C28.4847 28.105 28.43 27.8237 28.3207 27.5425C28.2113 27.2456 27.9379 26.8784 27.5004 26.4409C27.0472 26.0034 26.5472 25.5815 26.0004 25.1753C25.4535 24.769 24.9066 24.4175 24.3597 24.1206C23.7972 23.8237 23.3519 23.6675 23.0238 23.6519Z' fill='white'/%3E%3C/svg%3E"); }
html body .contact-box ul li > span.cellphone::before { background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 20C40 8.9543 31.0457 0 20 0C8.95432 0 0 8.9543 0 20C0 31.0457 8.95432 40 20 40C31.0457 40 40 31.0457 40 20Z' fill='%2316181C'/%3E%3Cpath d='M28.2738 12.0034C27.805 11.5347 27.2894 11.105 26.7269 10.7144C26.18 10.3394 25.5941 10.019 24.9691 9.75342C24.3441 9.48779 23.6879 9.28467 23.0004 9.14404C22.3129 9.00342 21.6097 8.93311 20.891 8.93311C20.891 8.93311 20.8871 8.93311 20.8793 8.93311C20.8714 8.93311 20.8675 8.93311 20.8675 8.93311C20.6332 8.93311 20.4339 9.01514 20.2699 9.1792C20.1058 9.34326 20.0238 9.53467 20.0238 9.75342C20.0238 9.98779 20.1058 10.187 20.2699 10.3511C20.4339 10.5151 20.6332 10.5972 20.8675 10.5972C22.0394 10.5972 23.1644 10.8198 24.2425 11.2651C25.3207 11.7104 26.2738 12.3472 27.1019 13.1753C27.8988 13.9722 28.5316 14.9058 29.0004 15.9761C29.4691 17.0464 29.7035 18.1831 29.7035 19.3862C29.7035 19.4019 29.7035 19.4097 29.7035 19.4097C29.7035 19.644 29.7816 19.8433 29.9379 20.0073C30.0941 20.1714 30.2894 20.2534 30.5238 20.2534C30.7582 20.2534 30.9535 20.1714 31.1097 20.0073C31.266 19.8433 31.3441 19.644 31.3441 19.4097C31.3441 19.4097 31.3441 19.4019 31.3441 19.3862C31.3441 18.6675 31.2738 17.9644 31.1332 17.2769C30.9925 16.605 30.7894 15.9565 30.5238 15.3315C30.2582 14.7065 29.9379 14.1128 29.5629 13.5503C29.1879 12.9878 28.7582 12.4722 28.2738 12.0034ZM24.8754 19.4097C24.8754 19.644 24.9535 19.8433 25.1097 20.0073C25.266 20.1714 25.4613 20.2534 25.6957 20.2534C25.93 20.2534 26.1254 20.1714 26.2816 20.0073C26.4379 19.8433 26.516 19.644 26.516 19.4097C26.516 18.6284 26.3675 17.9019 26.0707 17.23C25.7738 16.5425 25.3714 15.9409 24.8636 15.4253C24.3558 14.9097 23.7582 14.5034 23.0707 14.2065C22.3832 13.9097 21.6488 13.7612 20.8675 13.7612C20.6332 13.7612 20.4339 13.8433 20.2699 14.0073C20.1058 14.1714 20.0238 14.3628 20.0238 14.5815C20.0238 14.8159 20.1058 15.0151 20.2699 15.1792C20.4339 15.3433 20.6332 15.4253 20.8675 15.4253C21.9769 15.4253 22.9183 15.8159 23.6918 16.5972C24.4652 17.3784 24.8597 18.3159 24.8754 19.4097ZM23.0238 23.6519C22.3988 23.6206 21.9105 23.7769 21.5589 24.1206C21.2074 24.4644 20.9535 24.7534 20.7972 24.9878C20.7504 25.0503 20.7152 25.1206 20.6918 25.1987C20.6683 25.2769 20.6566 25.3628 20.6566 25.4565C20.6566 25.6909 20.7386 25.8862 20.9027 26.0425C21.0668 26.1987 21.266 26.2769 21.5004 26.2769C21.641 26.2769 21.7699 26.2456 21.8871 26.1831C22.0043 26.1206 22.1019 26.0347 22.18 25.9253C22.3675 25.6597 22.5121 25.4917 22.6136 25.4214C22.7152 25.3511 22.8207 25.3159 22.93 25.3159C23.1175 25.3315 23.4066 25.4565 23.7972 25.6909C24.1879 25.9253 24.5941 26.1948 25.016 26.4995C25.4379 26.8042 25.8129 27.1128 26.141 27.4253C26.4847 27.7378 26.6957 27.9722 26.7738 28.1284C26.805 28.2222 26.8207 28.3159 26.8207 28.4097C26.8207 28.5034 26.7972 28.6128 26.7504 28.7378C26.6097 29.1753 26.4183 29.5464 26.1761 29.8511C25.9339 30.1558 25.6566 30.3784 25.3441 30.519C25.0316 30.6597 24.6957 30.7261 24.3363 30.7183C23.9769 30.7104 23.6019 30.6206 23.2113 30.4487C22.4613 30.1519 21.7425 29.8237 21.055 29.4644C20.3519 29.105 19.68 28.7144 19.0394 28.2925C18.3988 27.8706 17.7816 27.4253 17.1879 26.9565C16.5941 26.4722 16.0316 25.9644 15.5004 25.4331C14.9691 24.9019 14.4691 24.3394 14.0004 23.7456C13.516 23.1519 13.0668 22.5347 12.6527 21.894C12.2386 21.2534 11.8519 20.5894 11.4925 19.9019C11.1175 19.1987 10.7816 18.48 10.4847 17.7456C10.3285 17.3394 10.2425 16.9565 10.2269 16.5972C10.2113 16.2378 10.2738 15.9097 10.4144 15.6128C10.555 15.2847 10.7777 14.9995 11.0824 14.7573C11.3871 14.5151 11.766 14.3237 12.2191 14.1831C12.3285 14.1362 12.43 14.1128 12.5238 14.1128C12.6175 14.1128 12.7113 14.1362 12.805 14.1831C12.9769 14.2456 13.2113 14.4487 13.5082 14.7925C13.8207 15.1362 14.1293 15.5151 14.4339 15.9292C14.7386 16.3433 15.0082 16.7456 15.2425 17.1362C15.4769 17.5269 15.6019 17.8159 15.6175 18.0034C15.6332 18.1128 15.6019 18.2222 15.5238 18.3315C15.4457 18.4409 15.2738 18.5815 15.0082 18.7534C14.8988 18.8315 14.8129 18.9331 14.7504 19.0581C14.6879 19.1831 14.6566 19.3159 14.6566 19.4565C14.6566 19.6753 14.7386 19.8667 14.9027 20.0308C15.0668 20.1948 15.2582 20.2769 15.4769 20.2769C15.5707 20.2769 15.6566 20.2651 15.7347 20.2417C15.8129 20.2183 15.8832 20.1831 15.9457 20.1362C16.18 19.98 16.4691 19.73 16.8129 19.3862C17.1566 19.0425 17.3129 18.5503 17.2816 17.9097C17.266 17.5815 17.1097 17.144 16.8129 16.5972C16.5316 16.0347 16.1879 15.48 15.7816 14.9331C15.3754 14.3862 14.9535 13.894 14.516 13.4565C14.0785 13.0034 13.7035 12.7222 13.391 12.6128C13.266 12.5659 13.1293 12.5269 12.9808 12.4956C12.8324 12.4644 12.68 12.4487 12.5238 12.4487C12.3675 12.4487 12.2191 12.4644 12.0785 12.4956C11.9379 12.5269 11.7972 12.5659 11.6566 12.6128H11.68C11.0082 12.8315 10.4379 13.1362 9.96911 13.5269C9.50036 13.9175 9.14879 14.3784 8.91442 14.9097C8.66442 15.4253 8.54332 15.9761 8.55114 16.562C8.55895 17.1479 8.68786 17.7534 8.93786 18.3784C9.26598 19.1597 9.62536 19.9253 10.016 20.6753C10.4066 21.4097 10.8246 22.1206 11.2699 22.8081C11.7152 23.4956 12.1957 24.1597 12.7113 24.8003C13.2113 25.4409 13.7504 26.0425 14.3285 26.605V26.6284C14.9066 27.1909 15.516 27.73 16.1566 28.2456C16.7816 28.7456 17.4379 29.2222 18.1254 29.6753C18.8129 30.1284 19.5316 30.5503 20.2816 30.9409C21.016 31.3159 21.7816 31.6675 22.5785 31.9956C22.891 32.1206 23.2035 32.2144 23.516 32.2769C23.8285 32.3394 24.1332 32.3706 24.43 32.3706C24.43 32.3706 24.4339 32.3706 24.4418 32.3706C24.4496 32.3706 24.4535 32.3706 24.4535 32.3706C24.7347 32.3706 25.0121 32.3433 25.2855 32.2886C25.5589 32.2339 25.8129 32.144 26.0472 32.019L26.0238 32.0425C26.555 31.7925 27.016 31.4331 27.4066 30.9644C27.7972 30.4956 28.1097 29.9253 28.3441 29.2534C28.4379 28.9565 28.4847 28.6675 28.4847 28.3862C28.4847 28.105 28.43 27.8237 28.3207 27.5425C28.2113 27.2456 27.9379 26.8784 27.5004 26.4409C27.0472 26.0034 26.5472 25.5815 26.0004 25.1753C25.4535 24.769 24.9066 24.4175 24.3597 24.1206C23.7972 23.8237 23.3519 23.6675 23.0238 23.6519Z' fill='white'/%3E%3C/svg%3E"); }
html body .contact-box ul li:hover > span.cellphone::before { background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 20C40 8.9543 31.0457 0 20 0C8.95432 0 0 8.9543 0 20C0 31.0457 8.95432 40 20 40C31.0457 40 40 31.0457 40 20Z' fill='%23E0402F'/%3E%3Cpath d='M28.2738 12.0034C27.805 11.5347 27.2894 11.105 26.7269 10.7144C26.18 10.3394 25.5941 10.019 24.9691 9.75342C24.3441 9.48779 23.6879 9.28467 23.0004 9.14404C22.3129 9.00342 21.6097 8.93311 20.891 8.93311C20.891 8.93311 20.8871 8.93311 20.8793 8.93311C20.8714 8.93311 20.8675 8.93311 20.8675 8.93311C20.6332 8.93311 20.4339 9.01514 20.2699 9.1792C20.1058 9.34326 20.0238 9.53467 20.0238 9.75342C20.0238 9.98779 20.1058 10.187 20.2699 10.3511C20.4339 10.5151 20.6332 10.5972 20.8675 10.5972C22.0394 10.5972 23.1644 10.8198 24.2425 11.2651C25.3207 11.7104 26.2738 12.3472 27.1019 13.1753C27.8988 13.9722 28.5316 14.9058 29.0004 15.9761C29.4691 17.0464 29.7035 18.1831 29.7035 19.3862C29.7035 19.4019 29.7035 19.4097 29.7035 19.4097C29.7035 19.644 29.7816 19.8433 29.9379 20.0073C30.0941 20.1714 30.2894 20.2534 30.5238 20.2534C30.7582 20.2534 30.9535 20.1714 31.1097 20.0073C31.266 19.8433 31.3441 19.644 31.3441 19.4097C31.3441 19.4097 31.3441 19.4019 31.3441 19.3862C31.3441 18.6675 31.2738 17.9644 31.1332 17.2769C30.9925 16.605 30.7894 15.9565 30.5238 15.3315C30.2582 14.7065 29.9379 14.1128 29.5629 13.5503C29.1879 12.9878 28.7582 12.4722 28.2738 12.0034ZM24.8754 19.4097C24.8754 19.644 24.9535 19.8433 25.1097 20.0073C25.266 20.1714 25.4613 20.2534 25.6957 20.2534C25.93 20.2534 26.1254 20.1714 26.2816 20.0073C26.4379 19.8433 26.516 19.644 26.516 19.4097C26.516 18.6284 26.3675 17.9019 26.0707 17.23C25.7738 16.5425 25.3714 15.9409 24.8636 15.4253C24.3558 14.9097 23.7582 14.5034 23.0707 14.2065C22.3832 13.9097 21.6488 13.7612 20.8675 13.7612C20.6332 13.7612 20.4339 13.8433 20.2699 14.0073C20.1058 14.1714 20.0238 14.3628 20.0238 14.5815C20.0238 14.8159 20.1058 15.0151 20.2699 15.1792C20.4339 15.3433 20.6332 15.4253 20.8675 15.4253C21.9769 15.4253 22.9183 15.8159 23.6918 16.5972C24.4652 17.3784 24.8597 18.3159 24.8754 19.4097ZM23.0238 23.6519C22.3988 23.6206 21.9105 23.7769 21.5589 24.1206C21.2074 24.4644 20.9535 24.7534 20.7972 24.9878C20.7504 25.0503 20.7152 25.1206 20.6918 25.1987C20.6683 25.2769 20.6566 25.3628 20.6566 25.4565C20.6566 25.6909 20.7386 25.8862 20.9027 26.0425C21.0668 26.1987 21.266 26.2769 21.5004 26.2769C21.641 26.2769 21.7699 26.2456 21.8871 26.1831C22.0043 26.1206 22.1019 26.0347 22.18 25.9253C22.3675 25.6597 22.5121 25.4917 22.6136 25.4214C22.7152 25.3511 22.8207 25.3159 22.93 25.3159C23.1175 25.3315 23.4066 25.4565 23.7972 25.6909C24.1879 25.9253 24.5941 26.1948 25.016 26.4995C25.4379 26.8042 25.8129 27.1128 26.141 27.4253C26.4847 27.7378 26.6957 27.9722 26.7738 28.1284C26.805 28.2222 26.8207 28.3159 26.8207 28.4097C26.8207 28.5034 26.7972 28.6128 26.7504 28.7378C26.6097 29.1753 26.4183 29.5464 26.1761 29.8511C25.9339 30.1558 25.6566 30.3784 25.3441 30.519C25.0316 30.6597 24.6957 30.7261 24.3363 30.7183C23.9769 30.7104 23.6019 30.6206 23.2113 30.4487C22.4613 30.1519 21.7425 29.8237 21.055 29.4644C20.3519 29.105 19.68 28.7144 19.0394 28.2925C18.3988 27.8706 17.7816 27.4253 17.1879 26.9565C16.5941 26.4722 16.0316 25.9644 15.5004 25.4331C14.9691 24.9019 14.4691 24.3394 14.0004 23.7456C13.516 23.1519 13.0668 22.5347 12.6527 21.894C12.2386 21.2534 11.8519 20.5894 11.4925 19.9019C11.1175 19.1987 10.7816 18.48 10.4847 17.7456C10.3285 17.3394 10.2425 16.9565 10.2269 16.5972C10.2113 16.2378 10.2738 15.9097 10.4144 15.6128C10.555 15.2847 10.7777 14.9995 11.0824 14.7573C11.3871 14.5151 11.766 14.3237 12.2191 14.1831C12.3285 14.1362 12.43 14.1128 12.5238 14.1128C12.6175 14.1128 12.7113 14.1362 12.805 14.1831C12.9769 14.2456 13.2113 14.4487 13.5082 14.7925C13.8207 15.1362 14.1293 15.5151 14.4339 15.9292C14.7386 16.3433 15.0082 16.7456 15.2425 17.1362C15.4769 17.5269 15.6019 17.8159 15.6175 18.0034C15.6332 18.1128 15.6019 18.2222 15.5238 18.3315C15.4457 18.4409 15.2738 18.5815 15.0082 18.7534C14.8988 18.8315 14.8129 18.9331 14.7504 19.0581C14.6879 19.1831 14.6566 19.3159 14.6566 19.4565C14.6566 19.6753 14.7386 19.8667 14.9027 20.0308C15.0668 20.1948 15.2582 20.2769 15.4769 20.2769C15.5707 20.2769 15.6566 20.2651 15.7347 20.2417C15.8129 20.2183 15.8832 20.1831 15.9457 20.1362C16.18 19.98 16.4691 19.73 16.8129 19.3862C17.1566 19.0425 17.3129 18.5503 17.2816 17.9097C17.266 17.5815 17.1097 17.144 16.8129 16.5972C16.5316 16.0347 16.1879 15.48 15.7816 14.9331C15.3754 14.3862 14.9535 13.894 14.516 13.4565C14.0785 13.0034 13.7035 12.7222 13.391 12.6128C13.266 12.5659 13.1293 12.5269 12.9808 12.4956C12.8324 12.4644 12.68 12.4487 12.5238 12.4487C12.3675 12.4487 12.2191 12.4644 12.0785 12.4956C11.9379 12.5269 11.7972 12.5659 11.6566 12.6128H11.68C11.0082 12.8315 10.4379 13.1362 9.96911 13.5269C9.50036 13.9175 9.14879 14.3784 8.91442 14.9097C8.66442 15.4253 8.54332 15.9761 8.55114 16.562C8.55895 17.1479 8.68786 17.7534 8.93786 18.3784C9.26598 19.1597 9.62536 19.9253 10.016 20.6753C10.4066 21.4097 10.8246 22.1206 11.2699 22.8081C11.7152 23.4956 12.1957 24.1597 12.7113 24.8003C13.2113 25.4409 13.7504 26.0425 14.3285 26.605V26.6284C14.9066 27.1909 15.516 27.73 16.1566 28.2456C16.7816 28.7456 17.4379 29.2222 18.1254 29.6753C18.8129 30.1284 19.5316 30.5503 20.2816 30.9409C21.016 31.3159 21.7816 31.6675 22.5785 31.9956C22.891 32.1206 23.2035 32.2144 23.516 32.2769C23.8285 32.3394 24.1332 32.3706 24.43 32.3706C24.43 32.3706 24.4339 32.3706 24.4418 32.3706C24.4496 32.3706 24.4535 32.3706 24.4535 32.3706C24.7347 32.3706 25.0121 32.3433 25.2855 32.2886C25.5589 32.2339 25.8129 32.144 26.0472 32.019L26.0238 32.0425C26.555 31.7925 27.016 31.4331 27.4066 30.9644C27.7972 30.4956 28.1097 29.9253 28.3441 29.2534C28.4379 28.9565 28.4847 28.6675 28.4847 28.3862C28.4847 28.105 28.43 27.8237 28.3207 27.5425C28.2113 27.2456 27.9379 26.8784 27.5004 26.4409C27.0472 26.0034 26.5472 25.5815 26.0004 25.1753C25.4535 24.769 24.9066 24.4175 24.3597 24.1206C23.7972 23.8237 23.3519 23.6675 23.0238 23.6519Z' fill='white'/%3E%3C/svg%3E"); }
/* TikTok — sada ho nemá: stejný kruh, glyf z fontu Apolla */
html body .contact-box ul li.contact-box-icon > span.tiktok::before {
  content: "\e926"; font-size: 17px; line-height: 36px; text-align: center;
  color: #FFFFFF; background: #16181C; border-radius: 50%;
}
html body .contact-box ul li.contact-box-icon:hover > span.tiktok::before { background: #E0402F; color: #FFFFFF; }

/* ---------------------------------------------------------------------
   35. HLAVIČKA NA MOBILU A TABLETU BÍLÁ (od v1_34)
   Do 991 px Apollo stěhuje logo, lupu, účet, košík a menu do horního
   pruhu (.top-navigation-bar). Ten je u nás černý (bod 2), takže logo
   — bílý obdélník z PNG — v něm viselo jako nalepená samolepka.
   Na desktopu černý pruh zůstává (jsou v něm jen odkazy a kontakty),
   na mobilu je hlavička bílá jako v návrhu a od obsahu ji dělí linka.
   --------------------------------------------------------------------- */
@media (max-width: 991px) {
  html body .top-navigation-bar,
  html body.submenu-visible:not(.menu-helper-visible) .top-navigation-bar {
    background-color: #FFFFFF;
    color: var(--skh-ink);
    border-bottom: 1px solid #E6E8EC;
  }
  html body .top-navigation-bar .top-navigation-tools a.toggle-window,
  html body .top-navigation-bar .top-navigation-tools a.toggle-window::before,
  html body .top-navigation-bar .top-navigation-tools a.toggle-window::after,
  html body .top-navigation-bar .top-navigation-tools .cart-price {
    color: var(--skh-ink);
  }
  html body .top-navigation-bar .top-navigation-tools a.toggle-window:hover,
  html body .top-navigation-bar .top-navigation-tools a.toggle-window:hover::before,
  html body .top-navigation-bar .top-navigation-tools a.toggle-window:hover .cart-price {
    color: var(--skh-cervena);
  }
}

/* Pruh „Otevřeno / Zavřeno" pod hledáním (do 767 px, kreslí ho skript
   v16) — pod bílou hlavičkou světlý, ne další černý pás. */
@media (max-width: 767px) {
  html body .skh-otevreno-pruh {
    background: var(--skh-ground);
    color: var(--skh-ink);
    border-bottom: 1px solid #E6E8EC;
  }
  html body .skh-otevreno-pruh .skh-otevreno,
  html body .skh-otevreno-pruh .skh-otevreno:hover { color: var(--skh-ink); }
  html body .skh-otevreno-pruh .skh-otevreno__dalsi { opacity: .7; }
  html body .skh-otevreno-pruh__nav,
  html body .skh-otevreno-pruh__nav:hover { color: var(--skh-cervena); }
}

/* ---------------------------------------------------------------------
   36. COOKIE LIŠTA V BARVÁCH SKH + TRAKTŮREK (od v1_34)
   Shoptet ji kreslí ve vlastní tmavomodré (#1A1937) s bílými tlačítky
   — s webem nemá nic společného. Stejně jako na Gigamatu ji jen
   přebarvujeme (obsah i chování nechává Shoptet, texty se mění
   v administraci): černá SKH, „Souhlasím" červeně, „Odmítnout"
   stejně velké obrysové (souhlas i odmítnutí musí být stejně snadné),
   „Nastavení" jen jako odkaz.
   Vychytávka: na horní hraně lišty přijede malý červený traktůrek.
   --------------------------------------------------------------------- */
html body .siteCookies--bottom.siteCookies--scrolled { background: transparent; box-shadow: none; }

html body .siteCookies .siteCookies__form {
  position: relative;
  background: var(--skh-ink) !important;
  color: #FFFFFF;
  border-top: 3px solid var(--skh-cervena);
  border-radius: 12px 12px 0 0;
  box-shadow: 0 -6px 24px rgba(22, 24, 28, .18);
}
html body .siteCookies .siteCookies__text { color: rgba(255, 255, 255, .88); }
html body .siteCookies .siteCookies__text a { color: #FFFFFF; text-decoration: underline; }
html body .siteCookies .siteCookies__text a:hover { color: var(--skh-cervena); }

/* Nastavení = odkaz, ne třetí tlačítko */
html body .siteCookies .siteCookies__link {
  display: inline;
  width: auto;
  height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: rgba(255, 255, 255, .88);
  font-weight: 600;
  line-height: 1.4;
  text-decoration: underline;
  text-underline-offset: 3px;
}
html body .siteCookies .siteCookies__link:hover { color: var(--skh-cervena); background: transparent; }

html body .siteCookies .siteCookies__button {
  border-radius: 6px;
  font-weight: 700;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
html body .siteCookies .siteCookies__button[value="all"] {
  background: var(--skh-cervena);
  border: 2px solid var(--skh-cervena);
  color: #FFFFFF;
}
html body .siteCookies .siteCookies__button[value="all"]:hover {
  background: #C7321F;
  border-color: #C7321F;
}
html body .siteCookies .siteCookies__button[value="reject"] {
  background: transparent;
  border: 2px solid rgba(255, 255, 255, .55);
  color: #FFFFFF;
}
html body .siteCookies .siteCookies__button[value="reject"]:hover { border-color: #FFFFFF; }

/* traktůrek — sedí na horní hraně lišty, přijede zleva a „bručí" */
html body .siteCookies .siteCookies__form::before {
  content: "";
  position: absolute;
  left: 18px;
  bottom: 100%;
  margin-bottom: 1px;
  width: 58px;
  height: 44px;
  pointer-events: none;
  background: center bottom / contain no-repeat url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 48'><rect x='49' y='9' width='3.5' height='14' rx='1' fill='%2316181C'/><circle cx='51' cy='5' r='3' fill='%23C9CDD3'/><rect x='9' y='3' width='26' height='4' rx='2' fill='%2316181C'/><path d='M11 7h22l2 17H10z' fill='%23E0402F'/><path d='M14 10h16l1.4 10H13z' fill='%23E8F0F7'/><rect x='27' y='22' width='33' height='12' rx='3' fill='%23E0402F'/><rect x='54' y='25' width='6' height='6' rx='1' fill='%2316181C'/><path d='M6 26a13 13 0 0 1 26 0z' fill='%23C7321F'/><circle cx='19' cy='34' r='13' fill='%2316181C'/><circle cx='19' cy='34' r='5.5' fill='%23C9CDD3'/><circle cx='19' cy='34' r='2' fill='%2316181C'/><circle cx='51' cy='39' r='8' fill='%2316181C'/><circle cx='51' cy='39' r='3.5' fill='%23C9CDD3'/><circle cx='51' cy='39' r='1.3' fill='%2316181C'/></svg>");
  animation: skh-traktor-prijede 1.6s cubic-bezier(.2, .7, .3, 1) both,
             skh-traktor-brum .35s ease-in-out 1.6s 6 alternate;
}
@keyframes skh-traktor-prijede {
  from { transform: translateX(-120px); opacity: 0; }
  20%  { opacity: 1; }
  to   { transform: translateX(0); }
}
@keyframes skh-traktor-brum {
  from { transform: translateY(0); }
  to   { transform: translateY(-1.5px); }
}
@media (prefers-reduced-motion: reduce) {
  html body .siteCookies .siteCookies__form::before { animation: none; }
}

/* mobil: kompaktnější, ať lišta nezabere půl obrazovky */
@media (max-width: 767px) {
  html body .siteCookies .siteCookies__form { padding: 16px 16px 18px; }
  html body .siteCookies .siteCookies__text { font-size: 14px; line-height: 1.45; }
  html body .siteCookies .siteCookies__links { margin: 8px 0 14px; }
  html body .siteCookies .siteCookies__buttonWrap { gap: 10px; }
  html body .siteCookies .siteCookies__button { height: 46px; line-height: 42px; font-size: 15px; }
}
@media (min-width: 768px) {
  html body .siteCookies .siteCookies__button { height: 48px; line-height: 44px; padding: 0 24px; }
}

/* ---------------------------------------------------------------------
   37. PRACOVNÍ ŠTÍTEK „PILOT KARTA" ZÁKAZNÍKŮM NEUKAZOVAT (od v1_34)
   Příznak slouží jen nám k označení pilotní produktové karty.
   --------------------------------------------------------------------- */
html body .flag.flag-pilot-karta { display: none; }

/* ---------------------------------------------------------------------
   38. POPIS PRODUKTU .skh-karta
   Styly jsou zatím přímo v popisu produktu (<style> uvnitř .skh-karta,
   HTMLka/produkt_pilot_kubota_b5001.html), aby pilotní karta nezávisela
   na nasazení CSS. Až se šablona rozšíří na další stroje, přesunou se sem.
   --------------------------------------------------------------------- */

/* ---------------------------------------------------------------------
   39. ŽÁDNÝ VODOROVNÝ POSUVNÍK (od v1_35)
   Pruh „Navštivte naši prodejnu" (bod 17) se z kontejneru vylamuje přes
   width:100vw. Jenže 100vw v sobě počítá i šířku svislého posuvníku
   (ve Windows 15–17 px), takže pruh přečníval vpravo o ~8 px a prohlížeč
   pod stránkou ukázal druhý, vodorovný posuvník. Na Macu s plovoucím
   posuvníkem to vidět není, na Windows na každém monitoru od 992 px.

   overflow-x: clip ořízne přečnívající kousek, ale (na rozdíl od hidden)
   nevyrobí nový posuvný kontejner — position: sticky a kotvy fungují dál.
   Zároveň to pojistí jakýkoli další full-bleed prvek se 100vw.
   --------------------------------------------------------------------- */
html body { overflow-x: clip; }

/* ---------------------------------------------------------------------
   40. VZHLED POPISŮ PRODUKTŮ (od v1_36)
   Popisy jsou čisté HTML bez tříd (Návody/POPISY_KONTRAKT.md): <p>, <h3>,
   <ul>, <table>. Vzhled jim dává jen tohle pravidlo, takže stejný popis
   bude vypadat dobře i po změně šablony a na celém webu jednotně.

   Pravidla míří jen na PŘÍMÉ potomky .basic-description (>), aby
   nezasáhla bloky uvnitř vlastních rozvržení (pilotní karta .skh-karta).
   První <h3> v .basic-description je nadpis šablony „Detailní popis
   produktu", ten se nepřebarvuje.
   --------------------------------------------------------------------- */
html body .basic-description { color: var(--skh-text); font-size: 16px; line-height: 1.65; }
html body .basic-description > p { margin: 0 0 14px; }
html body .basic-description > h3:not(:first-child) {
  margin: 30px 0 12px;
  padding-left: 12px;
  border-left: 3px solid var(--skh-cervena);
  color: var(--skh-ink);
  font-size: 22px;
  line-height: 1.2;
}
html body .basic-description > h3:first-child + h3 { margin-top: 4px; }

/* seznam vlastností: červené fajfky, na širší obrazovce ve dvou sloupcích */
html body .basic-description > ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 6px 28px;
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
}
html body .basic-description > ul > li {
  position: relative;
  margin: 0;
  padding: 0 0 0 26px;
  line-height: 1.5;
}
html body .basic-description > ul > li::before {
  content: "";
  position: absolute;
  left: 3px;
  top: .42em;
  width: 12px;
  height: 7px;
  border-left: 2px solid var(--skh-cervena);
  border-bottom: 2px solid var(--skh-cervena);
  transform: rotate(-45deg);
  background: none;
}

/* tabulka parametrů: zhuštěná, zebra, klíč šedě, hodnota tučně */
html body .basic-description > table {
  width: 100%;
  max-width: 760px;
  margin: 0 0 18px;
  border-collapse: collapse;
  font-size: 15px;
  line-height: 1.4;
}
html body .basic-description > table td {
  padding: 8px 12px;
  border: 0;
  border-bottom: 1px solid #E6E8EC;
  text-align: left;
  vertical-align: top;
}
html body .basic-description > table td:first-child { width: 45%; color: var(--skh-text); }
html body .basic-description > table td + td { color: var(--skh-ink); font-weight: 700; }
html body .basic-description > table tr:nth-child(odd) { background: var(--skh-ground); }

@media (max-width: 767px) {
  html body .basic-description > h3:not(:first-child) { font-size: 20px; margin-top: 24px; }
  html body .basic-description > table td { padding: 7px 8px; }
  html body .basic-description > table td:first-child { width: 50%; }
}

/* ---------------------------------------------------------------------
   41. VELKÁ KARTA STROJE .skh-karta (od v1_37)
   Rozvržení z pilotní karty Kubota B5001 pro všechny malotraktory:
   perex a odznaky, parametry vedle fotky prodejny, výbava, repase,
   záruka, dlaždice nářadí, „Proč u SKH" a kontakt na prodejce.
   Popisy strojů nesou jen třídy, styly jsou tady — inline <style>
   v popisu by se dostal do feedů (Heureka, Google) jako text.
   Generuje _05_design_pracovni/nastroje/popisy/karta_stroje.py.
   --------------------------------------------------------------------- */
html body .skh-karta{--k-ink:#16181C;--k-red:#E0402F;--k-ground:#F5F6F8;--k-line:#E6E8EC;--k-text:#444;color:var(--k-text);font-size:16px;line-height:1.6}
html body .skh-karta *{box-sizing:border-box}
html body .skh-karta h2{margin:40px 0 16px;color:var(--k-ink);font-size:26px;line-height:1.15}
html body .skh-karta h3{margin:0 0 4px;color:var(--k-ink);font-size:17px;line-height:1.25}
html body .skh-karta p{margin:0 0 12px}
html body .skh-karta ul{margin:0;padding:0;list-style:none}
html body .skh-karta li{margin:0;padding:0}
html body .skh-karta li::before{content:none}
html body .skh-karta img{display:block;max-width:100%;height:auto}
html body .skh-karta .skh-k-perex{margin:0 0 14px;color:var(--k-ink);font-size:18px;line-height:1.55}
html body .skh-karta .skh-k-odznaky{display:flex;flex-wrap:wrap;gap:8px}
html body .skh-karta .skh-k-odznaky li{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:var(--k-ink);color:#fff;font-size:14px;font-weight:700;line-height:1.2}
html body .skh-karta .skh-k-odznaky li::before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:var(--k-red)}
html body .skh-karta .skh-k-dva{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start;margin-top:30px}
html body .skh-karta .skh-k-dva h2{margin-top:0}
html body .skh-karta .skh-k-tab{width:100%;border-collapse:collapse;font-size:14px;line-height:1.35}
html body .skh-karta .skh-k-tab th,html body .skh-karta .skh-k-tab td{padding:7px 10px;border:0;border-bottom:1px solid var(--k-line);text-align:left;vertical-align:top}
html body .skh-karta .skh-k-tab th{width:42%;color:var(--k-text);font-weight:500}
html body .skh-karta .skh-k-tab td{color:var(--k-ink);font-weight:700}
html body .skh-karta .skh-k-tab tr:nth-child(odd){background:var(--k-ground)}
html body .skh-karta .skh-k-foto{margin:46px 0 0}
html body .skh-karta .skh-k-foto img,html body .skh-karta .skh-k-galerie img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;background:var(--k-ground)}
html body .skh-karta figcaption{margin-top:8px;font-size:14px;line-height:1.45;color:var(--k-text)}
html body .skh-karta .skh-k-naradi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
html body .skh-karta .skh-k-naradi a{display:flex;flex-direction:column;height:100%;border:1px solid var(--k-line);border-radius:12px;overflow:hidden;background:#fff;color:inherit;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease}
html body .skh-karta .skh-k-naradi a:hover{border-color:var(--k-red);box-shadow:0 6px 18px rgba(22,24,28,.08)}
html body .skh-karta .skh-k-naradi img{width:100%;aspect-ratio:4/3;object-fit:contain;padding:10px;background:#fff}
html body .skh-karta .skh-k-naradi span{display:block;padding:10px 12px 14px;border-top:1px solid var(--k-line);font-size:14px;line-height:1.4}
html body .skh-karta .skh-k-naradi strong{display:block;margin-bottom:2px;color:var(--k-ink);font-size:15px}
html body .skh-karta .skh-k-naradi a:hover strong{color:var(--k-red)}
html body .skh-karta .skh-k-pozn{margin-top:14px;font-size:14px}
html body .skh-karta .skh-k-galerie{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 16px}
html body .skh-karta .skh-k-galerie figure{margin:0}
html body .skh-karta .skh-k-proc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
html body .skh-karta .skh-k-proc li{padding:14px 16px;background:var(--k-ground);border-top:3px solid var(--k-red);border-radius:0 0 10px 10px}
html body .skh-karta .skh-k-proc p{margin:0;font-size:15px;line-height:1.5}
html body .skh-karta .skh-k-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin:36px 0 8px;padding:22px 24px;border-radius:12px;background:var(--k-ink);color:#fff}
html body .skh-karta .skh-k-cta h3{margin:0;color:#fff;font-size:22px}
html body .skh-karta .skh-k-cta p{margin:4px 0 0;color:rgba(255,255,255,.8);font-size:15px}
html body .skh-karta .skh-k-cta .skh-k-tlacitka{display:flex;flex-wrap:wrap;gap:10px;margin:0}
html body .skh-karta .skh-k-btn{display:inline-block;padding:11px 20px;border:2px solid var(--k-red);border-radius:6px;background:var(--k-red);color:#fff;font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap}
html body .skh-karta .skh-k-btn:hover{background:#C7321F;border-color:#C7321F;color:#fff}
html body .skh-karta .skh-k-btn--obrys{background:transparent;border-color:rgba(255,255,255,.55)}
html body .skh-karta .skh-k-btn--obrys:hover{background:transparent;border-color:#fff}

html body .skh-karta .skh-k-detail{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto auto;gap:10px}
html body .skh-karta .skh-k-detail figure{position:relative;margin:0;overflow:hidden;border-radius:12px;background:var(--k-ground)}
html body .skh-karta .skh-k-detail figure:first-child{grid-row:span 2;min-height:220px}
html body .skh-karta .skh-k-detail img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover}
html body .skh-karta .skh-k-detail figure:first-child img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;aspect-ratio:auto;object-fit:cover}
html body .skh-karta .skh-k-detail figcaption,html body .skh-karta .skh-k-galerie figcaption,html body .skh-karta .skh-k-siroka figcaption{position:absolute;left:8px;bottom:8px;margin:0;padding:4px 10px;border-radius:999px;background:rgba(22,24,28,.82);color:#fff;font-size:13px;font-weight:700;line-height:1.3}
html body .skh-karta .skh-k-siroka{position:relative;margin:0 0 14px;overflow:hidden;border-radius:12px}
html body .skh-karta .skh-k-siroka img{width:100%;aspect-ratio:21/9;object-fit:cover;background:var(--k-ground)}
html body .skh-karta .skh-k-galerie--3{grid-template-columns:repeat(3,minmax(0,1fr))}
html body .skh-karta .skh-k-galerie figure{position:relative}
html body .skh-karta .skh-k-cta{align-items:center}
html body .skh-karta .skh-k-clovek{display:flex;align-items:center;gap:16px}
html body .skh-karta .skh-k-clovek img{flex:0 0 72px;width:72px;height:72px;border-radius:50%;object-fit:cover;background:#2A2D33;border:2px solid var(--k-red)}
@media (max-width:991px){html body .skh-karta .skh-k-dva{grid-template-columns:1fr;gap:0}html body .skh-karta .skh-k-foto{margin-top:20px}}
@media (max-width:767px){
html body .skh-karta .skh-k-detail{grid-template-columns:1fr 1fr}
html body .skh-karta .skh-k-detail figure:first-child{grid-column:span 2;grid-row:auto}
html body .skh-karta .skh-k-detail figure:first-child img{position:static;height:auto!important;aspect-ratio:4/3}
html body .skh-karta .skh-k-galerie--3{grid-template-columns:1fr 1fr}
html body .skh-karta .skh-k-galerie--3 figure:first-child{grid-column:span 2}
html body .skh-karta .skh-k-siroka img{aspect-ratio:16/9}
html body .skh-karta .skh-k-clovek img{flex-basis:60px;width:60px;height:60px}
html body .skh-karta h2{margin-top:30px;font-size:22px}
html body .skh-karta .skh-k-perex{font-size:16px}
html body .skh-karta .skh-k-odznaky li{font-size:13px;padding:6px 12px}
html body .skh-karta .skh-k-naradi{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html body .skh-karta .skh-k-naradi span{padding:8px 10px 12px;font-size:13px}
html body .skh-karta .skh-k-proc{grid-template-columns:1fr}
html body .skh-karta .skh-k-cta{padding:18px}
html body .skh-karta .skh-k-cta .skh-k-tlacitka,html body .skh-karta .skh-k-btn{width:100%;text-align:center}
}

/* seznamy výbavy, repase a záruky: červené fajfky, na šířku ve dvou sloupcích */
html body .skh-karta ul.skh-k-seznam{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px 28px;margin:0 0 8px}
html body .skh-karta ul.skh-k-seznam li{position:relative;padding:0 0 0 26px;line-height:1.5}
html body .skh-karta ul.skh-k-seznam li::before{content:"";position:absolute;left:3px;top:.42em;width:12px;height:7px;border-left:2px solid var(--k-red);border-bottom:2px solid var(--k-red);transform:rotate(-45deg)}

/* stroje mimo šablonu: jejich text (formatovac) uvnitř karty vypadá jako bod 40 */
html body .skh-karta .skh-k-text > h3{margin:26px 0 10px;padding-left:12px;border-left:3px solid var(--k-red);color:var(--k-ink);font-size:20px}
html body .skh-karta .skh-k-text > ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px 28px;margin:0 0 14px}
html body .skh-karta .skh-k-text > ul > li{position:relative;padding:0 0 0 26px;line-height:1.5}
html body .skh-karta .skh-k-text > ul > li::before{content:"";position:absolute;left:3px;top:.42em;width:12px;height:7px;border-left:2px solid var(--k-red);border-bottom:2px solid var(--k-red);transform:rotate(-45deg)}
html body .skh-karta .skh-k-text > table{width:100%;max-width:760px;border-collapse:collapse;font-size:15px;margin:0 0 14px}
html body .skh-karta .skh-k-text > table td{padding:8px 12px;border:0;border-bottom:1px solid var(--k-line);vertical-align:top}
html body .skh-karta .skh-k-text > table td:first-child{width:45%}
html body .skh-karta .skh-k-text > table td + td{color:var(--k-ink);font-weight:700}
html body .skh-karta .skh-k-text > table tr:nth-child(odd){background:var(--k-ground)}

/* ---------------------------------------------------------------------
   42. HORNÍ MENU: STROJE ZVÝRAZNĚNÉ, BEZ „VŠECH PRODUKTŮ" (od v1_38)
   Klient 5. 10.: Malotraktory, Minibagry a Minijeřáby mají být v menu
   hned za Zahradní technikou a zvýrazněné jako na starém webu.
   Položky přidává klient v administraci (Vzhled a obsah → Menu) jako
   odkazy; tady se jen obarví. Hledá se podle adresy odkazu, takže
   přejmenování v administraci nevadí. „Všechny produkty" klient nechápal
   a z menu jdou pryč. Je to kořenová kategorie celého stromu a Shoptet
   ji může do lišty doplnit sám, proto je skrytá i tady.
   --------------------------------------------------------------------- */
html body #navigation .menu-level-1 > li > a[href$="/malotraktory/"],
html body #navigation .menu-level-1 > li > a[href$="/minibagry/"],
html body #navigation .menu-level-1 > li > a[href$="/minijeraby-a-minidumpery/"] {
  color: var(--skh-cervena);
}
html body #navigation .menu-level-1 > li > a[href$="/malotraktory/"] b,
html body #navigation .menu-level-1 > li > a[href$="/minibagry/"] b,
html body #navigation .menu-level-1 > li > a[href$="/minijeraby-a-minidumpery/"] b {
  color: inherit;
  font-weight: 700;
}
html body #navigation .menu-level-1 > li > a[href$="/malotraktory/"]:hover,
html body #navigation .menu-level-1 > li > a[href$="/minibagry/"]:hover,
html body #navigation .menu-level-1 > li > a[href$="/minijeraby-a-minidumpery/"]:hover {
  color: var(--skh-ink);
}
html body #navigation .menu-level-1 > li:has(> a[href$="/vsechny-produkty/"]) {
  display: none;
}

/* ---------------------------------------------------------------------
   43. IKONY KOŠÍKU A PŘIHLÁŠENÍ OD GRAFIKA (od v1_38)
   Sada ikonky_sebranice.zip (6. 10.): košík a profil, černé (#16181C),
   po najetí červené (#E0402F), u plného košíku červené kolečko s počtem
   vpravo nahoře přes ikonu. Apollo kreslí ikony glyfem z fontu „apollo"
   v ::before — glyf se schová (font-size 0) a místo něj je SVG jako
   maska, barvu tedy dál řídí `color` (hover i mobilní hlavička bod 35).
   Počet položek je Shoptetův <i data-testid="headerCartCount">, jen se
   přesune a zmenší podle návrhu (v návrhu 12 px, kvůli čitelnosti 17 px).
   --------------------------------------------------------------------- */
html body a.cart-count::before,
html body .top-nav-button-login::before,
html body .top-navigation-tools a.toggle-window[data-target="login"]::before {
  content: "";
  display: inline-block;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  font-size: 0;
  background-color: currentColor;
  -webkit-mask: var(--skh-ikona) center / contain no-repeat;
          mask: var(--skh-ikona) center / contain no-repeat;
}
html body a.cart-count { --skh-ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cpath d='M6.75 5C8.26562 5 9.5 6.2334 9.5 7.75V9.07422L27.8281 11.0039C28.2109 11.0439 28.5 11.3662 28.5 11.75V17.75C28.5 19.2666 27.2656 20.5 25.75 20.5H9.5V21.75C9.5 22.4395 10.0605 23 10.75 23H23.75C25.2656 23 26.5 24.2334 26.5 25.75C26.5 27.2666 25.2656 28.5 23.75 28.5C22.2344 28.5 21 27.2666 21 25.75C21 25.2976 21.1201 24.8768 21.3145 24.5H14.1855C14.3799 24.8768 14.5 25.2976 14.5 25.75C14.5 27.2666 13.2656 28.5 11.75 28.5C10.2344 28.5 9 27.2666 9 25.75C9 25.1671 9.18555 24.6279 9.49609 24.1826C8.61255 23.7247 8 22.8123 8 21.75V7.75C8 7.06055 7.43945 6.5 6.75 6.5H5.75C5.33594 6.5 5 6.16406 5 5.75C5 5.33594 5.33594 5 5.75 5H6.75ZM11.75 24.5C11.0605 24.5 10.5 25.0605 10.5 25.75C10.5 26.4395 11.0605 27 11.75 27C12.4395 27 13 26.4395 13 25.75C13 25.0605 12.4395 24.5 11.75 24.5ZM23.75 24.5C23.0605 24.5 22.5 25.0605 22.5 25.75C22.5 26.4395 23.0605 27 23.75 27C24.4395 27 25 26.4395 25 25.75C25 25.0605 24.4395 24.5 23.75 24.5ZM9.5 19H25.75C26.4395 19 27 18.4395 27 17.75V12.4248L9.5 10.583V19Z'/%3E%3C/svg%3E"); }
html body .top-nav-button-login,
html body .top-navigation-tools a.toggle-window[data-target="login"] { --skh-ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cpath d='M16.75 5C20.4727 5 23.5 8.02832 23.5 11.75C23.5 14.0088 22.3749 16.0006 20.666 17.2266C24.5691 18.1047 27.5 21.585 27.5 25.75V27.75C27.5 28.1641 27.1641 28.5 26.75 28.5H6.75C6.33594 28.5 6 28.1641 6 27.75V25.75C6 21.585 8.93091 18.1047 12.834 17.2266C11.1251 16.0006 10 14.0088 10 11.75C10 8.02832 13.0273 5 16.75 5ZM14.75 18.5C10.752 18.5 7.5 21.752 7.5 25.75V27H26V25.75C26 21.752 22.748 18.5 18.75 18.5H14.75ZM16.75 6.5C13.8555 6.5 11.5 8.85547 11.5 11.75C11.5 14.6445 13.8555 17 16.75 17C19.6445 17 22 14.6445 22 11.75C22 8.85547 19.6445 6.5 16.75 6.5Z'/%3E%3C/svg%3E"); }

html body .navigation-buttons .top-nav-button-login,
html body .navigation-buttons a.cart-count { color: var(--skh-ink); }
/* Apollo barví ikonu i popisek přihlášení zvlášť šedě (#7C7E8F), u ikony
   pravidlem, které bez !important nepřebijeme */
html body .navigation-buttons .top-nav-button-login span,
html body .navigation-buttons .top-nav-button-login::after { color: inherit; }
html body .navigation-buttons .top-nav-button-login::before,
html body .navigation-buttons a.cart-count::before { color: inherit !important; }
html body .navigation-buttons .top-nav-button-login:hover,
html body .navigation-buttons .top-nav-button-login:hover span,
html body .navigation-buttons .top-nav-button-login:hover::before,
html body .navigation-buttons .top-nav-button-login:hover::after,
html body .navigation-buttons a.cart-count:hover,
html body .navigation-buttons a.cart-count:hover::before,
html body .navigation-buttons a.cart-count:hover .cart-price { color: var(--skh-cervena); }

/* kolečko jako v návrhu: střed na 24 × 10 px ikony. Na mobilu ikona začíná
   na kraji odkazu, na desktopu za jeho 20px odsazením. */
html body a.cart-count.full i {
  top: 6px;
  left: 16px;
  width: 17px;
  height: 17px;
  min-width: 0;
  padding: 0;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 17px;
  text-align: center;
  color: #FFFFFF;
  background: var(--skh-cervena);
  border-radius: 50%;
}
html body .navigation-buttons a.cart-count.full i { left: 36px; }

/* ---------------------------------------------------------------------
   44. TLAČÍTKA +/− U POČTU KUSŮ BEZ ZDVOJENÍ (od v1_38)
   Shoptet do tlačítek nově píše znak jako text (<span class="increase__sign">)
   a Apollo k tomu kreslí vlastní ikonu v ::before — symboly se kreslily
   přes sebe (černé „−" přes šedé, u „+" posunuté). Text se schová (tlačítko
   má aria-label, čtečky o nic nepřijdou), zůstane ikona Apolla. Ta byla
   šedá (#7C7E8F), teď je černá jako ostatní ovládání, po najetí červená.
   --------------------------------------------------------------------- */
html body .quantity .increase__sign,
html body .quantity .decrease__sign {
  display: none;
}
html body .quantity button.increase::before,
html body .quantity button.decrease::before {
  color: var(--skh-ink);
}
html body .quantity button.increase:hover::before,
html body .quantity button.decrease:hover::before {
  color: var(--skh-cervena);
}

/* ---------------------------------------------------------------------
   45. KATEGORIE JEN S PODKATEGORIEMI BEZ HLÁŠKY „TEPRVE PŘIPRAVUJEME“ (od v1_40)
   Příslušenství k malotraktorům (7. 10.) má produkty jen v podkategoriích
   jako na starém webu. Shoptet pak pod dlaždicemi podkategorií hlásí
   „Produkty v této kategorii teprve připravujeme“ — u kategorie s
   podkategoriemi je to nepravda, takže se schová. U opravdu prázdné
   kategorie bez podkategorií zůstane.
   --------------------------------------------------------------------- */
html body.type-category main:has(.subcategories li) .empty-content-category {
  display: none;
}

/* ---------------------------------------------------------------------
   46. STROJE V MENU JEMNĚJI (od v1_40, mění bod 42)
   Celé červené položky v liště „svítily“ (Ondřej 8. 10.). Text je teď
   černý jako ostatní položky a zvýraznění dělá malá červená tečka před
   názvem; po najetí zčervená i text.
   --------------------------------------------------------------------- */
html body #navigation .menu-level-1 > li > a[href$="/malotraktory/"],
html body #navigation .menu-level-1 > li > a[href$="/minibagry/"],
html body #navigation .menu-level-1 > li > a[href$="/minijeraby-a-minidumpery/"] {
  color: rgb(15, 15, 15);   /* stejná barva, jakou mají ostatní položky lišty (inherit by vzal modrou barvu odkazu) */
}
html body #navigation .menu-level-1 > li > a[href$="/malotraktory/"] b::before,
html body #navigation .menu-level-1 > li > a[href$="/minibagry/"] b::before,
html body #navigation .menu-level-1 > li > a[href$="/minijeraby-a-minidumpery/"] b::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 7px 0 0;
  border-radius: 50%;
  background: var(--skh-cervena);
  vertical-align: middle;
  position: relative;
  top: -1px;
}
html body #navigation .menu-level-1 > li > a[href$="/malotraktory/"]:hover,
html body #navigation .menu-level-1 > li > a[href$="/minibagry/"]:hover,
html body #navigation .menu-level-1 > li > a[href$="/minijeraby-a-minidumpery/"]:hover {
  color: var(--skh-cervena);
}