/* formoline112.cz -- Apple-style design system v2.4 */
:root{
--fl-teal:#3a94b0;--fl-teal-dark:#2a7a94;--fl-teal-light:#e8f4f8;--fl-blue:#2e5f9f;--fl-dark:#1d1d1f;--fl-gray:#6e6e73;--fl-light-gray:#f5f5f7;--fl-border:#d2d2d7;--fl-radius-pill:999px;--fl-radius-lg:18px;--fl-radius-md:12px;--fl-radius-sm:8px;--fl-shadow-md:0 4px 20px rgba(0,0,0,.12);--fl-font:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  /* === merged from header inline 25.5.2026 === */
  --cb:#3a94b0;--bt:#2e5f9f;--bth:#244f88;--w:#fff
}
body{font-family:var(--fl-font);-webkit-font-smoothing:antialiased;color:var(--fl-dark);}
.btn,a.btn,button.btn,.btn-primary,.btn-secondary,.btn-default,.btn-add-to-cart,[class*="btn-"],.button{border-radius:var(--fl-radius-pill) !important;font-family:var(--fl-font) !important;font-weight:500 !important;transition:transform 0.18s ease,box-shadow 0.18s ease !important;}
.btn:hover,a.btn:hover,.btn-primary:hover,.btn-add-to-cart:hover,[class*="btn-"]:hover{transform:translateY(-2px) !important;box-shadow:0 6px 20px rgba(58,148,176,.3) !important;}
.btn:active,a.btn:active{transform:translateY(0) !important;}
.btn-primary,.btn-add-to-cart{background:var(--fl-teal) !important;border-color:var(--fl-teal) !important;color:#fff !important;}
.btn-primary:hover,.btn-add-to-cart:hover{background:var(--fl-teal-dark) !important;border-color:var(--fl-teal-dark) !important;}
.btn-secondary,a.btn-secondary,.btn-secondary:hover,a.btn-secondary:hover{color:#fff !important;}
.btn-conversion,a.btn-conversion,.btn-conversion:hover,a.btn-conversion:hover{color:#1d1d1f !important;}
input[type="text"],input[type="email"],input[type="search"],input[type="number"],input[type="tel"],textarea,select{border-radius:var(--fl-radius-sm) !important;font-family:var(--fl-font) !important;}
.product,.product-item,.product-box,.article-item,.blog-item{border-radius:var(--fl-radius-lg) !important;overflow:hidden !important;transition:box-shadow 0.2s ease,transform 0.2s ease !important;}
.product:hover,.product-item:hover,.product-box:hover{box-shadow:var(--fl-shadow-md) !important;transform:translateY(-3px) !important;}
.warning-box{background:#fff !important;border:2px solid var(--fl-teal) !important;border-radius:28px !important;padding:28px 32px !important;margin:32px 0 !important;color:var(--fl-dark);font-family:var(--fl-font);}
.gradient-heading,.fl-gradient-h{background:linear-gradient(90deg,var(--fl-teal) 0%,var(--fl-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.fl-nap{background:var(--fl-light-gray);border-bottom:1px solid var(--fl-border);font-family:var(--fl-font);font-size:12px;color:var(--fl-gray);padding:6px 0;}
.fl-nap a{color:var(--fl-gray);text-decoration:none;}
.fl-nap a:hover{color:var(--fl-teal);}
html{scroll-behavior:smooth;}
:focus-visible{outline:2px solid var(--fl-teal) !important;outline-offset:2px !important;}
.overflow-slider__arrows-button::before{content:"";display:block;width:10px;height:10px;border-top:2px solid #fff;border-right:2px solid #fff;}
.overflow-slider__arrows-button--prev::before{transform:rotate(-135deg) translate(1px,0);}
.overflow-slider__arrows-button--next::before{transform:rotate(45deg) translate(-1px,0);}
.icon-grid-usp{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;padding:24px 0;}
.icon-item{display:flex;flex-direction:column;align-items:center;text-align:center;width:100px;flex:0 0 100px;}
.icon-circle{width:80px !important;height:80px !important;border-radius:50% !important;overflow:hidden !important;display:flex !important;align-items:center !important;justify-content:center !important;background:#f0f7fa;flex-shrink:0;}
.icon-circle img{width:80px !important;height:80px !important;object-fit:cover !important;display:block !important;max-width:80px !important;max-height:80px !important;}
.icon-usp-top{font-size:12px;font-weight:600;color:var(--fl-dark,#1d1d1f);margin-top:8px;line-height:1.3;}
.icon-usp-bottom{font-size:11px;color:var(--fl-gray,#6e6e73);line-height:1.3;}
@media(max-width:480px){.icon-item{width:80px;flex:0 0 80px;}.icon-circle,.icon-circle img{width:64px !important;height:64px !important;max-width:64px !important;max-height:64px !important;}}
@media(min-width:992px){body .carousel-inner.overflow-slider .item{flex:0 0 calc(30% - 8px) !important;max-width:calc(30% - 8px) !important;}}
.related-section{margin-top:42px;}
.related-featured,a.related-featured{position:relative;display:block !important;width:100% !important;margin-top:34px;padding:20px 20px 18px;text-decoration:none !important;color:inherit !important;background:linear-gradient(180deg,#ffffff 0%,#f8fdff 100%);border:2px solid #3a94b0;border-radius:18px;box-shadow:0 10px 26px rgba(58,148,176,.12);transition:transform .18s ease,box-shadow .18s ease;}
.related-featured:hover,a.related-featured:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(17,24,39,.10);}
.related-badge{position:absolute;top:-12px;left:16px;padding:6px 10px;border-radius:999px;background:#3a94b0;color:#fff;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 6px 14px rgba(58,148,176,.22);}
.related-featured-title{font-size:26px;font-weight:800;line-height:1.3;color:#111827 !important;margin:8px 0 10px;display:block;}
.related-featured-text{font-size:14px;line-height:1.6;color:#5b6470 !important;margin-bottom:14px;display:block;}
.related-chip,a.related-chip{display:inline-block !important;font-size:13px;font-weight:700;color:#3a94b0 !important;text-decoration:none !important;border-bottom:1.5px solid rgba(58,148,176,.35);padding-bottom:1px;}
.article-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:16px;}
.article-card,a.article-card{position:relative;display:block !important;padding:18px 18px 16px;text-decoration:none !important;color:inherit !important;background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);border:1.5px solid #dbe7ef;border-radius:18px;box-shadow:0 8px 24px rgba(17,24,39,.05) !important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;text-align:left;}
.article-card:hover,a.article-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(17,24,39,.10) !important;border-color:rgba(58,148,176,.45);}
.article-eyebrow{font-size:12px;font-weight:800;text-transform:uppercase;color:#2e5f9f !important;margin-bottom:10px;display:block !important;}
.article-title{font-size:18px;font-weight:750;line-height:1.35;color:#111827 !important;margin-bottom:12px;display:block;}
.article-meta{font-size:14px;line-height:1.5;color:#5b6470 !important;margin-bottom:14px;display:block;}
.article-chip{display:inline-block !important;font-size:12px;font-weight:700;color:#225d70 !important;background:rgba(58,148,176,.10);padding:7px 10px;border-radius:999px;text-decoration:none !important;}

/* Hide Shoptet auto .related-featured — replaced by hardcoded version inside .related-section */
.container>a.related-featured{
  visibility:hidden !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:none !important;
  overflow:hidden !important;
  pointer-events:none !important;
}
/* Related section H2 gradient */
.related-section>h2,.related-section h2{
  background:linear-gradient(90deg,var(--fl-teal) 0%,var(--fl-dark) 100%) !important;
  -webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;
  background-clip:text !important;
  font-size:2em !important;font-weight:800 !important;margin-bottom:24px !important;
}
.h-grad{
  background:linear-gradient(90deg,var(--fl-teal) 0%,var(--fl-dark) 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
/* Shoptet auto H2 #ctete-take — match our design (weight + font) */
h2#ctete-take,h2[id="ctete-take"]{
  font-weight:800 !important;
  font-family:var(--fl-font) !important;
  font-size:42px !important;
}
h2#ctete-take .h-grad{
  font-weight:800 !important;
}
/* ALL variants of "Čtěte také" H2 — unified size + weight */
h2#ctete-take,
h2.tmx-related-title,
.related-section h2,
.related-section>h2 {
  font-size:42px !important;
  font-weight:800 !important;
  font-family:var(--fl-font) !important;
}

body[class*="type-"] h1{background-image:linear-gradient(90deg,var(--fl-teal,#3a94b0) 0%,var(--fl-dark,#1d1d1f) 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;display:inline-block!important;width:auto!important;max-width:100%!important;font-family:var(--fl-font,-apple-system,"system-ui","SF Pro Text","SF Pro Display","Helvetica Neue",Arial,sans-serif)!important;letter-spacing:-.96px!important;line-height:1.1!important;}

/* v18 added: overflow-slider dot fix moved from header inline */
.overflow-slider__dots ul li{display:inline-flex;flex:0 0 auto;width:auto!important;}

/* === Inter font enforcement v2 (vyssi specifity pro Shoptet) === */
html body,html body p,html body li,html body ul,html body ol,html body a,html body span,html body div,html body button,html body input,html body textarea,html body select,html body label,html body table,html body th,html body td,html body h1,html body h2,html body h3,html body h4,html body h5,html body h6,html body .menu a,html body .product-name,html body .product-price,html body footer,html body header,html body nav{font-family:var(--fl-font) !important;}
html body .basic-description,html body .basic-description p,html body .basic-description li,html body .basic-description span,html body .basic-description div{font-family:var(--fl-font) !important;}
html body .news-item-detail p,html body .news-item-detail li,html body .news-item-detail ul,html body .news-item-detail ol{font-size:18px !important;line-height:1.6 !important;color:#0b2a4a;}
html body .news-item-detail .fml-lead{font-size:20px !important;line-height:1.55 !important;font-weight:500 !important;color:#0b2a4a;}
html body .news-item-detail h2{font-size:32px !important;line-height:1.25 !important;}
html body .news-item-detail h3{font-size:24px !important;line-height:1.3 !important;}
@media(max-width:768px){
  html body .news-item-detail p,html body .news-item-detail li{font-size:17px !important;}
  html body .news-item-detail .fml-lead{font-size:19px !important;}
  html body .news-item-detail h2{font-size:26px !important;}
  html body .news-item-detail h3{font-size:21px !important;}
}


/* === merged from header inline <style> on 25.5.2026 === */
.btn,a.btn,button,input[type=submit],input[type=button]{border-radius:999px!important}
.btn-primary,.btn-primary *,.header-top .search .btn,.header-top .search .btn *{color:#fff!important;fill:#fff!important}
button,a.btn,input[type=submit]{color:#0b2a4a!important}
button *,a.btn *,input[type=submit] *,svg,svg *{color:#0b2a4a!important;fill:#0b2a4a!important}
[class*="cart"] input,[class*="cart"] button,[class*="cart"] span,[class*="cart"] div,[class*="cart"] input *,[class*="cart"] button *,[class*="cart"] span *,[class*="cart"] div *{color:#0b2a4a!important;fill:#0b2a4a!important}
.hp-banners a,.hp-banners a *,.slider a,.slider a *,[class*="banner"] a,[class*="banner"] a *{color:#0b2a4a!important;fill:#0b2a4a!important}
.filters,.filters *,.filter,.filter *,.category-filters,.category-filters *,[class*="filter"] .btn,[class*="filter"] .btn *{color:#fff!important;fill:#fff!important}
html body.error-page .btn,html body.error-page a,html body.error-page button,html body.error-page input[type=submit],html body.page-404 .btn,html body.page-404 a,html body.page-404 button,html body.page-404 input[type=submit],html body.system-page .btn,html body.system-page a,html body.system-page button,html body.system-page input[type=submit],html body[id*="404"] .btn,html body[id*="404"] a,html body[class*="404"] .btn,html body[class*="404"] a{color:#fff!important;fill:#fff!important}
html body.error-page .btn *,html body.error-page a *,html body.page-404 .btn *,html body.page-404 a *,html body.system-page .btn *,html body.system-page a *,html body[id*="404"] .btn *,html body[id*="404"] a *,html body[class*="404"] .btn *,html body[class*="404"] a *{color:#fff!important;fill:#fff!important}
#fl-usp .usp-img img{transition:transform .22s ease,filter .22s ease!important;will-change:transform}
#fl-usp .usp-text .tit{transition:transform .22s ease,color .22s ease!important;will-change:transform}
#fl-usp .usp-text .desc{transition:transform .22s ease!important;will-change:transform}
#fl-usp .usp-item:hover .usp-img img,#fl-usp .usp-item:focus-within .usp-img img{transform:translateY(-1px) scale(1.12)!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))!important}
#fl-usp .usp-item:hover .usp-text .tit,#fl-usp .usp-item:hover .usp-text .desc,#fl-usp .usp-item:focus-within .usp-text .tit,#fl-usp .usp-item:focus-within .usp-text .desc{transform:translateX(4px)!important}
#fl-usp .usp-item:hover .usp-text .tit,#fl-usp .usp-item:focus-within .usp-text .tit{color:#2e5f9f!important}
#short-description,#short-description *,.shortDescription,.shortDescription *{font-family:"PT Sans",sans-serif!important}
#short-description,.shortDescription{font-size:18px;line-height:1.58}

html body .siteCookies,html body .siteCookies [class*="siteCookies"]{background:var(--cb)!important;background-color:var(--cb)!important;color:var(--w)!important}
html body .siteCookies__content,html body .siteCookies__inner{background:transparent!important;box-shadow:none!important;border:0!important}
html body .siteCookies,html body .siteCookies *{color:var(--w)!important;text-decoration:none!important}
html body .siteCookies a,html body .siteCookies a *{text-decoration:none!important}
html body .siteCookies :is(.siteCookies__button,.siteCookies__link,.siteCookies__buttons a,.siteCookies__buttons button){background:var(--bt)!important;border:1px solid rgba(255,255,255,.35)!important;color:var(--w)!important;border-radius:999px!important;padding:10px 18px!important;font-weight:700!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;opacity:1!important;text-decoration:none!important;border-bottom:0!important;box-shadow:none!important}
html body .siteCookies :is(.siteCookies__button,.siteCookies__link,.siteCookies__buttons a,.siteCookies__buttons button) *,html body .siteCookies__buttons *{color:var(--w)!important;fill:var(--w)!important;text-decoration:none!important;border-bottom:0!important;box-shadow:none!important}
html body .siteCookies :is(.siteCookies__button,.siteCookies__link,.siteCookies__buttons a,.siteCookies__buttons button):hover{background:var(--bth)!important;border-color:rgba(255,255,255,.55)!important}
html body .siteCookies .fl-zde{text-decoration:underline!important;text-underline-offset:2px}
html body .cookiesSetting input[type=checkbox]{accent-color:var(--cb)}

/* === merged from footer inline <style> blocks on 25.5.2026 === */

/* pouze detail článku: domeček 1490 */
.type-article .breadcrumbs-wrapper,
.type-article .article-header,
.type-article .content-wrapper,
.type-article #content .in,
.type-article .content .in,
.type-article .page-top,
.type-article .page-header,
.type-article .content-top{
  max-width:1490px !important;
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* bezpečné odsazení na menších displejích */
@media (max-width:1520px){
  .type-article .content-wrapper,
  .type-article #content .in,
  .type-article .content .in,
  .type-article .page-top,
  .type-article .page-header,
  .type-article .content-top{
    padding-left:16px !important;
    padding-right:16px !important;
  }
}

/* === next footer style block === */

/* wrappery titulku – často jsou centrované přes flex/text-align */
.type-article .page-top,
.type-article .page-header,
.type-article .content-top,
.type-article .article-header,
.type-article .content-wrapper{
  text-align:left !important;
  justify-content:flex-start !important;
  align-items:flex-start !important;
}

/* samotný titulek článku: trefíme víc variant než dřív */
.type-article .page-top h1,
.type-article .page-header h1,
.type-article .content-top h1,
.type-article .article-header h1,
.type-article .content-wrapper h1,
.type-article h1.page-title,
.type-article h1.article-title,
.type-article h1.blog-title,
.type-article #content h1{
  text-align:left !important;
  display:block !important;
  width:100% !important;
  max-width:100% !important;

  /* zruš centrování přes margin auto */
  margin-left:0 !important;
  margin-right:0 !important;

  /* kdyby to byl flex item */
  flex:0 0 100% !important;
  align-self:flex-start !important;
  justify-self:flex-start !important;

  float:none !important;
}

/* === next footer style block === */

.fl-nap{font-size:13px;color:rgba(0,0,0,.5);text-align:center;padding:8px 16px 12px;line-height:1.7;border-top:1px solid rgba(0,0,0,.08)}
.fl-nap a{color:rgba(0,0,0,.6);text-decoration:none}
.fl-nap a:hover{color:#2e5f9f}