/* === VARIABLES === */
:root{--cf-bg:#0a0a0f;--cf-bg-panel:#13131f;--cf-bg-alt:#10101a;--cf-text:#f0ede8;--cf-text-muted:#a09a90;--cf-text-dim:#6a6460;--cf-text-dark:#333;--cf-gold:#c9a84c;--cf-gold-hover:#e8c96a;--cf-gold-dim:#b08a30;--cf-green:#4caf7a;--cf-border:rgba(255,255,255,.08);--cf-border-light:rgba(255,255,255,.14);--cf-border-subtle:rgba(255,255,255,.06);--cf-font:'DM Sans',sans-serif;--cf-font-display:'Cormorant Garamond',serif;--cf-max-w:1100px;--cf-radius:12px;--cf-radius-lg:16px;--cf-radius-pill:999px}
/* === BASE === */
html,body{background:var(--cf-bg)!important}
#content-wrapper,#content-wrapper.content-wrapper,.content-wrapper-in,#content,.content.wide,.welcome-wrapper,.welcome{background:var(--cf-bg)!important}
/* === TYPOGRAPHY (non-index pages) === */
body:not(.type-index):not(.in-index) #content-wrapper{color:var(--cf-text)}
body:not(.type-index):not(.in-index) #content-wrapper h1,body:not(.type-index):not(.in-index) #content-wrapper h2,body:not(.type-index):not(.in-index) #content-wrapper h3,body:not(.type-index):not(.in-index) #content-wrapper h4{color:var(--cf-text)}
body:not(.type-index):not(.in-index) #content-wrapper p,body:not(.type-index):not(.in-index) #content-wrapper li,body:not(.type-index):not(.in-index) #content-wrapper td,body:not(.type-index):not(.in-index) #content-wrapper th{color:var(--cf-text-muted)}
body:not(.type-index):not(.in-index) #content-wrapper a:not(.btn):not([class*="btn-"]):not(.title-link){color:var(--cf-gold)}
body:not(.type-index):not(.in-index) #content-wrapper a:not(.btn):not([class*="btn-"]):not(.title-link):hover{color:var(--cf-gold-hover)}
body:not(.type-index):not(.in-index) #content-wrapper a.btn:not(.btn-o),body:not(.type-index):not(.in-index) #content-wrapper a[class*="btn-"]:not(.btn-o),body:not(.type-index):not(.in-index) #content-wrapper a[style*="background"],body:not(.type-index):not(.in-index) #content-wrapper .cf-cta a,body:not(.type-index):not(.in-index) #content-wrapper a.button{color:var(--cf-bg)!important}
body:not(.type-index):not(.in-index) #content-wrapper a.btn-o{color:var(--cf-text)!important;border-color:var(--cf-text-muted)!important}
/* === BUTTONS (article pages) === */
#content-wrapper .btn-g,#content-wrapper a.btn.btn-g{color:var(--cf-bg)!important}
#content-wrapper .btn-o,#content-wrapper a.btn.btn-o{color:var(--cf-text)!important;border-color:rgba(255,255,255,.3)!important}
/* === HEADER & NAVIGATION === */
.header-in,.header-top,.p-header{background:var(--cf-bg)!important}
@media(min-width:901px){#header,.p-header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:9000!important;width:100%!important}body{padding-top:var(--header-h,80px)!important}}
#header,#header *,.p-header,.p-header *,.header-in,.header-in *,#navigation,#navigation *,.navigation-in,.navigation-in *,.p-navigation,.p-navigation *,[class*="nav-mobile"],[class*="nav-mobile"] *,[class*="mobile-menu"],[class*="mobile-menu"] *,[class*="off-canvas"],[class*="off-canvas"] *,[class*="sidebar-nav"],[class*="sidebar-nav"] *,[class*="side-menu"],[class*="side-menu"] *,.p-sidebar,.p-sidebar *,#side-menu,#side-menu *,[class*="sidebar-menu"],[class*="sidebar-menu"] *,[class*="hamburger"],[class*="hamburger"] *{background-color:var(--cf-bg)!important;color:var(--cf-text)!important;border-color:var(--cf-border)!important}
#header a,.p-header a,.header-in a,.navigation-in a,#navigation a,.p-navigation a,[class*="nav-mobile"] a,[class*="mobile-menu"] a,[class*="side-menu"] a,.p-sidebar a{color:var(--cf-text)!important}
#header a:hover,.navigation-in a:hover,#navigation a:hover,[class*="side-menu"] a:hover,.p-sidebar a:hover{color:var(--cf-gold)!important}
li:has(>a[href*="obchodni-podminky"]),li:has(>a[href*="ochrane-osobnich"]),li:has(>a[href*="gdpr"]),.menu-item-39,.menu-item-734{display:none!important}
/* === CART WIDGET (white) === */
#cart-widget,.cart-widget,.popup-widget,.popup-widget-wrapper,[class*="popup-widget"]{z-index:1100!important}
#cart-widget,#cart-widget *,.cart-widget,.cart-widget *,.popup-widget-inner,.popup-widget-inner *{color:var(--cf-text-dark)!important;background-color:#fff!important}
#cart-widget a,#cart-widget button,.popup-widget-inner a,.popup-widget-inner button{opacity:1!important;visibility:visible!important}
.popup-widget-inner a,.popup-widget-inner a:visited,#cart-widget a,#cart-widget a:visited{color:var(--cf-gold-dim)!important;text-decoration:none!important;font-weight:600!important}
.popup-widget-inner a:hover,#cart-widget a:hover{color:var(--cf-gold)!important}
.popup-widget-inner,.cart-widget-inner,#cart-widget .popup-widget-inner{padding-bottom:70px!important}
.popup-widget-inner a[href*="kosik"],#cart-widget a[href*="kosik"]{display:inline-block!important;background:var(--cf-gold)!important;color:var(--cf-bg)!important;padding:10px 24px!important;border-radius:6px!important;font-weight:600!important;margin-top:8px!important;text-align:center!important}
.popup-widget-inner a[href*="kosik"]:hover,#cart-widget a[href*="kosik"]:hover{background:var(--cf-gold-hover)!important}
/* cart count badge – green circle (Shoptet native style) */
#header a.cart-count.full i[data-testid="headerCartCount"]{background:var(--cf-green)!important;color:#fff!important;font-style:normal!important;font-weight:700!important;font-size:11px!important;min-width:18px!important;height:18px!important;line-height:18px!important;text-align:center!important;border-radius:50%!important;padding:0 4px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
/* === BREADCRUMBS === */
#content-wrapper>.breadcrumbs.navigation-home-icon-wrapper{display:block!important;width:100vw!important;position:relative!important;left:50%!important;right:50%!important;margin-left:-50vw!important;margin-right:-50vw!important;padding-left:max(15px,calc((100vw - 1100px)/2))!important;padding-right:max(15px,calc((100vw - 1100px)/2))!important;box-sizing:border-box!important}
.breadcrumbs-in,.breadcrumb-in,.breadcrumbs,.breadcrumb,[class*="breadcrumb"]{background:var(--cf-bg)!important;border-bottom:1px solid var(--cf-border-subtle)!important}
.breadcrumbs-in a,.breadcrumb a,[class*="breadcrumb"] a{color:var(--cf-text-dim)!important}
.breadcrumbs-in a:hover,.breadcrumb a:hover{color:var(--cf-gold)!important}
.breadcrumbs-in span,.breadcrumb span,[class*="breadcrumb"] span{color:var(--cf-text-dim)!important}
/* === TABS === */
.tabs,.tabs-nav,.tab-nav,.product-tabs,[class*="tabs"]{background:var(--cf-bg)!important;border-bottom:1px solid var(--cf-border)!important}
.tabs-nav a,.tab-nav a,.tabs a,[class*="tabs"] a{color:var(--cf-text-muted)!important;background:var(--cf-bg)!important}
.tabs-nav a.active,.tab-nav a.active,.tabs a.active,[class*="tabs"] a.active{color:var(--cf-gold)!important;border-bottom:2px solid var(--cf-gold)!important;background:var(--cf-bg)!important}
.tab-content,.tabs-content,[class*="tab-content"]{background:var(--cf-bg)!important}
/* === PRODUCT DETAIL === */
.full-width,.p-detail-full-width,.container-full-width,.shp-tabs-wrapper,.p-detail-tabs-wrapper,.p-detail-bottom,.product-detail-bottom,.product-bottom,.content-bottom,[class*="p-detail"],[class*="shp-tabs"]{background:var(--cf-bg)!important}
.shp-tabs-wrapper,.p-detail-tabs-wrapper{width:100%!important;padding:0!important}
.basic-description>h4{display:none!important}
.priceWithVat,.product-price,.price-final,.price{color:var(--cf-gold)!important;font-family:var(--cf-font-display)!important;font-size:2rem!important;font-weight:400!important}
.btn-add-to-cart,#buy-button,.buy-button,button.btn.btn-primary,a.btn.btn-primary,#content-wrapper a.btn.btn-primary,#content-wrapper a.btn-primary,.product-detail-buy .btn,.product-detail-buy button,[class*="add-to-cart"],[id*="add-to-cart"]{background:var(--cf-gold)!important;color:var(--cf-bg)!important;font-family:var(--cf-font)!important;font-size:16px!important;font-weight:600!important;border:none!important;border-radius:6px!important;padding:14px 28px!important;cursor:pointer!important;box-shadow:0 12px 28px rgba(201,168,76,.28)!important}
.btn-add-to-cart:hover,#buy-button:hover,.product-detail-buy button:hover{background:var(--cf-gold-hover)!important}
.availability-in-stock,.availability{font-size:13px!important}
.product-gallery img,.product-detail-gallery img{border-radius:var(--cf-radius)!important;border:1px solid var(--cf-border)!important}
.product-detail-buy input[type="number"],.quantity-input{background:var(--cf-bg-panel)!important;border:1px solid var(--cf-border-light)!important;color:var(--cf-text)!important;border-radius:6px!important;text-align:center!important}
.product-detail-buy .quantity-btn,.quantity-control button{background:var(--cf-bg-panel)!important;border:1px solid var(--cf-border-light)!important;color:var(--cf-text)!important;border-radius:6px!important}
.extended-description,.product-detail-parameters,.supplementary-parameters,.parameters-supplementary,[class*="supplementary"]{display:none!important}
/* === CATEGORY / LISTING PAGE === */
#category-header,.category-header,#filters-wrapper{display:none!important}
.category-top{border:none!important;padding-bottom:8px!important}
.category-top p,.category-description,.category-top .description{font-size:18px!important;line-height:1.7!important;color:var(--cf-text-muted)!important;max-width:760px!important;margin:12px auto 0!important;text-align:center!important;font-family:var(--cf-font)!important}
.p-desc{display:none!important}
.listingControls,.itemsTotal{display:none!important}
.price-save{display:none!important}
/* === PRODUCT CARDS (category badges) === */
[data-micro-product-id="44"] .image,[data-micro-product-id="47"] .image,[data-micro-product-id="56"] .image{position:relative!important;border-radius:var(--cf-radius)!important;border:1px solid rgba(255,255,255,.1)!important;transition:transform .3s,box-shadow .3s!important}
[data-micro-product-id="44"] .image a,[data-micro-product-id="47"] .image a,[data-micro-product-id="56"] .image a{display:block!important;overflow:hidden!important;border-radius:var(--cf-radius)!important}
[data-micro-product-id="44"] .image:hover,[data-micro-product-id="47"] .image:hover,[data-micro-product-id="56"] .image:hover{transform:scale(1.02)!important;box-shadow:0 8px 30px rgba(0,0,0,.4)!important}
[data-micro-product-id="44"] .image img,[data-micro-product-id="47"] .image img,[data-micro-product-id="56"] .image img{transition:transform .3s!important}
[data-micro-product-id="44"] .image:hover img,[data-micro-product-id="47"] .image:hover img,[data-micro-product-id="56"] .image:hover img{transform:scale(1.05)!important}
[data-micro-product-id="44"] .image::before{content:"1 \00D7 1,5 ml"!important}
[data-micro-product-id="47"] .image::before{content:"2 \00D7 1,5 ml \00B7 u\0161et\0159\00EDte 281 K\010D"!important}
[data-micro-product-id="56"] .image::before{content:"2+1 zdarma \00B7 u\0161et\0159\00EDte 890 K\010D"!important}
[data-micro-product-id="44"] .image::before,[data-micro-product-id="47"] .image::before,[data-micro-product-id="56"] .image::before{position:absolute!important;bottom:100%!important;left:50%!important;transform:translateX(-50%)!important;white-space:nowrap!important;margin-bottom:12px!important;background:var(--cf-gold)!important;color:var(--cf-bg)!important;font-size:16px!important;font-weight:700!important;padding:8px 22px!important;border-radius:8px!important;z-index:2!important;font-family:var(--cf-font)!important;letter-spacing:.5px!important}
[data-micro-product-id="44"] .image::after,[data-micro-product-id="47"] .image::after,[data-micro-product-id="56"] .image::after{display:none!important}
[data-micro-product-id="47"] .prices::after{content:"U\0161et\0159\00EDte 281 K\010D"!important}
[data-micro-product-id="56"] .prices::after{content:"U\0161et\0159\00EDte 890 K\010D"!important}
[data-micro-product-id="47"] .prices::after,[data-micro-product-id="56"] .prices::after{display:inline-block!important;background:var(--cf-gold)!important;color:var(--cf-bg)!important;font-weight:700!important;font-size:13px!important;padding:4px 10px!important;border-radius:4px!important;margin-top:4px!important;font-family:var(--cf-font)!important}
/* === MISC === */
hr,#content-wrapper hr,.content-wrapper-in hr,.full-width hr,[class*="separator"],[class*="divider"]{background:var(--cf-bg)!important;border:none!important;height:0!important}
.social-buttons-wrapper,.buttons-wrapper.social-buttons-wrapper,[data-testid="productDetailActionIcons"],a.link-icon.print,a.link-icon.chat,[data-testid="buttonAskQuestion"]{display:none!important}
#content-wrapper>*:last-child,.content-wrapper-in>*:last-child,.p-detail-full-width+*{background:var(--cf-bg)!important}
#footer,.p-footer,.footer,.footer-in,footer.footer,[class*="p-footer"]{display:none!important}
/* === CART & ORDER (light theme) === */
body[data-cf="cart"],body[data-cf="order"]{color:var(--cf-text-dark)!important}
body[data-cf="cart"] #content-wrapper,body[data-cf="cart"] .content-wrapper-in,body[data-cf="cart"] #content,body[data-cf="cart"] .content.wide,body[data-cf="order"] #content-wrapper,body[data-cf="order"] .content-wrapper-in,body[data-cf="order"] #content,body[data-cf="order"] .content.wide{background:#fff!important;color:var(--cf-text-dark)!important}
body[data-cf="cart"] #content-wrapper *,body[data-cf="order"] #content-wrapper *{color:var(--cf-text-dark)!important}
body[data-cf="cart"] #content-wrapper a,body[data-cf="order"] #content-wrapper a{color:var(--cf-gold)!important}
body[data-cf="cart"] #content-wrapper a:hover,body[data-cf="order"] #content-wrapper a:hover{color:var(--cf-gold-dim)!important}
body[data-cf="cart"] a,body[data-cf="cart"] button,body[data-cf="order"] a,body[data-cf="order"] button{opacity:1!important;visibility:visible!important}
body[data-cf="cart"] button[type="submit"]{color:var(--cf-text-dark)!important}
body[data-cf="cart"] [class*="breadcrumb"],body[data-cf="order"] [class*="breadcrumb"]{background:#fff!important;border-bottom:1px solid #eee!important}
body[data-cf="cart"] [class*="breadcrumb"] a,body[data-cf="cart"] [class*="breadcrumb"] span,body[data-cf="order"] [class*="breadcrumb"] a,body[data-cf="order"] [class*="breadcrumb"] span{color:#999!important}
body[data-cf="cart"] .remove-item,body[data-cf="cart"] button.remove-item,body[data-cf="cart"] [data-testid="buttonDeleteItem"]{display:inline-block!important;opacity:1!important;visibility:visible!important;background:none!important;border:none!important;cursor:pointer!important;padding:8px!important;min-width:32px!important;min-height:32px!important}
body[data-cf="cart"] .remove-item::before,body[data-cf="cart"] [data-testid="buttonDeleteItem"]::before{content:"\2715"!important;color:#c0392b!important;font-size:20px!important;line-height:1!important;display:block!important}
body[data-cf="cart"] #content-wrapper,body[data-cf="order"] #content-wrapper{padding-bottom:80px!important}
body[data-cf="cart"] #cf-gsticky,body[data-cf="order"] #cf-gsticky,body[data-cf="cart"] #cf-sticky-cta,body[data-cf="order"] #cf-sticky-cta{display:none!important}
/* === FORM ELEMENTS === */
input[type="text"],input[type="search"],select,option,select *{color:#333!important;background:#fff!important}
[class*="pickup"] *,[class*="parcel"] *,[class*="delivery-place"] *,[class*="autocomplete"] *,.ui-autocomplete *,.ui-autocomplete,.ui-menu *,.ui-menu{color:#333!important;background:#fff!important}
/* === CUSTOM FOOTER === */
body.type-index #cf-gsticky,body.in-index #cf-gsticky{display:none!important}
body.type-index #cf-gfoot,body.in-index #cf-gfoot{display:none!important}
#cf-gfoot{background:var(--cf-bg)!important;border-top:1px solid var(--cf-border)!important;padding:44px 0 0!important;font-family:var(--cf-font)!important;color:var(--cf-text)!important;line-height:1.6!important}
#cf-gfoot *{box-sizing:border-box!important;margin:0!important;padding:0!important}
#cf-gfoot .cf-footer-w{max-width:var(--cf-max-w)!important;margin:0 auto!important;padding:0 24px!important}
#cf-gfoot .cf-footer-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:28px!important}
#cf-gfoot h4{font-size:12px!important;font-weight:600!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--cf-gold)!important;margin-bottom:14px!important;font-family:var(--cf-font)!important}
#cf-gfoot p,#cf-gfoot a{font-size:13px!important;color:var(--cf-text-muted)!important;line-height:1.9!important;display:block!important;text-decoration:none!important}
#cf-gfoot a:hover{color:var(--cf-gold)!important}
#cf-gfoot .bot{border-top:1px solid var(--cf-border)!important;padding:18px 24px 90px!important;text-align:center!important;font-size:12px!important;color:var(--cf-text-dim)!important;margin-top:36px!important}
#cf-gfoot .bot-shoptet{display:block!important;margin-top:8px!important}
#cf-gfoot .bot-shoptet a{display:inline-block!important;color:var(--cf-text-muted)!important;font-size:11px!important;text-decoration:underline!important;text-underline-offset:3px!important;transition:color .2s!important}
#cf-gfoot .bot-shoptet a:hover{color:var(--cf-gold)!important}
/* === NEJOBLĂŤBENÄšJĹ ĂŤ badge (2Ă— balenĂ­) === */
[data-micro-product-id="47"]{position:relative!important}
[data-micro-product-id="47"]::after{content:"\2605  Nejobl\00EDben\011Bj\0161\00ED"!important;display:block!important;position:absolute!important;top:10px!important;left:10px!important;background:var(--cf-green)!important;color:#fff!important;font-size:11px!important;font-weight:700!important;font-family:var(--cf-font)!important;text-transform:uppercase!important;letter-spacing:.07em!important;padding:5px 12px!important;border-radius:6px!important;z-index:10!important;pointer-events:none!important}
/* === RESPONSIVE === */
@media(max-width:700px){
  /* Kategorie – menší popis */
  .category-top p,.category-description,.category-top .description{font-size:14px!important;line-height:1.5!important}
  /* Variantní štítky – overlay nahoře uprostřed obrázku */
  [data-micro-product-id="44"] .image::before,[data-micro-product-id="56"] .image::before{display:block!important;font-size:12px!important;padding:5px 14px!important;bottom:auto!important;top:10px!important;left:50%!important;transform:translateX(-50%)!important;white-space:nowrap!important}
  /* Produkt 47 – skrýt variantní štítek (má "Nejoblíbenější", nepotřebuje druhý badge) */
  [data-micro-product-id="47"] .image::before{display:none!important}
  /* Tlačítko Do košíku – full width (Shoptet Samba selektory) */
  [data-micro-product-id] a.btn,[data-micro-product-id] button.btn,[data-micro-product-id] .buy a,[data-micro-product-id] .buy button,[data-micro-product-id] .buy-block a,[data-micro-product-id] .buy-block button,#products-list a.btn,#products-list button.btn,.products-list a.btn,.products-list button.btn{width:100%!important;display:block!important;text-align:center!important;box-sizing:border-box!important}
  /* Footer grid */
  #cf-gfoot .cf-footer-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:520px){#cf-gfoot .cf-footer-grid{grid-template-columns:1fr!important}}

/* ============================================================
   BLOG — ČLÁNKOVÉ STRÁNKY (světlý styl pro čitelnost)
   Shoptet používá: div.news-item-detail (detail článku)
                    div.news-list (přehled článků)
   ============================================================ */

/* --- Světlé pozadí pro blog (data-cf="blog" nastavuje footer-global.html) --- */
html[data-cf="blog"],
body[data-cf="blog"],
body[data-cf="blog"] #overall-wrapper,
body[data-cf="blog"] #content-wrapper,
body[data-cf="blog"] .content-wrapper-in,
body[data-cf="blog"] #content,
body[data-cf="blog"] .content.wide{
  background:#f7f5f2!important;
  color:#1a1814!important;
}
/* Blog — článková karta: první odstavec jako perex, zbytek skrýt */
body[data-cf="blog"] .news-item .description{display:block!important;overflow:hidden!important;padding:0 20px 16px!important;background:transparent!important;max-height:none!important;height:auto!important;}
body[data-cf="blog"] .news-item .description>*{display:none!important;}
body[data-cf="blog"] .news-item .description>p:first-child{display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden!important;font-size:15px!important;line-height:1.5!important;color:#666!important;margin:0!important;font-family:var(--cf-font)!important;}
/* Blog — skrýt "Záznamy nebyly nalezeny..." */
/* Blog — zabraň horizontálnímu přetékání jen na mobilu (desktop musí zachovat full-bleed breakouty) */
@media(max-width:700px){
  html[data-cf="blog"],body[data-cf="blog"]{overflow-x:hidden!important;}
}
body[data-cf="blog"] .content-inner>p{display:none!important;}
/* Blog — patička s tmavým pozadím + pokrytí sticky proužku */
body[data-cf="blog"] #cf-gfoot{
  background:var(--cf-bg)!important;
  padding-bottom:72px!important;
}
/* Blog — rubrika karty: skrýt placeholder ikonu + celý obrázkový kontejner */
body[data-cf="blog"] .subcategories .image-holder,
body[data-cf="blog"] .subcategories .category-image,
body[data-cf="blog"] .subcategories img[src=""],
body[data-cf="blog"] .subcategories .no-image,
body[data-cf="blog"] .subcategories .subcategory-image,
body[data-cf="blog"] .subcategories figure,
body[data-cf="blog"] .subcategories .img-wrap,
body[data-cf="blog"] .subcategories li a span.image{display:none!important;}
body[data-cf="blog"] .subcategories a{white-space:normal!important;overflow:visible!important;text-overflow:unset!important;}
body[data-cf="blog"] .subcategories .subcategory-name,
body[data-cf="blog"] .subcategories span{white-space:normal!important;overflow:visible!important;text-overflow:unset!important;}
/* Blog — rozcestník: karty kategorií */
body[data-cf="blog"] .subcategories.with-image{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:20px!important;
  padding:32px 0 48px!important;
  list-style:none!important;
  margin:0!important;
}
body[data-cf="blog"] .subcategories.with-image li{
  padding:0!important;
  width:100%!important;
  max-width:100%!important;
  position:relative!important;
}
body[data-cf="blog"] .subcategories.with-image li a{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  height:170px!important;
  padding:24px 28px!important;
  border-radius:14px!important;
  background:#13131f!important;
  border:1px solid rgba(201,168,76,.2)!important;
  box-shadow:inset 3px 0 0 rgba(201,168,76,.5)!important;
  color:#f0ede8!important;
  font-size:26px!important;
  font-weight:700!important;
  font-family:var(--cf-font)!important;
  text-decoration:none!important;
  position:relative!important;
  overflow:visible!important;
  line-height:1.3!important;
  transition:border-color .25s,transform .25s,background .25s!important;
}
body[data-cf="blog"] .subcategories.with-image li a:hover{
  border-color:rgba(201,168,76,.6)!important;
  background:#1a1820!important;
  transform:translateY(-3px)!important;
}
/* Ĺ ipka vpravo dole */
body[data-cf="blog"] .subcategories.with-image li a::before{
  content:'\2192'!important;
  position:absolute!important;
  bottom:22px!important;
  right:26px!important;
  font-size:20px!important;
  color:rgba(201,168,76,.4)!important;
  pointer-events:none!important;
  transition:color .25s,right .25s!important;
  background:none!important;
}
body[data-cf="blog"] .subcategories.with-image li a:hover::before{
  color:#c9a84c!important;
  right:22px!important;
}
/* Popis rubriky — a::after (absolute pod názvem) */
body[data-cf="blog"] .subcategories.with-image li a::after{
  position:absolute!important;
  top:60px!important;left:28px!important;
  max-width:calc(100% - 72px)!important;
  font-size:13px!important;font-weight:400!important;
  color:#a09a90!important;line-height:1.5!important;
  font-family:var(--cf-font)!important;
}
body[data-cf="blog"] .subcategories.with-image li:nth-child(1) a::after{content:'Sebev\00011Bdom\0000ED,\000020\000159e\00010D\000020t\00011Bla\000020a\000020chemie\000020vztah\00016F'!important;}
body[data-cf="blog"] .subcategories.with-image li:nth-child(2) a::after{content:'Aplikace,\000020d\0000E1vkov\0000E1n\0000ED\000020a\000020kombinace\000020s\000020parf\0000E9mem'!important;}
body[data-cf="blog"] .subcategories.with-image li:nth-child(3) a::after{content:'V\00011Bdeck\0000E9\000020studie,\000020molekuly\000020a\000020v\0000FDzkum'!important;}
/* Mobile */
@media(max-width:700px){
  body[data-cf="blog"] .subcategories.with-image{grid-template-columns:1fr!important;gap:10px!important;padding:20px 0 32px!important;}
  body[data-cf="blog"] .subcategories.with-image li a{height:140px!important;padding:20px 22px!important;font-size:26px!important;}
  body[data-cf="blog"] .subcategories.with-image li a::after{top:58px!important;left:22px!important;max-width:calc(100% - 66px)!important;font-size:12px!important;}
  body[data-cf="blog"] .subcategories.with-image li a::before{bottom:18px!important;right:20px!important;font-size:18px!important;}
}
/* Blog — skrýt prázdný Shoptet footer pod naším */
body[data-cf="blog"] #footer,
body[data-cf="blog"] footer.footer{
  display:none!important;
}

/* Override globální tmavé typografie pro blog (h1 výjimka pro detail — světlý hero) */
body[data-cf="blog"] #content-wrapper h2,
body[data-cf="blog"] #content-wrapper h3,
body[data-cf="blog"] #content-wrapper h4{
  color:#1a1814!important;
}
body[data-cf="blog"] #content-wrapper h1{
  color:#1a1814!important;
}
body[data-cf="blog"] #content-wrapper .news-item-detail h1{
  color:#f0ede8!important;
}
body[data-cf="blog"] #content-wrapper p,
body[data-cf="blog"] #content-wrapper li,
body[data-cf="blog"] #content-wrapper td,
body[data-cf="blog"] #content-wrapper th{
  color:#2e2a26!important;
}
body[data-cf="blog"] #content-wrapper a:not(.btn):not([class*="btn-"]):not(.cf-btn):not(.cf-tip__link):not(.title-link){
  color:var(--cf-gold-dim)!important;
}
body[data-cf="blog"] #content-wrapper a:not(.btn):not([class*="btn-"]):not(.cf-btn):not(.cf-tip__link):not(.title-link):hover{
  color:var(--cf-gold)!important;
}

/* --- Breadcrumbs na blogu --- */
body[data-cf="blog"] [class*="breadcrumb"]{
  background:var(--cf-bg)!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
}
body[data-cf="blog"] [class*="breadcrumb"] a,
body[data-cf="blog"] [class*="breadcrumb"] span{
  color:rgba(240,237,232,.62)!important;
  text-transform:none!important;
  font-size:13px!important;
  line-height:1.4!important;
}
body[data-cf="blog"] [class*="breadcrumb"] a:hover{
  color:var(--cf-gold)!important;
}
body[data-cf="blog"] .breadcrumbs span:last-child,
body[data-cf="blog"] .breadcrumb span:last-child,
body[data-cf="blog"] .breadcrumbs-in span:last-child,
body[data-cf="blog"] .breadcrumb-in span:last-child{
  color:rgba(240,237,232,.82)!important;
  font-weight:600!important;
}
@media(max-width:700px){
  body[data-cf="blog"] [class*="breadcrumb"] a,
  body[data-cf="blog"] [class*="breadcrumb"] span{
    font-size:13px!important;
    color:rgba(240,237,232,.68)!important;
  }
}

/* ============================================================
   DETAIL ČLÁNKU — layout a typografie
   ============================================================ */
.news-item-detail{
  max-width:740px!important;
  margin:0 auto!important;
  padding:0!important;
}
body[data-cf="blog"] .news-item-detail article{
  position:relative!important;
  overflow:visible!important;
}

/* Autor — tlumený, malý */
body[data-cf="blog"] .news-item-detail .author,
body[data-cf="blog"] .news-item-detail [class*="author"]{
  font-size:12px!important;
  color:#999!important;
  font-style:normal!important;
  margin:0 0 4px!important;
  font-family:var(--cf-font)!important;
}

/* Hero oblast (header s H1) — tmavý, full-width breakout */
body[data-cf="blog"] .news-item-detail article header{
  background:#13131f!important;
  padding:24px 24px 18px!important;
  margin-bottom:0!important;
  overflow:visible!important;
  /* Breakout z 740px kontejneru na celou šířku */
  width:100vw!important;
  position:relative!important;
  z-index:2!important;
  isolation:isolate!important;
  left:50%!important;
  margin-left:-50vw!important;
  padding-left:calc(50vw - 350px)!important;
  padding-right:calc(50vw - 350px)!important;
  box-sizing:border-box!important;
}
body[data-cf="blog"] .news-item-detail article header::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:#13131f!important;
  z-index:0!important;
}
body[data-cf="blog"] .news-item-detail article header>*{
  position:relative!important;
  z-index:1!important;
}
@media(max-width:700px){
  body[data-cf="blog"] .news-item-detail article header{
    padding:10px 20px 20px!important;
    left:0!important;
    margin-left:-20px!important;
    width:calc(100% + 40px)!important;
  }
}

/* Nadpis článku (H1) — dominantní, světlý na tmavém pozadí */
body[data-cf="blog"] .news-item-detail h1{
  font-family:var(--cf-font-display)!important;
  font-size:clamp(2.25rem,5.6vw,3.2rem)!important;
  font-weight:600!important;
  line-height:1.2!important;
  color:#f0ede8!important;
  margin-top:0!important;
  margin-bottom:12px!important;
  text-align:left!important;
}

/* Reading time badge — na tmavém pozadí */
.news-item-detail .date,
.news-item-detail time,
.news-item-detail [class*="date"]{
  font-size:13px!important;
  color:#a09a90!important;
  margin-bottom:0!important;
  display:inline-block!important;
  background:rgba(255,255,255,.08)!important;
  padding:4px 12px!important;
  border-radius:20px!important;
  font-family:var(--cf-font)!important;
  letter-spacing:.02em!important;
  position:static!important;
  top:auto!important;
  left:auto!important;
  margin-top:0!important;
}

/* Autor + reading time na jednom řádku */
body[data-cf="blog"] .news-item-detail .text p.cf-author-row{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
body[data-cf="blog"] .news-item-detail .text .cf-reading-time-inline{
  display:inline-flex!important;
  align-items:center!important;
  font-size:12px!important;
  color:#999!important;
  font-family:var(--cf-font)!important;
  letter-spacing:.01em!important;
}

/* Obrázek článku — full-width breakout */
body[data-cf="blog"] .news-item-detail article>img{
  display:block!important;
  margin:0!important;
  width:100vw!important;
  max-width:100vw!important;
  position:relative!important;
  left:50%!important;
  margin-left:-50vw!important;
  height:clamp(360px,52vh,520px)!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center 30%!important;
}
@media(max-width:700px){
  body[data-cf="blog"] .news-item-detail article>img{
    left:0!important;
    margin-left:-20px!important;
    width:calc(100% + 40px)!important;
    max-width:none!important;
    height:clamp(190px,33vh,250px)!important;
    max-height:none!important;
    object-position:center 35%!important;
  }
}

/* Světlá čtenářská zóna — tělo článku */
body[data-cf="blog"] .news-item-detail .text{
  background:#f5f3ef!important;
  padding:4px 24px 48px!important;
  border-radius:0!important;
}

/* FAQ accordion */
body[data-cf="blog"] .cf-faq-q{display:flex!important;justify-content:space-between!important;align-items:center!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;gap:12px!important;}
body[data-cf="blog"] .cf-faq-q::after{content:"+"!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:28px!important;height:28px!important;border-radius:50%!important;background:rgba(201,168,76,.12)!important;color:#c9a84c!important;font-size:20px!important;font-weight:300!important;line-height:1!important;flex-shrink:0!important;transition:transform .25s ease!important;}
body[data-cf="blog"] .cf-faq-q.open::after{transform:rotate(45deg)!important;}
body[data-cf="blog"] .cf-faq-ans{overflow:hidden!important;max-height:0!important;opacity:0!important;transition:max-height .35s ease,opacity .3s ease!important;}
body[data-cf="blog"] .cf-faq-ans.open{max-height:1000px!important;opacity:1!important;}

/* Perex — první odstavec v .text */
.news-item-detail .perex,
.news-item-detail [class*="perex"],
.news-item-detail .text>p:first-child{
  font-size:19px!important;
  line-height:1.7!important;
  color:#4a4540!important;
  font-style:italic!important;
  margin:0 0 32px!important;
  padding:0!important;
  border-left:none!important;
}

/* Tělo článku — odstavce */
.news-item-detail .text p{
  font-size:18px!important;
  line-height:1.8!important;
  color:#2e2a26!important;
  margin-top:0!important;
  margin-bottom:20px!important;
}

/* H2 v těle — výrazné záchytné body pro skenování */
body[data-cf="blog"] #content-wrapper .news-item-detail .text h2{
  font-family:var(--cf-font-display)!important;
  font-size:clamp(1.8rem,5vw,2.4rem)!important;
  font-weight:700!important;
  color:#13131f!important;
  margin:56px 0 20px!important;
  padding-bottom:0!important;
  border-bottom:none!important;
  letter-spacing:-.02em!important;
  line-height:1.25!important;
}


/* Mid-article product tip box — nativní doporučení */
body[data-cf="blog"] #content-wrapper .cf-tip{
  background:#f4f2ee!important;
  border:1px solid #ddd7ce!important;
  border-left:6px solid var(--cf-gold)!important;
  border-radius:14px!important;
  padding:24px 24px 22px 22px!important;
  margin:42px 0!important;
  display:block!important;
  box-shadow:0 8px 20px rgba(20,18,14,.08)!important;
}
body[data-cf="blog"] #content-wrapper .cf-tip__body{
  display:grid!important;
  grid-template-columns:112px 1fr!important;
  column-gap:16px!important;
  row-gap:8px!important;
  align-items:start!important;
}
body[data-cf="blog"] #content-wrapper .cf-tip__label{
  display:block!important;
  width:auto!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
  color:#8a6b2a!important;
  background:transparent!important;
  border:none!important;
  border-radius:0!important;
  padding:0!important;
  margin:0 0 10px!important;
  box-shadow:none!important;
  font-family:var(--cf-font)!important;
  grid-column:1/-1!important;
}
body[data-cf="blog"] #content-wrapper .cf-tip__img{
  width:112px!important;
  height:112px!important;
  object-fit:cover!important;
  border-radius:8px!important;
  border:1px solid #d8d3cb!important;
  grid-column:1!important;
  grid-row:2!important;
}
body[data-cf="blog"] #content-wrapper .cf-tip p{
  font-size:18px!important;
  line-height:1.65!important;
  color:#3d3830!important;
  margin:0!important;
  grid-column:2!important;
  grid-row:2!important;
}
body[data-cf="blog"] #content-wrapper .cf-tip a.cf-tip__link{
  display:inline!important;
  background:transparent!important;
  color:var(--cf-gold-dim)!important;
  font-weight:700!important;
  font-size:22px!important;
  padding:0!important;
  border-radius:0!important;
  border:none!important;
  text-decoration:underline!important;
  text-underline-offset:4px!important;
  text-decoration-thickness:2px!important;
  margin-top:8px!important;
  letter-spacing:0!important;
  line-height:1.25!important;
  transition:color .2s!important;
}
body[data-cf="blog"] #content-wrapper .cf-tip a.cf-tip__link:hover{
  color:var(--cf-gold)!important;
}
/* TIP label as emphasized link-like text (same visual language as inline article links) */
body[data-cf="blog"] #content-wrapper .cf-tip__label{
  display:inline-block!important;
  width:auto!important;
  color:var(--cf-gold-dim)!important;
  font-weight:700!important;
  font-size:1.45rem!important;
  letter-spacing:0!important;
  text-decoration:underline!important;
  text-decoration-thickness:2px!important;
  text-underline-offset:4px!important;
  text-transform:uppercase!important;
  background:transparent!important;
  border:none!important;
  border-radius:0!important;
  padding:0!important;
  box-shadow:none!important;
}
body[data-cf="blog"] #content-wrapper .cf-tip__label::before{content:none!important;}
@media(max-width:700px){
  body[data-cf="blog"] #content-wrapper .cf-tip{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    position:relative!important;
    left:50%!important;
    margin-left:calc(-50vw + 12px)!important;
    margin-right:0!important;
    border-radius:14px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    padding:18px 16px 18px 14px!important;
  }
  body[data-cf="blog"] #content-wrapper .cf-tip__body{
    grid-template-columns:92px 1fr!important;
    column-gap:14px!important;
  }
  body[data-cf="blog"] #content-wrapper .cf-tip__img{
    width:92px!important;
    height:92px!important;
  }
  body[data-cf="blog"] #content-wrapper .cf-tip p{font-size:17px!important;line-height:1.62!important;}
  body[data-cf="blog"] #content-wrapper .cf-tip a.cf-tip__link{font-size:20px!important;}
  body[data-cf="blog"] #content-wrapper .cf-tip__label{font-size:1.3rem!important;}
}

/* Klíčový závěr — callout box */
/* TIP box aligned with "Nový článek" card visual system */
body[data-cf="blog"] #content-wrapper .cf-tip{
  background:#e9ecef!important;
  border-left:4px solid var(--cf-gold)!important;
  border-top:1px solid #d9dde2!important;
  border-right:1px solid #d9dde2!important;
  border-bottom:1px solid #d9dde2!important;
  border-radius:12px!important;
  padding:16px 18px 16px 16px!important;
  margin:28px 0!important;
  box-shadow:none!important;
}
body[data-cf="blog"] #content-wrapper .cf-tip__body{
  grid-template-columns:86px 1fr!important;
  column-gap:12px!important;
  row-gap:8px!important;
}
body[data-cf="blog"] #content-wrapper .cf-tip__label{
  display:block!important;
  color:#13131f!important;
  font-family:"DM Sans",sans-serif!important;
  font-size:18px!important;
  font-weight:800!important;
  line-height:1.25!important;
  letter-spacing:0!important;
  text-transform:none!important;
  text-decoration:none!important;
  margin:0 0 6px!important;
}
body[data-cf="blog"] #content-wrapper .cf-tip__label::before{content:none!important;}
body[data-cf="blog"] #content-wrapper .cf-tip__img{
  width:86px!important;
  height:86px!important;
  border-radius:10px!important;
  border:1px solid #d0d5db!important;
}
body[data-cf="blog"] #content-wrapper .cf-tip p{
  font-size:17px!important;
  line-height:1.6!important;
  color:#2e2a26!important;
  margin:0 0 12px!important;
}
body[data-cf="blog"] #content-wrapper .cf-tip a.cf-tip__link{
  display:inline!important;
  color:#1a1814!important;
  font-size:28px!important;
  font-weight:800!important;
  text-decoration:underline!important;
  text-decoration-thickness:2px!important;
  text-underline-offset:4px!important;
  line-height:1.22!important;
}
body[data-cf="blog"] #content-wrapper .cf-tip a.cf-tip__link:hover{color:var(--cf-gold)!important;}
@media(max-width:700px){
  body[data-cf="blog"] #content-wrapper .cf-tip{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    position:relative!important;
    left:50%!important;
    margin-left:calc(-50vw + 12px)!important;
    margin-right:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  body[data-cf="blog"] #content-wrapper .cf-tip__body{
    grid-template-columns:78px 1fr!important;
    column-gap:10px!important;
  }
  body[data-cf="blog"] #content-wrapper .cf-tip__img{
    width:78px!important;
    height:78px!important;
    border-radius:8px!important;
  }
  body[data-cf="blog"] #content-wrapper .cf-tip a.cf-tip__link{
    font-size:24px!important;
  }
}

.cf-callout{
  background:#f7f5f2!important;
  border-left:4px solid var(--cf-gold)!important;
  border-radius:0 10px 10px 0!important;
  padding:20px 24px!important;
  margin:28px 0!important;
  font-size:16px!important;
  line-height:1.7!important;
  color:#2e2a26!important;
}
.cf-callout strong{color:#1a1814!important;}

/* H3 v těle */
.news-item-detail .text h3{
  font-family:var(--cf-font-display)!important;
  font-size:1.35rem!important;
  font-weight:600!important;
  color:#1a1814!important;
  margin:28px 0 10px!important;
}

/* Odkazy */
.news-item-detail .text a{
  color:var(--cf-gold-dim)!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}
.news-item-detail .text a:hover{color:var(--cf-gold)!important;}

/* Obrázky */
.news-item-detail .text img{
  border-radius:10px!important;
  max-width:100%!important;
  height:auto!important;
  margin:8px 0!important;
}

/* Seznam */
.news-item-detail .text ul,
.news-item-detail .text ol{
  color:#2e2a26!important;
  font-size:17px!important;
  line-height:1.8!important;
  padding-left:24px!important;
  margin-bottom:18px!important;
}
.news-item-detail .text li{
  margin-bottom:12px!important;
}

/* Citace */
.news-item-detail blockquote{
  background:#fff!important;
  border-left:4px solid var(--cf-gold)!important;
  border-radius:0 8px 8px 0!important;
  padding:18px 24px!important;
  margin:24px 0!important;
  font-family:var(--cf-font-display)!important;
  font-size:1.15rem!important;
  font-style:italic!important;
  color:#4a4540!important;
}

/* ============================================================
   CTA BLOK V ČLÁNKU (.cf-article-cta)
   — použít v šabloně každého článku
   ============================================================ */
/* Predchozi clanek - inline card v detailu blogu */
.news-item-detail .text .cf-prev-nav{
  display:block!important;
  margin:28px 0!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.news-item-detail .text .cf-prev-article{
  display:block!important;
  margin:0!important;
  padding:16px 18px 16px 16px!important;
  border-radius:12px!important;
  background:#e9ecef!important;
  border-left:4px solid var(--cf-gold)!important;
  border-top:1px solid #d9dde2!important;
  border-right:1px solid #d9dde2!important;
  border-bottom:1px solid #d9dde2!important;
  text-decoration:none!important;
  flex:1 1 auto!important;
  cursor:pointer!important;
}
.news-item-detail .text .cf-prev-article__label{
  display:block!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:#666!important;
  margin-bottom:10px!important;
  font-family:var(--cf-font)!important;
}
.news-item-detail .text .cf-prev-article__inner{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  justify-content:flex-start!important;
}
.news-item-detail .text .cf-prev-article__img{
  display:block!important;
  width:200px!important;
  min-width:200px!important;
}
.news-item-detail .text .cf-prev-article__img img{
  display:block!important;
  width:100%!important;
  height:120px!important;
  object-fit:cover!important;
  border-radius:8px!important;
}
.news-item-detail .text .cf-prev-article__text{
  display:block!important;
  font-family:var(--cf-font)!important;
  font-size:28px!important;
  font-weight:800!important;
  line-height:1.2!important;
  color:#1a1814!important;
  text-align:left!important;
  width:auto!important;
  max-width:none!important;
  flex:1 1 auto!important;
  padding-right:10px!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
.news-item-detail .text .cf-prev-article.noimg .cf-prev-article__text{
  max-width:100%!important;
  width:100%!important;
  text-align:center!important;
}
.news-item-detail .text .cf-prev-article.noimg .cf-prev-article__inner{
  justify-content:center!important;
}
.news-item-detail .text .cf-prev-article:hover{
  background:#dfe4e8!important;
  border-color:#cfd5dc!important;
}
@media(max-width:700px){
  .news-item-detail .text .cf-prev-nav{
    width:100vw!important;
    max-width:100vw!important;
    position:relative!important;
    left:50%!important;
    margin-left:-50vw!important;
    margin-right:0!important;
    padding:0 12px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  .news-item-detail .text .cf-prev-article{padding:14px!important;}
  .news-item-detail .text .cf-prev-article__inner{gap:10px!important;}
  .news-item-detail .text .cf-prev-article__img{
    width:148px!important;
    min-width:148px!important;
  }
  .news-item-detail .text .cf-prev-article__img img{height:96px!important;}
  .news-item-detail .text .cf-prev-article__text{
    font-size:15px!important;
    line-height:1.24!important;
    padding-right:12px!important;
  }
}
.cf-article-cta{
  display:block!important;
  margin:28px 0!important;
  padding:16px 18px 16px 16px!important;
  border-radius:12px!important;
  background:#e9ecef!important;
  border-left:4px solid var(--cf-gold)!important;
  border-top:1px solid #d9dde2!important;
  border-right:1px solid #d9dde2!important;
  border-bottom:1px solid #d9dde2!important;
  text-align:left!important;
  color:#1a1814!important;
}
.cf-article-cta .cta-label{
  display:block!important;
  font-size:12px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:#666!important;
  font-weight:700!important;
  margin-bottom:10px!important;
}
.cf-article-cta h3{
  font-family:var(--cf-font)!important;
  font-size:28px!important;
  font-weight:800!important;
  line-height:1.2!important;
  color:#1a1814!important;
  margin:0 0 10px!important;
}
.cf-article-cta p{
  font-size:17px!important;
  line-height:1.6!important;
  color:#2e2a26!important;
  margin:0 0 12px!important;
}
.cf-article-cta a.cf-btn{
  display:inline!important;
  background:transparent!important;
  color:#a9751a!important;
  font-weight:700!important;
  font-size:17px!important;
  padding:0!important;
  border-radius:0!important;
  text-decoration:underline!important;
  text-underline-offset:4px!important;
  transition:color .2s!important;
}
.cf-article-cta a.cf-btn:hover{color:#8b6213!important;}
body[data-cf="blog"] #content-wrapper .cf-article-cta a.cf-btn{
  display:inline!important;
  background:transparent!important;
  color:#a9751a!important;
  font-weight:700!important;
  font-size:17px!important;
  padding:0!important;
  border-radius:0!important;
  text-decoration:underline!important;
}
/* Override tmavého textu uvnitř CTA boxu — přebít body[data-cf] #content-wrapper p */
body[data-cf="blog"] #content-wrapper .cf-article-cta p{
  color:#2e2a26!important;
  font-size:17px!important;
  line-height:1.6!important;
}
body[data-cf="blog"] #content-wrapper .cf-article-cta .cta-label{
  color:#666!important;
  font-size:12px!important;
}
body[data-cf="blog"] #content-wrapper .cf-article-cta h3{
  color:#1a1814!important;
  font-family:var(--cf-font)!important;
  font-size:28px!important;
  font-weight:800!important;
}
.news-item-detail .text .cf-article-cta p{
  color:#2e2a26!important;
  font-size:17px!important;
  line-height:1.6!important;
}

/* ============================================================
   PŘEHLED ČLÁNKŮ (listing page) — Shoptet: div.news-list
   ============================================================ */
/* Schovej custom boxy v listing kartách — patří jen do detailu článku */
body[data-cf="blog"] .news-item .cf-tip,
body[data-cf="blog"] .news-item .cf-article-cta,
body[data-cf="blog"] .news-item .cf-callout,
body[data-cf="blog"] .news-item [style*="background:#eef2f7"],
body[data-cf="blog"] .news-item [style*="background: #eef2f7"]{
  display:none!important;
}
body[data-cf="blog"] h1{
  font-family:var(--cf-font-display)!important;
  font-size:clamp(2rem,4vw,2.8rem)!important;
  font-weight:400!important;
  color:#1a1814!important;
  text-align:center!important;
  margin-bottom:8px!important;
}

/* Autor v kartičkách — skrýt (všechny články od stejného autora) */
body[data-cf="blog"] .news-item .author,
body[data-cf="blog"] .news-item [class*="author"]{display:none!important;}

/* Kartičky článků — UX optimalizovaný styl */
body[data-cf="blog"] .news-item{
  background:#fff!important;
  border-radius:12px!important;
  overflow:hidden!important;
  box-shadow:0 2px 12px rgba(0,0,0,.06)!important;
  transition:box-shadow .2s,transform .2s!important;
  margin-bottom:28px!important;
  position:relative!important;
  cursor:pointer!important;
}
body[data-cf="blog"] .news-item:hover{
  box-shadow:0 8px 28px rgba(0,0,0,.12)!important;
  transform:translateY(-2px)!important;
}
/* Vnitřní wrapper — block na desktopu (mobile přepíše na flex-row) */
body[data-cf="blog"] .news-item>div{display:block!important;width:100%!important;}
/* Obrázek — plná šířka, fixní výška, cover */
body[data-cf="blog"] .news-item .image{max-height:220px!important;overflow:hidden!important;width:100%!important;display:block!important;}
body[data-cf="blog"] .news-item .image img{width:100%!important;height:220px!important;object-fit:cover!important;display:block!important;max-width:none!important;max-height:none!important;}
/* Text blok (titulek + datum) — #content-wrapper pro vyšší specificitu */
body[data-cf="blog"] #content-wrapper .news-item .text{background:transparent!important;color:#1a1814!important;padding:20px 20px 8px!important;position:static!important;}
body[data-cf="blog"] #content-wrapper .news-item .text a.title-link{
  font-family:var(--cf-font-display)!important;
  font-size:1.6rem!important;
  font-weight:600!important;
  color:#1a1814!important;
  text-decoration:none!important;
  line-height:1.3!important;
  display:block!important;
  margin-bottom:4px!important;
}
body[data-cf="blog"] #content-wrapper .news-item .text time{
  display:block!important;
  font-size:13px!important;
  color:#999!important;
  margin-top:0!important;
  font-family:var(--cf-font)!important;
}
/* Celá karta klikací přes roztažený title-link */
body[data-cf="blog"] #content-wrapper .news-item .title-link::after{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
}
body[data-cf="blog"] #content-wrapper .news-item:hover .title-link{color:var(--cf-gold)!important;}

/* ============================================================
   RESPONSIVE — BLOG
   ============================================================ */
@media(max-width:700px){
  .news-item-detail h1{font-size:1.8rem!important;}
  .news-item-detail .perex,
  .news-item-detail .text>p:first-child{font-size:18px!important;}
  .news-item-detail .text p{font-size:17px!important;}
  .news-item-detail .text{padding:8px 16px 40px!important;}
  .news-item-detail .text h2{margin:36px 0 14px!important;}
  .cf-callout{padding:16px 18px!important;margin:24px 0!important;font-size:15px!important;}
  .cf-article-cta{padding:14px 14px 14px 12px!important;}
  .cf-article-cta h3{font-size:22px!important;line-height:1.22!important;}
  .cf-article-cta a.cf-btn{font-size:17px!important;}
  /* Blog listing — vertikální karta na mobilu: text → obrázek → perex */
  body[data-cf="blog"] .news-item>div{display:flex!important;flex-direction:column!important;}
  body[data-cf="blog"] .news-item .text{order:-1!important;padding:14px 16px 10px!important;background:transparent!important;}
  body[data-cf="blog"] .news-item .image{width:100%!important;max-height:160px!important;overflow:hidden!important;order:0!important;}
  body[data-cf="blog"] .news-item .image img{width:100%!important;height:160px!important;object-fit:cover!important;max-width:none!important;max-height:none!important;}
  body[data-cf="blog"] #content-wrapper .news-item .text time{font-size:12px!important;color:#999!important;display:block!important;margin-bottom:4px!important;}
  body[data-cf="blog"] #content-wrapper .news-item .text a.title-link{font-size:1.25rem!important;line-height:1.3!important;margin-bottom:0!important;font-weight:600!important;color:#1a1814!important;}
  /* Perex — 2 řádky */
  body[data-cf="blog"] .news-item .description{padding:0 16px 16px!important;}
  body[data-cf="blog"] .news-item .description>p:first-child{-webkit-line-clamp:2!important;font-size:14px!important;}
}
@media(max-width:520px){
  .news-item-detail{padding:0 16px!important;}
  .news-item-detail h1{font-size:1.6rem!important;}
}

/* Drobečková navigace — zmenšit na mobilu */
@media(max-width:700px){
  .breadcrumb,.breadcrumb-nav,nav.breadcrumb,[class*="breadcrumb"],.path,#path,[id*="breadcrumb"]{
    font-size:11px!important;
    line-height:1.4!important;
    padding:4px 0!important;
    margin:0 0 4px!important;
  }
  .breadcrumb a,[class*="breadcrumb"] a,.path a{font-size:11px!important;}
  .breadcrumb li,[class*="breadcrumb"] li,[class*="breadcrumb"] span,.path li,.path span{font-size:11px!important;}
}