/* Blog a stránky rubrik podle maket ze zadání pro IT z 9. 10. 2026.
   Jeden soubor pro všech 14 stránek; obrázek prvního obrazovky dodá šablona
   v proměnných --hero / --hero-png. Rozsah .nem2 je stejný jako jinde na webu. */


.nem2{
  --kr:#FBF7F1; --pisek:#F2DCC4; --pisek2:#F2EAE0; --linka:#E4CFB6; --linka2:#C9BCA8;
  --ink:#231F21; --ink2:#4A4245; --meta:#6E655E; --karta:#FFFFFF;
  --bordo:#8C2326; --bordo-t:#7A1D20; --bordo-s:#A32B2E;
  --hero:#231F21; --hero-txt:#FBF7F1; --hero-sub:#F2EAE0; --hero-muted:#C9BCA8;
  --cta-bg:#F2DCC4;
  --sans:'Lexend',system-ui,-apple-system,'Segoe UI',sans-serif;
  --serif:'Source Serif 4',Georgia,'Times New Roman',serif;
  --pad:80px;
  color-scheme:light;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}

.nem2{scroll-padding-top:env(safe-area-inset-top,0px)}

.nem2 *,.nem2 *::before,.nem2 *::after{box-sizing:border-box}

.nem2{margin:0;background:var(--kr);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}

.nem2 a{color:var(--bordo);text-decoration:none}

.nem2 a:hover{color:var(--bordo-t)}

.nem2 :focus-visible{outline:3px solid var(--bordo-s);outline-offset:3px;border-radius:6px}

.nem2 img{max-width:100%}

.nem2 .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.nem2 .wrap{max-width:1440px;margin:0 auto;padding:0 var(--pad)}


/* service bar */
.nem2 .servis{background:#231F21;color:#F2DCC4;font-size:13px;font-weight:400}

.nem2 .servis .wrap{height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}

.nem2 .servis span.sep{color:#6E655E}

.nem2 .servis .l,.nem2 .servis .r{display:flex;gap:20px;align-items:center}

.nem2 .servis strong{color:#FBF7F1;font-weight:600}

.nem2 .servis .hi{color:#FBF7F1}


/* header */
.nem2 .hlavicka{border-bottom:1px solid var(--linka);background:var(--kr);position:sticky;top:0;z-index:20}

.nem2 .hlavicka .wrap{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}

.nem2 .logo{display:flex;align-items:center;gap:14px;color:var(--ink)}

.nem2 .logo:hover{color:var(--ink)}

.nem2 .logo .sep{width:1px;height:22px;background:var(--linka2)}

.nem2 .logo b{font-size:20px;font-weight:700;letter-spacing:-.045em}

.nem2 .logo b span{color:var(--bordo)}

.nem2 .menu{display:flex;gap:30px;font-size:14px;font-weight:600}

.nem2 .menu a{color:var(--ink);padding:6px 0}

.nem2 .menu a[aria-current]{color:var(--bordo);box-shadow:inset 0 -2px 0 var(--bordo)}

.nem2 .akce{display:flex;gap:12px;align-items:center}

.nem2 .btn{height:44px;padding:0 22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;font-family:var(--sans);border:none;cursor:pointer;white-space:nowrap}

.nem2 .akce .btn{font-size:14px}

.nem2 .btn-o{border:1.5px solid var(--linka);color:var(--ink);background:transparent}

.nem2 .btn-o:hover{color:var(--ink);border-color:var(--linka2)}

.nem2 .btn-p{color:#FBF7F1;background:linear-gradient(180deg,#A32B2E,#7A1D20)}

.nem2 .btn-p:hover{color:#FBF7F1;filter:brightness(1.07)}

.nem2 .burger{display:none;width:44px;height:44px;border:none;background:transparent;color:var(--ink);align-items:center;justify-content:center;cursor:pointer}


/* hero */
.nem2 .hero{background:var(--hero);color:var(--hero-txt);position:relative;overflow:hidden}

.nem2 .hero .wrap{padding-top:44px;padding-bottom:56px;display:flex;flex-direction:column;gap:20px;position:relative}

/* Obrázek úvodního bloku: tmavé pozadí + ikona v jednom souboru. Výška obrázku = výška bloku, proto se neořízne ani neroztáhne. */
.nem2 .hero .wrap::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-repeat:no-repeat;background-position:right center;background-size:auto min(100%,460px);background-image:var(--hero-png);background-image:var(--hero-img)}

.nem2 .hero .wrap>*{position:relative;z-index:1}

.nem2 .drobky ol{list-style:none;margin:0;padding:0;display:flex;gap:8px;font-size:13px;font-weight:400;color:var(--hero-muted);flex-wrap:wrap}

.nem2 .drobky a{color:var(--hero-muted)}

.nem2 .drobky a:hover{color:#FBF7F1}

.nem2 .drobky li+li::before{content:"/";margin-right:8px}

.nem2 .drobky [aria-current]{color:#FBF7F1}

.nem2 .kicker{font-size:11px;font-weight:600;letter-spacing:.18em;line-height:1.3;text-transform:uppercase;color:#F2DCC4}

.nem2 .hero h1{margin:0;font-size:clamp(40px,5vw,68px);font-weight:700;line-height:1.02;letter-spacing:-.035em;max-width:13em;text-wrap:balance}

.nem2 .hero p{margin:0;max-width:640px;font-family:var(--serif);font-size:clamp(17px,1.35vw,19px);line-height:1.45;color:var(--hero-sub)}

.nem2 .hledat{display:flex;gap:10px;margin-top:8px;align-items:center;max-width:520px;position:relative;z-index:1}

.nem2 .hledat input{flex:1;min-width:0;height:48px;border:none;border-radius:999px;padding:0 22px;font-family:var(--serif);font-size:17px;background:#F2EAE0;color:#231F21}

.nem2 .hledat input::placeholder{color:#6E655E}

.nem2 .hledat button{height:48px;padding:0 24px;border:none;border-radius:999px;background:#F2DCC4;color:#231F21;font-family:var(--sans);font-size:15px;font-weight:600;cursor:pointer}

.nem2 .hledat button:hover{background:#E4CFB6}


/* chips */
.nem2 .filtr .wrap{padding-top:32px;display:flex;flex-direction:column;gap:18px}

.nem2 .chips{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}

.nem2 .chips a{height:40px;padding:0 18px;border-radius:999px;border:1.5px solid var(--linka);color:var(--ink);display:flex;align-items:center;font-size:15px;font-weight:600;white-space:nowrap}

.nem2 .chips a:hover{border-color:var(--linka2);color:var(--ink)}

.nem2 .chips a[aria-current]{background:var(--bordo);border-color:var(--bordo);color:#FBF7F1}


/* grid */
.nem2 .mrizka{padding-top:32px}

.nem2 .mrizka .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}

.nem2 .karta{background:var(--karta);border:1px solid var(--linka);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:border-color .15s}

.nem2 .karta:hover{border-color:var(--linka2)}

.nem2 .foto-old{height:200px;background:var(--pisek2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--meta);font-size:12px;font-weight:500}

.nem2 .telo{padding:22px;display:flex;flex-direction:column;gap:12px;flex-grow:1}

.nem2 .meta{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--meta);flex-wrap:wrap}

.nem2 .stitek{padding:4px 10px;border-radius:999px;background:var(--pisek);color:var(--bordo-t);font-weight:600}

.nem2 .karta h2{margin:0;font-size:18px;font-weight:600;line-height:1.25;letter-spacing:-.02em;text-wrap:balance}

.nem2 .karta h2 a{color:var(--ink)}

.nem2 .karta h2 a::after{content:"";position:absolute;inset:0}

.nem2 .karta:hover h2 a{color:var(--bordo)}

.nem2 .karta p{margin:0;font-family:var(--serif);font-size:17px;line-height:1.45;color:var(--ink2);flex-grow:1}

.nem2 .cist{font-size:14px;font-weight:600;color:var(--bordo)}


/* article covers */
.nem2 .obal{height:200px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}

.nem2 .obal.t-pisek{background:#F2DCC4}

.nem2 .obal.t-krem{background:#F2EAE0}

.nem2 .obal.t-ink{background:#231F21}

.nem2 .obal .kruh{position:absolute;width:190px;height:190px;border-radius:50%;border:1.5px solid currentColor;opacity:.18}

.nem2 .obal .kruh2{position:absolute;width:260px;height:260px;border-radius:50%;border:1.5px solid currentColor;opacity:.09}

.nem2 .obal svg.ik{position:relative;width:96px;height:96px}

.nem2 .obal.t-pisek,.nem2 .obal.t-krem{color:#8C2326}

.nem2 .obal.t-ink{color:#F2DCC4}

.nem2 .obal .tecky{position:absolute;left:20px;bottom:18px;display:flex;align-items:center;gap:6px}

.nem2 .obal .tecky i{display:block;width:30px;height:3px;border-radius:999px;background:currentColor;opacity:.7}

.nem2 .obal .tecky b{display:block;width:6px;height:9px;border-radius:999px;background:currentColor;opacity:.35}

.nem2 .karta:hover .obal svg.ik{transform:scale(1.04)}

.nem2 .obal svg.ik{transition:transform .2s}

.nem2 .karta .akc{display:flex;align-items:center;gap:6px;margin-top:-2px}

.nem2 .karta .akc i{display:block;width:28px;height:3px;border-radius:999px;background:linear-gradient(90deg,#8C2326,#C4585B)}

@media (max-width:640px){.nem2 .obal{height:170px}
.nem2 .obal svg.ik{width:84px;height:84px}
}

/* photo cards v3 */
.nem2 .fotka{height:200px;position:relative;overflow:hidden;background:#E4CFB6}

.nem2 .fotka .img{position:absolute;inset:0;background:linear-gradient(135deg,#EAD7C0 0%,#D9C3A8 55%,#C9B397 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#6E655E;font-size:13px;font-weight:400;text-align:center;padding:0 24px;transition:transform .35s ease}

.nem2 .fotka .img svg{opacity:.7}

.nem2 .fotka::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(0deg,rgba(35,31,33,.22),rgba(35,31,33,0));pointer-events:none}

.nem2 .karta:hover .fotka .img{transform:scale(1.04)}

.nem2 .fotka .odznak{position:absolute;left:16px;top:16px;z-index:1;padding:6px 12px;border-radius:999px;background:#FBF7F1;color:#7A1D20;font-size:12px;font-weight:600;box-shadow:0 4px 12px rgba(35,31,33,.12)}

.nem2 .karta .datum{font-size:12px;color:var(--meta)}

.nem2 .autor{display:flex;align-items:center;gap:10px;margin-top:4px;padding-top:14px;border-top:1px solid var(--linka)}

.nem2 .autor .av{width:36px;height:36px;border-radius:50%;background:#231F21;color:#F2DCC4;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}

.nem2 .autor .kdo{display:flex;flex-direction:column;flex-grow:1;min-width:0}

.nem2 .autor .kdo b{font-size:13px;font-weight:700;color:var(--ink)}

.nem2 .autor .kdo small{font-size:12px;color:var(--meta)}

.nem2 .autor .cas{font-size:12px;color:var(--meta);white-space:nowrap}

@media (max-width:640px){.nem2 .fotka{height:170px}
}

/* author on the seam v4, quiet */
.nem2 .telo{position:relative}

.nem2 .sev{position:relative;margin-top:-22px;min-height:48px;padding:9px 0 0 78px;z-index:2}

.nem2 .sev .av{position:absolute;left:0;top:-32px;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;border:5px solid var(--karta);box-sizing:border-box}

.nem2 .sev .av.a1{background:#231F21;color:#F2DCC4}

.nem2 .sev .av.a2{background:#F2DCC4;color:#7A1D20}

.nem2 .sev .av.a3{background:#E4CFB6;color:#231F21}

.nem2 .sev .kdo{display:flex;flex-direction:column}

.nem2 .sev .kdo b{font-size:15px;font-weight:600;color:var(--ink);line-height:1.25}

.nem2 .sev .kdo small{font-size:13px;font-weight:400;color:var(--meta)}

.nem2 .karta .radek{margin-top:10px;display:flex;gap:8px;align-items:center;font-size:13px;font-weight:400;color:var(--meta)}

.nem2 .karta .radek .dot{width:3px;height:3px;border-radius:50%;background:var(--linka2)}

.nem2 .fotka .odznak{left:auto;right:16px}


/* pagination */
.nem2 .strankovani .wrap{padding-top:32px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}

.nem2 .strankovani .info{font-size:13px;font-weight:400;color:var(--meta)}

.nem2 .strany{display:flex;gap:8px}

.nem2 .strany a,.nem2 .strany span{width:44px;height:44px;border-radius:999px;border:1.5px solid var(--linka);display:flex;align-items:center;justify-content:center;color:var(--ink);font-size:15px;font-weight:600}

.nem2 .strany [aria-current]{background:var(--bordo);border-color:var(--bordo);color:#FBF7F1}

.nem2 .strany .off{color:var(--linka2)}

.nem2 .dalsi{display:none}


/* cta */

/* services */
.nem2 .sluzby .wrap{padding-top:64px;display:flex;flex-direction:column;gap:32px}

.nem2 .sluzby .hlava{display:flex;flex-direction:column;max-width:760px}

.nem2 .sluzby .kick{font-size:11px;font-weight:600;letter-spacing:.18em;line-height:1.3;text-transform:uppercase;color:var(--bordo);margin-bottom:16px}

.nem2 .sluzby h2{margin:0;font-size:clamp(28px,2.8vw,40px);font-weight:700;line-height:1.12;letter-spacing:-.035em;text-wrap:balance}

.nem2 .akcent{display:flex;align-items:center;gap:8px;margin-top:24px}

.nem2 .akcent i{display:block;width:42px;height:3px;border-radius:999px;background:linear-gradient(90deg,#8C2326,#C4585B)}

.nem2 .sluzby .hlava p{margin:20px 0 0;font-family:var(--serif);font-size:17px;line-height:1.45;color:var(--ink2)}

.nem2 .karty{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}

.nem2 .ak{display:flex;align-items:center;gap:18px;padding:24px 28px;border-radius:20px;border:1px solid var(--linka);background:var(--pisek2);color:var(--ink)}

.nem2 .ak:hover{color:var(--ink);border-color:var(--linka2)}

.nem2 .ak .ik{width:52px;height:52px;flex-shrink:0;border-radius:14px;background:var(--pisek);display:flex;align-items:center;justify-content:center}

.nem2 .ak .tx{display:flex;flex-direction:column;gap:4px}

.nem2 .ak strong{font-size:18px;font-weight:600;line-height:1.25;letter-spacing:-.02em}

.nem2 .ak .p{font-family:var(--serif);font-size:17px;line-height:1.45;color:var(--ink2)}

.nem2 .ak .l{font-size:15px;font-weight:600;color:var(--bordo);padding-top:4px}

.nem2 .ak.tmava{background:#231F21;border-color:#231F21;color:#FBF7F1}

.nem2 .ak.tmava:hover{color:#FBF7F1;border-color:#4A4245}

.nem2 .ak.tmava .ik{background:#3A3336}

.nem2 .ak.tmava .p{color:#C9BCA8}

.nem2 .ak.tmava .l{color:#F2DCC4}


/* footer */
.nem2 .paticka{margin-top:72px;background:#231F21;color:#F2DCC4}

.nem2 .paticka .wrap{padding-top:56px;padding-bottom:32px;display:flex;flex-direction:column;gap:40px}

.nem2 .sloupce{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:40px}

.nem2 .sloupce div{display:flex;flex-direction:column;gap:10px;font-size:13px}

.nem2 .sloupce h3{margin:0 0 4px;font-size:11px;font-weight:600;letter-spacing:.18em}

.nem2 .sloupce a,.nem2 .sloupce .w{color:#FBF7F1}

.nem2 .sloupce a:hover{color:#F2DCC4}

.nem2 .flogo{display:flex;align-items:center;gap:12px}

.nem2 .flogo .sep{width:1px;height:20px;background:#8A8078}

.nem2 .flogo b{font-size:18px;font-weight:700;letter-spacing:-.045em;color:#FBF7F1}

.nem2 .flogo b span{color:#F2DCC4}

.nem2 .paticka p{margin:0;font-family:var(--serif);font-size:14px;line-height:1.55;color:#C9BCA8}

.nem2 .spodek{border-top:1px solid #4A4245;padding-top:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12px;color:#C9BCA8}


/* mobile bottom nav */
.nem2 .spodni{display:none}


/* ---------- responsive ---------- */
@media (max-width:1180px){
  .nem2{--pad:40px}

  .nem2 .menu{gap:20px}

  .nem2 .servis .l span:nth-child(n+3){display:none}

}
@media (max-width:980px){
  .nem2 .menu,.nem2 .akce .btn-o{display:none}

  .nem2 .burger{display:inline-flex}

  .nem2 .mrizka .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}

  .nem2 .sloupce{grid-template-columns:1fr 1fr}

  .nem2 .hero .wrap::before{background-size:auto 64%;opacity:.62}

}
@media (max-width:980px){.nem2 .karty{grid-template-columns:1fr}
}
@media (max-width:640px){
  .nem2 .sluzby .wrap{padding-top:32px;gap:22px}

  .nem2 .ak{padding:18px;gap:14px}

  .nem2 .ak strong{font-size:18px}

  .nem2{--pad:18px}

  .nem2 .servis{display:none}

  .nem2 .hlavicka .wrap{height:60px}

  .nem2 .logo svg{width:28px;height:28px}

  .nem2 .logo b{font-size:17px}

  .nem2 .logo .sep{display:none}

  .nem2 .akce .btn-p{display:none}

  .nem2 .hero .wrap{padding-top:24px;padding-bottom:30px;gap:14px}

  .nem2 .hero .wrap::before{background-size:auto 160px;background-position:right top 8px;opacity:.55}

  .nem2 .hledat button{display:none}

  .nem2 .filtr .wrap{padding-right:0}

  .nem2 .chips{flex-wrap:nowrap;overflow-x:auto;padding-right:18px;scrollbar-width:none}

  .nem2 .chips::-webkit-scrollbar{display:none}

  .nem2 .chips a{flex-shrink:0}

  .nem2 .mrizka .wrap{grid-template-columns:1fr;gap:14px}

  .nem2 .mrizka{padding-top:14px}

  .nem2 .foto{height:170px}

  .nem2 .karta{border-radius:18px}

  .nem2 .strankovani .info,.nem2 .strany{display:none}

  .nem2 .dalsi{display:flex;width:100%;height:48px;border-radius:999px;border:1.5px solid var(--linka);align-items:center;justify-content:center;font-size:15px;font-weight:600;color:var(--ink)}

  .nem2 .sloupce{grid-template-columns:1fr;gap:28px}

  .nem2 .spodni{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;height:calc(72px + env(safe-area-inset-bottom,0px));padding:0 8px env(safe-area-inset-bottom,0px);background:var(--kr);border-top:1px solid var(--linka);align-items:center;justify-content:space-around}

  .nem2 .spodni a{min-width:56px;height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:12px;font-weight:600;color:var(--ink)}

  .nem2 .spodni a[aria-current]{color:var(--bordo)}

  .nem2 .spodni .chat{width:54px;height:54px;min-width:0;margin-top:-26px;border-radius:999px;background:linear-gradient(180deg,#A32B2E,#7A1D20)}

  .nem2{padding-bottom:72px}

}
/* footer = design canvas, 1:1 */
.nem2 .pata{padding-left:max(80px,calc((100% - 1280px)/2))!important;padding-right:max(80px,calc((100% - 1280px)/2))!important}

.nem2 .pata a:hover{color:#F2DCC4!important}

@media (max-width:1180px){.nem2 .pata{padding-left:40px!important;padding-right:40px!important}
}
@media (max-width:980px){.nem2 .pata-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:640px){.nem2 .pata{margin-top:40px!important;padding:40px 18px 104px!important}
.nem2 .pata-grid{grid-template-columns:1fr!important;gap:28px!important}
.nem2 .pata-spodek{flex-direction:column;gap:8px}
}
/* single service card */
.nem2 .karty.jedna{grid-template-columns:1fr}

.nem2 .ak-1{padding:28px 32px;gap:22px}

.nem2 .ak-1 .tx{flex:1;min-width:0}

.nem2 .ak-btn{flex-shrink:0;height:48px;padding:0 24px;border-radius:999px;border:1.5px solid #8C2326;color:#8C2326;font-size:15px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s}

.nem2 .ak-1:hover .ak-btn{background:#8C2326;color:#FBF7F1}

@media (max-width:640px){.nem2 .ak-1{flex-direction:column;align-items:flex-start;padding:22px 20px;gap:14px}
.nem2 .ak-btn{width:100%}
}
/* sticky chat widget */
.nem2 .bok{position:sticky;top:108px}

.nem2 .widget{background:#F2EAE0;color:#231F21;border:1px solid #E4CFB6;border-radius:20px;padding:26px 24px 22px;display:flex;flex-direction:column;gap:14px;box-sizing:border-box}

.nem2 .widget-m{display:none}

.nem2 .w-online{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.18em;line-height:1.3;text-transform:uppercase;color:#8C2326}

.nem2 .w-online i{width:8px;height:8px;border-radius:50%;background:#5FB37A;box-shadow:0 0 0 3px rgba(95,179,122,.25)}

.nem2 .widget h3{margin:8px 0 0;color:#231F21;font-size:24px;font-weight:600;letter-spacing:0;line-height:1.15}

.nem2 .widget h3 .dt{letter-spacing:.07em}

.nem2 .w-tym{display:flex}

.nem2 .w-tym .av{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;border:3px solid #F2EAE0;margin-left:-8px;box-sizing:border-box}

.nem2 .w-tym .av:first-child{margin-left:0}

.nem2 .w-tym .av.a1{background:#231F21;color:#F2DCC4}
.nem2 .w-tym .av.a2{background:#8C2326;color:#FBF7F1}
.nem2 .w-tym .av.a3{background:#F2DCC4;color:#7A1D20}
.nem2 .w-tym .av.a4{background:#4A4245;color:#F2DCC4}

.nem2 .w-text{margin:0;font-family:var(--serif);font-size:17px;line-height:1.45;color:#4A4245}

.nem2 .w-pole{width:100%;min-height:104px;resize:vertical;border:1px solid #E4CFB6;border-radius:14px;padding:14px 16px;background:#FFFFFF;color:#231F21;font-family:var(--serif);font-size:17px;line-height:1.45;box-sizing:border-box}

.nem2 .w-pole::placeholder{color:#8A8078}

.nem2 .w-pocet{margin-top:-8px;text-align:right;font-size:13px;font-weight:400;color:#6E655E}

.nem2 .w-btn{width:100%;height:50px;font-size:15px}

.nem2 .w-pata{margin:0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:400;color:#4A4245;white-space:nowrap}
.nem2 .w-pata svg{color:#8C2326}
.nem2 .w-tecka{width:3px;height:3px;border-radius:50%;background:#C9BCA8}

/* listing with sidebar */
.nem2 .se-bokem .wrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;padding-top:32px;align-items:start}

.nem2 .clanky-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}

.nem2 .leva{min-width:0}

.nem2 .leva .strankovani .wrap{padding:32px 0 0;max-width:none}

.nem2 .leva .widget-m{margin-top:28px}

@media (max-width:1100px){.nem2 .se-bokem .wrap{grid-template-columns:minmax(0,1fr) 300px;gap:28px}
}
@media (max-width:980px){.nem2 .se-bokem .wrap{grid-template-columns:1fr}
.nem2 .bok{display:none}
.nem2 .widget-m{display:flex}
}
@media (max-width:640px){.nem2 .clanky-grid{grid-template-columns:1fr;gap:14px}
.nem2 .se-bokem .wrap{padding-top:14px}
}
@media (prefers-reduced-motion:reduce){.nem2 *{transition:none!important}
}

.nem2 .karty.jedna{grid-template-columns:1fr}


/* Ochrana proti stylům šablony (ta má na obrázky a odkazy vlastní pravidla). */
.nem2 img{max-width:100%;height:auto;display:block}
.nem2 a{box-shadow:none!important;text-decoration:none}
.nem2 ul,.nem2 ol{list-style:none;margin:0;padding:0}
.nem2 li{margin:0;padding:0;background:none}
/* Odrážky si kreslí maketa sama (::before), nic plošně nevypínáme. */
.nem2 h1,.nem2 h2,.nem2 h3,.nem2 h4{text-transform:none!important;letter-spacing:-0.035em}
.nem2 button,.nem2 input,.nem2 select,.nem2 textarea{font-family:inherit}
.nem2 .btn,.nem2 button{text-transform:none!important;letter-spacing:0!important;text-shadow:none!important}
.nem2 p{margin:0}
.nem2 section{margin:0}

/* Šablona má na nadpisy vlastní písmo (Source Sans Pro) s vyšší specifitou. */
.nem2 h1,.nem2 h2,.nem2 h3,.nem2 h4,.nem2 h5,.nem2 h6{font-family:var(--sans)!important}
.nem2 .serif,.nem2 .lead,.nem2 p.serif{font-family:var(--serif)!important}

/* Šablona dává nadpisům i textům vlastní barvu, v tmavém pruhu pak černá na černé. */
.nem2 .pas h2,.nem2 .pas h3,.nem2 .pas .h2{color:var(--kr)!important}
.nem2 .pas p{color:#D9CDBD!important}
.nem2 .pas .btn{color:var(--ink)!important}
/* Dlaždice s logem Google: barvy logotypu nesmí přebít currentColor šablony. */
.nem2 .skore .dlazdice svg path{stroke:none}

/* Formulář makety doplněný o naše prvky (Turnstile, hlášky). */
.nem2 .mp-cf--maketa .cf-turnstile{max-width:100%;overflow:hidden}
.nem2 .mp-cf--maketa .mp-cf-status{margin-top:12px;font-size:14px;color:var(--bordo)}
.nem2 .mp-cf--maketa .mp-cf-status.err{color:#B3261E}
.nem2 .mp-cf-done{background:var(--pisek2);border:1px solid var(--linka);border-radius:20px;padding:22px;
  font-size:17px;font-weight:600;color:var(--ink)}
.nem2 .mp-cf-done small{display:block;margin-top:6px;font-size:15px;font-weight:400;color:var(--ink2);font-family:var(--serif)}
.nem2 .mp-cf-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}

/* Přílohy ve formuláři. */
.nem2 .mp-cf--maketa .prilohy{display:block}
.nem2 .mp-cf--maketa .pole-soubor{padding:12px 14px;font-size:15px;background:var(--bila);cursor:pointer}
.nem2 .mp-cf--maketa .pole-soubor::file-selector-button{margin-right:12px;padding:8px 14px;border:0;border-radius:999px;
  background:var(--pisek);color:var(--ink);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}
.nem2 .mp-cf--maketa .pole-soubor::file-selector-button:hover{background:var(--linka)}
.nem2 .mp-cf--maketa .prilohy-pozn{margin:6px 0 2px;font-size:13.5px;color:var(--meta)}

/* Fotka v kartě vyplní celý rám (dřív se spoléhalo na zástupnou ikonu pod ní). */
.nem2 .fotka .img{padding:0}
.nem2 .fotka .img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

/* Nadpis na tmavém prvním obrazovce: šablona mu dává černou barvu. */
.nem2 .hero h1{color:var(--kr)!important}
.nem2 .hero .drobky [aria-current]{color:var(--kr)!important}

/* Mezera pod stránkováním, ať se kolečka nelepí na patičku. */
.nem2 .se-bokem .wrap{padding-bottom:72px}
@media (max-width:640px){.nem2 .se-bokem .wrap{padding-bottom:48px}}

/* Mezera pod blokem služeb, ať karta nelepí na patičku. Na stránkách rubrik
   je blok služeb poslední, proto si odstup drží sám. */
.nem2 .sluzby .wrap{padding-bottom:72px}
@media (max-width:640px){.nem2 .sluzby .wrap{padding-bottom:48px}}
/* Kde blok služeb je, nemusí stránkování držet odstup dvakrát. */
.nem2 .se-bokem:has(+ .sluzby) .wrap{padding-bottom:16px}

/* Portrét v kolečku avataru - iniciály zůstávají pod ním jako záloha. */
.nem2 .sev .av, .nem2 .w-tym .av{overflow:hidden}
.nem2 .w-tym .av{position:relative}
.nem2 .sev .av img, .nem2 .w-tym .av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}

/* Aby se postranní blok s chatem lepil při posouvání stránky. */
#easymega-wp-page{overflow-x:clip}