/* ==========================================================================
   WatchExclusive – blog (PrestaBlog, grid-and-slides) v1.0.13 – 21. 10. 2026
   Linkuje sa len zo šablóny themes/warehousechild/modules/prestablog/views/
   templates/front/grid-and-slides_page.tpl (iba stránky blogu).
   Návrh: ~/Documents/WATCHEXCLUSIVE/WE BLOG/navrh/navrh-blog.html
   Poznámka: modul načítava aj vlastné CSS (custom1.css s !important) –
   preto tu zdvojené selektory a !important tam, kde sa biju.
   ========================================================================== */
body[id^="module-prestablog"] {
  --we-ink:#16181c; --we-text:#33363b; --we-mut:#6f6a63; --we-ivory:#f7f5f2; --we-line:#dedad4;
  --we-field:#cfc9bf; --we-tan:#d6a581; --we-tanD:#a97444; --we-green:#00b67a; --we-greenH:#00a36d;
  --we-greenD:#007a50; --we-okbg:#f1faf6; --we-serif:Georgia,'Times New Roman',serif;
}
.we-blog-list *, .we-blog-art *, .we-more *, .we-com * { box-sizing: border-box; }
.we-blog-list img, .we-blog-art img, .we-more img { display: block; max-width: 100%; height: auto; }

/* --- spoločné --- */
body[id^="module-prestablog"] .we-eyebrow {
  font: 700 11px/1.4 Roboto, system-ui, sans-serif !important; letter-spacing: 2.6px !important;
  text-transform: uppercase; color: var(--we-tanD) !important; margin: 0 0 10px !important;
}
body[id^="module-prestablog"] .we-eyebrow a { color: inherit !important; text-decoration: none !important; }
.we-meta { display: flex; flex-wrap: wrap; gap: 4px 12px; margin: 0; font-size: 13px; line-height: 1.4; color: var(--we-mut); }
.we-meta span + span::before { content: "·"; margin-right: 12px; color: #bbb; }

/* --- lišta kategórií (markup modulu) --- */
body[id^="module-prestablog"] #prestablog_menu_cat { margin: 0 0 32px !important; }
@media (min-width: 768px) {
  body[id^="module-prestablog"] #prestablog_menu_cat nav,
  body[id^="module-prestablog"] #prestablog_menu_cat nav ul { background: #fff !important; }
  body[id^="module-prestablog"] #prestablog_menu_cat nav { border-bottom: 1px solid var(--we-line) !important; }
  body[id^="module-prestablog"] #prestablog_menu_cat nav ul li a {
    background: transparent !important; color: var(--we-mut) !important; font-weight: 600 !important; font-size: 14px !important;
  }
  body[id^="module-prestablog"] #prestablog_menu_cat nav ul li a:hover { color: var(--we-ink) !important; background: transparent !important; }
  body[id^="module-prestablog"] #prestablog_menu_cat nav ul li a.prestablog_current_menu,
  body[id^="module-prestablog"] #prestablog_menu_cat nav ul li.prestablog_current_menu > a {
    color: var(--we-greenD) !important; background: transparent !important; box-shadow: inset 0 -2px 0 0 var(--we-green) !important;
  }
  body[id^="module-prestablog"] #prestablog_menu_cat nav .prestablog-menu-search-toggle {
    background: #fff !important; box-shadow: -18px 0 18px -6px #fff !important;
  }
}
@media (max-width: 767px) {
  body[id^="module-prestablog"] #prestablog_menu_cat { margin: 0 0 24px !important; }
  body[id^="module-prestablog"] #prestablog-menu-mobile { background: var(--we-ivory) !important; border: 1px solid var(--we-line) !important; color: var(--we-ink) !important; }
  body[id^="module-prestablog"] #prestablog_menu_cat nav ul { background: #fff !important; border-color: var(--we-line) !important; }
  body[id^="module-prestablog"] #prestablog_menu_cat nav ul li { border-bottom-color: var(--we-line) !important; }
  body[id^="module-prestablog"] #prestablog_menu_cat nav ul li a { color: var(--we-ink) !important; }
  body[id^="module-prestablog"] #prestablog_menu_cat nav ul li a:hover { background: var(--we-ivory) !important; color: var(--we-greenD) !important; }
  body[id^="module-prestablog"] #prestablog_menu_cat nav ul li a.prestablog_current_menu,
  body[id^="module-prestablog"] #prestablog_menu_cat nav ul li.prestablog_current_menu > a {
    color: var(--we-greenD) !important; background: var(--we-okbg) !important; box-shadow: inset 3px 0 0 0 var(--we-green) !important;
  }
}

/* ===== ZOZNAM ===== */
.we-blog-list { color: var(--we-text); margin: 0 0 52px; }
.we-bhead { display: grid; gap: 8px 40px; margin: 0 0 32px; }
body[id^="module-prestablog"] .we-bh1 {
  font: 400 28px/1.15 var(--we-serif) !important; letter-spacing: -.4px; color: var(--we-ink) !important;
  margin: 0 !important; padding: 0 !important; text-transform: none !important; border: 0 !important;
}
.we-bh1::after, .we-bh1::before { display: none !important; }
.we-bintro { color: var(--we-mut); margin: 12px 0 0; max-width: 62ch; font-size: 15px; line-height: 1.6; }
.we-bcount { font-size: 13px; color: var(--we-mut); margin: 0; }

.we-bgrid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; list-style: none; margin: 0; padding: 0; }
.we-card { position: relative; display: flex; flex-direction: column; min-width: 0; margin: 0; border: 1px solid var(--we-line); background: #fff; transition: box-shadow .2s, border-color .2s; }
.we-card:hover { border-color: var(--we-field); box-shadow: 0 8px 24px rgba(22, 24, 28, .07); }
.we-card-img { aspect-ratio: 16 / 9; overflow: hidden; background: var(--we-ivory); min-width: 0; }
.we-card-img picture { display: block; height: 100%; }
.we-card-img img { width: 100% !important; height: 100% !important; object-fit: cover; transition: transform .5s; }
.we-card:hover .we-card-img img { transform: scale(1.03); }
.we-card-body { display: flex; flex-direction: column; flex: 1; padding: 16px; min-width: 0; }
.we-card .we-eyebrow { margin-bottom: 8px !important; letter-spacing: 1.6px !important; }
body[id^="module-prestablog"] .we-card-t { font: 400 19px/1.3 var(--we-serif) !important; color: var(--we-ink) !important; margin: 0 0 8px !important; text-transform: none !important; letter-spacing: 0 !important; }
body[id^="module-prestablog"] .we-card-t a { color: var(--we-ink) !important; text-decoration: none !important; }
.we-card-t a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.we-card-p { margin: 0 0 12px; font-size: 15px; line-height: 1.6; color: var(--we-text); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.we-card-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 6px; }
.we-arr { width: 40px; height: 40px; border-radius: 50%; background: #fff; box-shadow: 0 2px 10px rgba(22, 24, 28, .12); display: inline-flex; align-items: center; justify-content: center; color: var(--we-ink); flex: none; transition: background .2s, color .2s; }
.we-card:hover .we-arr { background: var(--we-green); color: #fff; }
.we-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 24px; background: var(--we-green); color: #fff; font-weight: 700; font-size: 13px; letter-spacing: 1.2px; text-transform: uppercase; flex: none; transition: background .2s; }
.we-card:hover .we-cta { background: var(--we-greenH); }
.we-card--feat .we-card-foot { flex-wrap: wrap; gap: 16px; }
.we-empty { padding: 40px 0; color: var(--we-mut); }

/* --- stránkovanie --- */
body[id^="module-prestablog"] .we-pag { display: flex !important; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; margin: 48px 0 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
body[id^="module-prestablog"] .we-pag a,
body[id^="module-prestablog"] .we-pag span {
  min-width: 44px; height: 44px; padding: 0 12px !important; margin: 0 !important; display: inline-flex !important; align-items: center; justify-content: center;
  border: 1px solid var(--we-line) !important; background: #fff !important; color: var(--we-ink) !important;
  font: 600 14px/1 Roboto, system-ui, sans-serif !important; text-decoration: none !important; border-radius: 0 !important; box-shadow: none !important;
}
body[id^="module-prestablog"] .we-pag a:hover { border-color: var(--we-ink) !important; }
body[id^="module-prestablog"] .we-pag span.current,
body[id^="module-prestablog"] .we-pag a.we-next { background: var(--we-green) !important; border-color: var(--we-green) !important; color: #fff !important; }
body[id^="module-prestablog"] .we-pag a.we-next:hover { background: var(--we-greenH) !important; }
body[id^="module-prestablog"] .we-pag span.more { border: 0 !important; min-width: 20px; padding: 0 !important; background: none !important; }

/* ===== ČLÁNOK ===== */
body[id^="module-prestablog"] #prestablogfront.we-blog-art { background: none !important; border: 0 !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important; color: var(--we-text); }
.we-art-top { margin: 0 0 32px; }
.we-art-head { padding: 0 0 24px; }
body[id^="module-prestablog"] #prestablogfront .we-art-head h1 {
  font: 400 28px/1.18 var(--we-serif) !important; letter-spacing: -.4px; color: var(--we-ink) !important;
  text-align: left !important; margin: 0 0 14px !important; padding: 0 !important; text-transform: none !important; border: 0 !important;
}
.we-lead { font-size: 17px; line-height: 1.55; color: var(--we-mut); margin: 0 0 20px; }
.we-by { display: flex; align-items: center; gap: 12px; padding: 16px 0 0; border-top: 1px solid var(--we-line); font-size: 14px; }
.we-by .we-av { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; flex: none; background: var(--we-ivory); }
body[id^="module-prestablog"] .we-by-n { display: block; color: var(--we-ink) !important; font-weight: 700; text-decoration: none !important; }
.we-by-d { display: block; color: var(--we-mut); font-size: 13px; }
.we-hero { margin: 0; aspect-ratio: 16 / 9; overflow: hidden; background: var(--we-ivory); }
.we-hero picture { display: block; height: 100%; }
.we-hero { position: relative; }
.we-hero picture { position: relative; z-index: 1; }
.we-hero img { width: 100% !important; height: 100% !important; object-fit: cover; }

.we-art { display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; }
/* obsah článku */
body[id^="module-prestablog"] .we-toc { background: var(--we-ivory) !important; border: 0 !important; border-top: 2px solid var(--we-tan) !important; padding: 0 16px !important; margin: 0 !important; width: auto !important; max-width: none !important; box-shadow: none !important; position: static !important; border-radius: 0 !important; }
body[id^="module-prestablog"] .we-toc-t {
  display: flex; align-items: center; justify-content: space-between; min-height: 48px; cursor: pointer;
  font: 700 14px/1.3 Roboto, system-ui, sans-serif !important; color: var(--we-ink) !important; background: none !important; padding: 0 !important; margin: 0 !important; border: 0 !important;
}
.we-toc-t::after { content: "–"; font-size: 20px; color: var(--we-tanD); }
.we-toc.collapsed .we-toc-t::after { content: "+"; }
body[id^="module-prestablog"] .we-toc-l { list-style: none !important; margin: 0 0 12px !important; padding: 0 !important; counter-reset: we-t; max-height: none !important; overflow: visible !important; display: block !important; background: none !important; position: static !important; opacity: 1 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
body[id^="module-prestablog"] .we-toc.collapsed .we-toc-l { display: none !important; }
body[id^="module-prestablog"] .we-toc-l li { counter-increment: we-t; border-top: 1px solid var(--we-line); margin: 0 !important; padding: 0 !important; list-style: none !important; }
body[id^="module-prestablog"] .we-toc-l a {
  display: flex; gap: 10px; padding: 10px 0 !important; font-size: 14px !important; line-height: 1.4 !important;
  color: var(--we-text) !important; text-decoration: none !important; background: none !important; border: 0 !important;
}
body[id^="module-prestablog"] .we-toc-l a::before, body[id^="module-prestablog"] .we-toc-l a::after, body[id^="module-prestablog"] .we-toc-l li::before, body[id^="module-prestablog"] .we-toc-l li::after { content: none !important; display: none !important; }
body[id^="module-prestablog"] .we-toc-l a.active { color: var(--we-greenD) !important; font-weight: 700 !important; }

/* text článku */
body[id^="module-prestablog"] #prestablogfront #prestablogfont.we-body { max-width: none; width: 100%; margin: 0 !important; font-size: 17px !important; line-height: 1.75 !important; color: var(--we-text) !important; }
body[id^="module-prestablog"] #prestablogfont.we-body p,
body[id^="module-prestablog"] #prestablogfont.we-body li { font-size: 17px !important; line-height: 1.75 !important; color: var(--we-text) !important; }
body[id^="module-prestablog"] #prestablogfont.we-body p { margin: 0 0 1.3em !important; }
body[id^="module-prestablog"] #prestablogfont.we-body h2 { font: 400 24px/1.25 var(--we-serif) !important; color: var(--we-ink) !important; letter-spacing: -.3px; margin: 2em 0 .6em !important; scroll-margin-top: 140px; text-transform: none !important; }
body[id^="module-prestablog"] #prestablogfont.we-body h3 { font: 700 18px/1.35 Roboto, system-ui, sans-serif !important; color: var(--we-ink) !important; margin: 1.6em 0 .5em !important; scroll-margin-top: 140px; }
body[id^="module-prestablog"] #prestablogfont.we-body h4 { font-size: 16px !important; color: var(--we-ink) !important; }
body[id^="module-prestablog"] #prestablogfont.we-body strong,
body[id^="module-prestablog"] #prestablogfont.we-body b { color: var(--we-ink) !important; }
body[id^="module-prestablog"] #prestablogfront #prestablogfont.we-body a { color: var(--we-ink) !important; font-weight: 600; text-decoration: underline !important; text-decoration-color: var(--we-tan) !important; text-underline-offset: 3px; }
body[id^="module-prestablog"] #prestablogfront #prestablogfont.we-body a:hover { color: var(--we-tanD) !important; }
body[id^="module-prestablog"] #prestablogfont.we-body img { margin: 1.5em auto; }
body[id^="module-prestablog"] #prestablogfont.we-body blockquote { margin: 2em 0 !important; padding: 0 0 0 22px !important; border-left: 2px solid var(--we-tan) !important; background: none !important; font: italic 400 21px/1.45 var(--we-serif) !important; color: var(--we-ink) !important; }
body[id^="module-prestablog"] #prestablogfont.we-body table { width: 100%; font-size: 15px; }
/* box „Kľúčové poznatky“ (inline štýly z editora) */
body[id^="module-prestablog"] #prestablogfont.we-body > div[style*="border-left" i] {
  background: var(--we-ivory) !important; border: 0 !important; border-left: 2px solid var(--we-tan) !important;
  padding: 22px 20px 8px !important; margin: 0 0 2em !important; border-radius: 0 !important;
}
body[id^="module-prestablog"] #prestablogfont.we-body > div[style*="border-left" i] > h2:first-child,
body[id^="module-prestablog"] #prestablogfont.we-body > div[style*="border-left" i] > h3:first-child {
  font: 700 11px/1.4 Roboto, system-ui, sans-serif !important; letter-spacing: 2.6px !important; text-transform: uppercase !important; color: var(--we-tanD) !important; margin: 0 0 14px !important;
}
body[id^="module-prestablog"] #prestablogfont.we-body > div[style*="border-left" i] ul { list-style: none !important; margin: 0 !important; padding: 0 !important; }
body[id^="module-prestablog"] #prestablogfont.we-body > div[style*="border-left" i] li { position: relative; padding: 0 0 12px 28px !important; margin: 0 !important; font-size: 16px !important; line-height: 1.55 !important; list-style: none !important; }
body[id^="module-prestablog"] #prestablogfont.we-body > div[style*="border-left" i] li::before { content: ""; position: absolute; left: 4px; top: 6px; width: 6px; height: 11px; border: solid var(--we-tanD); border-width: 0 2px 2px 0; transform: rotate(45deg); }
body[id^="module-prestablog"] #prestablogfont.we-body [style*="d4af37" i],
body[id^="module-prestablog"] #prestablogfont.we-body [style*="c4a266" i] { border-color: var(--we-tan) !important; }
body[id^="module-prestablog"] #prestablogfont.we-body [style*="c4a266" i] { color: var(--we-tanD) !important; }
body[id^="module-prestablog"] #prestablogfont.we-body [style*="2c9ffd" i] { color: var(--we-ink) !important; }

/* hodinky z článku */
.we-prods { border: 1px solid var(--we-line); padding: 20px; background: #fff; margin-top: 8px; }
.we-prods-l { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 0 24px; }
.we-prods .we-eyebrow { margin-bottom: 12px !important; }
.we-prod { position: relative; display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 14px; align-items: center; padding: 12px 0; border-top: 1px solid var(--we-line); }
.we-prod { border-top: 1px solid var(--we-line); }
@media (min-width: 600px) { .we-prods-l .we-prod { border-top: 0; padding: 0 0 12px; } }
.we-prods-l .we-prod:first-child { border-top: 0; }
.we-prod-i { width: 84px; height: 84px; background: #fff; display: flex; align-items: center; justify-content: center; }
.we-prod-i img { max-height: 84px; width: auto; object-fit: contain; }
body[id^="module-prestablog"] .we-prod-n { display: block; font-size: 14px; line-height: 1.35; color: var(--we-ink) !important; font-weight: 600; text-decoration: none !important; }
.we-prod-n::after { content: ""; position: absolute; inset: 0; }
.we-prod:hover .we-prod-n { text-decoration: underline !important; text-decoration-color: var(--we-tan) !important; text-underline-offset: 3px; }
.we-prod-p { margin: 4px 0 0; font-size: 16px; color: var(--we-ink); }
.we-prod-p s { color: var(--we-mut); font-size: 13px; margin-right: 6px; }

/* koniec článku: zdieľanie, autor */
.we-after { margin: 8px 0 0; }
.we-share { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 2em 0 2.5em; }
.we-share-t { flex: 0 0 100%; font-size: 13px; color: var(--we-mut); margin: 0 0 2px; }
@media (min-width: 600px) { .we-share-t { flex: 0 0 auto; margin: 0 8px 0 0; } }
body[id^="module-prestablog"] .we-share a { width: 44px; height: 44px; min-width: 44px; padding: 0; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--we-line); font-size: 13px; font-weight: 600; color: var(--we-ink) !important; text-decoration: none !important; background: #fff; }
body[id^="module-prestablog"] .we-share a:hover { border-color: var(--we-ink); }
.we-rating { margin: 0 0 2em; }
.we-author { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 16px; background: var(--we-ivory); border-left: 2px solid var(--we-tan); padding: 20px 16px; margin: 32px 0 0; }
.we-author-b { max-width: none; }
.we-author-b.we-clamp { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
body[id^="module-prestablog"] .we-bio-more { display: inline-block; margin: 8px 0 0; padding: 12px 0; min-height: 44px; background: none; border: 0; font-family: inherit; font-weight: 600; font-size: 14px; line-height: 20px; color: var(--we-ink); text-decoration: underline; text-decoration-color: var(--we-tan); text-underline-offset: 3px; cursor: pointer; }
body[id^="module-prestablog"] .we-bio-more:hover { color: var(--we-tanD); }
.we-bio-more[hidden] { display: none !important; }
@media (max-width: 599px) {
  .we-author { display: block; }
  .we-author .we-av { float: left; margin: 0 14px 0 0; }
  .we-author-b { clear: both; padding-top: 12px; }
}
.we-author .we-av { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; background: #e6dfd6; display: block; }
body[id^="module-prestablog"] .we-author-n { display: block; font: 400 20px/1.2 var(--we-serif) !important; color: var(--we-ink) !important; margin: 0 0 6px; text-decoration: none !important; }
.we-author-b, .we-author-b p { margin: 0 !important; font-size: 15px !important; line-height: 1.6 !important; color: var(--we-text) !important; }

/* ďalšie články */
.we-more { border-top: 1px solid var(--we-line); padding-top: 32px; margin: 16px 0 0; }
body[id^="module-prestablog"] .we-more-t { font: 400 24px/1.2 var(--we-serif) !important; color: var(--we-ink) !important; margin: 0 0 24px !important; text-transform: none !important; }
body[id^="module-prestablog"] .we-more .we-card-t { font-size: 18px !important; }

/* komentáre */
body[id^="module-prestablog"] #prestablog-comments.we-com { border: 1px solid var(--we-line) !important; padding: 20px 16px !important; margin: 32px 0 52px !important; background: #fff !important; border-radius: 0 !important; box-shadow: none !important; }
.we-com-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
body[id^="module-prestablog"] .we-com-t { font: 400 20px/1.2 var(--we-serif) !important; color: var(--we-ink) !important; margin: 0 !important; }
.we-com-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px; border: 0; background: var(--we-green); color: #fff; font: 700 13px/1 Roboto, system-ui, sans-serif; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; width: 100%; }
.we-com-btn:hover { background: var(--we-greenH); }
.we-com-btn[hidden], .we-com-body[hidden] { display: none !important; }
.we-com-body { margin-top: 16px; }
body[id^="module-prestablog"] .we-com input[type="text"],
body[id^="module-prestablog"] .we-com textarea { width: 100% !important; font-size: 16px !important; border: 1px solid var(--we-field) !important; border-radius: 0 !important; padding: 12px !important; background: #fff !important; }
body[id^="module-prestablog"] .we-com input[type="text"]:focus,
body[id^="module-prestablog"] .we-com textarea:focus { outline: 0; border-color: var(--we-ink) !important; box-shadow: 0 0 0 3px rgba(0, 182, 122, .25) !important; }
body[id^="module-prestablog"] .we-com input[type="submit"] { min-height: 52px; padding: 0 28px !important; background: var(--we-green) !important; border: 0 !important; color: #fff !important; font-weight: 700 !important; letter-spacing: 1px; text-transform: uppercase; border-radius: 0 !important; }
.we-com #comments { margin-top: 20px; }

/* --- zoznam: 2 vybrané články (polovice) + karty po 3; neúplný posledný riadok sa roztiahne --- */
body[id^="module-prestablog"] .we-card--feat .we-card-t { font-size: 22px !important; line-height: 1.25 !important; }
.we-card--feat .we-card-foot { flex-wrap: wrap; gap: 14px; }
@media (min-width: 600px) and (max-width: 1199px) {
  .we-blog-list .we-bgrid > .we-card:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .we-blog-list .we-bgrid > .we-card:last-child:nth-child(odd) .we-card-img { aspect-ratio: 13 / 4; }
}
@media (min-width: 1200px) {
  .we-blog-list .we-bgrid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .we-blog-list .we-bgrid > .we-card { grid-column: span 2; }
  .we-blog-list .we-bgrid > .we-card--feat { grid-column: span 3; }
  body[id^="module-prestablog"] .we-card--feat .we-card-t { font-size: 26px !important; }
  .we-card--feat .we-card-body { padding: 26px 30px; }
  /* zvyšok 1 → celá šírka, zvyšok 2 → polovice */
  .we-blog-list .we-bgrid > .we-card:not(.we-card--feat):last-child:nth-child(3n) { grid-column: 1 / -1; }
  .we-blog-list .we-bgrid > .we-card:not(.we-card--feat):last-child:nth-child(3n) .we-card-img { aspect-ratio: 13 / 4; }
  .we-blog-list .we-bgrid > .we-card:not(.we-card--feat):last-child:nth-child(3n+4),
  .we-blog-list .we-bgrid > .we-card:not(.we-card--feat):nth-last-child(2):nth-child(3n+3) { grid-column: span 3; }
}

/* mobil: súvisiace produkty v jednom riadku posúvanom prstom (karusel), obrázok nad názvom */
@media (max-width: 599px) {
  .we-prods { padding: 16px 0 16px 16px; }
  .we-prods .we-eyebrow { padding-right: 16px; }
  .we-prods-l { display: grid; grid-auto-flow: column; grid-auto-columns: 42%; grid-template-columns: none; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 0 16px 6px 0; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .we-prods-l::-webkit-scrollbar { display: none; }
  .we-prods-l .we-prod { scroll-snap-align: start; }
  .we-prods-l .we-prod { display: flex; flex-direction: column; align-items: stretch; gap: 8px; padding: 0; border-top: 0; }
  .we-prods-l .we-prod-i { width: 100%; height: auto; aspect-ratio: 1 / 1; }
  .we-prods-l .we-prod-i img { max-height: none; width: 100%; height: 100%; object-fit: contain; }
  body[id^="module-prestablog"] .we-prods-l .we-prod-n { font-size: 13px; }
  .we-prods-l .we-prod-p { font-size: 15px; }
}

/* fokus z klávesnice */
.we-blog-list a:focus-visible, .we-blog-art a:focus-visible, .we-more a:focus-visible, .we-com button:focus-visible { outline: 2px solid var(--we-green); outline-offset: 3px; }

/* ===== breakpointy ===== */
@media (min-width: 600px) {
  .we-bgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .we-card-body { padding: 20px 22px; }
  .we-hero { margin: 0; }
  .we-com-btn { width: auto; }
  body[id^="module-prestablog"] #prestablog-comments.we-com { padding: 24px 28px !important; }
  .we-author { grid-template-columns: 72px minmax(0, 1fr); gap: 18px; padding: 22px 20px; }
  .we-author .we-av { width: 72px; height: 72px; }
}
@media (min-width: 600px) and (max-width: 1199px) {
  .we-more .we-card:nth-child(3) { display: none; }
}
@media (min-width: 1200px) {
  /* PC bez zvýrazneného (vyhľadávanie): posledná osamotená karta zostáva vľavo – bez zmeny */
}
@media (min-width: 768px) {
  body[id^="module-prestablog"] .we-bh1 { font-size: 36px !important; }
  body[id^="module-prestablog"] #prestablogfront .we-art-head h1 { font-size: 34px !important; }
  .we-lead { font-size: 19px; }
  body[id^="module-prestablog"] #prestablogfront #prestablogfont.we-body,
  body[id^="module-prestablog"] #prestablogfont.we-body p,
  body[id^="module-prestablog"] #prestablogfont.we-body li { font-size: 18px !important; }
  body[id^="module-prestablog"] #prestablogfont.we-body h2 { font-size: 28px !important; }
  .we-hero { aspect-ratio: 2 / 1; }
}
@media (min-width: 900px) {
  .we-bhead { grid-template-columns: minmax(0, 1fr) auto; align-items: end; }
  /* hlavička článku: text vľavo, obrázok vpravo; obrázok celý (bez orezu), okolie vyplní jeho rozmazaná kópia */
  .we-art-top { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); border: 1px solid var(--we-line); margin: 0 0 48px; }
  .we-art-top--noimg { grid-template-columns: minmax(0, 1fr); }
  .we-art-head { padding: 44px 48px; display: flex; flex-direction: column; justify-content: center; }
  .we-art-top .we-hero { aspect-ratio: auto; min-height: 360px; height: 100%; margin: 0; }
  .we-art-top .we-hero img { position: absolute; inset: 0; }
}
@media (min-width: 1200px) {
  .we-bgrid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 28px; }
  body[id^="module-prestablog"] #prestablogfront .we-art-head h1 { font-size: 40px !important; }
  .we-art-head { padding: 56px; }
  /* obsah úplne vľavo, článok na zvyšok šírky, hodinky vždy pod článkom */
  .we-art { gap: 0 56px; justify-content: stretch; grid-template-columns: minmax(0, 1fr); grid-template-areas: "body" "after"; }
  .we-art--prods { grid-template-areas: "body" "side" "after"; }
  .we-art--toc { grid-template-columns: 260px minmax(0, 1fr); grid-template-areas: "toc body" "toc after"; }
  .we-art--toc.we-art--prods { grid-template-columns: 260px minmax(0, 1fr); grid-template-areas: "toc body" "toc side" "toc after"; }
  body[id^="module-prestablog"] .we-toc { position: sticky !important; top: 136px; max-height: calc(100vh - 156px); overflow-y: auto; scrollbar-width: thin; align-self: start; background: none !important; border-top: 0 !important; border-left: 1px solid var(--we-line) !important; padding: 0 0 0 18px !important; }
  body[id^="module-prestablog"] .we-toc-t { pointer-events: none; min-height: 0; margin-bottom: 10px !important; font-size: 11px !important; letter-spacing: 2.6px; text-transform: uppercase; color: var(--we-tanD) !important; }
  .we-toc-t::after { display: none; }
  body[id^="module-prestablog"] .we-toc.collapsed .we-toc-l { display: block !important; }
  body[id^="module-prestablog"] .we-toc-l li { border-top: 0; }
  body[id^="module-prestablog"] .we-toc-l a { padding: 7px 0 7px 17px !important; margin-left: -19px; border-left: 2px solid transparent !important; }
  body[id^="module-prestablog"] .we-toc-l a.active { border-left-color: var(--we-green) !important; }
}
body[id^="module-prestablog"] .we-art > .we-toc { grid-area: toc; float: none !important; order: 0 !important; }
body[id^="module-prestablog"] .we-art > .we-body { grid-area: body; order: 0 !important; }
body[id^="module-prestablog"] .we-art > .we-side { grid-area: side; order: 0 !important; }
body[id^="module-prestablog"] .we-art > .we-after { grid-area: after; max-width: none; margin: 8px 0 0; }
/* do 1199 px pod sebou: obsah, text, hodinky, zdieľanie */
@media (max-width: 1199px) {
  .we-art { grid-template-areas: "body" "after"; }
  .we-art--toc { grid-template-areas: "toc" "body" "after"; }
  .we-art--prods { grid-template-areas: "body" "side" "after"; }
  .we-art--toc.we-art--prods { grid-template-areas: "toc" "body" "side" "after"; }
  .we-art .we-side { margin-top: 8px; }
}