/* 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:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;}
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;
}