/* =========================================================
   Mountain Lovers – nový dizajn 2026 (vrstva nad style.css)
   Načíta sa len pri zapnutom prepínači (?dizajn=2026),
   všetky pravidlá sú pod body.d2026, starý vzhľad nemení.
   Písma: Big Shoulders Display (nadpisy), IBM Plex Sans (text)
   ========================================================= */

:root{
  --ml-red:#df1314;
  --ml-red-dark:#b80f10;
  --ml-black:#1a1c18;
  --ml-text:#1a1c18;
  --ml-muted:#5f5e5a;
  --ml-sand:#f4f2ee;
  --ml-head:'Big Shoulders Display', 'Arial Narrow', sans-serif;
  --ml-body:'IBM Plex Sans', Arial, sans-serif;
  --ml-text-serif:'IBM Plex Serif', Georgia, serif;
}

/* ---------- 1. PÍSMA ---------- */

/* všetok text v Plex (okrem ikon Font Awesome); :where = nízka priorita, nadpisy nižšie ju prebijú */
body.d2026,
body.d2026 :where(*:not(.fa):not(i)){
  font-family:var(--ml-body) !important;
}

/* nadpisy a nadpisové prvky v Big Shoulders */
body.d2026 h1, body.d2026 h2, body.d2026 h3, body.d2026 h4,
body.d2026 h1 *, body.d2026 h2 *, body.d2026 h3 *,
body.d2026 #vrchpasstred, body.d2026 #vrchpasstred *,
body.d2026 #hp_clanky_nadpis, body.d2026 #podcast, body.d2026 #podcast span,
body.d2026 .podcastnadpis, body.d2026 .footnadpis, body.d2026 #newsletter strong,
body.d2026 #filternadpis, body.d2026 .vyletprogram21, body.d2026 #vyletcena,
body.d2026 #vyletcena7, body.d2026 .vyletspanbig, body.d2026 #programvyletuh2,
body.d2026 #aktualnyvylet, body.d2026 #aktualnyvylet2, body.d2026 #vyletmobilnadpis,
body.d2026 #hpstredramh3, body.d2026 .mininadpis strong, body.d2026 #hp_clanky_r2{
  font-family:var(--ml-head) !important;
  letter-spacing:.5px;
}
body.d2026 h1, body.d2026 h1 *{ font-weight:900 !important; }
body.d2026 h2, body.d2026 h3, body.d2026 h4{ font-weight:800 !important; }

/* názvy článkov na kartách: bez verzálok, väčšie */
body.d2026 .hp_clanok h2,
body.d2026 .clanokhptxt h3,
body.d2026 #hp_clanky_r3 h3{
  text-transform:none !important;
  font-size:26px !important;
  line-height:1.1 !important;
  letter-spacing:.2px;
}

/* ---------- 2. ČITATEĽNOSŤ TEXTU ---------- */

body.d2026 #clanoktext,
body.d2026 #clanoktext p,
body.d2026 #clanoktext li{
  font-size:16px !important;
  line-height:1.75 !important;
  letter-spacing:-0.1px !important;
  text-align:left !important;
  font-weight:400 !important;
}
/* text článkov v pätkovom písme IBM Plex Serif */
body.d2026 #clanoktext p,
body.d2026 #clanoktext li,
body.d2026 #clanoktext p *:not(.fa),
body.d2026 #clanoktext li *:not(.fa){
  font-family:var(--ml-text-serif) !important;
}

/* ČLÁNOK NA SVETLOM POZADÍ */
body.d2026 #clanok{ background-color:#ffffff !important; }
body.d2026 #clanok h1{ color:var(--ml-black) !important; }
body.d2026 #clanok h2{ color:var(--ml-black) !important; }
body.d2026 #clanok #clanoktext,
body.d2026 #clanok #clanoktext p,
body.d2026 #clanok #clanoktext li,
body.d2026 #clanok #clanoktext strong,
body.d2026 #clanok #clanoktext b{ color:var(--ml-text) !important; }
body.d2026 #clanok #clanoktext a,
body.d2026 #clanok #clanoktext a strong{ color:var(--ml-red-dark) !important; }
body.d2026 #clanok #oblast,
body.d2026 #clanok #hodnotenie,
body.d2026 #clanok #datum,
body.d2026 #clanok #clanokfooter p{ color:var(--ml-muted) !important; }
body.d2026 #clanok #hodnotenie span{ color:var(--ml-red) !important; font-weight:600; }
body.d2026 #clanok hr{ background-color:#e6e4df !important; border:0; height:1px; }

/* text v stĺpci na čítanie (max. ~75 znakov na riadok), fotky zostávajú široké */
body.d2026 #clanoktext > p,
body.d2026 #clanoktext > h2,
body.d2026 #clanoktext > h3,
body.d2026 #clanoktext > ul,
body.d2026 #clanoktext > ol{
  max-width:760px;
  margin-left:auto !important;
  margin-right:auto !important;
}
/* odsek, v ktorom je len fotka, zostáva široký */
body.d2026 #clanoktext > p:has(img){ max-width:none; }
body.d2026 #clanoktext h2{ font-size:34px !important; line-height:1.1 !important; margin-top:40px; text-transform:none !important; letter-spacing:0 !important; }

body.d2026 #vyletmaintext,
body.d2026 #vyletmaintext p,
body.d2026 .vyletprogram2{
  font-size:16px !important;
  line-height:1.7 !important;
  text-align:left !important;
}

body.d2026 .clanokhptxt p,
body.d2026 #hp_clanky_r3 p{
  font-size:15px !important;
  line-height:1.55 !important;
}

/* ---------- 3. HLAVIČKA ---------- */

body.d2026 #vrch,
body.d2026 #vrch1{
  background-color:var(--ml-black);
}
body.d2026 #vrch ul#nav li a,
body.d2026 #vrch1 ul#nav li a{
  font-weight:500 !important;
  font-size:16px;
  letter-spacing:.1px;
}
/* MTB výlety – červené tlačidlo na konci menu */
body.d2026 #vrch ul#nav li.d26vylety a,
body.d2026 #vrch1 ul#nav li.d26vylety a{
  display:inline-block;
  line-height:1 !important;
  margin-top:10px;
  padding:11px 16px;
  background:var(--ml-red);
  border-radius:4px;
  color:#fff !important;
  font-weight:600 !important;
}
body.d2026 #vrch ul#nav li.d26vylety a:hover,
body.d2026 #vrch1 ul#nav li.d26vylety a:hover{
  background:var(--ml-red-dark);
  color:#fff !important;
}

/* mobil: tlačidlo MTB výlety v hornej lište */
body.d2026 #d26vyletymobil{ display:none; }
@media screen and (max-width:1100px){
  body.d2026 #d26vyletymobil{
    display:block; float:left;
    margin:8px 0 0 6px;
    padding:9px 12px;
    background:var(--ml-red);
    color:#fff; text-decoration:none;
    font-weight:600; font-size:14px; line-height:1;
    border-radius:4px;
  }
  body.d2026 .lenmobil .vyletyposun{ display:none; }
}

/* ---------- 4. MENEJ RUŠIVÝCH PRVKOV ---------- */

body.d2026 #podportenas,
body.d2026 #slidebox2,
body.d2026 #slidebox222,
body.d2026 #bmc-wbtn,
body.d2026 #bmc-iframe,
body.d2026 .bmc-btn-container{
  display:none !important;
}

/* ---------- 5. BLOK MTB VÝLETOV NA ÚVODNEJ STRÁNKE ---------- */

/* starý blok „Poď s nami za trailami“ sa v novom dizajne skryje */
body.d2026 #mobiltrickavylet2,
body.d2026 #mobilnietricka{ display:none !important; }

body.d2026 #d26vylety{ background:var(--ml-sand); color:var(--ml-black); }
body.d2026 #d26vylety .d26wrap{
  max-width:1280px; margin:0 auto; padding:48px 32px 40px;
  display:flex; flex-wrap:wrap; gap:40px; align-items:flex-start;
  box-sizing:border-box;
}
body.d2026 .d26vylety-text{ flex:1 1 420px; min-width:0; }
body.d2026 .d26vylety-karty{ flex:1 1 560px; min-width:0; }
body.d2026 .d26karty-rad{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
body.d2026 #d26vylety .d26kicker{
  margin:0 0 10px; color:#c01011;
  font-family:var(--ml-head) !important; font-weight:800; font-size:20px;
  letter-spacing:1px; text-transform:uppercase;
}
body.d2026 #d26vylety h2{
  margin:0 0 18px; color:var(--ml-black) !important;
  font-size:48px !important; line-height:1.12 !important; font-weight:900 !important;
  text-transform:uppercase; text-align:left; letter-spacing:.6px !important;
}
body.d2026 #d26vylety .d26lead{ margin:0 0 18px; font-size:17px; line-height:1.55; color:#3d3d3a; }
body.d2026 #d26vylety .d26body{
  margin:0 0 24px; padding:0; list-style:none;
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 20px; font-size:15px;
}
body.d2026 #d26vylety .d26body li{ display:flex; gap:12px; align-items:center; margin:0; }
body.d2026 #d26vylety .d26body li:before{ content:""; width:8px; height:8px; background:var(--ml-red); flex:none; }
body.d2026 #d26vylety .d26btns{ display:flex; gap:12px; flex-wrap:wrap; }
body.d2026 #d26vylety .d26btn{
  display:inline-block; font-weight:600; font-size:15px; line-height:1.2;
  padding:14px 22px; border-radius:4px; text-decoration:none;
}
body.d2026 #d26vylety .d26btn-red{ background:var(--ml-red); color:#fff; }
body.d2026 #d26vylety .d26btn-red:hover{ background:var(--ml-red-dark); color:#fff; }
body.d2026 #d26vylety .d26btn-line{ border:1px solid var(--ml-black); color:var(--ml-black); padding:13px 21px; }
body.d2026 #d26vylety .d26btn-line:hover{ background:var(--ml-black); color:#fff; }

body.d2026 #d26vylety .d26tvare{ display:flex; align-items:center; gap:14px; margin-top:28px; flex-wrap:wrap; }
body.d2026 #d26vylety .d26tvare-foto{ display:flex; }
body.d2026 #d26vylety .d26tvar{
  display:block; width:44px; height:44px; border-radius:50%;
  background-color:#c9cdd2; background-repeat:no-repeat;
  border:2px solid var(--ml-sand); margin-left:-12px; box-sizing:border-box;
}
body.d2026 #d26vylety .d26tvar:first-child{ margin-left:0; }
body.d2026 #d26vylety .d26tvare-text{ font-size:14px; color:#3d3d3a; }
body.d2026 #d26vylety .d26tvare-text a{ color:#c01011; font-weight:600; text-decoration:underline; }

body.d2026 #d26vylety .d26karta{ display:block; background:#fff; color:var(--ml-black); text-decoration:none; }
body.d2026 #d26vylety .d26karta-foto{ display:block; height:260px; overflow:hidden; background:#3a4048; }
body.d2026 #d26vylety .d26karta-foto img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s; }
body.d2026 #d26vylety .d26karta:hover .d26karta-foto img{ transform:scale(1.04); }
body.d2026 #d26vylety .d26karta-in{ display:block; padding:18px 20px 20px; }
body.d2026 #d26vylety .d26meta{ display:block; margin:0 0 6px; font-size:13px; color:var(--ml-muted); }
body.d2026 #d26vylety .d26karta-nazov{
  display:block; margin:0 0 12px;
  font-family:var(--ml-head) !important; font-weight:800; font-size:30px; line-height:1;
  text-transform:uppercase;
}
body.d2026 #d26vylety .d26info{ display:flex; justify-content:space-between; gap:12px; font-size:15px; }
body.d2026 #d26vylety .d26miesta{ font-weight:600; color:#c01011; white-space:nowrap; }

body.d2026 #d26vylety .d26referencia{ margin:32px 0 0; padding:8px 8px 0 56px; position:relative; }
body.d2026 #d26vylety .d26referencia:before{
  content:"\201C"; position:absolute; left:0; top:-20px;
  font-family:Georgia, serif !important; font-size:110px; line-height:1; color:var(--ml-red);
}
body.d2026 #d26vylety .d26referencia blockquote{
  margin:0; font-family:var(--ml-text-serif) !important; font-style:italic;
  font-size:18px; line-height:1.6; letter-spacing:-0.1px; color:var(--ml-black);
}
body.d2026 #d26vylety .d26referencia figcaption{ margin:14px 0 0; display:flex; align-items:center; gap:12px; font-size:14px; color:var(--ml-muted); }
body.d2026 #d26vylety .d26referencia figcaption img{ width:52px; height:52px; border-radius:50%; object-fit:cover; flex:none; }
body.d2026 #d26vylety .d26referencia figcaption strong{ color:var(--ml-black); }

@media screen and (max-width:900px){
  body.d2026 #d26vylety .d26wrap{ padding:28px 0 28px 20px; gap:20px; }
  body.d2026 .d26vylety-text{ padding-right:20px; }
  body.d2026 #d26vylety h2{ font-size:34px !important; }
  body.d2026 #d26vylety .d26lead{ font-size:15px; }
  body.d2026 #d26vylety .d26body{ display:none; }
  body.d2026 .d26karty-rad{
    display:flex; overflow-x:auto; gap:12px; padding-right:20px;
    scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
  }
  body.d2026 #d26vylety .d26karta{ flex:0 0 82%; scroll-snap-align:start; }
  body.d2026 #d26vylety .d26karta-foto{ height:190px; }
  body.d2026 #d26vylety .d26karta-nazov{ font-size:24px; }
  body.d2026 #d26vylety .d26referencia{ margin:22px 20px 0 0; padding-left:36px; }
  body.d2026 #d26vylety .d26referencia:before{ font-size:72px; top:-12px; }
  body.d2026 #d26vylety .d26referencia blockquote{ font-size:17px; }
  body.d2026 #d26vylety .d26btn{ flex:1; text-align:center; padding:13px 10px; font-size:14px; }
}

/* ---------- 6. FORMULÁR „CHCEM VEDIEŤ AKO PRVÝ“ (lightbox) ---------- */

body.d2026 .d26form-box{
  background:#fff; color:var(--ml-black);
  width:560px; max-width:calc(100vw - 32px); box-sizing:border-box;
  padding:32px; border-radius:6px;
}
body.d2026 .d26form-box .d26form-nadpis{
  margin:0 0 8px; font-family:var(--ml-head) !important; font-weight:900;
  font-size:32px; line-height:1.1; text-transform:uppercase;
}
body.d2026 .d26form-box .d26form-uvod{ margin:0 0 20px; font-size:15px; line-height:1.5; color:#3d3d3a; }
body.d2026 .d26form-box form p{ margin:0 0 14px; }
body.d2026 .d26form-box .d26form-rad{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 14px; }
body.d2026 .d26form-box label{ display:block; margin:0 0 5px; font-size:13px; font-weight:600; }
body.d2026 .d26form-box label span{ font-weight:400; color:var(--ml-muted); }
body.d2026 .d26form-box input[type=text],
body.d2026 .d26form-box input[type=email],
body.d2026 .d26form-box input[type=tel],
body.d2026 .d26form-box textarea{
  width:100%; box-sizing:border-box; padding:11px 12px;
  border:1px solid #cfccc5; border-radius:4px; background:#fff;
  font-size:15px; color:var(--ml-black);
}
body.d2026 .d26form-box input:focus,
body.d2026 .d26form-box textarea:focus{ outline:none; border-color:var(--ml-black); box-shadow:0 0 0 2px rgba(223,19,20,.25); }
body.d2026 .d26form-box textarea{ resize:vertical; min-height:96px; }
body.d2026 .d26form-box .d26form-hp{ position:absolute; left:-9999px; }
body.d2026 .d26form-box .d26form-suhlas label{ display:flex; gap:10px; align-items:flex-start; font-weight:400; font-size:13px; line-height:1.4; color:#3d3d3a; }
body.d2026 .d26form-box .d26form-suhlas input{ margin-top:2px; width:18px; height:18px; flex:none; }
body.d2026 .d26form-box .d26form-suhlas a{ color:#c01011; }
body.d2026 .d26form-box .d26form-chyba{ min-height:1px; color:#b80f10; font-size:14px; font-weight:600; }
body.d2026 .d26form-box .d26btn{ border:0; cursor:pointer; width:100%; display:block; font-weight:600; font-size:16px; padding:14px; border-radius:4px; background:var(--ml-red); color:#fff; }
body.d2026 .d26form-box .d26btn:disabled{ opacity:.6; cursor:default; }
body.d2026 .d26form-box .d26form-ok p{ font-size:16px; line-height:1.5; }
@media screen and (max-width:600px){
  body.d2026 .d26form-box{ padding:22px 18px; }
  body.d2026 .d26form-box .d26form-rad{ grid-template-columns:1fr; }
  body.d2026 .d26form-box .d26form-nadpis{ font-size:26px; }
}

/* ---------- 7. NAJNOVŠIE Z TRAILOV (úvodná stránka) ---------- */

body.d2026 #d26clanky{ background:var(--ml-black); color:#fff; }
body.d2026 #d26clanky .d26wrap{ max-width:1280px; margin:0 auto; padding:56px 32px 64px; box-sizing:border-box; }
body.d2026 #d26clanky .d26clanky-hlava{
  display:flex; justify-content:space-between; align-items:baseline; gap:16px; flex-wrap:wrap;
  margin:0 0 28px;
}
body.d2026 #d26clanky h2{
  margin:0; color:#fff !important; font-size:44px !important; line-height:1.05 !important;
  font-weight:900 !important; text-transform:uppercase; letter-spacing:.6px !important;
}
body.d2026 #d26clanky .d26clanky-hlava a{ color:#fff; font-weight:500; font-size:15px; text-decoration:underline; text-underline-offset:4px; }
body.d2026 #d26clanky .d26clanky-hlava a:hover{ color:#ff6b6b; }
body.d2026 #d26clanky .d26clanky-mriezka{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px 24px; }
body.d2026 #d26clanky .d26clanok{ display:block; color:#fff; text-decoration:none; }
body.d2026 #d26clanky .d26clanok-foto{ display:block; position:relative; aspect-ratio:4 / 3; overflow:hidden; background:#2b3138; }
body.d2026 #d26clanky .d26clanok-foto img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s; }
body.d2026 #d26clanky .d26clanok:hover .d26clanok-foto img{ transform:scale(1.04); }
body.d2026 #d26clanky .d26stitok{
  position:absolute; left:12px; top:12px; background:#fff; color:var(--ml-black);
  font-size:12px; font-weight:600; padding:4px 8px; border-radius:3px; line-height:1.2;
}
body.d2026 #d26clanky .d26hodn{
  position:absolute; right:12px; top:12px; background:var(--ml-red); color:#fff;
  font-size:13px; font-weight:700; padding:4px 8px; border-radius:3px; line-height:1.2;
}
body.d2026 #d26clanky .d26clanok-meta{ display:block; margin:14px 0 6px; font-size:13px; color:#b9bcc1; }
body.d2026 #d26clanky .d26clanok-nazov{
  display:block; font-family:var(--ml-head) !important; font-weight:800;
  font-size:27px; line-height:1.1; letter-spacing:.3px;
}
body.d2026 #d26clanky .d26clanok:hover .d26clanok-nazov{ color:#ff6b6b; }

@media screen and (max-width:900px){
  body.d2026 #d26clanky .d26wrap{ padding:36px 20px 44px; }
  body.d2026 #d26clanky h2{ font-size:32px !important; }
  body.d2026 #d26clanky .d26clanky-mriezka{ grid-template-columns:1fr; gap:28px; }
  body.d2026 #d26clanky .d26clanok-nazov{ font-size:24px; }
}
@media screen and (min-width:901px) and (max-width:1100px){
  body.d2026 #d26clanky .d26clanky-mriezka{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* ---------- 8. HERO SLIDER (úvodná stránka) ---------- */

body.d2026 #d26hero{
  position:relative; overflow:hidden; background:#1a1c18;
  height:clamp(480px, 78vh, 820px);
}
body.d2026 #d26hero .d26slide{
  position:absolute; inset:0; opacity:0; visibility:hidden;
  transition:opacity .8s ease, visibility .8s;
}
body.d2026 #d26hero .d26slide.aktivny{ opacity:1; visibility:visible; z-index:1; }
body.d2026 #d26hero .d26slide-link,
body.d2026 #d26hero picture{ display:block; width:100%; height:100%; color:#fff; text-decoration:none; }
body.d2026 #d26hero img{ display:block; width:100%; height:100%; object-fit:cover; max-width:none; }
body.d2026 #d26hero .d26slide-text{
  position:absolute; inset:0; display:flex; align-items:flex-end;
  background:linear-gradient(to top, rgba(10,12,9,.72) 0%, rgba(10,12,9,.3) 38%, rgba(10,12,9,0) 62%);
}
body.d2026 #d26hero .d26slide-wrap{
  display:block; width:100%; max-width:1280px; margin:0 auto; box-sizing:border-box;
  padding:0 32px 96px;
}
body.d2026 #d26hero .d26slide-kicker{
  display:flex; align-items:center; gap:12px; margin:0 0 12px;
  font-family:var(--ml-head) !important; font-weight:800; font-size:20px;
  letter-spacing:1px; text-transform:uppercase; color:#fff;
}
body.d2026 #d26hero .d26slide-hodn{
  font-family:var(--ml-body) !important; background:var(--ml-red); color:#fff;
  font-size:14px; font-weight:700; letter-spacing:0; padding:4px 9px; border-radius:3px;
}
body.d2026 #d26hero .d26slide-nadpis{
  display:block; max-width:900px;
  font-family:var(--ml-head) !important; font-weight:900;
  font-size:clamp(48px, 7vw, 104px); line-height:.95; letter-spacing:.5px;
  text-transform:uppercase; color:#fff;
}
body.d2026 #d26hero .d26slide-pod{
  display:block; max-width:760px; margin:12px 0 26px;
  font-family:var(--ml-head) !important; font-weight:800;
  font-size:clamp(22px, 2.6vw, 36px); line-height:1.1; color:#eef0f2;
}
body.d2026 #d26hero .d26slide-btn{
  display:inline-block; background:#fff; color:var(--ml-black);
  font-weight:600; font-size:15px; padding:13px 22px; border-radius:4px;
}
body.d2026 #d26hero .d26slide-link:hover .d26slide-btn{ background:var(--ml-red); color:#fff; }

body.d2026 #d26hero .d26hero-ovladanie{
  position:absolute; z-index:5; right:max(32px, calc((100% - 1280px) / 2 + 32px)); bottom:96px;
  display:flex; align-items:center; gap:10px;
}
body.d2026 #d26hero .d26hero-body{ display:flex; gap:6px; }
body.d2026 #d26hero .d26hero-bod{
  width:30px; height:30px; padding:0; border:0; background:transparent; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
}
body.d2026 #d26hero .d26hero-bod span{ display:block; width:22px; height:3px; background:rgba(255,255,255,.5); border-radius:2px; transition:width .3s, background .3s; }
body.d2026 #d26hero .d26hero-bod.aktivny span{ width:30px; background:#fff; }
body.d2026 #d26hero .d26hero-sipka{
  width:44px; height:44px; border-radius:50%; cursor:pointer;
  border:1px solid rgba(255,255,255,.6); background:rgba(0,0,0,.15);
  display:flex; align-items:center; justify-content:center; padding:0;
}
body.d2026 #d26hero .d26hero-sipka:hover{ background:rgba(255,255,255,.15); }
body.d2026 #d26hero .d26hero-sipka svg{ width:20px; height:20px; fill:none; stroke:#fff; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }

@media screen and (max-width:700px){
  body.d2026 #d26hero{ height:75vh; height:75svh; min-height:440px; }
  body.d2026 #d26hero .d26slide-wrap{ padding:0 20px 64px; }
  body.d2026 #d26hero .d26slide-kicker{ font-size:16px; }
  body.d2026 #d26hero .d26slide-nadpis{ font-size:clamp(40px, 12vw, 60px); }
  body.d2026 #d26hero .d26slide-pod{ font-size:21px; margin:8px 0 18px; }
  body.d2026 #d26hero .d26hero-sipka{ display:none; }
  body.d2026 #d26hero .d26hero-ovladanie{ left:20px; right:auto; bottom:22px; }
}

/* ---------- 9. IKONY V HLAVIČKE (obrysové) ---------- */

body.d2026 #vrcheshop,
body.d2026 #search2{ background:transparent !important; }
body.d2026 #vrcheshop{ width:48px; margin-left:10px; }
body.d2026 #search2{ width:48px; }
body.d2026 #vrcheshop a .fa,
body.d2026 #search2 a .fa,
body.d2026 #kosikajax2 a .fa{ display:none !important; }
body.d2026 #vrcheshop a::before,
body.d2026 #kosikajax2 a::before,
body.d2026 #search2 a::before{
  content:""; display:inline-block; width:23px; height:23px; vertical-align:middle;
  background-color:#fff;
  -webkit-mask:var(--d26-ikona) center / contain no-repeat;
  mask:var(--d26-ikona) center / contain no-repeat;
}
body.d2026 #vrcheshop a::before,
body.d2026 #kosikajax2 a::before{
  --d26-ikona:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.4'/%3E%3Ccircle cx='18' cy='20' r='1.4'/%3E%3Cpath d='M2.5 3h2.6l2.4 11.2a1.5 1.5 0 0 0 1.5 1.2h8.7a1.5 1.5 0 0 0 1.5-1.1L21 7H6'/%3E%3C/svg%3E");
}
body.d2026 #search2 a::before{
  --d26-ikona:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.6-3.6'/%3E%3C/svg%3E");
}
body.d2026 #vrcheshop a:hover::before,
body.d2026 #search2 a:hover::before{ background-color:#ff6b6b; }
body.d2026 #vrcheshop sup,
body.d2026 #kosikajax2 sup{
  background:var(--ml-red) !important; color:#fff !important;
  width:18px !important; height:18px !important; line-height:18px !important;
  font-size:11px !important; top:8px !important; right:4px !important;
}

/* mobil: hlavička v jednom riadku (logo, MTB výlety, košík, lupa) */
@media screen and (max-width:1100px){
  body.d2026 #nodesktop{ display:flex !important; align-items:center; width:calc(100% - 50px) !important; height:47px; }
  body.d2026 #nodesktop > a:first-child{ flex:none; }
  body.d2026 #nodesktop #mobilnelogo{ float:none; display:block; }
  body.d2026 #d26vyletymobil{ float:none !important; margin:0 2px 0 auto !important; display:block; }
  body.d2026 #nodesktop #kosikajax2,
  body.d2026 #nodesktop #search2{ float:none !important; width:40px !important; flex:none; text-align:center; height:47px; line-height:47px; }
}

/* nadpis „Počúvaj #mtbpodcast“ na tmavom pozadí */
body.d2026 #podcast{ color:#fff !important; }

/* =========================================================
   10. ĎALŠIE ČÍTANIE (Najčítanejšie / Testy / Ostatné)
   ========================================================= */
body.d2026 #d26dalsie{ background:var(--ml-sand); color:var(--ml-text); }
body.d2026 #d26dalsie .d26wrap{ max-width:1280px; margin:0 auto; padding:56px 32px 48px; box-sizing:border-box;
  display:grid; grid-template-columns:1.15fr 1fr 1fr; gap:48px; }
body.d2026 #d26dalsie h2{ font-family:var(--ml-head); font-weight:900 !important; font-size:33px !important; line-height:1; text-transform:none;
  margin:0 0 16px; padding:0; border:0; color:var(--ml-text); display:flex; justify-content:space-between; align-items:baseline; text-transform:uppercase; }
body.d2026 #d26dalsie h2 a{ text-transform:none; font-family:var(--ml-body); font-weight:500; font-size:14px; color:var(--ml-red-dark); text-decoration:none; }
body.d2026 #d26dalsie h2 a:hover{ text-decoration:underline; }

body.d2026 #d26dalsie .d26d-top{ list-style:none; margin:0; padding:0; counter-reset:d26n; }
body.d2026 #d26dalsie .d26d-top li{ counter-increment:d26n; display:flex; gap:16px; align-items:flex-start; padding:12px 0; margin:0; }
body.d2026 #d26dalsie .d26d-top li:before{ content:counter(d26n); font-family:var(--ml-head); font-weight:900; font-size:44px; line-height:.85; color:var(--ml-red); min-width:28px; }
body.d2026 #d26dalsie .d26d-top a{ text-decoration:none; display:block; }

body.d2026 #d26dalsie .d26d-nazov{ display:block; color:var(--ml-text); font-family:var(--ml-body); font-weight:600; font-size:16px; line-height:1.35; }
body.d2026 #d26dalsie a:hover .d26d-nazov{ color:var(--ml-red-dark); }
body.d2026 #d26dalsie .d26d-meta{ display:block; font-family:var(--ml-body); font-size:13px; color:var(--ml-muted); margin-top:4px; }

body.d2026 #d26dalsie .d26d-karta{ display:flex; gap:14px; align-items:center; padding:10px 0; text-decoration:none; }
body.d2026 #d26dalsie .d26d-karta img{ width:84px; height:84px; object-fit:cover; flex:none; display:block; }
body.d2026 #d26dalsie .d26d-karta .d26d-nazov{ font-size:15px; }
body.d2026 #d26dalsie .d26d-hodn{ display:inline-block; margin-top:6px; font-family:var(--ml-body); font-weight:600; font-size:12px; color:#fff; background:var(--ml-black); padding:2px 7px; }

@media (max-width:900px){
  body.d2026 #d26dalsie .d26wrap{ grid-template-columns:1fr; gap:32px; padding:40px 20px 36px; }
}

/* =========================================================
   11. PÁSIK „Z archívu #mtbpodcast“ (biely, nad Najčítanejšími)
   ========================================================= */
body.d2026 #d26pod{ background:#fff; }
body.d2026 #d26pod a{ max-width:1280px; margin:0 auto; padding:18px 32px; box-sizing:border-box; display:flex; align-items:center; gap:16px;
  color:var(--ml-text); text-decoration:none; font-family:var(--ml-body); font-size:15px; }
body.d2026 #d26pod svg{ width:26px; height:26px; flex:none; stroke:var(--ml-red); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
body.d2026 #d26pod strong{ font-family:var(--ml-head) !important; font-weight:800; font-size:22px; margin-right:8px; }
body.d2026 #d26pod .d26pod-text span{ color:var(--ml-muted); }
body.d2026 #d26pod .d26pod-btn{ margin-left:auto; border:1px solid var(--ml-text); padding:8px 16px; font-weight:500; white-space:nowrap; transition:background .2s,border-color .2s; }
body.d2026 #d26pod a:hover .d26pod-btn{ background:var(--ml-red); border-color:var(--ml-red); color:#fff; }
@media (max-width:700px){
  body.d2026 #d26pod a{ padding:16px 20px; }
  body.d2026 #d26pod .d26pod-text span{ display:none; }
  body.d2026 #d26pod strong{ font-size:19px; white-space:nowrap; }
}

/* =========================================================
   12. PARTNERI – bledý pás nad pätičkou
   Logá z adminu (tmavé JPG so svetlým logom) sa farebne otočia na sivé na bledom podklade.
   ========================================================= */
body.d2026 #d26partneri{ background:var(--ml-sand); color:var(--ml-text); }
body.d2026 #d26partneri .d26wrap{ max-width:1280px; margin:0 auto; padding:36px 32px; box-sizing:border-box; display:flex; gap:40px; align-items:center; }
body.d2026 #d26partneri-text{ flex:0 0 200px; }
body.d2026 #d26partneri-text p{ margin:0; font-family:var(--ml-body); font-size:15px; line-height:1.5; color:var(--ml-text); text-transform:none; letter-spacing:0; }
body.d2026 #d26partneri-text strong{ font-weight:600; }
body.d2026 #d26partneri-text a{ color:var(--ml-red-dark); font-size:14px; font-weight:500; text-decoration:none; }
body.d2026 #d26partneri-text a:after{ content:""; display:inline-block; width:7px; height:7px; border-right:2px solid currentColor; border-top:2px solid currentColor;
  transform:rotate(45deg); margin-left:7px; position:relative; top:-1px; transition:transform .2s; }
body.d2026 #d26partneri-text a:hover:after{ transform:translateX(3px) rotate(45deg); }
body.d2026 #d26partneri-loga{ flex:1; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px 12px; }
body.d2026 #d26partneri-loga img{ display:block; width:144px; height:auto; opacity:.8; transition:opacity .2s; }
/* staré logá (tmavé JPG so svetlým logom) – otočenie farieb; nové PNG s priehľadným pozadím sa zobrazia tak, ako sú */
body.d2026 #d26partneri-loga img[src$=".jpg"]{ filter:invert(1) grayscale(1) brightness(1.25) contrast(1.8); mix-blend-mode:multiply; }
body.d2026 #d26partneri-loga a:hover img{ opacity:1; }
@media (max-width:900px){
  body.d2026 #d26partneri .d26wrap{ flex-direction:column; align-items:flex-start; gap:20px; padding:32px 20px; }
  body.d2026 #d26partneri-text{ flex:none; }
  body.d2026 #d26partneri-loga{ justify-content:flex-start; }
  body.d2026 #d26partneri-loga img{ width:120px; }
}

/* =========================================================
   13. INSTAGRAM PÁS (include/instagram-2026.php)
   ========================================================= */
body.d2026 #juicer{ display:none; }
body.d2026 #d26instagram{ background:#fff; color:var(--ml-text); }
body.d2026 #d26instagram .d26wrap{ max-width:1280px; margin:0 auto; padding:48px 32px; box-sizing:border-box; }
body.d2026 #d26instagram .d26ig-hlava{ display:flex; justify-content:space-between; align-items:baseline; gap:16px; flex-wrap:wrap; margin:0 0 20px; }
body.d2026 #d26instagram h2{ margin:0; padding:0; border:0; font-family:var(--ml-head); font-weight:900; font-size:33px; line-height:1; text-transform:uppercase; color:var(--ml-text); }
body.d2026 #d26instagram .d26ig-hlava a{ font-family:var(--ml-body); font-weight:600; font-size:15px; color:var(--ml-red-dark); text-decoration:none; }
body.d2026 #d26instagram .d26ig-hlava a:after{ content:""; display:inline-block; width:7px; height:7px; border-right:2px solid currentColor; border-top:2px solid currentColor;
  transform:rotate(45deg); margin-left:7px; position:relative; top:-1px; transition:transform .2s; }
body.d2026 #d26instagram .d26ig-hlava a:hover:after{ transform:translateX(3px) rotate(45deg); }
body.d2026 #d26instagram .d26ig-mriezka{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; }
body.d2026 #d26instagram .d26ig-mriezka a{ position:relative; display:block; aspect-ratio:1; overflow:hidden; background:var(--ml-sand); }
body.d2026 #d26instagram .d26ig-mriezka img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s, opacity .2s; }
body.d2026 #d26instagram .d26ig-mriezka a:hover img{ transform:scale(1.04); opacity:.9; }
/* malá ikonka pri videu */
body.d2026 #d26instagram .d26ig-video:after{ content:""; position:absolute; top:10px; right:10px; width:0; height:0; border-left:12px solid #fff; border-top:8px solid transparent; border-bottom:8px solid transparent; filter:drop-shadow(0 1px 2px rgba(0,0,0,.5)); }
@media (max-width:900px){
  body.d2026 #d26instagram .d26wrap{ padding:36px 20px; }
  body.d2026 #d26instagram .d26ig-mriezka{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; }
  body.d2026 #d26instagram h2{ font-size:28px; }
}

/* =========================================================
   14. NOVÁ PÄTIČKA #d26footer
   ========================================================= */
body.d2026 #d26footer{ background:#141414; color:#d9dde2; font-family:var(--ml-body); }
body.d2026 #d26footer .d26wrap{ max-width:1280px; margin:0 auto; padding:56px 32px 40px; box-sizing:border-box; display:flex; flex-wrap:wrap; gap:48px; }
body.d2026 #d26footer .d26f-news{ flex:2 1 360px; min-width:0; }
body.d2026 #d26footer .d26f-stlpec{ flex:1 1 200px; }
body.d2026 #d26footer .d26f-nadpis{ margin:0 0 12px; font-family:var(--ml-head) !important; font-weight:800; font-size:30px; line-height:1; color:#fff; text-transform:uppercase; letter-spacing:0; }
body.d2026 #d26footer .d26f-text{ margin:0 0 16px; font-size:15px; color:#d9dde2; }
body.d2026 #d26footer .d26f-skryte{ position:absolute; left:-9999px; }
body.d2026 #d26footer .d26f-riadok{ display:flex; gap:8px; flex-wrap:wrap; max-width:460px; }
body.d2026 #d26footer .d26f-riadok input[type=email]{ flex:1 1 220px; height:44px; padding:0 14px; margin:0; border:1px solid #5a5f66; background:#1f1f1f; color:#fff; font-size:15px; border-radius:4px; box-sizing:border-box; font-family:var(--ml-body); }
body.d2026 #d26footer .d26f-riadok input[type=email]:focus{ outline:none; border-color:#fff; }
body.d2026 #d26footer .d26f-riadok input[type=submit]{ height:44px; padding:0 20px; margin:0; background:var(--ml-red); color:#fff; border:0; font-weight:600; font-size:15px; border-radius:4px; cursor:pointer; font-family:var(--ml-body); width:auto; }
body.d2026 #d26footer .d26f-riadok input[type=submit]:hover{ background:var(--ml-red-dark); }
/* reCAPTCHA sa ukáže až po kliknutí do poľa s e-mailom */
body.d2026 #d26footer .d26f-captcha{ display:none; margin-top:12px; }
body.d2026 #d26footer .d26f-form.otvoreny .d26f-captcha{ display:block; }
body.d2026 #d26footer .d26f-siete{ display:flex; gap:8px; margin-top:24px; }
body.d2026 #d26footer .d26f-siete a{ width:44px; height:44px; border:1px solid #5a5f66; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; transition:background .2s,border-color .2s; }
body.d2026 #d26footer .d26f-siete a:hover{ background:var(--ml-red); border-color:var(--ml-red); }
body.d2026 #d26footer .d26f-siete svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
body.d2026 #d26footer .d26f-hlava{ margin:6px 0 14px; color:#fff; font-weight:600; font-size:15px; }
body.d2026 #d26footer ul{ list-style:none; margin:0; padding:0; }
body.d2026 #d26footer li{ margin:0 0 9px; padding:0; }
body.d2026 #d26footer li a{ color:#d9dde2; text-decoration:none; font-size:15px; text-transform:none; }
body.d2026 #d26footer li a:hover{ color:var(--ml-red); text-decoration:none; }
body.d2026 #d26footer .d26f-legal{ border-top:1px solid #2e2e2e; }
body.d2026 #d26footer .d26f-legal .d26wrap{ display:block; padding:20px 32px 28px; font-size:13px; color:#9a9da2; }
@media (max-width:700px){
  body.d2026 #d26footer .d26wrap{ padding:40px 20px 32px; gap:32px; }
  body.d2026 #d26footer .d26f-legal .d26wrap{ padding:18px 20px 24px; }
}
/* tlačidlo „Návrat hore“ – menšie, okrúhle */
body.d2026 .back-to-top{ width:44px !important; height:44px !important; padding:0 !important; right:20px !important; bottom:24px !important; border-radius:50%;
  text-align:center; line-height:44px !important; box-shadow:0 2px 8px rgba(0,0,0,.25); }
body.d2026 .back-to-top .fa{ font-size:14px; line-height:44px; }

/* =========================================================
   15. ČLÁNOK – hlavička, V skratke, autori, súvisiace (include/clanok-2026.php)
   ========================================================= */
body.d2026 #d26cover{ height:clamp(320px,52vh,560px); overflow:hidden; background:#2b3138; }
body.d2026 #d26cover img{ width:100%; height:100%; object-fit:cover; display:block; }
body.d2026 .d26c-hlava{ max-width:760px; margin:40px auto 0; padding:0; text-align:left; }
body.d2026 .d26c-kicker{ margin:0 0 12px !important; font-family:var(--ml-head) !important; font-size:20px; font-weight:800; color:var(--ml-red-dark) !important; text-transform:uppercase; letter-spacing:1px; line-height:1.1; }
body.d2026 .d26c-hlava h1{ margin:0 0 20px !important; padding:0 !important; font-family:var(--ml-head) !important; font-weight:900 !important; font-size:57px !important; line-height:1 !important; color:var(--ml-black) !important; text-transform:none !important; text-align:left; letter-spacing:0; }
body.d2026 .d26c-meta{ display:flex; flex-wrap:wrap; gap:8px 24px; align-items:center; font-family:var(--ml-body); font-size:14px; color:var(--ml-muted); padding-bottom:24px; border-bottom:1px solid #e6e4df; }
body.d2026 .d26c-autori{ display:flex; align-items:center; gap:10px; }
body.d2026 .d26c-autori a{ color:var(--ml-text) !important; text-decoration:none; font-weight:500; }
body.d2026 .d26c-autori a:hover{ text-decoration:underline; }
body.d2026 .d26c-avatar{ width:32px; height:32px; border-radius:50%; object-fit:cover; display:inline-block; flex:none; }
body.d2026 .d26c-avatar-ini{ background:var(--ml-black); color:#fff; font-family:var(--ml-head); font-weight:800; font-size:13px; display:inline-flex; align-items:center; justify-content:center; letter-spacing:0; }
body.d2026 .d26c-hodn{ background:var(--ml-red); color:#fff; font-weight:700; padding:4px 10px; border-radius:3px; }

body.d2026 .d26vskratke{ max-width:760px; margin:32px auto 8px; background:var(--ml-sand); padding:24px 28px; box-sizing:border-box; }
body.d2026 .d26vskratke-h{ margin:0 0 14px; font-family:var(--ml-head) !important; font-weight:800; font-size:26px; line-height:1; text-transform:uppercase; color:var(--ml-black); }
body.d2026 .d26vskratke dl{ margin:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 24px; }
body.d2026 .d26vskratke dl > div{ min-width:0; }
body.d2026 .d26vskratke .d26vs-polozka{ position:relative; }
body.d2026 .d26vskratke .d26vs-s-ikonou{ padding-left:38px; }
body.d2026 .d26vskratke .d26vs-ikona{ position:absolute; left:0; top:1px; width:26px; height:26px; fill:none; stroke:var(--ml-red); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
body.d2026 .d26vskratke .d26vs-cely{ grid-column:1 / -1; }
body.d2026 .d26vskratke dt{ margin:0; font-family:var(--ml-body); color:#6b6a65; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:1px; }
body.d2026 .d26vskratke dd{ margin:2px 0 0; font-family:var(--ml-body); font-size:15px; line-height:1.5; font-weight:500; color:var(--ml-text); }

body.d2026 .d26c-autor{ display:flex; gap:20px; align-items:flex-start; border-top:1px solid #e6e4df; border-bottom:1px solid #e6e4df; padding:28px 0; margin:48px auto 0; max-width:760px; box-sizing:border-box; }
body.d2026 .d26c-autor-foto{ width:72px; height:72px; border-radius:50%; object-fit:cover; flex:none; font-size:20px; }
body.d2026 #clanoktext .d26c-autor p{ font-family:var(--ml-body) !important; letter-spacing:0; }
body.d2026 #clanoktext .d26c-autor-meno{ margin:0 0 6px !important; font-weight:600; font-size:17px !important; color:var(--ml-black); line-height:1.3 !important; }
body.d2026 #clanoktext .d26c-autor-text{ margin:0 0 14px !important; font-size:15px !important; line-height:1.6 !important; color:#3d3d3a; }
body.d2026 #clanok #clanoktext a.d26c-autor-btn, body.d2026 #clanok #clanoktext a.d26c-autor-btn:visited, body.d2026 #clanok #clanoktext a.d26c-autor-btn:hover{ display:inline-block; background:var(--ml-red); color:#fff !important; font-family:var(--ml-body); font-weight:600; font-size:15px; padding:12px 18px; border-radius:4px; text-decoration:none !important; }
body.d2026 #clanok #clanoktext a.d26c-autor-btn:hover{ background:var(--ml-red-dark); color:#fff !important; }

body.d2026 #d26suvisiace{ background:var(--ml-black); color:#fff; }
body.d2026 #d26suvisiace .d26wrap{ max-width:1280px; margin:0 auto; padding:56px 32px; box-sizing:border-box; }
body.d2026 #d26suvisiace h2{ margin:0 0 24px; font-family:var(--ml-head) !important; font-weight:900; font-size:36px; line-height:1; text-transform:uppercase; color:#fff; }
body.d2026 #d26suvisiace .d26suv-mriezka{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
body.d2026 #d26suvisiace .d26suv{ color:#fff; text-decoration:none; display:block; }
body.d2026 #d26suvisiace .d26suv-foto{ display:block; aspect-ratio:4/3; overflow:hidden; background:#2b3138; }
body.d2026 #d26suvisiace .d26suv-foto img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s; }
body.d2026 #d26suvisiace .d26suv:hover img{ transform:scale(1.04); }
body.d2026 #d26suvisiace .d26suv-nazov{ display:block; margin:12px 0 0; font-family:var(--ml-head) !important; font-weight:800; font-size:26px; line-height:1.1; }
body.d2026 #d26suvisiace .d26suv:hover .d26suv-nazov{ color:#ffd2d2; }

@media (max-width:700px){
  body.d2026 #d26cover{ height:clamp(240px,42vh,360px); }
  body.d2026 .d26c-hlava{ margin-top:28px; padding:0; }
  body.d2026 .d26c-hlava h1{ font-size:40px !important; }
  body.d2026 .d26vskratke{ padding:20px; margin-top:24px; }
  body.d2026 .d26vskratke dl{ grid-template-columns:1fr; gap:12px; }
  body.d2026 .d26c-autor{ flex-direction:column; gap:14px; }
  body.d2026 #d26suvisiace .d26wrap{ padding:40px 20px; }
  body.d2026 #d26suvisiace .d26suv-mriezka{ grid-template-columns:1fr; gap:28px; }
}

/* hlavička článku: keď nasleduje box V skratke, čiara pod dátumom a hodnotením odpadá */
body.d2026 .d26c-s-boxom .d26c-meta{ border-bottom:0; padding-bottom:0; }
body.d2026 .d26c-s-boxom + .d26vskratke{ margin-top:28px; }
/* fotka autorov v boxe na konci článku – prebíja pravidlo pre fotky v texte */
body.d2026 #clanok #clanoktext img.d26c-autor-foto{ width:72px !important; height:72px !important; max-width:72px !important; min-width:72px; margin:0 !important; padding:0 !important; border-radius:50% !important; object-fit:cover; flex:none; display:block; box-shadow:none !important; }

/* ---------- 16. STRÁNKA KRAJINY (/mtb-taliansko…) ---------- */
body.d2026 #d26krajina{ background:#fff; color:var(--ml-text); }
body.d2026 #d26krajina .d26k-wrap, body.d2026 #d26krajina-faq .d26k-wrap{ display:block; max-width:1280px; margin:0 auto; padding:0 32px; box-sizing:border-box; }
body.d2026 #d26krajina .d26k-sr{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
body.d2026 #d26krajina .d26k-lbl{ margin:0; font-family:var(--ml-head) !important; font-weight:800; font-size:20px; letter-spacing:.5px; text-transform:uppercase; }
body.d2026 #d26krajina h2.d26k-h2, body.d2026 #d26krajina-faq h2.d26k-h2{ margin:0 0 24px !important; padding:0 !important; border:0 !important; font-family:var(--ml-head) !important; font-weight:900 !important; font-size:42px !important; line-height:1 !important; text-transform:uppercase !important; text-align:left !important; color:var(--ml-black) !important; letter-spacing:.5px; background:none !important; }
body.d2026 #d26krajina h2.d26k-h3{ margin:0 0 16px !important; padding:0 !important; border:0 !important; font-family:var(--ml-head) !important; font-weight:800 !important; font-size:26px !important; line-height:1 !important; text-transform:uppercase !important; text-align:left !important; color:var(--ml-black) !important; letter-spacing:.5px; background:none !important; }

/* hero */
body.d2026 #d26krajina .d26k-hero{ position:relative; height:clamp(400px,64vh,620px); overflow:hidden; background:#2b3138; }
body.d2026 #d26krajina .d26k-hero > img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; max-width:none; margin:0; }
body.d2026 #d26krajina .d26k-hero:after{ content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,.72), rgba(0,0,0,0) 62%); }
body.d2026 #d26krajina .d26k-hero-txt{ position:absolute; left:0; right:0; bottom:0; z-index:2; padding-bottom:40px; color:#fff; }
body.d2026 #d26krajina .d26k-hero .d26k-lbl{ color:#fff; opacity:.9; }
body.d2026 #d26krajina .d26k-hero h1{ margin:4px 0 10px !important; padding:0 !important; font-family:var(--ml-head) !important; font-weight:900 !important; font-size:clamp(56px,9vw,112px) !important; line-height:.95 !important; text-transform:uppercase; color:#fff !important; text-align:left; text-shadow:none; }
body.d2026 #d26krajina .d26k-pod{ margin:0; max-width:660px; font-size:19px; line-height:1.45; color:#fff; }
body.d2026 #d26krajina .d26k-cisla{ display:flex; flex-wrap:wrap; gap:10px 36px; margin-top:20px; font-size:14px; color:#fff; }
body.d2026 #d26krajina .d26k-cisla b{ display:block; font-family:var(--ml-head) !important; font-weight:900; font-size:36px; line-height:1; }

/* úvod + v skratke */
body.d2026 #d26krajina .d26k-uvod{ padding:56px 0 24px; }
body.d2026 #d26krajina .d26k-uvod-grid{ display:grid; grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); gap:56px; align-items:start; }
body.d2026 #d26krajina .d26k-text p{ margin:0 0 18px; font-family:var(--ml-text-serif) !important; font-size:16px !important; line-height:1.75 !important; font-weight:400 !important; letter-spacing:-0.1px !important; color:var(--ml-text); text-align:left; }
body.d2026 #d26krajina .d26k-viac{ display:none; }
body.d2026 #d26krajina .d26k-otvorene .d26k-viac{ display:block; }
body.d2026 #d26krajina .d26k-citaj{ margin:0; padding:0; background:none; border:0; cursor:pointer; font-family:var(--ml-body) !important; font-weight:600; font-size:15px; color:var(--ml-red-dark); }
body.d2026 #d26krajina .d26k-vs{ background:var(--ml-sand); border-top:4px solid var(--ml-red); padding:26px 26px 12px; }
body.d2026 #d26krajina .d26k-vs dl{ margin:0; }
body.d2026 #d26krajina .d26k-vs dt{ margin:0; font-size:12px; font-weight:600; letter-spacing:1px; text-transform:uppercase; color:#6b6a65; }
body.d2026 #d26krajina .d26k-vs dd{ margin:2px 0 14px; font-size:15px; line-height:1.5; font-weight:500; color:var(--ml-text); }

/* srdcovky */
body.d2026 #d26krajina .d26k-srdcovky{ padding:40px 0 24px; }
body.d2026 #d26krajina .d26k-karty{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
body.d2026 #d26krajina .d26k-karta{ display:block; color:var(--ml-text); text-decoration:none; }
body.d2026 #d26krajina .d26k-karta img{ width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; display:block; margin:0; }
body.d2026 #d26krajina .d26k-karta h3{ margin:14px 0 6px !important; padding:0; font-family:var(--ml-head) !important; font-weight:900 !important; font-size:28px !important; line-height:1 !important; text-transform:uppercase; color:var(--ml-black) !important; text-align:left; }
body.d2026 #d26krajina .d26k-karta p{ margin:0 0 10px; font-size:15px; line-height:1.5; color:#3d3d3a; text-align:left; }
body.d2026 #d26krajina .d26k-tagy{ display:block; }
body.d2026 #d26krajina .d26k-tagy span{ display:inline-block; margin:0 6px 6px 0; padding:3px 8px; border:1px solid #e4e1db; border-radius:3px; font-size:12px; font-weight:500; color:var(--ml-muted); }
body.d2026 #d26krajina .d26k-dalej{ display:block; margin-top:4px; font-size:14px; font-weight:600; color:var(--ml-red-dark); }
body.d2026 #d26krajina .d26k-karta:hover h3{ color:var(--ml-red-dark) !important; }

/* kedy kam */
body.d2026 #d26krajina .d26k-kedy{ padding:40px 0; }
body.d2026 #d26krajina .d26k-tab{ width:100%; border-collapse:collapse; table-layout:fixed; margin:0; }
body.d2026 #d26krajina .d26k-tab thead th{ padding:6px 0; font-size:13px; letter-spacing:0; font-weight:600; color:var(--ml-muted); text-align:center; }
body.d2026 #d26krajina .d26k-tab thead th:first-child, body.d2026 #d26krajina .d26k-tab tbody th{ width:30%; text-align:left; }
body.d2026 #d26krajina .d26k-tab tbody th{ padding:4px 8px 4px 0; font-size:15px; font-weight:500; color:var(--ml-text); border-bottom:2px solid #fff; }
body.d2026 #d26krajina .d26k-tab tbody th small{ display:block; font-size:12px; font-weight:400; color:var(--ml-muted); }
body.d2026 #d26krajina .d26k-tab td{ height:40px; padding:0; border:0; border-left:2px solid #fff; border-bottom:2px solid #fff; }
body.d2026 #d26krajina .d26k-a{ background:var(--ml-red); }
body.d2026 #d26krajina .d26k-b{ background:#f7c1c1; }
body.d2026 #d26krajina .d26k-n{ background:#f1efe8; }
body.d2026 #d26krajina .d26k-legenda{ margin:12px 0 0; font-size:13px; color:var(--ml-muted); }
body.d2026 #d26krajina .d26k-legenda i{ display:inline-block; width:12px; height:12px; vertical-align:-1px; margin:0 6px 0 14px; }
body.d2026 #d26krajina .d26k-legenda i:first-child{ margin-left:0; }

/* výlety */
body.d2026 #d26krajina .d26k-vylety{ margin-top:16px; padding:44px 0; background:var(--ml-red); color:#fff; }
body.d2026 #d26krajina .d26k-vylety .d26k-wrap{ display:flex; flex-wrap:wrap; gap:20px 40px; align-items:center; justify-content:space-between; }
body.d2026 #d26krajina .d26k-vylety h2{ margin:0 0 8px !important; padding:0 !important; border:0 !important; font-family:var(--ml-head) !important; font-weight:900 !important; font-size:44px !important; line-height:1 !important; text-transform:uppercase; color:#fff !important; text-align:left; background:none !important; }
body.d2026 #d26krajina .d26k-vylety p{ margin:0; max-width:640px; font-size:17px; line-height:1.5; color:#fff; }
body.d2026 #d26krajina a.d26k-btn, body.d2026 #d26krajina a.d26k-btn:visited{ display:inline-block; padding:14px 22px; border-radius:4px; background:#fff; color:var(--ml-red-dark) !important; font-weight:600; font-size:16px; text-decoration:none; white-space:nowrap; }
body.d2026 #d26krajina a.d26k-btn:hover{ background:var(--ml-black); color:#fff !important; }

/* nadpis nad mriežkou článkov */
body.d2026 #d26krajina h2.d26k-clanky-h{ margin:56px 0 0 !important; }

/* časté otázky */
body.d2026 #d26krajina-faq{ clear:both; background:#fff; padding:40px 0 72px; }
body.d2026 #d26krajina-faq .d26k-wrap > *{ max-width:840px; }
body.d2026 #d26krajina-faq details{ border-bottom:1px solid #e4e1db; }
body.d2026 #d26krajina-faq summary{ position:relative; list-style:none; cursor:pointer; padding:18px 44px 18px 0; font-weight:600; font-size:18px; color:var(--ml-text); }
body.d2026 #d26krajina-faq summary::-webkit-details-marker{ display:none; }
body.d2026 #d26krajina-faq summary:after{ content:"+"; position:absolute; right:4px; top:12px; font-size:28px; font-weight:400; color:var(--ml-red); }
body.d2026 #d26krajina-faq details[open] summary:after{ content:"–"; }
body.d2026 #d26krajina-faq details p{ margin:0 0 18px; font-family:var(--ml-text-serif) !important; font-size:16px !important; line-height:1.75 !important; font-weight:400 !important; letter-spacing:-0.1px !important; color:var(--ml-text); text-align:left; }

@media (max-width:1000px){
  body.d2026 #d26krajina .d26k-karty{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.d2026 #d26krajina .d26k-uvod-grid{ grid-template-columns:1fr; gap:32px; }
}
@media (max-width:640px){
  body.d2026 #d26krajina .d26k-wrap, body.d2026 #d26krajina-faq .d26k-wrap{ padding:0 20px; }
  body.d2026 #d26krajina .d26k-hero{ height:clamp(380px,70vh,520px); }
  body.d2026 #d26krajina .d26k-pod{ font-size:16px; }
  body.d2026 #d26krajina .d26k-cisla{ gap:8px 24px; }
  body.d2026 #d26krajina .d26k-cisla b{ font-size:28px; }
  body.d2026 #d26krajina h2.d26k-h2, body.d2026 #d26krajina-faq h2.d26k-h2{ font-size:34px !important; }
  body.d2026 #d26krajina .d26k-karty{ grid-template-columns:1fr; }
  body.d2026 #d26krajina .d26k-tab thead th{ font-size:9px; }
  body.d2026 #d26krajina .d26k-tab thead th:first-child, body.d2026 #d26krajina .d26k-tab tbody th{ width:30%; font-size:13px; }
  body.d2026 #d26krajina .d26k-vylety h2{ font-size:34px !important; }
}
/* mriežka článkov na stránke krajiny: biely podklad, rovnaké štvorcové náhľady */
body.d2026 #d26krajina ~ #hp_clanky{ background:#fff !important; }
body.d2026 #d26krajina ~ #hp_clanky .hp_clanok h2{ color:var(--ml-black) !important; }
body.d2026 #d26krajina ~ #hp_clanky .hp_clanok:hover h2{ color:var(--ml-red-dark) !important; }
body.d2026 #d26krajina ~ #hp_clanky img.mainimagehp{ width:100% !important; height:auto !important; aspect-ratio:1/1; object-fit:cover; }
body.d2026 #hp_clanky img.mainimagehp{ width:100%; height:auto; aspect-ratio:1/1; object-fit:cover; }
/* odkaz na krajinu v článku */
body.d2026 .d26c-kicker a{ display:inline-block; padding:5px 10px 4px; border:0 !important; border-radius:3px; background:var(--ml-red); color:#fff !important; line-height:1; text-decoration:none; transition:background .2s; }
body.d2026 .d26c-kicker a:hover{ background:var(--ml-red-dark); color:#fff !important; }
body.d2026 #d26suvisiace .d26suv-vsetko{ margin:28px 0 0; }
body.d2026 #d26suvisiace .d26suv-vsetko a{ display:inline-block; padding:12px 18px; border:1px solid #5a5f66; border-radius:4px; color:#fff; font-family:var(--ml-body); font-weight:600; font-size:15px; text-decoration:none; }
body.d2026 #d26suvisiace .d26suv-vsetko a:hover{ background:var(--ml-red); border-color:var(--ml-red); }

/* ---------- 17. MTB KRAJINY – prehľad (/mtb-krajiny) a pás „Kam na bajk“ na úvodnej stránke ---------- */
body.d2026 #d26kprehlad{ background:#fff; padding:56px 0 72px; }
body.d2026 #d26kprehlad .d26k-wrap{ max-width:1280px; margin:0 auto; padding:0 32px; box-sizing:border-box; }
body.d2026 #d26kprehlad .d26k-lbl{ margin:0; font-family:var(--ml-head) !important; font-weight:800; font-size:20px; text-transform:uppercase; color:var(--ml-red-dark); letter-spacing:.5px; }
body.d2026 #d26kprehlad h1{ margin:4px 0 14px !important; padding:0 !important; font-family:var(--ml-head) !important; font-weight:900 !important; font-size:clamp(48px,7vw,80px) !important; line-height:1 !important; text-transform:uppercase; color:var(--ml-black) !important; text-align:left; }
body.d2026 #d26kprehlad .d26kp-uvod{ margin:0 0 32px; max-width:none; font-size:17px; line-height:1.55; color:#3d3d3a; }
body.d2026 #d26kprehlad .d26kp-mriezka{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }

body.d2026 .d26kp-dlazdica{ position:relative; display:block; aspect-ratio:3/2; overflow:hidden; background:#2b3138; text-decoration:none; }
body.d2026 .d26kp-dlazdica img{ width:100%; height:100%; object-fit:cover; display:block; margin:0; transition:transform .4s; }
body.d2026 .d26kp-dlazdica:hover img{ transform:scale(1.04); }
body.d2026 .d26kp-dlazdica:after{ content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,.72), rgba(0,0,0,0) 58%); }
body.d2026 .d26kp-dlazdica span{ position:absolute; left:16px; right:12px; bottom:12px; z-index:2; color:#fff; }
body.d2026 .d26kp-dlazdica b{ display:block; font-family:var(--ml-head) !important; font-weight:900; font-size:30px; line-height:1; text-transform:uppercase; }
body.d2026 .d26kp-dlazdica i{ display:block; margin-top:3px; font-style:normal; font-size:13px; }

body.d2026 #d26kam{ background:#fff; }
body.d2026 #d26kam .d26wrap{ max-width:1280px; margin:0 auto; padding:48px 32px 8px; box-sizing:border-box; }
body.d2026 #d26kam .d26kam-vlajky{ display:flex; flex-wrap:wrap; gap:10px; }
body.d2026 #d26kam .d26kam-vlajky a{ display:inline-flex; align-items:center; gap:10px; padding:9px 16px 9px 9px; border:1px solid #d9d6cf; border-radius:40px; background:#fff; color:var(--ml-text); font-family:var(--ml-body); font-weight:600; font-size:15px; line-height:1; text-decoration:none; transition:border-color .2s, color .2s; }
body.d2026 #d26kam .d26kam-vlajky a:hover{ border-color:var(--ml-red); color:var(--ml-red-dark); }
body.d2026 #d26kam .d26kam-vlajky img{ width:26px; height:26px; border-radius:50%; object-fit:cover; margin:0; display:block; }
body.d2026 #d26kam .d26kam-vlajky small{ font-weight:400; font-size:13px; color:#8a8984; }
body.d2026 #d26kam + #d26instagram .d26wrap, body.d2026 #d26kam ~ #d26instagram .d26wrap{ padding-top:32px; }
body.d2026 #d26kam .d26kam-hlava{ display:flex; justify-content:space-between; align-items:baseline; gap:16px; margin:0 0 20px; }
body.d2026 #d26kam h2{ margin:0 !important; padding:0 !important; border:0 !important; font-family:var(--ml-head) !important; font-weight:900 !important; font-size:33px !important; line-height:1 !important; text-transform:uppercase; color:var(--ml-black) !important; background:none !important; }
body.d2026 #d26kam .d26kam-hlava a{ font-family:var(--ml-body); font-weight:600; font-size:15px; color:var(--ml-red-dark); text-decoration:none; white-space:nowrap; }

@media (max-width:1000px){
  body.d2026 #d26kprehlad .d26kp-mriezka{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:640px){
  body.d2026 #d26kprehlad{ padding:36px 0 48px; }
  body.d2026 #d26kprehlad .d26k-wrap, body.d2026 #d26kam .d26wrap{ padding-left:20px; padding-right:20px; }
  body.d2026 #d26kprehlad .d26kp-mriezka{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  body.d2026 .d26kp-dlazdica b{ font-size:22px; }
}