/* Styl stránky /kontakt/ podle makety ze zadání pro IT ze 7. 10. 2026.
   Rozsah .nem2 je stejný jako v sekci Nemovitosti a u profilů, aby se pravidla
   makety nemíchala se styly šablony webu. */


/* Kontakty - design podle zadání pro IT (sekce Nemovitosti, v1.0): stejné tokeny, písma, karty a mezery jako makety nemovitosti-hub a profil advokáta. */
.nem2{
  --bila:#FFFFFF; --kr:#FBF7F1; --pisek:#F2DCC4; --pisek2:#F2EAE0; --linka:#E4CFB6; --linka2:#C9BCA8;
  --ink:#231F21; --ink2:#4A4245; --meta:#6E655E;
  --bordo:#8C2326; --bordo-t:#7A1D20; --bordo-s:#A32B2E;
  --sans:'Lexend',system-ui,-apple-system,'Segoe UI',sans-serif;
  --serif:'Source Serif 4',Georgia,'Times New Roman',serif;
  --pad:80px;
  color-scheme:light;
}

.nem2{scroll-behavior:smooth;scroll-padding-top:100px;-webkit-text-size-adjust:100%}

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

.nem2{margin:0;background:var(--kr);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.3;-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 h1,.nem2 h2,.nem2 h3,.nem2 p,.nem2 dl,.nem2 dd{margin:0}

.nem2 img{max-width:100%}

.nem2 svg{flex-shrink:0}

.nem2 [hidden]{display:none!important}

.nem2 button,.nem2 input,.nem2 select,.nem2 textarea{font:inherit;color:inherit}

.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)}


/* servisní lišta + hlavička (společné pro celý web) */
.nem2 .servis{background:var(--ink);color:var(--pisek);font-size:13px;font-weight:400}

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

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

.nem2 .servis a{color:var(--pisek)}

.nem2 .servis a:hover{color:var(--kr)}

.nem2 .servis strong,.nem2 .servis .hi{color:var(--kr)}

.nem2 .servis strong{font-weight:600}

.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);flex-shrink:0}

.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;line-height:1}

.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;white-space:nowrap}

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

.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;flex-shrink:0}

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

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

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

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

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

.nem2 .btn-s{color:var(--ink);background:var(--pisek)}

.nem2 .btn-s:hover{color:var(--ink);filter:brightness(1.04)}

.nem2 .btn.vel{height:52px;padding:0 28px;font-size:15px}

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

.nem2 .mmenu{display:none}


/* štítek s červenou linkou před názvem bloku: 30 × 2 px nad H1 i nad H2, mezera 14 px (stejně jako na profilu advokáta petr-uklein.html) */
.nem2 .stitek,.nem2 .kick{display:flex;align-items:center;gap:14px;font-size:11px;font-weight:600;letter-spacing:.18em;line-height:1.3;text-transform:uppercase;color:var(--bordo)}

.nem2 .stitek::before,.nem2 .kick::before{content:"";flex:none;height:2px;border-radius:2px;background:currentColor}

.nem2 .stitek{margin-top:14px}

.nem2 .kick{margin-bottom:16px}

.nem2 .stitek::before,.nem2 .kick::before{width:30px}

.nem2 .kick.bez::before{display:none}

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

.nem2 .perex{font-family:var(--serif);font-size:17px;line-height:1.45;color:var(--ink2);margin-top:18px;max-width:720px;text-wrap:pretty}

.nem2 .txt{font-family:var(--serif);font-size:17px;line-height:1.45;color:var(--ink2);text-wrap:pretty}

.nem2 .dlazdice{flex-shrink:0;width:46px;height:46px;border-radius:12px;background:var(--pisek);color:var(--bordo);display:flex;align-items:center;justify-content:center}

.nem2 .sek{padding:84px 0}

.nem2 .sek.linka{border-top:1px solid var(--linka)}

.nem2 .mrizka{display:grid;gap:20px;margin-top:32px}

.nem2 .m4{grid-template-columns:repeat(4,minmax(0,1fr))}


/* úvod */
.nem2 .hero{border-bottom:1px solid var(--linka)}

.nem2 .hero .wrap{padding-top:52px;padding-bottom:84px}

.nem2 .hero .tx{display:flex;flex-direction:column;gap:22px;min-width:0}

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

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

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

.nem2 .drobky li+li::before{content:"/";margin-right:8px;color:var(--linka2)}

.nem2 .drobky [aria-current]{color:var(--ink)}

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

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


/* čtyři způsoby kontaktu */
.nem2 .kk{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:22px;background:var(--bila);border:1px solid var(--linka);border-radius:20px;color:var(--ink);transition:border-color .15s,box-shadow .15s}

.nem2 .kk:hover{color:var(--ink);border-color:var(--linka2);box-shadow:0 14px 30px rgba(35,31,33,.06)}

.nem2 .kk .st{position:relative;margin-top:18px;font-size:11px;font-weight:600;letter-spacing:.18em;line-height:1.3;text-transform:uppercase;color:var(--meta)}

.nem2 .kk b{position:relative;margin-top:8px;font-size:18px;font-weight:600;line-height:1.2;letter-spacing:-.03em}

.nem2 .kk .txt{position:relative;margin-top:10px}

.nem2 .kk .duch{position:absolute;right:-28px;bottom:-34px;color:var(--bordo);opacity:.055;pointer-events:none}

.nem2 .kk.tma .duch{color:var(--pisek);opacity:.08}

.nem2 .kk .dlazdice{position:relative}

.nem2 .kk.sir{grid-column:1 / -1;display:grid;grid-template-columns:46px auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;align-items:center}

.nem2 .kk.sir .dlazdice{grid-row:1 / span 2}

.nem2 .kk.sir .st{grid-column:2;margin-top:0;align-self:end}

.nem2 .kk.sir b{grid-column:2;margin-top:6px;align-self:start}

.nem2 .kk.sir .txt{grid-column:3;grid-row:1 / span 2;margin:0 0 0 16px;padding-left:32px;border-left:1px solid var(--linka)}

.nem2 .kk.sir .duch{right:8px;bottom:-46px;opacity:.04}

.nem2 .kk.tma{background:var(--ink);border-color:var(--ink);color:var(--kr)}

.nem2 .kk.tma:hover{color:var(--kr);border-color:var(--ink)}

.nem2 .kk.tma .dlazdice{position:relative;background:rgba(242,220,196,.14);color:var(--pisek)}

.nem2 .kk.tma .st{color:var(--linka2)}

.nem2 .kk.tma .txt{color:#D9CDBD}

.nem2 .pas .o{position:absolute;border-radius:50%;border-style:solid;border-color:rgba(251,247,241,.05);pointer-events:none}


/* adresa a mapa */
.nem2 .misto{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:56px;align-items:center}

.nem2 .mapa{position:relative;overflow:hidden;border:1px solid var(--linka);border-radius:20px;background:#EDE7DC}

.nem2 .mapa::before{content:"";display:block;padding-top:68.33%}

.nem2 .mapa img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}

.nem2 .mapa a{position:absolute;border-radius:999px}

.nem2 .mapa .p1{left:2%;top:4.1%;width:19.3%;height:7.4%}

.nem2 .mapa .p2{left:2%;top:89.2%;width:23.1%;height:7.3%}

.nem2 .mapa .p3{left:26.6%;top:89.2%;width:8.9%;height:7.3%}

.nem2 .udaje{list-style:none;margin:32px 0 0;padding:0;display:flex;flex-direction:column;gap:18px}

.nem2 .udaje li{display:flex;align-items:center;gap:16px}

.nem2 .udaje b{display:block;font-size:17px;font-weight:600;line-height:1.3;letter-spacing:-.01em}

.nem2 .udaje .txt{display:block;margin-top:2px}

.nem2 .tl{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}


/* ověření kanceláře */
.nem2 .kostka{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"h b" "d d";align-items:center;gap:0 24px;margin-top:32px;padding:22px;background:var(--pisek2);border:1px solid var(--linka);border-radius:20px}

.nem2 .kostka .hl{grid-area:h;display:flex;align-items:center;gap:14px;min-width:0}

.nem2 .kostka .dlazdice{background:var(--bila)}

.nem2 .kostka h2{font-size:18px;font-weight:600;line-height:1.2;letter-spacing:-.03em}

.nem2 .kostka .btn{grid-area:b;height:48px;padding:0 26px;font-size:15px;background:var(--bila)}

.nem2 .kostka dl{grid-area:d;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;margin-top:20px}

.nem2 .kostka dl div{display:flex;flex-direction:column;gap:4px;padding:14px 0;border-top:1px solid var(--linka)}

.nem2 .kostka dl div:nth-last-child(-n+3){padding-bottom:0}

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

.nem2 .kostka dd{font-size:15px;font-weight:600;line-height:1.3}


/* poptávkový formulář (společný blok webu) */
.nem2 .popt{position:relative;overflow:hidden;background:var(--bila);border-top:1px solid var(--linka);padding:84px 0}

.nem2 .popt-g{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.28fr);gap:56px;align-items:start}

.nem2 .kroky{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-direction:column;gap:18px}

.nem2 .kroky li{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;align-items:start}

.nem2 .kroky li:not(:last-child)::before{content:"";position:absolute;left:13px;top:28px;bottom:-18px;width:2px;background:var(--bordo)}

.nem2 .kroky .c{position:relative;width:28px;height:28px;border-radius:50%;background:var(--bordo);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;line-height:1}

.nem2 .kroky b{display:block;padding-top:3px;font-size:17px;font-weight:600;line-height:1.3;letter-spacing:-.01em}

.nem2 .kroky .txt{display:block;margin-top:2px}

.nem2 .spech-w{position:relative;margin-top:30px}

.nem2 .popt .sloup{position:absolute;left:0;top:-24.6px;overflow:visible;color:#FAF6F6;pointer-events:none}

.nem2 .spech{position:relative;display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:20px;background:linear-gradient(90deg,#F8ECDD,#F2DCC4);color:var(--ink)}

.nem2 .spech:hover{color:var(--ink);filter:brightness(1.02)}

.nem2 .spech .dlazdice{background:var(--bila)}

.nem2 .spech b{display:block;font-size:15px;font-weight:600}

.nem2 .spech small{display:block;margin-top:3px;font-family:var(--serif);font-size:17px;line-height:1.45;color:var(--ink2)}

.nem2 .form{display:flex;flex-direction:column;gap:16px}

.nem2 .form label{display:block}

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

.nem2 .pole{display:block;width:100%;border:1.5px solid var(--linka);border-radius:14px;padding:16px 20px;background:#FAF8F4;color:var(--ink);font-family:var(--serif);font-size:17px;line-height:1.45}

.nem2 .pole::placeholder{color:var(--meta);opacity:1}

.nem2 .pole:focus{outline:2px solid var(--bordo-s);outline-offset:1px}

.nem2 select.pole{appearance:none;-webkit-appearance:none;padding-right:48px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238C2326' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center}

.nem2 select.pole:invalid{color:var(--meta)}

.nem2 textarea.pole{min-height:176px;resize:vertical}

.nem2 .form .souhlas{display:flex;align-items:flex-start;gap:12px;margin-top:4px;font-size:13px;font-weight:400;line-height:1.55;color:var(--ink2);cursor:pointer}

.nem2 .souhlas input{appearance:none;-webkit-appearance:none;flex-shrink:0;width:24px;height:24px;margin:0;border:1.5px solid var(--linka);border-radius:7px;background:#FAF8F4;cursor:pointer}

.nem2 .souhlas input:checked{border-color:var(--bordo);background:var(--bordo) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center no-repeat}

.nem2 .souhlas span{padding-top:2px}

.nem2 .odeslat{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:8px}

.nem2 .odeslat .btn{height:52px;padding:0 28px;font-size:15px}

.nem2 .odeslat span{font-size:13px;color:var(--meta)}

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


/* časté dotazy */
.nem2 .dva-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:48px;align-items:start}

.nem2 .faq{display:flex;flex-direction:column;gap:12px}

.nem2 .faq details{background:var(--bila);border:1px solid var(--linka);border-radius:20px}

.nem2 .faq details[open]{border-color:var(--linka2)}

.nem2 .faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;cursor:pointer;border-radius:20px}

.nem2 .faq summary::-webkit-details-marker{display:none}

.nem2 .faq summary h3{font-size:17px;font-weight:600;line-height:1.3;letter-spacing:-.01em}

.nem2 .faq summary::after{content:"";flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--pisek2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238C2326' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 12h12M12 6v12'/%3E%3C/svg%3E") center no-repeat}

.nem2 .faq details[open] summary::after{background:var(--bordo) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E") center no-repeat}

.nem2 .faq details .txt{padding:0 22px 22px;max-width:760px}

.nem2 .faq .txt a{color:var(--bordo);text-decoration:underline;text-underline-offset:3px}


/* tmavý pás s výzvou */
.nem2 .pas{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;margin-top:28px;padding:28px 44px;border-radius:20px;background:var(--ink);color:var(--kr)}

.nem2 .pas .in,.nem2 .pas .btn{position:relative}

.nem2 .pas .in{flex:1 1 520px}

.nem2 .pas h2{font-size:clamp(24px,2.1vw,30px);font-weight:600;letter-spacing:-.035em;line-height:1.15}

.nem2 .pas p{font-family:var(--serif);font-size:17px;line-height:1.45;color:#D9CDBD;margin-top:6px;max-width:780px;text-wrap:pretty}


/* patička (společná pro celý web) */
.nem2 .pata{background:var(--ink);color:#D9CDBD}

.nem2 .pata .wrap{padding-top:60px;padding-bottom:30px;display:flex;flex-direction:column;gap:44px}

.nem2 .pata-g{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1.2fr) minmax(0,1.2fr) minmax(0,1fr);gap:40px}

.nem2 .pata-g > div{display:flex;flex-direction:column;gap:14px;align-items:flex-start;font-size:13px;font-weight:400}

.nem2 .pata .n{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--linka2);margin-bottom:4px}

.nem2 .pata a{color:var(--kr)}

.nem2 .pata a:hover{color:var(--pisek)}

.nem2 .pata .w{color:var(--kr)}

.nem2 .pata strong{font-weight:600}

.nem2 .pata p{max-width:30ch;font-family:var(--serif);font-size:17px;line-height:1.45;color:var(--linka2)}

.nem2 .flogo{display:flex;align-items:center;gap:12px;color:var(--pisek)}

.nem2 .flogo b{font-size:18px;font-weight:700;letter-spacing:-.045em;color:var(--kr)}

.nem2 .site{display:flex;gap:10px}

.nem2 .site a{width:44px;height:44px;border-radius:50%;background:#3A3437;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600}

.nem2 .pata-s{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:22px;border-top:1px solid #4A4245;font-size:13px;font-weight:400;color:var(--linka2)}

.nem2 .pata-s a{color:var(--linka2)}


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

}
@media (max-width:1280px){
  .nem2{--pad:48px}

  .nem2 .menu{gap:22px}

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

  .nem2 .menu{gap:18px;font-size:13px}

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

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

  .nem2 .misto,.nem2 .popt-g{gap:40px}

}
@media (max-width:1140px){
  .nem2 .menu{display:none}

  .nem2 .burger{display:inline-flex}

  .nem2 .mmenu[open]{display:block;position:fixed;inset:0;z-index:40;overflow:auto;border:0;margin:0;width:100%;height:100%;max-width:none;max-height:none;padding:20px var(--pad) 48px;background:var(--ink);color:var(--kr)}

  .nem2 .mmenu .hl{display:flex;align-items:center;justify-content:space-between}

  .nem2 .mmenu .zav{width:44px;height:44px;border:0;border-radius:50%;background:#3A3437;color:var(--kr);font-size:20px;line-height:1;cursor:pointer}

  .nem2 .mmenu nav{margin-top:14px;display:flex;flex-direction:column}

  .nem2 .mmenu nav a{padding:17px 0;border-bottom:1px solid #4A4245;font-size:17px;font-weight:600;color:var(--kr)}

  .nem2 .mmenu nav a[aria-current]{color:var(--pisek)}

  .nem2 .mmenu .tl{margin-top:26px}

}
@media (max-width:980px){
  .nem2 .misto,.nem2 .popt-g,.nem2 .dva-g{grid-template-columns:minmax(0,1fr)}

  .nem2 .misto{gap:32px}

  .nem2 .misto .mapa{order:2}

  .nem2 .dva-g{gap:28px}

  .nem2 .popt .sloup{display:none}

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

  .nem2 .kostka dl div:nth-last-child(-n+3){padding-bottom:14px}

  .nem2 .kostka dl div:nth-last-child(-n+2){padding-bottom:0}

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

}
@media (max-width:760px){
  .nem2 .kostka{grid-template-columns:minmax(0,1fr);grid-template-areas:"h" "d" "b"}

  .nem2 .kostka .btn{margin-top:20px}

}
@media (max-width:640px){
  .nem2{--pad:18px}

  .nem2{scroll-padding-top:72px}

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

  .nem2 .hlavicka .wrap{height:60px;gap:10px}

  .nem2 .logo{gap:8px}

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

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

  .nem2 .logo .sep,.nem2 .burger{display:none}

  .nem2 .akce .btn-p{height:40px;padding:0 12px;font-size:12px}

  .nem2 .hero .wrap{padding-top:26px;padding-bottom:56px}

  .nem2 .hero .tx{gap:18px}

  .nem2 .stitek{margin-top:8px}

  .nem2 .sek{padding:56px 0}

  .nem2 .popt{padding:56px 0 64px}

  .nem2 .mrizka{gap:14px;margin-top:26px}

  .nem2 .m4,.nem2 .pata-g,.nem2 .form .dvoj{grid-template-columns:minmax(0,1fr)}

  .nem2 .kk,.nem2 .kk.sir{display:grid;grid-template-columns:46px minmax(0,1fr);grid-template-rows:none;column-gap:14px;align-items:start}

  .nem2 .kk.sir .st,.nem2 .kk.sir b,.nem2 .kk.sir .txt{grid-column:2;grid-row:auto;align-self:auto;padding-left:0;border-left:0}

  .nem2 .kk.sir .txt{margin:8px 0 0}

  .nem2 .kk .duch,.nem2 .kk.sir .duch{width:132px;height:132px;right:-20px;bottom:-26px}

  .nem2 .kk .dlazdice,.nem2 .kk.sir .dlazdice{grid-row:1 / span 3}

  .nem2 .kk .st,.nem2 .kk.sir .st{margin-top:2px}

  .nem2 .kk b,.nem2 .kk.sir b{margin-top:6px}

  .nem2 .kk .txt{margin-top:8px}

  .nem2 .udaje{margin-top:26px}

  .nem2 .udaje li{align-items:flex-start}

  .nem2 .tl{margin-top:26px}

  .nem2 .tl .btn,.nem2 .odeslat .btn{flex:1 1 100%}

  .nem2 .kostka{margin-top:26px}

  .nem2 .kostka dl{grid-template-columns:minmax(0,1fr)}

  .nem2 .kostka dl div:nth-last-child(-n+2){padding-bottom:14px}

  .nem2 .kostka dl div:last-child{padding-bottom:0}

  .nem2 .kostka .btn{width:100%}

  .nem2 .faq summary{padding:18px 20px}

  .nem2 .faq details .txt{padding:0 20px 22px}

  .nem2 .pas{padding:26px 22px}

  .nem2 .pas .o:nth-child(2){display:none}

}
@media (max-width:480px){
  .nem2 .btn.vel,.nem2 .kostka .btn{min-width:0;max-width:100%;height:auto;min-height:52px;padding:10px 20px;white-space:normal;text-align:center}

  .nem2 .pas .btn{width:100%}

}
@media (max-width:380px){
  .nem2 .hero h1 br{display:none}

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

  .nem2 .akce .btn-p{padding:0 10px;font-size:11.5px}

}
@media (max-width:359px){
  .nem2 .hlavicka .wrap{gap:6px}

  .nem2 .logo{gap:6px}

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

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

  .nem2 .akce .btn-p{padding:0 8px;font-size:11px}

}
@media (prefers-reduced-motion:reduce){.nem2{scroll-behavior:auto}
.nem2 *{transition:none!important}
}

/* 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)}

/* Živá mapa místo obrázku z makety.
   Výšku rámu drží rozpěrka .mapa::before (padding-top 68,33 %), obsah proto musí
   ležet přes ni absolutně - jako obrázek v maketě. Blokový iframe se jinak zařadí
   pod rozpěrku a overflow:hidden ho celý odřízne (mapa pak zůstane prázdná). */
.nem2 .mapa iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}

/* Logo Google u recenzí stojí samo, bez béžové dlaždice (přání klienta 7. 10. 2026).
   Dlaždice u odznaků ČAK a LinkedIn v profilu zůstávají. */
.nem2 .hl-r .skore .dlazdice{background:none!important;border:0!important;box-shadow:none!important;
  width:auto!important;height:auto!important;border-radius:0!important;padding:0!important}
.nem2 .hl-r .skore .dlazdice svg{width:28px;height:28px}

/* Zavřená otázka nesmí nechávat prázdné místo pod nadpisem.
   Safari obsah zavřeného <details> vždy neskryje (summary má display:flex),
   proto ho skrýváme výslovně. */
.nem2 .faq details:not([open]) > :not(summary),
.nem2 details.ot:not([open]) > :not(summary){display:none}

/* Nadtitulky zůstávají, ale bez červené čárky před textem (přání klienta 7. 10. 2026).
   S čárkou mizí i mezera, kterou držel flex gap. */
.nem2 .kick::before,.nem2 .stitek::before{display:none!important}
.nem2 .kick,.nem2 .stitek{gap:0}

/* Ověření proti robotům: jen widget, bez druhého rámečku kolem. */
.nem2 .captcha,.nem2 .cf-turnstile,.clanek-stranka .cf-turnstile,.hp2 .cf-turnstile{
  border:0!important;background:none!important;padding:0!important;min-height:0!important}
.nem2 .captcha iframe,.nem2 .cf-turnstile iframe{max-width:100%}

/* Červená čárka před nadpisem bloku se nepoužívá (pokyn advokáta). */
.nem2 .stitek::before,.nem2 .kick::before,.nem2 .eyebrow::before{display:none!important}

/* Odstup od fotky k textu v kartě článku. */
.nem2 .karta .telo,.nem2 .karta > div:not(.foto),.nem2 .bk .telo{padding-top:16px}
.nem2 .karta .foto + *{margin-top:0}

/* dedeni barvy nadpisu: šablona webu je barví načerno, maketa je dědí z karty nebo pruhu. */
.nem2 h1,.nem2 h2,.nem2 h3,.nem2 h4,.nem2 h5,.nem2 h6,.clanek-stranka h1,.clanek-stranka h2,.clanek-stranka h3,.clanek-stranka h4,.clanek-stranka h5,.clanek-stranka h6{color:inherit}

/* pismo textu podle brandbooku: šablona webu píše Open Sans, maketa chce serif.
   Lexend si prvky nesou v atributu style, ten má přednost. */
.nem2{font-family:'Source Serif 4',Georgia,serif}
.nem2 p,.nem2 li,.nem2 span,.nem2 a,.nem2 div,.nem2 td,.nem2 th,.nem2 dd,.nem2 dt,.nem2 blockquote,.nem2 summary,.nem2 details,.nem2 b,.nem2 strong,.nem2 em,.nem2 i,.nem2 small,.nem2 label{font-family:inherit}
.clanek-stranka{font-family:'Source Serif 4',Georgia,serif}
.clanek-stranka p,.clanek-stranka li,.clanek-stranka span,.clanek-stranka a,.clanek-stranka div,.clanek-stranka td,.clanek-stranka th,.clanek-stranka dd,.clanek-stranka dt,.clanek-stranka blockquote,.clanek-stranka summary,.clanek-stranka details,.clanek-stranka b,.clanek-stranka strong,.clanek-stranka em,.clanek-stranka i,.clanek-stranka small,.clanek-stranka label{font-family:inherit}

/* stitky jsou rozhrani: brandbook na ně chce Lexend 600. */
.nem2 .kicker,.nem2 .kick,.nem2 .eyebrow,.nem2 .stitek,.nem2 .nadtitul,.nem2 .chips a,.clanek-stranka .kicker,.clanek-stranka .kick,.clanek-stranka .eyebrow,.clanek-stranka .stitek,.clanek-stranka .nadtitul,.clanek-stranka .chips a{font-family:Lexend,sans-serif}

/* stitky jsou rozhrani 2 */
.nem2 .st,.nem2 .label,.nem2 .popisek,.clanek-stranka .st,.clanek-stranka .label,.clanek-stranka .popisek{font-family:Lexend,sans-serif}