/* =========================================================================
   FC-CONSOLIDATED.CSS (v2)
   Automaticky slouceny soubor vsech vlastnich CSS zdroju e-shopu.
   Vygenerovano: 2026-07-06T22:26:09.389Z
   Vizualni podoba 1:1 zachovana. Poradi nacitani zachovano.
   POZN.: carousel.css byl v puvodni podobe HTML-obaleny (<!-- -->, <style>,
   navic obsahoval mrtvy JS ktery jako <link stylesheet> nikdy nebezel).
   Zde je zahrnuta presne ta CSS pravidla, ktera prohlizec z carousel.css
   realne aplikoval (10 pravidel #fc-hero), aby byl vzhled 1:1.
   Zdroje (v tomto poradi): 1-7 soubory, 8 inline<style> zahlavi, 9-11 inline<style> paticka
   ========================================================================= */

/* ===== [1] SOURCE: /user/documents/upload/v3-base-shoptet-theme.css ===== */
/* =========================================
   BASE SHOPTET THEME – TRAKTOR CENTRUM
   Verze: 3.0 – oprava FOUC (flash při načtení)
   ========================================= */
/* ---------- Přepis Shoptet CSS proměnných – MUSÍ BÝT PRVNÍ ---------- */
:root {
  /* Přepíšeme Shoptet proměnnou --color-header-background na černou,
     aby <header> element byl ihned černý bez čekání na JS */
  --color-header-background: #000000;
  /* Brand paleta */
  --brand-primary:        #000000;
  --brand-secondary:      #ed6827;
  --brand-accent:         #ff6600;
  --brand-bg-light:       #ffffff;
  --brand-bg-dark:        #141414;
  --brand-price:          #ff0000;
  /* Text */
  --brand-text:           #000000;
  --brand-text-inverse:   #ffffff;
  /* Tlačítka */
  --btn-bg:               #ffd700;
  --btn-border:           #ffff00;
  --btn-text:             #000000;
  /* Banner texty */
  --font-base-size:       16px;
  --font-banner-title:    2em;
  --font-banner-text:     1.8em;
  --font-banner-btn:      1.3em;
  /* Efekty */
  --banner-hover-brightness: 40%;
  --transition-fast:      0.3s ease;
  --transition-medium:    0.4s ease;
}
/* =========================================
   ANTI-FOUC – zabrání záblesku bílé/šedé
   Musí být co nejdříve v CSS!
   ========================================= */
/* Shoptet <header> element – nastavíme černou rovnou přes CSS,
   není třeba JS. --color-header-background je nyní #000 (viz :root výše) */
header,
.header-top,
.header-background-light .header-top,
html.header-background-light .header-top {
  background-color: #000000 !important;
  color: #ffffff !important;
}
/* Zamezení transitions při prvním načtení stránky –
   přidáme třídu .tc-loaded na <html> přes JS až po načtení,
   transitions se aktivují až pak */
html:not(.tc-loaded) *,
html:not(.tc-loaded) *::before,
html:not(.tc-loaded) *::after {
  transition: none !important;
  animation-duration: 0.001s !important;
}
/* Jazyk + měna – výchozí černé pozadí (FOUC fix) */
.navigation-tools,
.navigation-tools .languagesMenu,
.navigation-tools .languagesMenu__flags,
.navigation-tools .languagesMenu__content,
.navigation-tools .languagesMenu__box,
.navigation-tools .js-languagesMenu__box,
.navigation-tools .languagesMenu__header,
.navigation-tools .languagesMenu__header--actual,
.navigation-tools .languagesMenu__header--name,
.navigation-tools .languagesMenu__list--language,
.navigation-tools .languagesMenu__list--currency {
  background-color: #000000 !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
}
/* SVG šipky a ikony v záhlaví jazykového menu */
.navigation-tools .languagesMenu__header svg,
.navigation-tools .languagesMenu__header--actual svg,
.navigation-tools .languagesMenu__header--name svg,
.navigation-tools .languagesMenu__header .caret,
.navigation-tools .languagesMenu__header--actual .caret {
  fill: #ffffff !important;
  color: #ffffff !important;
}
/* Rozbalovací obsah jazyk/měna */
.navigation-tools .languagesMenu__content {
  background-color: #000000 !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 50px #000 !important;
}
/* Položky uvnitř rozbalovacího menu */
.navigation-tools .languagesMenu__list a,
.navigation-tools .languagesMenu__list button,
.navigation-tools .languagesMenu__list li,
.navigation-tools .languagesMenu__list__item,
.navigation-tools .languagesMenu__list__link,
.navigation-tools .languagesMenu__content * {
  color: #ffffff !important;
  background-color: transparent !important;
}
/* Hover efekty */
.navigation-tools .languagesMenu__list a:hover,
.navigation-tools .languagesMenu__list a:focus,
.navigation-tools .languagesMenu__list button:hover,
.navigation-tools .languagesMenu__list button:focus,
.navigation-tools .languagesMenu__list .languagesMenu__list__link:hover,
.navigation-tools .languagesMenu__header:hover,
.navigation-tools .languagesMenu__header--actual:hover,
.navigation-tools .languagesMenu__box:hover {
  background-color: rgba(255,255,255,0.1) !important;
  color: #ffffff !important;
}
/* Tlačítka v header top */
.header-top .toggle-window,
.header-top .top-nav-button,
.header-top .cart-count,
.header-top .top-nav-button-login,
.top-nav-button.top-nav-button-login.login.toggle-window {
  background-color: #000000 !important;
  color: #ed6827 !important;
}
.header-top a {
  color: #ffffff !important;
}
/* Ikony košík / hledání / login */
.header-top .icon-search,
.header-top .icon-cart,
.header-top .icon-login {
  background: #000000;
  color: #ed6827;
}
.btn .icon-cart,
button .icon-cart,
a.btn .icon-cart {
  background: transparent !important;
  color: #ed6827;
}
.btn:hover .icon-cart,
button:hover .icon-cart,
a.btn:hover .icon-cart {
  color: #ffffff;
}
/* Popup přihlášení */
.password-helper a {
  color: #000000 !important;
  font-weight: 500;
}
/* =========================================
   HORNÍ NAVIGACE / MENU
   ========================================= */
.menu-level-1 {
  color: #ffffff;
  border-color: #000000;
  background: #000000;
  font-size: var(--font-base-size);
  font-weight: 600;
}
.navigation-in > ul > li > a {
  color: #ffffff;
  border-color: #000000;
  background: #000000;
}
/* Mobilní menu */
@media (max-width: 767px) {
  #navigation,
  #navigation .navigation-in,
  #navigation .menu-level-1,
  nav#navigation,
  nav#navigation .navigation-in,
  nav#navigation .menu-level-1 {
    height: 100vh;
    background: #000000 !important;
    color: #ffffff !important;
  }
  #navigation a,
  nav#navigation a {
    font-size: 1.3rem;
    padding: 1rem 1.2rem;
  }
  #navigation .navigation-in > ul > li {
    border-color: #333 !important;
  }
  #navigation .navigation-in > ul > li > a {
    background: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
  }
  #navigation .navigation-in > ul > li.exp > a,
  #navigation .navigation-in > ul > li > a:focus,
  #navigation .navigation-in > ul > li > a:active {
    background: #000000 !important;
    color: #ed6827 !important;
  }
  #navigation .submenu-arrow:after {
    color: #ffffff !important;
  }
  #navigation .navigation-in ul.menu-level-2 {
    background: #141414 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  #navigation .navigation-in ul.menu-level-2 li,
  #navigation .navigation-in ul.menu-level-2 li a,
  #navigation .navigation-in ul.menu-level-2 li a span {
    background: #141414 !important;
    color: #ffffff !important;
    opacity: 1 !important;
    filter: none !important;
  }
  #navigation .navigation-in ul.menu-level-2 li + li {
    border-top: 1px solid #2a2a2a !important;
  }
  #navigation .navigation-in ul.menu-level-2 li a:hover {
    background: #1f1f1f !important;
    color: #ed6827 !important;
  }
  #navigation .navigation-in a.menu-image,
  #navigation .navigation-in .has-third-level ul {
    display: none !important;
  }
  #navigation .popup-widget,
  #navigation .popup-widget-inner,
  #navigation .user-action,
  #navigation .user-action-login,
  #navigation .login-wrapper,
  #navigation .box {
    background: #000000 !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  #navigation .popup-widget-inner .form-control {
    background: #0f0f0f !important;
    color: #ffffff !important;
    border: 1px solid #2a2a2a !important;
  }
  #navigation .popup-widget-inner .password-helper a {
    color: #ed6827 !important;
  }
  #navigation .btn,
  #navigation .btn.btn-default,
  #navigation .btn.btn-secondary {
    background: #ed6827 !important;
    border-color: #ed6827 !important;
    color: #000000 !important;
  }
  #navigation .navigation-close,
  #navigation .navigation-close:before {
    color: #ffffff !important;
    background: transparent !important;
  }
}
/* =========================================
   BANNERY / CAROUSEL
   ========================================= */
.homepage-banners-full-width .banner-wrapper a,
.banner-category a {
  background: #000000;
  font-size: var(--font-base-size);
  font-weight: 600;
}
.carousel .extended-banner-texts,
.next-to-carousel-banners .extended-banner-texts {
  background: transparent;
  align-content: flex-start;
}
.extended-banner-title,
.extended-banner-text,
.next-to-carousel-banners .extended-banner-link,
.homepage-banners-full-width .banner-wrapper .extended-banner-link,
.banner-category .extended-banner-link {
  color: #ffffff;
}
.btn.unveil-button {
  color: #ffffff;
  background: #000000;
}
.next-to-carousel-banners .extended-banner-texts .extended-banner-title,
.carousel .extended-banner-texts .extended-banner-title {
  font-size: 18px;
  font-weight: 600;
}
.next-to-carousel-banners .extended-banner-texts .extended-banner-text,
.carousel .extended-banner-texts .extended-banner-text {
  font-size: 14px;
  font-weight: 500;
}
.homepage-latest-contribution-full-width,
.homepage-banners-full-width,
.store-rating-full-width,
.banner-category {
  background: #ffffff;
}
.banner-wrapper {
  position: relative;
  overflow: hidden;
}
.banner-wrapper img {
  transition: filter var(--transition-medium), transform var(--transition-medium);
}
.banner-wrapper:hover img {
  filter: brightness(var(--banner-hover-brightness));
  transform: scale(1.05);
}
.banner-wrapper:hover {
  color: bisque;
  background: #ffffff;
}
[data-testid="carousel"] .extended-banner-texts {
  position: absolute !important;
  top: 50%;
  left: 5%;
  transform: translateY(-50%);
  text-align: left;
  width: 90%;
  z-index: 2;
  color: #ffffff !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.6);
}
[data-testid="carousel"] .extended-banner-title {
  font-size: var(--font-banner-title) !important;
  font-weight: 500 !important;
  line-height: 1.2;
  text-transform: uppercase;
}
[data-testid="carousel"] .extended-banner-text {
  font-size: var(--font-banner-text) !important;
  font-weight: 400;
  margin-top: 10px;
  display: block;
}
[data-testid="carousel"] .extended-banner-link {
  display: inline-block;
  margin-top: 20px;
  font-size: var(--font-banner-btn) !important;
  font-weight: 600;
  background: #ff6600;
  color: #ffffff !important;
  padding: 10px 20px;
  border-radius: 5px;
  text-decoration: none !important;
  transition: background var(--transition-fast);
}
[data-testid="carousel"] .extended-banner-link:hover {
  background: #e85500;
}
@media (max-width: 1024px) {
  [data-testid="carousel"] .extended-banner-texts {
    left: 5%;
    top: 50%;
    transform: translateY(-50%);
    width: 90%;
    text-align: left;
  }
  [data-testid="carousel"] .extended-banner-title { font-size: 1.8em !important; }
  [data-testid="carousel"] .extended-banner-text  { font-size: 1.2em !important; }
  [data-testid="carousel"] .extended-banner-link  { font-size: 1em !important; padding: 8px 16px; }
}
.next-to-carousel-banners .banner-wrapper { position: relative; overflow: hidden; }
.next-to-carousel-banners .extended-banner-texts {
  position: absolute;
  bottom: 10%;
  left: 5%;
  width: 90%;
  color: #ffffff;
  text-align: left;
  background: rgba(0,0,0,0.35);
  padding: 10px 12px;
  border-radius: 8px;
  box-sizing: border-box;
  transition: all var(--transition-fast);
}
.next-to-carousel-banners .extended-banner-title {
  display: block;
  font-size: 1.4em;
  font-weight: 700;
  margin-bottom: 5px;
}
.next-to-carousel-banners .extended-banner-link { display: block; font-size: 1em; }
.next-to-carousel-banners .banner-wrapper:hover .extended-banner-texts { background: rgba(0,0,0,0.55); }
@media (max-width: 768px) {
  .next-to-carousel-banners .extended-banner-texts {
    bottom: 8%; left: 5%; right: 5%;
    text-align: center; padding: 8px;
  }
  .next-to-carousel-banners .extended-banner-title { font-size: 1.1em; }
  .next-to-carousel-banners .extended-banner-link  { font-size: 0.9em; }
}
.carousel .extended-banner-text span[style*="#ff6600"] {
  color: transparent !important;
  position: relative;
  display: inline-block;
}
.carousel .extended-banner-text span[style*="#ff6600"]::before {
  content: "■";
  color: #ff6600;
  font-size: 32px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
}
/* =========================================
   FOOTER BANNERS
   ========================================= */
.footer-banners { background: #000000; }

/* =========================================
   PRODUKTY / CENY / GRID
   ========================================= */
.btn.btn-default,
a.btn.btn-default {
  color: #000000;
  border-color: #ffff00;
  background: #ffd700;
}
.p-standard-price {
  display: flex;
  visibility: visible;
  color: #ffffff;
  border-color: #ff0000;
  background: #ff0000;
}
.p-gifts-heading { color: #ff0000; font-weight: 700; }
.product-grid { display: flex; flex-wrap: wrap; justify-content: space-between; }
.product-item {
  position: relative;
  flex: 0 1 calc(33.333% - 1em);
  box-sizing: border-box;
  margin-bottom: 1em;
  overflow: hidden;
}
.product-item img { max-width: 100%; height: auto; transition: transform var(--transition-fast); }
.product-item:hover img { transform: scale(1.1); }
.product-text {
  position: absolute;
  bottom: 0; left: 0;
  width: 100%;
  background: rgba(0,0,0,0.6);
  color: #ffffff;
  padding: 0.5em;
  box-sizing: border-box;
  text-align: left;
}
.product-text p { margin: 0; }
@media (max-width: 768px) { .product-item { flex: 0 1 calc(50% - 1em); } }
@media (max-width: 480px) { .product-item { flex: 0 1 100%; } }
/* =========================================
   FLAGY / BENEFITY / FOOTER IKONY
   ========================================= */
.footer-icons { background: #ffffff; }
.benefitBanner__data { color: #000000; }
.flag.flag-discount    { background: #ed6827; }
.flag.flag-freeshipping{ background: #000000; }
/* =========================================
   TABULKA "KIFFE"
   ========================================= */
.kiffe-table { width: 100%; border-collapse: collapse; }
.kiffe-table th,
.kiffe-table td { border: 1px solid #ddd; padding: 8px; text-align: center; }
.kiffe-table th  { background: #f2f2f2; }
@media screen and (max-width: 600px) {
  .kiffe-table th,
  .kiffe-table td { display: block; width: 100%; }
}
/* =========================================
   TABS (.tc-tabs)
   ========================================= */
@media (max-width: 768px) {
  .tc-tabs .tc-columns { grid-template-columns: 1fr; }
  .tc-tabs .tc-tab-btn { width: 100%; text-align: center; }
}
.tc-tabs .tc-tab-btn {
  background: #e9e9e9;
  color: #111;
  border: none;
  cursor: pointer;
  transition: background var(--transition-fast), color var(--transition-fast);
}
.tc-tabs .tc-tab-btn:not(.is-active):hover { background: #dcdcdc !important; }
.tc-tabs .tc-tab-btn.is-active { background: #ff6600; color: #ffffff; }
.tc-tabs .tc-tab-pane { display: none; }
.tc-tabs .tc-tab-pane.is-active { display: block; }
/* =========================================
   NAŠEPTÁVAČ / SEARCH WHISPERER
   ========================================= */
.searchWhisperer__product__name,
.searchWhisperer__product__name a,
.searchWhisperer__product__price,
.searchWhisperer__product__availability {
  color: #000000 !important;
}
.searchWhisperer__product__cart .quantity input,
.searchWhisperer__product__cart input[type="number"] {
  color: #000000 !important;
  border-color: #000000 !important;
}
.searchWhisperer__product__cart button.increase,
.searchWhisperer__product__cart button.decrease {
  color: #000000 !important;
}
.searchWhisperer__additionalResults,
.searchWhisperer__additionalResults * {
  color: #000000 !important;
}
.cart-widget .cart-widget-product-name a[data-testid="cartWidgetProductName"] {
  color: #000 !important;
}

/* ===== [2] SOURCE: /user/documents/upload/fc-redesign-v82.css ===== */
/* FUTURE CYCLING — Homepage only (Carousel + Features + Categories + Brands + About + Map)
   Scoped to body.in-index to avoid affecting navigation/menu/sitewide components. */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

:root{
  --fc-orange:#e8420a;
  --fc-orange-hover:#ff5a1f;
  --fc-dark:#0a0a0a;
  --fc-charcoal:#1a1a1a;
  --fc-gray-900:#171717;
  --fc-gray-800:#262626;
  --fc-gray-700:#404040;
  --fc-gray-600:#525252;
  --fc-gray-500:#737373;
  --fc-gray-400:#a3a3a3;
  --fc-gray-300:#d4d4d4;
  --fc-gray-200:#e5e5e5;
  --fc-gray-100:#f5f5f5;
  --fc-white:#fafafa;
  --fc-font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --fc-transition:cubic-bezier(0.4,0,0.2,1);
  --fc-container:1400px;
}

body.in-index{
  font-family:var(--fc-font)!important;
  background:var(--fc-white)!important;
  color:var(--fc-dark)!important;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

/* Make homepage full-width (Shoptet wrapper reset) */
body.in-index .content-wrapper,
body.in-index .content-wrapper-in{
  max-width:100%!important;
  width:100%!important;
  padding:0!important;
  margin:0!important;
}
body.in-index #content.content{padding:0!important;margin:0!important;}

/* ═══ CAROUSEL (Shoptet #carousel) ═══ */
body.in-index .banners-row{
  width:100vw!important;
  max-width:100vw!important;
  margin:0!important;
  padding:0!important;
  position:relative!important;
  overflow:hidden!important;
}
body.in-index .banners-row>.col-md-3{display:none!important;}
body.in-index .banners-row>.col-md-9,
body.in-index .banners-row>[class*="col-"]{
  width:100%!important;
  max-width:100%!important;
  flex:0 0 100%!important;
  padding:0!important;
}

body.in-index #carousel{width:100%!important;margin:0!important;border-radius:0!important;overflow:hidden!important;}
body.in-index .carousel-inner{max-height:75vh!important;min-height:400px!important;overflow:hidden!important;}
body.in-index .carousel-inner>.item{width:100%!important;overflow:hidden!important;}
body.in-index .carousel-inner>.item.active{transform:none!important;display:block!important;}
body.in-index .carousel-inner>.item img{
  width:100%!important;
  height:75vh!important;
  min-height:400px!important;
  object-fit:cover!important;
  object-position:center 30%!important;
  display:block!important;
}
body.in-index .carousel-inner>.item::after{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.05) 40%,rgba(0,0,0,.4) 100%)!important;
  pointer-events:none!important;
  z-index:1!important;
}
body.in-index .carousel-inner .carousel-caption{
  z-index:2!important;
  bottom:15%!important;
  left:0!important;
  right:0!important;
  text-align:center!important;
  padding:0 clamp(24px,5vw,80px)!important;
}
body.in-index .carousel-inner .carousel-caption h2,
body.in-index .carousel-inner .carousel-caption .heading{
  font-family:var(--fc-font)!important;
  font-size:clamp(28px,4vw,56px)!important;
  font-weight:800!important;
  color:#fff!important;
  text-transform:uppercase!important;
  letter-spacing:-0.02em!important;
  line-height:1.05!important;
  text-shadow:0 2px 40px rgba(0,0,0,.3)!important;
}

/* Controls/dots only within carousel */
body.in-index #carousel .carousel-control{
  background:none!important;
  border:none!important;
  width:56px!important;
  height:56px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  opacity:.5!important;
  transition:opacity .3s!important;
  z-index:10!important;
}
body.in-index #carousel .carousel-control:hover{opacity:1!important;}
body.in-index #carousel .carousel-indicators{bottom:24px!important;z-index:10!important;}
body.in-index #carousel .carousel-indicators li{
  width:32px!important;
  height:3px!important;
  border-radius:2px!important;
  background:rgba(255,255,255,.4)!important;
  border:none!important;
  margin:0 4px!important;
  transition:all .3s!important;
}
body.in-index #carousel .carousel-indicators li.active{background:var(--fc-orange)!important;width:48px!important;}

/* ═══ FEATURES STRIP ═══ */
body.in-index .fc-features{
  background:var(--fc-charcoal)!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:clamp(16px,3vw,48px)!important;
  padding:20px clamp(16px,3vw,48px)!important;
  flex-wrap:wrap!important;
  border-top:1px solid var(--fc-gray-800)!important;
  border-bottom:1px solid var(--fc-gray-800)!important;
}
body.in-index .fc-features .fc-feature{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:var(--fc-gray-300)!important;
  font-family:var(--fc-font)!important;
  font-size:11px!important;
  font-weight:500!important;
  letter-spacing:1px!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
body.in-index .fc-features .fc-feature svg{
  width:18px!important;
  height:18px!important;
  color:var(--fc-orange)!important;
  flex-shrink:0!important;
}

/* ═══ SECTION HEADER ═══ */
body.in-index .fc-section-title{
  font-family:var(--fc-font)!important;
  font-size:clamp(28px,3vw,42px)!important;
  font-weight:800!important;
  color:var(--fc-dark)!important;
  letter-spacing:-0.02em!important;
  margin:0 0 12px!important;
}
body.in-index .fc-section-line{
  width:40px!important;
  height:3px!important;
  background:var(--fc-orange)!important;
  margin:0 auto!important;
}

/* ═══ CATEGORIES ═══ */
body.in-index .fc-categories{
  background:var(--fc-white)!important;
  padding:clamp(60px,6vw,100px) clamp(16px,3vw,48px)!important;
}
body.in-index .fc-categories .fc-section-header{
  text-align:center!important;
  margin-bottom:clamp(40px,4vw,64px)!important;
}
body.in-index .fc-cat-grid{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:2px!important;
  max-width:var(--fc-container)!important;
  margin:0 auto!important;
}
body.in-index .fc-cat-card{
  position:relative!important;
  overflow:hidden!important;
  aspect-ratio:16/10!important;
  background:var(--fc-gray-900)!important;
  display:flex!important;
  align-items:flex-end!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
body.in-index .fc-cat-card .fc-cat-bg{
  position:absolute!important;
  inset:0!important;
  background-size:cover!important;
  background-position:center!important;
  transition:transform .6s var(--fc-transition),filter .6s var(--fc-transition)!important;
}
body.in-index .fc-cat-card:hover .fc-cat-bg{transform:scale(1.06)!important;filter:brightness(1.1)!important;}
body.in-index .fc-cat-card .fc-cat-overlay{
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.1) 60%,rgba(0,0,0,0) 100%)!important;
  z-index:1!important;
  transition:background .3s!important;
}
body.in-index .fc-cat-card:hover .fc-cat-overlay{
  background:linear-gradient(to top,rgba(232,66,10,.7) 0%,rgba(0,0,0,.1) 50%,rgba(0,0,0,0) 100%)!important;
}
body.in-index .fc-cat-card .fc-cat-text{
  position:relative!important;
  z-index:2!important;
  padding:clamp(16px,2vw,32px)!important;
  width:100%!important;
}
body.in-index .fc-cat-card .fc-cat-name{
  font-family:var(--fc-font)!important;
  font-size:clamp(16px,1.5vw,22px)!important;
  font-weight:700!important;
  color:#fff!important;
  margin:0 0 4px!important;
}
body.in-index .fc-cat-card .fc-cat-sub{
  font-family:var(--fc-font)!important;
  font-size:clamp(10px,.8vw,12px)!important;
  font-weight:400!important;
  color:rgba(255,255,255,.6)!important;
  letter-spacing:1px!important;
  text-transform:uppercase!important;
}
body.in-index .fc-cat-card .fc-cat-arrow{
  position:absolute!important;
  top:clamp(12px,1.5vw,24px)!important;
  right:clamp(12px,1.5vw,24px)!important;
  width:36px!important;
  height:36px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,255,255,.1)!important;
  color:#fff!important;
  z-index:2!important;
  opacity:0!important;
  transform:translateX(-8px)!important;
  transition:all .3s var(--fc-transition)!important;
}
body.in-index .fc-cat-card:hover .fc-cat-arrow{
  opacity:1!important;
  transform:translateX(0)!important;
  background:var(--fc-orange)!important;
}

/* ═══ BRANDS ═══ */
body.in-index .fc-brands-section{
  background:var(--fc-gray-100)!important;
  padding:clamp(48px,5vw,80px) clamp(16px,3vw,48px)!important;
  text-align:center!important;
}
body.in-index .fc-brands-section .fc-section-line{margin:0 auto 48px!important;}
body.in-index .fc-brands-row{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:clamp(24px,3vw,48px)!important;
  max-width:var(--fc-container)!important;
  margin:0 auto!important;
}
body.in-index .fc-brands-row .fc-brand{
  font-family:var(--fc-font)!important;
  font-size:clamp(14px,1.2vw,18px)!important;
  font-weight:600!important;
  color:var(--fc-gray-500)!important;
  letter-spacing:2px!important;
  text-transform:uppercase!important;
  transition:color .3s!important;
  cursor:default!important;
}
body.in-index .fc-brands-row .fc-brand:hover{color:var(--fc-dark)!important;}

/* ═══ ABOUT ═══ */
body.in-index .fc-about-section{
  padding:clamp(60px,6vw,100px) clamp(16px,3vw,48px)!important;
  background:var(--fc-white)!important;
}
body.in-index .fc-about-inner{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:clamp(40px,5vw,80px)!important;
  max-width:var(--fc-container)!important;
  margin:0 auto!important;
  align-items:center!important;
}
body.in-index .fc-about-text .fc-about-title{
  font-family:var(--fc-font)!important;
  font-size:clamp(28px,3vw,42px)!important;
  font-weight:800!important;
  color:var(--fc-dark)!important;
  letter-spacing:-0.02em!important;
  margin-bottom:8px!important;
}
body.in-index .fc-about-text .fc-about-title span{color:var(--fc-orange)!important;}
body.in-index .fc-about-text p{
  font-family:var(--fc-font)!important;
  font-size:clamp(14px,1.1vw,17px)!important;
  font-weight:300!important;
  color:var(--fc-gray-600)!important;
  line-height:1.75!important;
  margin-bottom:16px!important;
}
body.in-index .fc-about-text .fc-about-cta{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  font-family:var(--fc-font)!important;
  font-size:13px!important;
  font-weight:600!important;
  letter-spacing:1px!important;
  text-transform:uppercase!important;
  color:var(--fc-orange)!important;
  text-decoration:none!important;
  margin-top:16px!important;
  transition:gap .3s!important;
}
body.in-index .fc-about-text .fc-about-cta:hover{gap:16px!important;}
body.in-index .fc-about-image{position:relative!important;overflow:hidden!important;}
body.in-index .fc-about-image img{width:100%!important;height:auto!important;display:block!important;object-fit:cover!important;}

/* ═══ MAP ═══ */
body.in-index .fc-map-section{background:var(--fc-gray-100)!important;position:relative!important;overflow:hidden!important;}
body.in-index .fc-map-inner{display:grid!important;grid-template-columns:1fr 400px!important;min-height:450px!important;}
body.in-index .fc-map-embed iframe{
  width:100%!important;
  height:100%!important;
  min-height:450px!important;
  border:none!important;
  filter:grayscale(1) contrast(1.1)!important;
  transition:filter .5s!important;
}
body.in-index .fc-map-embed:hover iframe{filter:grayscale(0)!important;}
body.in-index .fc-map-contact{
  background:var(--fc-dark)!important;
  padding:clamp(32px,3vw,48px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
body.in-index .fc-map-contact .fc-map-title{
  font-family:var(--fc-font)!important;
  font-size:11px!important;
  font-weight:600!important;
  letter-spacing:3px!important;
  text-transform:uppercase!important;
  color:var(--fc-orange)!important;
  margin-bottom:16px!important;
}
body.in-index .fc-map-contact .fc-map-name{
  font-family:var(--fc-font)!important;
  font-size:24px!important;
  font-weight:700!important;
  color:#fff!important;
  margin-bottom:24px!important;
}
body.in-index .fc-map-contact .fc-contact-line{
  font-family:var(--fc-font)!important;
  font-size:14px!important;
  font-weight:300!important;
  color:var(--fc-gray-400)!important;
  line-height:2!important;
}
body.in-index .fc-map-contact .fc-contact-line strong{color:#fff!important;font-weight:500!important;}
body.in-index .fc-map-contact a{color:var(--fc-orange)!important;text-decoration:none!important;}

/* ═══ HIDE DEFAULT HOMEPAGE BLOCKS (only on homepage) ═══ */
body.in-index .top10,
body.in-index .container--bannersBenefit,
body.in-index #content > .products,
body.in-index .banners-benefit{display:none!important;}

/* ═══ RESPONSIVE (homepage sections only) ═══ */
@media (max-width:991px){
  body.in-index .fc-about-inner{grid-template-columns:1fr!important;}
  body.in-index .fc-map-inner{grid-template-columns:1fr!important;}
  body.in-index .fc-map-contact{order:-1!important;}
  body.in-index .fc-cat-grid{grid-template-columns:repeat(2,1fr)!important;}
  body.in-index .carousel-inner,
  body.in-index .carousel-inner>.item img{height:50vh!important;min-height:280px!important;}
}
@media (max-width:575px){
  body.in-index .fc-cat-grid{grid-template-columns:1fr!important;}
  body.in-index .carousel-inner,
  body.in-index .carousel-inner>.item img{height:40vh!important;min-height:240px!important;}
  body.in-index .fc-features{gap:12px!important;}
  body.in-index .fc-features .fc-feature{font-size:10px!important;}
}

/* ═══ ANIMATIONS ═══ */
body.in-index .fc-animate{
  opacity:0;
  transform:translateY(30px);
  transition:opacity .6s var(--fc-transition),transform .6s var(--fc-transition);
}
body.in-index .fc-animate.fc-visible{opacity:1;transform:translateY(0);}

/* Selection & Scrollbar (safe / optional) */
::selection{background:var(--fc-orange);color:#fff;}

/* ===== [3] SOURCE: /user/documents/upload/carousel.css ===== */
#fc-hero .fc-hero-slide { position: absolute; width: 100%; top: 0px; left: 100%; transition: left 0.8s ease-in-out; background-size: cover; background-position: center center; height: 100% !important; }
#fc-hero .fc-hero-slide.active { left: 0px; }
#fc-hero .fc-hero-caption { position: absolute; bottom: 20%; left: 8%; max-width: 50%; z-index: 10; }
#fc-hero .fc-hero-caption h1 { font-size: 3rem; margin: 0px 0px 0.5rem; text-shadow: rgba(0, 0, 0, 0.6) 0px 4px 8px; }
#fc-hero .fc-hero-caption p { font-size: 1.2rem; margin: 0px 0px 1rem; text-shadow: rgba(0, 0, 0, 0.5) 0px 3px 6px; }
#fc-hero .fc-hero-caption .fc-cta-btn { background-color: rgb(229, 9, 20); color: rgb(255, 255, 255); padding: 0.75rem 1.5rem; border-radius: 4px; text-decoration: none; font-weight: 600; box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 6px; transition: background-color 0.3s; }
#fc-hero .fc-hero-caption .fc-cta-btn:hover { background-color: rgb(195, 6, 16); }
#fc-hero .fc-slider-nav { position: absolute; bottom: 10%; left: 50%; transform: translateX(-50%); display: flex; gap: 0.5rem; z-index: 10; }
#fc-hero .fc-slider-nav button { width: 12px; height: 12px; border-radius: 50%; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background-color: rgba(255, 255, 255, 0.4); cursor: pointer; }
#fc-hero .fc-slider-nav button.active { background-color: rgb(229, 9, 20); }

/* ===== [4] SOURCE: /user/documents/upload/fc_custom_2.css ===== */
/* ANTI-FOUC: zakaze transitions dokud neni stranka nactena */
html:not(.tc-loaded) *,
html:not(.tc-loaded) *::before,
html:not(.tc-loaded) *::after {
  transition: none !important;
  animation-duration: 0.001s !important;
}
/* HEADER: cerne pozadi ihned */
header,
.header-top,
.header-background-light .header-top {
  background-color: #000 !important;
  color: #fff !important;
}
.header-top .toggle-window,
.header-top .top-nav-button,
.header-top .cart-count,
.header-top .top-nav-button-login {
  background-color: #000 !important;
  color: #ED6827 !important;
}
.header-top a { color: #fff !important; }
/* JAZYK + MENA: cerne pozadi ihned */
.navigation-tools .languagesMenu__content,
.navigation-tools .languagesMenu__box,
.navigation-tools .js-languagesMenu__box,
.navigation-tools .languagesMenu__header,
.navigation-tools .languagesMenu__header--actual,
.navigation-tools .languagesMenu__header--name,
.navigation-tools .languagesMenu__list--language,
.navigation-tools .languagesMenu__list--currency {
  background-color: #000 !important;
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
}
.navigation-tools .languagesMenu__content {
  border-radius: 12px !important;
}
.navigation-tools .languagesMenu__header svg,
.navigation-tools .languagesMenu__header--actual svg,
.navigation-tools .languagesMenu__header--name svg,
.navigation-tools .languagesMenu__header .caret,
.navigation-tools .languagesMenu__header--actual .caret {
  fill: #fff !important; color: #fff !important;
}
.navigation-tools .languagesMenu__list a,
.navigation-tools .languagesMenu__list button,
.navigation-tools .languagesMenu__list li,
.navigation-tools .languagesMenu__list__item,
.navigation-tools .languagesMenu__content * {
  color: #fff !important;
  background-color: transparent !important;
}
.navigation-tools .languagesMenu__list a:hover,
.navigation-tools .languagesMenu__list a:focus,
.navigation-tools .languagesMenu__list button:hover,
.navigation-tools .languagesMenu__list button:focus,
.navigation-tools .languagesMenu__list__link:hover {
  background-color: rgba(255,255,255,.1) !important;
  color: #fff !important;
}
/* MOBILNI MENU */
@media (max-width: 767px) {
  nav#navigation,
  nav#navigation .navigation-in,
  nav#navigation .menu-level-1 {
    height: 100vh;
    background-color: #000 !important;
  }
  nav#navigation a { font-size: 1.3rem; padding: 1rem 1.2rem; }
}
/* OSTATNI */
.cart-widget .cart-widget-product-name a[data-testid="cartWidgetProductName"] { color: #000 !important; }
.category-perex.empty-content.empty-content-category { display: none !important; }
.category-content-wrapper, .category-top, .category__secondDescription {
  margin-top: 16px !important; margin-bottom: 16px !important;
}
@media (max-width: 480px) {
  .service-card__status {
    flex-direction: column; align-items: flex-start;
    gap: 6px; line-height: 1.4; text-align: left !important; padding: 12px 14px;
  }
  .service-card__status a { display: inline-block; margin-left: 0; }
  .service-card__status, .service-card__status * { white-space: normal !important; word-break: break-word !important; }
}
.footer-bottom-full-width { display: none !important; }
/* HOVER FIX: zakaze Shoptet sedy hover na menu jazyk/mena */
.navigation-tools .languagesMenu__flags,
.navigation-tools .languagesMenu__flags:hover,
.navigation-tools .languagesMenu__flags:focus,
.navigation-tools .languagesMenu__box:hover,
.navigation-tools .languagesMenu__box:focus,
.navigation-tools .languagesMenu__header:hover,
.navigation-tools .languagesMenu__header--actual:hover,
.navigation-tools .languagesMenu__header--name:hover,
.navigation-tools button:hover,
.navigation-tools button:focus {
  background-color: #000 !important;
  color: #fff !important;
}
@media (max-width: 767px) {
  .p-thumbnails-wrapper .thumbnail-prev,
  .p-thumbnails-wrapper .thumbnail-next {
    display: none;
  }
}
@media (max-width: 767px) {
  .products .product, 
  .products .p {
    touch-action: pan-y; /* povolí scroll, ale neblokuje swipe */
  }
}


/* kia-theme-shoptet.css */
/* Import písma Montserrat z Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');

/* Reset a základní stylování */
body {
    font-family: 'Montserrat', sans-serif;
    background-color: #f9f9f9;
    color: #1a1a1a;
    margin: 0;
    padding: 0;
    line-height: 1.5;
}

/* Horní lišta (např. jazyk, cookies) – světlé pozadí, drobný text */
.header-top {
    background-color: #f4f4f4;
    color: #666;
    font-size: 12px;
    padding: 5px 20px;
    display: flex;
    justify-content: space-between;
}
.header-top a {
    color: #0072bc;
    text-decoration: none;
}

/* Hlavní hlavička – tmavě modré pozadí, bílý text */
.site-header {
    background-color: #0d1e40;
    color: #fff;
}

/* Navigační menu – horizontálně uprostřed */
.nav-main {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
.nav-main li {
    margin: 0 15px;
}
.nav-main li a {
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    padding: 20px 0;
    display: block;
    transition: color 0.3s;
}
.nav-main li a:hover {
    color: #e50914; /* červený akcent */
}

/* Hero sekce */
.hero-section {
    position: relative;
    width: 100%;
    height: 550px;
    overflow: hidden;
    background-color: #000;
}
.hero-slide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 100%;
    transition: all 0.8s ease-in-out;
    background-size: cover;
    background-position: center;
}
.hero-slide.active {
    left: 0;
}
.hero-caption {
    position: absolute;
    bottom: 15%;
    left: 10%;
    color: #fff;
}
.hero-caption h1 {
    font-size: 48px;
    font-weight: 700;
    margin: 0 0 10px;
}
.hero-caption p {
    font-size: 20px;
    margin: 0 0 20px;
}
.hero-caption .cta-btn {
    background-color: #e50914;
    color: #fff;
    padding: 12px 25px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    transition: background-color 0.3s;
}
.hero-caption .cta-btn:hover {
    background-color: #c30610;
}

/* Příklad přizpůsobení dalších částí e‑shopu (můžete doplnit podle potřeby) */
.product-list .product-name {
    font-weight: 500;
    color: #0d1e40;
}
.footer {
    background-color: #0d1e40;
    color: #fff;
    padding: 40px 20px;
}
.footer a {
    color: #ccc;
    text-decoration: none;
}
.footer a:hover {
    color: #e50914;
}
/* POSUN TEXTU A TLAČÍTKA VÝŠ (Hero caption) */
#fc-hero .fc-hero-caption{
  bottom: 38% !important;   /* bylo 20% – zvedni si podle potřeby */
  left: 8% !important;
  max-width: 56% !important;
}

/* Mobile – ještě víc nahoru, aby to nekolidovalo */
@media (max-width: 768px){
  #fc-hero .fc-hero-caption{
    bottom: 45% !important;
    left: 6% !important;
    max-width: 88% !important;
  }
  #fc-hero .fc-hero-caption h1{
    font-size: 2.1rem !important;
  }
  #fc-hero .fc-hero-caption p{
    font-size: 1.05rem !important;
  }
}

/* ============ MOBILE HEADER FIX (Shoptet) ============ */
@media (max-width: 480px) {

  /* 1) Horní informační lišta (doprava zdarma) – ať má čitelnou výšku */
  .top-navigation-bar,
  .header-top,
  .top-banners,
  .benefitBar,
  .navigation-top { 
    line-height: 1.2 !important;
    padding: 10px 12px !important;
  }

  /* 2) Zvětšení prostoru pro samotnou hlavičku */
  #header,
  .header { 
    min-height: 72px !important;
  }

  /* Wrapper hlavičky (většinou flex) */
  .navigation-wrapper,
  .header__wrap,
  .header-top-wrapper {
    height: 72px !important;
    min-height: 72px !important;
    display: flex !important;
    align-items: center !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  /* 3) Logo – ať se vejde a nevystrčí ikony */
  .logo img,
  .site-logo img {
    max-height: 28px !important;
    height: auto !important;
    width: auto !important;
  }

  /* 4) Ikony (search/cart/hamburger) – sjednocení velikosti a zarovnání */
  .header-icons,
  .navigation-buttons,
  .p-header-icons {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;         /* rozestup mezi ikonami */
  }

  .header-icons a,
  .header-icons button,
  a.cart-count,
  .p-search-icon,
  .p-navigation-button,
  .hamburger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;       /* klikací plocha */
    height: 40px !important;
    line-height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Pokud Shoptet dává SVG / ikony jinak velké */
  .header-icons svg,
  .p-search-icon svg,
  .p-navigation-button svg,
  a.cart-count svg {
    width: 20px !important;
    height: 20px !important;
  }

  /* 5) Košík badge (počet) – ať se nepere s ikonou */
  .cart-count .cart-quantity,
  .cart-count i + span,
  .cart-count .badge {
    top: 6px !important;
    right: 6px !important;
    transform: none !important;
  }
}

/* ===== [5] SOURCE: /user/documents/upload/fc_updates_5_1_1.css ===== */
/* FC KLIENTSKE UPRAVY v1.4 - 2026 */

/* FONT NOTO SANS - override fc-redesign-v82.css variable */
:root {
  --fc-font: 'Noto Sans', sans-serif !important;
}
body {
  font-family: 'Noto Sans', sans-serif !important;
}

/* LOGO DOLEVA */
.navigation-wrapper.header-top-wrapper {
  justify-content: flex-start !important;
}
.navigation-wrapper.header-top-wrapper .site-name {
  margin-right: auto !important;
  order: 0 !important;
}
.navigation-wrapper.header-top-wrapper .navigation-tools {
  order: 1 !important;
  margin-left: auto !important;
}

/* HEADER BILE POZADI
   Must beat: html.header-background-light .header-top (specificity 0,2,1)
   Our selector has specificity 0,2,2 - WINS */
html.header-background-light body header#header,
html.header-background-light body .header-top,
html.header-background-light body .navigation-top,
html.header-background-light body .header-bottom {
  background-color: #ffffff !important;
  background: #ffffff !important;
}
html.header-background-light body .header-top,
html.header-background-light body .header-bottom {
  color: #0a0a0a !important;
}
html.header-background-light body .header-top a,
html.header-background-light body .header-bottom a {
  color: #0a0a0a !important;
}
html.header-background-light body .navigation-tools {
  background-color: #ffffff !important;
  background: #ffffff !important;
  color: #0a0a0a !important;
}
.header-top .toggle-window,
.header-top .top-nav-button,
.header-top .cart-count,
.header-top .top-nav-button-login,
.navigation-buttons .toggle-window,
.navigation-buttons .top-nav-button,
html.header-background-light body .navigation-tools .toggle-window,
html.header-background-light body .navigation-tools .top-nav-button,
html.header-background-light body .navigation-tools .cart-count {
  background-color: #ffffff !important;
  color: #000000 !important;
}

/* NAVIGACNI MENU BILE POZADI */
ul.menu-level-1 {
  background-color: #ffffff !important;
}
ul.menu-level-1 > li > a {
  color: #0a0a0a !important;
}
ul.menu-level-1 > li > a:hover {
  color: #e8420a !important;
}

/* ZNACKY CERNY PODKLAD */
body.in-index .fc-brands-section {
  background: #0a0a0a !important;
}
body.in-index .fc-brands-section .fc-section-title {
  color: #ffffff !important;
}
body.in-index .fc-brands-row .fc-brand {
  color: #a3a3a3 !important;
}
body.in-index .fc-brands-row .fc-brand:hover {
  color: #ffffff !important;
}

/* KDE NAS NAJDETE BILE */
body.in-index .fc-map-section {
  background: #ffffff !important;
}
body.in-index .fc-map-contact {
  background: #0a0a0a !important;
}

/* SKRYT VITEJTE */
body .fc-welcome,
body .welcome,
body .welcome-wrapper {
  display: none !important;
}

/* VETSI PADDING */
body.in-index .fc-categories,
body.in-index .fc-about-section,
body.in-index .fc-brands-section {
  padding-left: clamp(40px, 7vw, 120px) !important;
  padding-right: clamp(40px, 7vw, 120px) !important;
}

/* SERVIS ORANGE */
ul.menu-level-1 a[href*="servis"],
ul.menu-level-1 a[href*="rezervac"] {
  color: #e8420a !important;
  font-weight: 700 !important;
}

/* KONTAKTNI FLOAT */
.fc-contact-float {
  position: fixed !important;
  bottom: 24px !important;
  right: 24px !important;
  z-index: 9999 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}
.fc-contact-float a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 50% !important;
  background: #e8420a !important;
  color: #fff !important;
  text-decoration: none !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.25) !important;
  transition: transform .2s !important;
}
.fc-contact-float a:hover {
  transform: scale(1.1) !important;
}
.fc-contact-float svg {
  width: 22px !important;
  height: 22px !important;
}

/* MOBILNI MENU */
@media (max-width: 767px) {
  ul.menu-level-1 {
    background-color: #000000 !important;
  }
  ul.menu-level-1 > li > a {
    color: #ffffff !important;
  }
}

/* ===== [6] SOURCE: /user/documents/upload/HLBanner/fccustom.css ===== */
/* MINI FIX – jen pár px pro mobilní header */
@media (max-width: 480px){

  /* 1) header o pár px vyšší */
  #header,
  .navigation-wrapper{
    height: 80px !important;     /* původně bývá ~50 */
    min-height: 56px !important;
  }
}

@media (max-width: 767px){
  /* posune text uvnitř pruhu níž */
  .site-msg.information{
    padding-top: 6px !important;     /* dej třeba 4–10px */
    padding-bottom: 6px !important;  /* aby byl vycentrovaný */
    line-height: 1.2 !important;
  }
}
/* Footer logo – žádné bílé pozadí při hoveru */
#footer .custom-footer__banner1 .banner,
#footer .custom-footer__banner1 .banner-wrapper,
#footer .custom-footer__banner1 a,
#footer .custom-footer__banner1 a:hover{
  background: transparent !important;
}

#footer .custom-footer__banner1 .banner:hover,
#footer .custom-footer__banner1 .banner-wrapper:hover{
  background: transparent !important;
  box-shadow: none !important;
}

/* kdyby se "bělil" přímo obrázek přes filter */
#footer .custom-footer__banner1 img,
#footer .custom-footer__banner1 a:hover img{
  filter: none !important;
}
/* Newsletter button – oranžová jako téma */
.footer-newsletter .btn,
.footer-newsletter button.btn,
.footer-newsletter .btn.btn-default,
.footer-newsletter .btn.btn-default.btn-arrow-right{
  background: #e8420a !important;
  border-color: #e8420a !important;
  color: #fff !important;
}

/* hover */
.footer-newsletter .btn:hover,
.footer-newsletter button.btn:hover{
  background: #ff5a1f !important;
  border-color: #ff5a1f !important;
  color: #fff !important;
}

.footer-newsletter .btn::after,
.footer-newsletter .btn i,
.footer-newsletter .btn svg{
  color: #fff !important;
  border-color: #fff !important;
}

:root{
  --fc-orange:#e8420a;
  --fc-orange-weak: rgba(232,66,10,.30);
  --fc-border: rgba(0,0,0,.14);
  --fc-border-hover: rgba(232,66,10,.35);
  --fc-shadow: 0 10px 26px rgba(0,0,0,.06);
  --fc-shadow-hover: 0 16px 46px rgba(0,0,0,.10);
}

/* Základ karty */
.products .product,
.products-block .product,
.product-slider .product,
.products-page .product{
  position: relative;
  background:#fff;
  border: 1px solid var(--fc-border);
  border-radius: 12px;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  box-shadow: 0 0 0 rgba(0,0,0,0);
}

.products .product::after,
.products-block .product::after,
.product-slider .product::after,
.products-page .product::after{
  content:"";
  position:absolute;
  inset: 10px;              
  border-radius: 10px;
  pointer-events:none;
  z-index: 1;

  background:
    /* top-left */
    linear-gradient(var(--fc-border), var(--fc-border)) left top / 36px 1px no-repeat,
    linear-gradient(var(--fc-border), var(--fc-border)) left top / 1px 36px no-repeat,

    /* top-right */
    linear-gradient(var(--fc-border), var(--fc-border)) right top / 36px 1px no-repeat,
    linear-gradient(var(--fc-border), var(--fc-border)) right top / 1px 36px no-repeat,

    /* bottom-left */
    linear-gradient(var(--fc-border), var(--fc-border)) left bottom / 36px 1px no-repeat,
    linear-gradient(var(--fc-border), var(--fc-border)) left bottom / 1px 36px no-repeat,

    /* bottom-right */
    linear-gradient(var(--fc-border), var(--fc-border)) right bottom / 36px 1px no-repeat,
    linear-gradient(var(--fc-border), var(--fc-border)) right bottom / 1px 36px no-repeat;
  opacity: .95;
  transition: opacity .18s ease;
}

.products .product:hover,
.products-block .product:hover,
.product-slider .product:hover,
.products-page .product:hover{
  border-color: rgba(0,0,0,.18);
  box-shadow: var(--fc-shadow-hover);
  transform: translateY(-2px);
}

.products .product:hover::after,
.products-block .product:hover::after,
.product-slider .product:hover::after,
.products-page .product:hover::after{
  background:
    linear-gradient(var(--fc-border-hover), var(--fc-border-hover)) left top / 28px 1.5px no-repeat,
    linear-gradient(var(--fc-border-hover), var(--fc-border-hover)) left top / 1.5px 28px no-repeat,

    linear-gradient(var(--fc-border-hover), var(--fc-border-hover)) right top / 28px 1.5px no-repeat,
    linear-gradient(var(--fc-border-hover), var(--fc-border-hover)) right top / 1.5px 28px no-repeat,

    linear-gradient(var(--fc-border-hover), var(--fc-border-hover)) left bottom / 28px 1.5px no-repeat,
    linear-gradient(var(--fc-border-hover), var(--fc-border-hover)) left bottom / 1.5px 28px no-repeat,

    linear-gradient(var(--fc-border-hover), var(--fc-border-hover)) right bottom / 28px 1.5px no-repeat,
    linear-gradient(var(--fc-border-hover), var(--fc-border-hover)) right bottom / 1.5px 28px no-repeat;
  opacity: 1;
}

.products .product > * ,
.products-block .product > * ,
.product-slider .product > * ,
.products-page .product > *{
  position: relative;
  z-index: 2;
}

.products .product .p,
.products-block .product .p,
.product-slider .product .p,
.products-page .product .p{
  padding: 14px 14px 16px;
}

.products .product .btn,
.products-block .product .btn,
.product-slider .product .btn,
.products-page .product .btn{
  border-radius: 999px;
  border-color: rgba(232,66,10,.45);
}
.products .product .btn:hover,
.products-block .product .btn:hover,
.product-slider .product .btn:hover,
.products-page .product .btn:hover{
  background: var(--fc-orange);
  border-color: var(--fc-orange);
  color:#fff;
}

@media (max-width: 767px){
  .products .product,
  .products-block .product,
  .product-slider .product,
  .products-page .product{
    border-radius: 10px;
  }
  .products .product::after,
  .products-block .product::after,
  .product-slider .product::after,
  .products-page .product::after{
    inset: 8px;
  }
  .products .product::before,
  .products-block .product::before,
  .product-slider .product::before,
  .products-page .product::before{
    top: 48px; 
  }
}

.partners .partners__list{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:center !important;
  gap: 28px 48px !important;
}

.partners .partners__partner{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width: 140px !important;
  min-height: 70px !important;
}

.partners .partners__partner img{
  max-height: 48px !important;
  width:auto !important;
  height:auto !important;
  opacity: 1 !important;
  filter: none !important;  
}

ul.menu-level-1{background:#fff!important;}
ul.menu-level-1>li>a{color:#0a0a0a!important;}
.navigation-wrapper.header-top-wrapper{justify-content:flex-start!important;}
.navigation-wrapper.header-top-wrapper .site-name{margin-right:auto!important;}
nav a,ul.menu-level-1 a{background:#fff!important;}

/* Bílé pozadí pro ikony v navigaci */
.header-top .navigation-buttons a.toggle-window,
.header-top .navigation-buttons button.top-nav-button,
.header-top .navigation-buttons a.cart-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;                 /* upravte podle potřeby */
    height: 40px;                /* upravte podle potřeby */
    margin-left: 8px;
    background-color: #ffffff !important;     /* bílé pozadí */
    color: var(--fc-orange) !important;        /* zachová oranžovou barvu ikon */
    border: 1px solid rgba(0,0,0,0.15) !important;
    border-radius: 6px !important;
}

/* Barva ikon uvnitř tlačítek */
.header-top .navigation-buttons .icon-search,
.header-top .navigation-buttons .icon-login,
.header-top .navigation-buttons .icon-cart {
    background: transparent !important;
    color: var(--fc-orange) !important;
}

/* Bílé pozadí pro hamburger menu (nemá vlastní ikonu – styluje se přes CSS) */
.header-top .navigation-buttons a.toggle-window[data-target="navigation"] {
    background-color: #ffffff !important;
    color: var(--fc-orange) !important;
    border: 1px solid rgba(0,0,0,0.15) !important;
    border-radius: 6px !important;
}

/* Hover efekt – oranžové pozadí a bílé ikony */
@media (hover: hover) {
    .header-top .navigation-buttons a.toggle-window:hover,
    .header-top .navigation-buttons button.top-nav-button:hover,
    .header-top .navigation-buttons a.cart-count:hover {
        background-color: var(--fc-orange) !important;
        color: #ffffff !important;
    }
    .header-top .navigation-buttons a.toggle-window:hover .icon-search,
    .header-top .navigation-buttons button.top-nav-button:hover .icon-login,
    .header-top .navigation-buttons a.cart-count:hover .icon-cart {
        color: #ffffff !important;
    }
}

/* ===== [7] SOURCE: /user/documents/upload/future_v3.css ===== */
.header-top .navigation-buttons a.toggle-window[data-target="search"],
.header-top .navigation-buttons button.top-nav-button,
.header-top .navigation-buttons a.cart-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-left: 8px;
    background-color: #ffffff !important;
    color: var(--fc-orange) !important;
    border: 1px solid rgba(0,0,0,0.15) !important;
    border-radius: 6px;
}

.header-top .navigation-buttons .icon-search,
.header-top .navigation-buttons .icon-login,
.header-top .navigation-buttons .icon-cart {
    background: transparent !important;
    color: var(--fc-orange) !important;
}

.header-top .navigation-buttons a.toggle-window[data-target="navigation"] {
    display: none !important;
}

@media (max-width: 767px) {
    .header-top .navigation-buttons a.toggle-window[data-target="navigation"] {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        margin-left: 8px;
        background-color: #ffffff !important;
        color: var(--fc-orange) !important;
        border: 1px solid rgba(0,0,0,0.15) !important;
        border-radius: 6px;
    }
}

#footer,
#footer .footer-rows,
#footer .custom-footer,
#footer .custom-footer > .row,
#footer .custom-footer [class*="col-"],
#footer .contact-box,
#footer .site-name,
#footer .news-box,
#footer .footer-bottom,
#footer .full-width.footer-bottom-full-width {
  background: #06080c !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: none !important;
}
#footer,
#footer p,
#footer li,
#footer span,
#footer strong,
#footer .title,
#footer h2,
#footer h3,
#footer h4,
#footer .site-name,
#footer .contact-box strong {
  color: #ffffff !important;
}

#footer a {
  color: rgba(255,255,255,.92) !important;
  text-decoration: none !important;
  transition: all .25s ease !important;
}

#footer a:hover {
  color: #ffffff !important;
  opacity: .82 !important;
}

#footer .contact-box,
#footer .custom-footer__element,
#footer .custom-footer__contact,
#footer .footer-rows .row > div {
  background: transparent !important;
}

#footer::before,
#footer::after,
#footer .contact-box::before,
#footer .contact-box::after,
#footer .custom-footer__element::before,
#footer .custom-footer__element::after {
  background: none !important;
  box-shadow: none !important;
}

#footer .contact-box ul,
#footer .custom-footer ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#footer .contact-box ul li,
#footer .custom-footer ul li {
  margin: 0 0 12px !important;
  padding: 0 !important;
  word-break: normal !important;
}


#footer .contact-box .mail a,
#footer .contact-box .tel a,
#footer .contact-box .cellphone a {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 22px !important;
  padding-left: 34px !important;
  line-height: 1.6 !important;
  color: #ffffff !important;
}


#footer .contact-box .mail a::before,
#footer .contact-box .tel a::before,
#footer .contact-box .cellphone a::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 18px !important;
  height: 18px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 18px 18px !important;
  opacity: .92 !important;
}


#footer .contact-box .mail a::before {
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'>\
<rect x='3' y='5' width='18' height='14' rx='2' ry='2'/>\
<path d='M3 7l9 6 9-6'/>\
</svg>") !important;
}


#footer .contact-box .tel a::before {
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'>\
<path d='M22 16.92v3a2 2 0 0 1-2.18 2 19.86 19.86 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.86 19.86 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.35 1.78.68 2.61a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.47-1.25a2 2 0 0 1 2.11-.45c.83.33 1.71.56 2.61.68A2 2 0 0 1 22 16.92z'/>\
</svg>") !important;
}

/* mobil */
#footer .contact-box .cellphone a::before {
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'>\
<rect x='7' y='2.5' width='10' height='19' rx='2' ry='2'/>\
<path d='M11 18.5h2'/>\
</svg>") !important;
}


#footer .social-icon-list {
  display: inline-block !important;
  margin: 10px 10px 0 0 !important;
  padding: 0 !important;
}

#footer .social-icon-list a,
#footer a.social-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.32) !important;
  box-shadow: none !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

#footer .social-icon-list a::before,
#footer a.social-icon::before,
#footer .social-icon::before,
#footer .facebook::before,
#footer .instagram::before {
  color: #ffffff !important;
  opacity: 1 !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

#footer .social-icon-list a:hover,
#footer a.social-icon:hover {
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.55) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

#footer .social-icon-list a:hover::before,
#footer a.social-icon:hover::before {
  color: #ffffff !important;
}


#footer input[type="text"],
#footer input[type="email"],
#footer .newsletter-input {
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

#footer input::placeholder {
  color: rgba(255,255,255,.55) !important;
}

#footer .copyright,
#footer .footer-bottom,
#footer .footer-bottom a,
#footer .full-width.footer-bottom-full-width {
  color: rgba(255,255,255,.62) !important;
  background: #06080c !important;
}

#footer .contact-box h2::after,
#footer .contact-box h3::after,
#footer .custom-footer h2::after,
#footer .custom-footer h3::after {
  background: rgba(255,255,255,.9) !important;
}

@media (max-width: 768px) {
  #footer .contact-box .mail a,
  #footer .contact-box .tel a,
  #footer .contact-box .cellphone a {
    padding-left: 32px !important;
  }

  #footer .social-icon-list a,
  #footer a.social-icon {
    width: 40px !important;
    height: 40px !important;
  }
}

/* ===== [8] SOURCE: inline <style> ZAHLAVI (blok 1) ===== */
.menu-item-external-15>a{background:#008eff!important;color:#000!important;padding:10px 18px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;font-weight:700!important}
.fc-cat-grid--8{grid-template-columns:repeat(4,1fr);max-width:100%;width:100%;margin:0;padding:0}
@media(max-width:900px){.fc-cat-grid--8{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.fc-cat-grid--8{grid-template-columns:1fr}}
body.in-index .fc-features .fc-feature{font-size:14px!important}
body.in-index .fc-features .fc-feature svg{width:23px!important;height:23px!important}
:root{--fc-orange:#008eff!important;--fc-orange-hover:#0f13ff!important;--color-primary-hover:#0f13ff!important;--brand-secondary:#008eff!important;--brand-accent:#008eff!important}
html.header-background-light body header#header,html.header-background-light body .header-top,html.header-background-light body .header-bottom{background:#000!important}
html.header-background-light body .navigation-in,html.header-background-light body .menu-level-1,html.header-background-light body ul.menu-level-1{background:#000!important}
html.header-background-light body ul.menu-level-1>li>a,html.header-background-light body .header-bottom nav a{color:#fff!important;background:transparent!important}
html.header-background-light body ul.menu-level-1>li>a:hover,html.header-background-light body .header-bottom nav a:hover{color:#0f13ff!important}
html.header-background-light body .navigation-tools{background:#000!important;color:#fff!important}
html.header-background-light body .navigation-tools a,html.header-background-light body .navigation-tools .toggle-window{color:#fff!important;background:transparent!important}
html.header-background-light body .menu-level-2,html.header-background-light body ul.menu-level-2{background:#111!important}
html.header-background-light body .menu-level-2 a,html.header-background-light body ul.menu-level-2 a{color:#ccc!important}
html.header-background-light body .menu-level-2 a:hover{color:#0f13ff!important}
@media(max-width:767px){#navigation a,nav#navigation a{font-size:1rem!important;padding:.5rem 1rem!important}#navigation li{margin:4px 8px!important}}
html body .navigation-tools .user-action-search,html body .navigation-tools .user-action-search:hover,html body .navigation-tools .user-action-search:focus,html body .navigation-tools .top-nav-button-login,html body .navigation-tools .top-nav-button-login:hover,html body .navigation-tools .top-nav-button-login:focus,html body .navigation-tools .cart-count,html body .navigation-tools .cart-count:hover,html body .navigation-tools .cart-count:focus,html body header#header .user-action-search,html body header#header .user-action-search:hover,html body header#header .user-action-search:focus,html body header#header .top-nav-button-login,html body header#header .top-nav-button-login:hover,html body header#header .top-nav-button-login:focus,html body header#header .cart-count,html body header#header .cart-count:hover,html body header#header .cart-count:focus,html body .header-top .user-action-search,html body .header-top .user-action-search:hover,html body .header-top .user-action-search:focus,html body .header-top .top-nav-button-login,html body .header-top .top-nav-button-login:hover,html body .header-top .top-nav-button-login:focus,html body .header-top .cart-count,html body .header-top .cart-count:hover,html body .header-top .cart-count:focus{background:#1a1a1a!important;background-color:#1a1a1a!important;border:none!important;box-shadow:none!important}html body .header-top .icon-search,html body .header-top *:hover .icon-search,html body .header-top .icon-login,html body .header-top *:hover .icon-login,html body .header-top .icon-cart,html body .header-top *:hover .icon-cart,html body .navigation-tools .icon-search,html body .navigation-tools *:hover .icon-search,html body .navigation-tools .icon-login,html body .navigation-tools *:hover .icon-login,html body .navigation-tools .icon-cart,html body .navigation-tools *:hover .icon-cart,html body header#header .icon-search,html body header#header *:hover .icon-search,html body header#header .icon-login,html body header#header *:hover .icon-login,html body header#header .icon-cart,html body header#header *:hover .icon-cart,html body .user-action-search .icon-search,html body .user-action-search:hover .icon-search,html body .top-nav-button-login .icon-login,html body .top-nav-button-login:hover .icon-login,html body .cart-count .icon-cart,html body .cart-count:hover .icon-cart,html body a:hover .icon-search,html body a:hover .icon-login,html body a:hover .icon-cart,html body button:hover .icon-cart,html body .btn:hover .icon-cart{color:#0f13ff!important;opacity:1!important;visibility:visible!important}html body .user-action-search .search-widget-close,html body .user-action-search .search-widget-close:before,html body .user-action-search .search-input-icon,html body .user-action-search:hover .search-widget-close,html body .user-action-search:hover .search-widget-close:before{color:#008eff!important;opacity:1!important;visibility:visible!important}html body .user-action-search .search-widget-close,html body .user-action-search:hover .search-widget-close,html body .user-action-search:before,html body .user-action-search:hover:before,html body .header-top .navigation-buttons a.toggle-window[data-target="search"],html body .header-top .navigation-buttons a.toggle-window[data-target="search"]:hover{background:#1a1a1a!important}html body .header-top .navigation-buttons a.toggle-window[data-target="navigation"],html body .header-top .navigation-buttons a.toggle-window[data-target="navigation"]:hover{background:#1a1a1a!important}@media(max-width:900px){html body #header{height:50px!important;min-height:0!important}html body .header-top,html body .header-top .navigation-wrapper{height:50px!important;min-height:0!important;padding:0!important}html body .overall-wrapper{padding-top:50px!important}html body #header .header-bottom,html body #header .header-bottom .navigation-wrapper.header-bottom-wrapper{height:0!important;min-height:0!important;padding:0!important;overflow:visible!important}}html body .fc-map-section .fc-map-contact{background:#fff!important;color:#0a0a0a!important}html body .fc-map-section .fc-map-contact .fc-map-name{color:#0a0a0a!important}html body .fc-map-section .fc-map-contact .fc-contact-line{color:#0a0a0a!important}html body .fc-map-section .fc-map-contact .fc-contact-line strong{color:#008eff!important}html body .fc-map-section .fc-map-contact .fc-map-title{color:#008eff!important}html body .fc-map-section .fc-map-contact a{color:#008eff!important}

/* ===== [9] SOURCE: inline <style> PATICKA (blok 1) ===== */
html body.in-index .fc-categories .fc-section-header{margin-bottom:32px!important}
html body.in-index .fc-brands-section .fc-section-line{margin-bottom:32px!important}

/* ===== [10] SOURCE: inline <style> PATICKA (blok 2) ===== */
body.in-index .fc-injected-header{text-align:center;margin:0 auto clamp(36px,4vw,56px);padding-top:clamp(48px,6vw,80px)}
body.in-index .fc-injected-header .fc-section-title{font-family:var(--fc-font);font-size:clamp(28px,3vw,42px);font-weight:800;color:#0a0a0a;letter-spacing:-.02em;margin:0}
body.in-index .fc-injected-header .fc-section-line{width:40px;height:3px;background:#FF5100;margin:14px auto 0}
body.in-index .fc-story-header{background:#fff;margin-bottom:0}
body.in-index .fc-map-section .fc-map-contact .fc-map-title{display:none}
body.in-index .middle-banners .extended-banner-title{display:none}

/* ===== [11] SOURCE: inline <style> PATICKA (blok 3) ===== */
body.in-index .fc-brands-section{background:#fff!important}
body.in-index .fc-brands-section .fc-section-title{color:#0a0a0a!important}
body.in-index .fc-brands-section .fc-brands-row{background:#0a0a0a!important;padding:32px 24px!important;border-radius:12px!important;margin-top:8px!important}
body.in-index .fc-brands-section .fc-brand{color:#fff!important}
body.in-index .fc-brands-section .fc-brand:hover{color:#008eff!important}
body.in-index .fc-section-line{background:#008eff!important}
#footer{border-top:3px solid #008eff!important}
html body .hero-caption .cta-btn{background-color:#008eff!important}html body .hero-caption .cta-btn:hover{background-color:#0f13ff!important}html body .slider-nav button.active{background-color:#008eff!important}
body.in-index .middle-banners .extended-banner-title,html body.in-index .middle-banners .extended-banner-texts .extended-banner-title{display:none!important}


/* =========================================================================
   [DOPLNEK] Sjednoceni sekcnich nadpisu na titulní strane
   Pridano: 2026-07-07T03:31:50.588Z
   Ucel: Vsechny sekcni nadpisy (.fc-section-title v .fc-injected-header)
   maji stejne vertikalni odsazeni a centrovani jako referencni "Nase kategorie"
   (.fc-categories .fc-section-header): padding-top 45px, margin-bottom 32px.
   Resi rozhozene odsazeni u "Kde nas najdete" a "Pribeh Kristiana Hynka".
   ========================================================================= */
.fc-injected-header{
  padding-top:45px !important;
  padding-bottom:0 !important;
  margin-top:0 !important;
  margin-bottom:32px !important;
  text-align:center !important;
}


/* ============================================================
   FC CONSOLIDATED v5 - layout fix (added 2026-07-07)
   Purpose: make the black "Naše značky" brands listing span the
   full width of its section (edge-to-edge), matching the requested
   look. Overrides the previous max-width/side-padding constraints.
   ============================================================ */
body.in-index .fc-brands-section{padding-left:0 !important;padding-right:0 !important;}
body.in-index .fc-brands-section .fc-brands-row{max-width:none !important;width:100% !important;margin-left:0 !important;margin-right:0 !important;border-radius:0 !important;}


/* ============================================================
   FC CONSOLIDATED v6 - layout fix (added 2026-07-07)
   1) "Naše značky": the white brands section sat directly under the
      gray (#fafafa) categories section, creating a mismatched gray
      strip above the title. Match the brands background to the same
      light gray so the transition is seamless.
   2) "Kde nás najdete": the map section had ~45px top spacing (header
      padding) but 0 at the bottom, so it looked top-heavy. Add a
      matching 45px bottom padding for balanced top/bottom spacing.
   ============================================================ */
body.in-index .fc-brands-section{background:#fafafa !important;}
body.in-index .fc-map-section{padding-bottom:45px !important;}


/* ============================================================
   FC CONSOLIDATED v7 - unified section spacing (added 2026-07-07)
   Goal: all homepage section headings match the "Naše kategorie"
   reference exactly = symmetric 45px top + 45px bottom, headings
   centered, no mismatched gray strips.
   - Revert v6 gray background on brands (it created a stray gray
     strip); keep brands white like the other lower sections.
   - Give brands + map sections symmetric 45/45 padding.
   - Injected headers: top space comes from the section padding, so
     header padding-top=0, margin-bottom=32px (same as reference).
   - Story header has no section wrapper -> keep its own 45px top.
   ============================================================ */
body.in-index .fc-brands-section{background:#ffffff !important;}
body.in-index .fc-brands-section,
body.in-index .fc-map-section{padding-top:45px !important;padding-bottom:45px !important;}
body.in-index .fc-injected-header{padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:32px !important;}
body.in-index .fc-story-header{padding-top:45px !important;padding-bottom:0 !important;margin-bottom:32px !important;}


/* ===== [12] FIX 07/2026: sjednoceni vertikalnich mezer na titulni strane ===== */
body.in-index .fc-categories{background:#fff !important}
body.in-index .fc-brands-section{padding-top:0 !important;padding-bottom:45px !important}
body.in-index .fc-map-section{padding-top:0 !important;padding-bottom:45px !important;margin-top:0 !important}
body.in-index .fc-story-header{padding-top:0 !important}
body.in-index .middle-banners{margin-top:0 !important}
