/*
 * NTM Cleaning by Lopatka — vzhľad webu
 * Časť 1: dizajn 1:1 zo schváleného návrhu v11 (30. 10. 2026).
 * Časť 2 (na konci): doplnky pre WordPress (hero obrázok, CF7, blog, bloky, admin bar).
 */
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/manrope-latin-preload.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/manrope-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ===== Časť 1: dizajn ===== */
:root{
  --navy:#0a1b33;--navy-2:#12305a;--teal:#1d74d8;--teal-d:#1559a8;--mint:#e9f2fd;
  --ink:#1b2a38;--muted:#5d6b78;--line:#e3e9ee;--bg:#ffffff;--soft:#f5f8fa;--r:16px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Manrope,system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;font-size:1rem}
a{color:inherit;text-decoration:none}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}

section{padding:88px 0}
.eyebrow{color:var(--teal-d);font-weight:700;font-size:0.875rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
h1,h2,h3{line-height:1.15;letter-spacing:-.02em}
h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;margin-bottom:14px}
.lead{color:var(--muted);max-width:620px;font-size:1.0625rem}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:999px;font-weight:700;transition:.2s;border:2px solid transparent;cursor:pointer;font-family:inherit;font-size:0.9375rem}
.btn-p{background:var(--teal);color:#fff}.btn-p:hover{background:var(--teal-d)}
.btn-o{border-color:rgba(255,255,255,.4);color:#fff}.btn-o:hover{background:rgba(255,255,255,.1)}
.i{width:20px;height:20px;flex:none}
.chip{display:inline-flex;align-items:center;gap:8px}.chip .i{width:16px;height:16px;color:#7cc4ff}
.ic .i{width:24px;height:24px;color:var(--teal-d)}
.ci i .i,.ci i .so-ico{color:#7cc4ff}.perk span{display:flex}.perk .i{color:var(--teal)}
.ok{align-items:center;gap:8px}
/* header */
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px;gap:24px}
.logo img{height:52px;width:auto;display:block}
.menu{display:flex;gap:24px;font-weight:600;font-size:0.9375rem}.menu a:hover{color:var(--teal-d)}
.nav .btn{padding:10px 18px;font-size:0.875rem}
.burger{display:none;width:46px;height:46px;border-radius:12px;border:1px solid var(--line);background:#fff;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px}
.burger span{display:block;width:20px;height:2px;border-radius:2px;background:var(--ink);transition:.25s}
.burger.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger.on span:nth-child(2){opacity:0}.burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mnav{position:fixed;inset:70px 0 0 0;z-index:49;background:#fff;display:flex;flex-direction:column;justify-content:flex-start;padding:12px 20px 28px;transform:translateY(-12px);opacity:0;visibility:hidden;transition:.25s;overflow:auto}
.mnav.on{transform:none;opacity:1;visibility:visible}
.mnav nav a{display:block;padding:16px 4px;font-size:1.25rem;font-weight:700;border-bottom:1px solid var(--line)}
.mnav-f{display:grid;gap:12px;margin-top:24px}.mnav-f .btn{justify-content:center}.mnav-f small{text-align:center;color:var(--muted);font-size:0.875rem}
.btn-line{border-color:var(--line);color:var(--ink)}
body.lock{overflow:hidden}body.lock .fab{display:none!important}
@media(max-width:900px){.menu{display:none}.burger{display:flex}.nav{justify-content:flex-start;gap:12px}.nav-cta{margin-left:auto}}
@media(max-width:520px){.nav-cta{display:none}.burger{margin-left:auto}}
@media(min-width:901px){.mnav{display:none}}
/* hero */
.hero{color:#fff}

.hero-g{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.hero .eyebrow{color:#7cc4ff}
.hero h1{font-size:clamp(2.25rem,5.5vw,3.75rem);font-weight:800;margin-bottom:18px}
.hero h1 em{font-style:normal;color:#7cc4ff}
.hero p{color:#9fb6cf;font-size:1.125rem;max-width:540px;margin-bottom:30px}
.ctas{display:flex;gap:12px;flex-wrap:wrap}
.chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.chip{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:8px 14px;border-radius:999px;font-size:0.875rem;color:#9fb6cf}
.hero-card{background:rgba(255,255,255,.97);color:var(--ink);border-radius:20px;padding:28px;box-shadow:0 24px 56px rgba(10,27,51,.28)}
.hero-card h3{font-size:1.125rem;margin-bottom:16px}
.pr{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px dashed var(--line);font-size:0.9375rem}
.pr b{color:var(--teal-d);white-space:nowrap}
.hero-card small{display:block;margin-top:14px;color:var(--muted);font-size:0.875rem}
@media(max-width:900px){.hero-g{grid-template-columns:1fr}}
/* brands */
.brands{padding:28px 0;border-bottom:1px solid var(--line)}
.brands .wrap{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 48px;color:#5d6b78;font-weight:800;font-size:1.125rem;letter-spacing:.02em}
.brands img{height:34px;width:auto;max-width:130px;object-fit:contain;filter:grayscale(1);opacity:.65;mix-blend-mode:multiply;transition:.2s}.brands img:hover{filter:none;opacity:1}
.brands small{font-weight:600;font-size:0.875rem;color:var(--muted);width:100%;text-align:center}
/* services */
.grid{display:grid;gap:24px}
.svc{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:44px}
.card{border:1px solid var(--line);border-radius:var(--r);padding:26px;transition:.2s;background:#fff;display:flex;flex-direction:column}
.card:hover{border-color:var(--teal);transform:translateY(-3px);box-shadow:0 8px 24px rgba(10,27,51,.10)}
.ic{width:48px;height:48px;border-radius:12px;background:var(--mint);display:grid;place-items:center;font-size:1.5rem;margin-bottom:16px}
.card h3{font-size:1.1875rem;margin-bottom:8px}
.card p{color:var(--muted);font-size:0.9375rem;flex:1}
.card-cta{background:var(--navy);border-color:var(--navy);color:#fff;justify-content:center}
.card-cta:hover{border-color:var(--teal)}
.card-cta p{color:#9fb6cf;margin-bottom:18px;flex:0}
.card-cta .btn{justify-content:center}
.cta-tel{display:block;text-align:center;margin-top:12px;font-size:0.875rem;font-weight:600;color:#7cc4ff}
@media(max-width:640px){.svc{grid-template-columns:1fr 1fr;gap:12px}.card{padding:18px}.card h3{font-size:1rem}.card p{font-size:0.875rem}.ic{width:40px;height:40px;margin-bottom:12px}.card-cta{padding:16px}.card-cta h3{font-size:0.9375rem}.card-cta p{font-size:0.75rem;margin-bottom:12px}.card-cta .btn{padding:10px 12px;font-size:0.875rem}.cta-tel{font-size:0.75rem}.from{font-size:0.875rem}}
.from{margin-top:16px;font-weight:700;color:var(--teal-d);font-size:0.9375rem}
/* before after */
.soft{background:var(--soft)}
.ba{grid-template-columns:repeat(3,1fr);margin-top:40px}
.bai{border-radius:var(--r);overflow:hidden;background:#fff;border:1px solid var(--line)}
.cmp{position:relative;aspect-ratio:3/4;overflow:hidden;user-select:none;background:#ddd}
.cmp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cmp .bf{clip-path:inset(0 calc(100% - var(--p)) 0 0)}
.cmp .hd{position:absolute;top:0;bottom:0;left:var(--p);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 8px rgba(0,0,0,.4);pointer-events:none}
.cmp .hd:after{content:"";position:absolute;top:50%;left:50%;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%231d74d8%27 stroke-width=%272.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m9 6-6 6 6 6M15 6l6 6-6 6%27/%3E%3C/svg%3E") center/20px no-repeat;box-shadow:0 4px 14px rgba(0,0,0,.3)}
.cmp input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.lb{position:absolute;top:12px;padding:4px 10px;border-radius:999px;font-size:0.75rem;font-weight:800;letter-spacing:.08em;color:#fff;background:rgba(6,16,34,.7);pointer-events:none}.lb.l{left:12px}.lb.r{right:12px;background:var(--teal)}
figure{margin:0}.bai figcaption{padding:14px 16px;font-size:0.875rem;color:var(--muted)}.bai figcaption b{display:block;color:var(--ink);font-size:0.9375rem}
.more{margin-top:28px;text-align:center}.btn-ghost{border-color:var(--line);background:#fff;color:var(--ink)}.btn-ghost:hover{border-color:var(--teal);color:var(--teal-d)}
.ph{display:grid;grid-template-columns:1fr 1fr;height:220px}
.ph div{display:flex;align-items:flex-end;padding:10px;font-weight:700;font-size:0.75rem;color:#fff;letter-spacing:.08em}
.ph .b{background:repeating-linear-gradient(45deg,#8b7a62,#8b7a62 10px,#7d6d57 10px,#7d6d57 20px)}
.ph .a{background:linear-gradient(135deg,#cfe9e5,#9fd8d0);color:var(--navy)}
.bai p{padding:14px 16px;font-weight:600;font-size:0.9375rem}
.note{font-size:0.875rem;color:var(--muted);margin-top:16px}
@media(max-width:800px){.ba{grid-template-columns:1fr}.cmp{aspect-ratio:1}}
/* pricing */
.pr-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.vat-b{background:#fff;border:1px solid var(--line);color:var(--teal-d);font-weight:700;font-size:0.875rem;padding:8px 14px;border-radius:999px}
.ptabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#e7edf3;border:1px solid var(--line);padding:6px;border-radius:20px;margin:36px 0 24px}
.ptab{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 12px;border:0;border-radius:12px;background:transparent;font-family:inherit;font-size:0.9375rem;font-weight:700;color:var(--muted);cursor:pointer;transition:.2s}
.ptab .i{width:22px;height:22px}.ptab:hover{color:var(--ink)}
.ptab.on{background:#fff;color:var(--teal-d);box-shadow:0 8px 24px rgba(10,27,51,.10)}
@media(max-width:640px){.ptab{flex-direction:column;gap:4px;font-size:0.875rem;padding:10px 6px;text-align:center}}
.ppanel{display:none}.ppanel.on{display:block;animation:fi .3s}@keyframes fi{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.pcols{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
@media(max-width:860px){.pcols{grid-template-columns:1fr}}
.pt{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;font-size:0.9375rem}
.pt thead th{background:var(--navy);color:#fff;font-size:0.875rem;font-weight:700;text-align:right;padding:14px 18px;vertical-align:bottom}
.pt thead th:first-child{text-align:left;font-size:1rem}
.pt thead small{display:block;font-weight:400;color:#9fb6cf;font-size:0.75rem}
.pt tbody th{text-align:left;font-weight:600;padding:14px 18px;border-top:1px solid var(--line)}
.pt tbody th small{display:block;color:var(--muted);font-weight:400;font-size:0.875rem}
.pt td{text-align:right;font-weight:800;white-space:nowrap;padding:14px 18px;border-top:1px solid var(--line);color:var(--ink)}
.pt td:last-child{color:var(--teal-d)}.pt.one td{color:var(--teal-d)}
.pt tr.hl th,.pt tr.hl td{background:#f3f8ff}
.pt .tag{display:inline-block;vertical-align:middle;margin-left:8px}
.na{color:#5d6b78;font-weight:400}
.incl{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px}
.incl b{display:block;font-size:1.0625rem;margin-bottom:14px}
.incl ul{list-style:none;display:grid;gap:12px;margin-bottom:20px}
.incl li{display:flex;gap:12px;font-size:0.9375rem;font-weight:600}.incl .i{color:var(--teal)}
.incl .btn{width:100%;justify-content:center}
.pcols.auto{grid-template-columns:1.4fr 1fr}@media(max-width:860px){.pcols.auto{grid-template-columns:1fr}}
.pnote{margin-top:24px;font-size:0.875rem;color:var(--muted);text-align:center}.pnote a{color:var(--teal-d);font-weight:700}
@media(max-width:480px){.pt thead th,.pt tbody th,.pt td{padding:12px 10px}.pt thead small{display:none}.pt .tag{display:block;width:max-content;margin:4px 0 0}.pt{font-size:0.875rem}}

.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:36px 0 24px}
.tab{padding:10px 20px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:700;cursor:pointer;font-family:inherit;font-size:0.9375rem;color:var(--ink)}
.tab.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.panel{display:none}.panel.on{display:block}
.pgrid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.pbox{border:1px solid var(--line);border-radius:var(--r);padding:24px;background:#fff}
.pbox h3{font-size:1.0625rem;margin-bottom:6px}
.pbox .sub{color:var(--muted);font-size:0.875rem;margin-bottom:10px}
.row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:0.9375rem}
.row:last-child{border:0}
.row b{white-space:nowrap}
.tag{background:var(--mint);color:var(--teal-d);font-size:0.75rem;font-weight:800;padding:2px 8px;border-radius:999px;margin-left:6px;text-transform:uppercase;letter-spacing:.05em}
.vat{margin-top:18px;font-size:0.875rem;color:var(--muted)}
/* steps */
.steps{grid-template-columns:repeat(4,1fr);margin-top:44px;counter-reset:s}
.step{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px}
.step:before{counter-increment:s;content:"0" counter(s);display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--teal);color:#fff;font-weight:800;font-size:0.875rem;margin-bottom:18px}
.step:not(:last-child):after{content:"";position:absolute;top:44px;right:-21px;width:22px;height:2px;background:var(--line)}
.step h3{font-size:1.125rem;margin-bottom:6px}.step p{color:var(--muted);font-size:0.9375rem}
@media(max-width:800px){.steps{grid-template-columns:1fr 1fr}.step:after{display:none}}@media(max-width:480px){.steps{grid-template-columns:1fr;gap:12px}.step{display:grid;grid-template-columns:40px 1fr;gap:4px 16px;padding:18px}.step:before{grid-row:span 2;margin:0}}
/* about */
.about{grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.about-txt p{color:var(--muted);margin-bottom:14px}
.perks{grid-template-columns:1fr 1fr;gap:16px}
.about-logo{height:280px;border-radius:var(--r);margin-bottom:14px;display:grid;place-items:center;background:radial-gradient(420px 260px at 50% 45%,#1d4f95 0,transparent 70%),linear-gradient(135deg,#0a1b33,#12305a);overflow:hidden}.about-logo img{height:210px;width:auto;filter:drop-shadow(0 12px 30px rgba(0,0,0,.45))}
.why{background:radial-gradient(500px 260px at 85% 0%,#1d4f95 0,transparent 70%),linear-gradient(140deg,#0a1b33,#12305a);color:#fff;border-radius:20px;padding:30px;box-shadow:0 24px 56px rgba(10,27,51,.28)}
.why-h{display:flex;align-items:center;gap:16px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.12)}
.why-h img{height:64px;width:auto;filter:drop-shadow(0 6px 14px rgba(0,0,0,.4))}
.why-h b{display:block;font-size:1.25rem}.why-h span{color:#9fb6cf;font-size:0.875rem}
.why-g{display:grid;grid-template-columns:1fr 1fr;gap:24px 24px;padding:24px 0}
.why-g b{display:flex;align-items:center;gap:8px;font-size:1.875rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:#fff}
.why-g span{display:block;color:#b7c8da;font-size:0.875rem;margin-top:4px}
.why-g .st{display:inline-flex;color:#f5b301;margin:0}.st.sm svg{width:20px;height:20px}
.why-l{list-style:none;display:grid;gap:12px;border-top:1px solid rgba(255,255,255,.12);padding-top:20px}
.why-l li{display:flex;gap:12px;align-items:flex-start;font-size:0.9375rem;font-weight:600;color:#e4edf6}.why-l .i{color:#7cc4ff;margin-top:2px}
@media(max-width:500px){.why-g{grid-template-columns:1fr}}
.perk{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;font-weight:700;font-size:0.9375rem;display:flex;gap:12px;align-items:flex-start}
.perk span{color:var(--teal)}
@media(max-width:800px){.about{grid-template-columns:1fr}}
/* reviews */
.rv-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.score{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px 20px;transition:.2s}.score:hover{border-color:var(--teal)}
.score b{font-size:2.5rem;font-weight:800;line-height:1;letter-spacing:-.03em}
.score small{display:block;color:var(--muted);font-size:0.875rem;font-weight:600;margin-top:2px}
.st{display:inline-flex;gap:4px;color:#f5b301}.st svg{width:16px;height:16px}
.rv-car{position:relative;margin-top:40px}
.rvs{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:4px 2px 8px}.rvs::-webkit-scrollbar{display:none}
.rc{flex:0 0 calc((100% - 40px)/3);scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;display:flex;flex-direction:column}
.rc p{flex:1;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}.rc p.open{display:block}
@media(max-width:1000px){.rc{flex-basis:calc((100% - 20px)/2)}}@media(max-width:640px){.rc{flex-basis:88%}}
.rv-nav{position:absolute;top:50%;margin-top:-22px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 24px rgba(10,27,51,.10);color:var(--ink)}.rv-nav:hover{color:var(--teal);border-color:var(--teal)}.rv-nav.prev{left:-22px}.rv-nav.next{right:-22px}
@media(max-width:1240px){.rv-nav.prev{left:4px}.rv-nav.next{right:4px}}@media(max-width:640px){.rv-nav{display:none}}
.rv-dots{display:flex;justify-content:center;gap:8px;margin:18px 0 6px}.rv-dots button{width:8px;height:8px;border-radius:999px;border:0;background:#c9d4dd;cursor:pointer;padding:0;transition:.25s}.rv-dots button.on{width:26px;background:var(--teal)}
.rh{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.gsrc{font-size:0.75rem;font-weight:700;color:var(--muted);letter-spacing:.02em}
.rc p{font-size:0.9375rem;color:#5d6b78;margin-bottom:16px}
.rc .rf{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:14px}
.av{width:38px;height:38px;border-radius:50%;color:#fff;font-weight:800;font-size:0.875rem;display:grid;place-items:center;flex:none}
.rc .rf b{display:block;font-size:0.875rem}.rc .rf small{color:var(--muted);font-size:0.75rem}

.rv-more{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:12px}

.rvc{border:1px dashed var(--line);border-radius:var(--r);padding:24px;color:var(--muted)}
.stars{color:#f5b301;letter-spacing:2px;margin-bottom:10px}
/* faq */
.faq-g{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}
.faq-side{position:sticky;top:100px}
.ask{margin-top:28px;background:var(--soft);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:grid;gap:8px}
.ask b{font-size:1.125rem}.ask span{color:var(--muted);font-size:0.9375rem;margin-bottom:12px}
.ask .btn{justify-content:center}.ask-l{text-align:center;font-size:0.875rem;font-weight:700;color:var(--teal-d);margin-top:6px}
.faq{display:grid;gap:12px}
@media(max-width:900px){.faq-g{grid-template-columns:1fr;gap:32px}.faq-side{position:static}}
details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 22px;transition:.2s}details[open]{border-color:var(--teal);box-shadow:0 8px 24px rgba(10,27,51,.10)}
summary{font-weight:700;font-size:1rem;cursor:pointer;list-style:none;display:flex;align-items:center;gap:16px}
.qn{flex:none;width:34px;height:34px;border-radius:12px;background:var(--mint);color:var(--teal-d);font-size:0.875rem;font-weight:800;display:grid;place-items:center}
details[open] .qn{background:var(--teal);color:#fff}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";margin-left:auto;color:var(--teal);font-size:1.5rem;line-height:1}
details[open] summary:after{content:"–"}
details p{color:var(--muted);margin:10px 0 0 48px;font-size:0.9375rem}
@media(max-width:600px){details p{margin-left:0}}
/* contact */
.contact{background:var(--navy);color:#fff}
.cg{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px}
.contact .lead{color:#9fb6cf}
.ci{margin-top:30px;display:grid;gap:16px}
.ci a,.ci div{display:flex;gap:16px;align-items:center;font-size:1.0625rem;font-weight:600}
.ci i{font-style:normal;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.08);display:grid;place-items:center}
.ci span a{display:inline;font-size:inherit}.ci span a:hover{color:#7cc4ff}
.ci small{display:block;color:#9fb6cf;font-weight:400;font-size:0.875rem}
form{background:#fff;color:var(--ink);border-radius:20px;padding:30px;display:grid;gap:16px;grid-template-columns:1fr 1fr}
form .full{grid-column:1/-1}
label{font-size:0.875rem;font-weight:700;display:block;margin-bottom:6px}
input,select,textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font-family:inherit;font-size:0.9375rem;background:var(--soft);color:var(--ink)}
select{appearance:none;-webkit-appearance:none;background:var(--soft) url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%235d6b78%27 stroke-width=%272%27 stroke-linecap=%27round%27%3E%3Cpath d=%27m6 9 6 6 6-6%27/%3E%3C/svg%3E") right 12px center/18px no-repeat;padding-right:40px}
.file{display:flex;align-items:center;gap:12px;border:1.5px dashed var(--line);border-radius:12px;padding:12px 14px;background:var(--soft);cursor:pointer;transition:.2s}.file:hover{border-color:var(--teal)}
.file input{position:absolute;width:1px;height:1px;opacity:0}
.file .i{color:var(--teal);width:22px;height:22px}.file b{font-size:0.875rem}.file small{display:block;color:var(--muted);font-size:0.75rem;font-weight:400}
textarea{min-height:100px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid var(--teal);background:#fff}
.ok{display:none;grid-column:1/-1;background:var(--mint);color:var(--teal-d);padding:12px;border-radius:12px;font-weight:700}
@media(max-width:900px){.cg{grid-template-columns:1fr}form{grid-template-columns:1fr}}
/* footer */
footer{background:#081726;color:#9fb6cf;font-size:0.875rem;padding:36px 0}
.fg{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px}
footer a:hover{color:#fff}
.fbrand{display:flex;gap:16px;align-items:center}.fbrand img{height:50px;width:auto}
.fl{display:flex;gap:16px;flex-wrap:wrap}
/* floating call */
.fab{display:none;position:fixed;bottom:16px;left:16px;right:16px;z-index:60;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.25)}
@media(max-width:700px){.fab{display:flex}footer{padding-bottom:90px}section{padding:64px 0}}

/* === v5: pripomienky klienta === */
.tbd{display:inline-block;border:1.5px dashed #f0a500;background:#fff8e6;color:#9a6a00;border-radius:6px;padding:0 6px;font-weight:800;font-size:.92em;line-height:1.5}
.tbd-n{border:2px dashed rgba(255,255,255,.45);border-radius:12px;padding:0 10px}
.tbd-link{outline:2px dashed #f0a500;outline-offset:2px}
.pv-legend{display:inline-flex;align-items:center;gap:8px;font-size:0.875rem;color:#6b5300}
/* hero: tepovač viditeľný */
.hero{position:relative;background:var(--navy);padding:120px 0 120px}.hero:before{content:"";position:absolute;inset:0;background:rgba(6,16,34,.55)}.hero>.wrap{position:relative}
.hero-g{grid-template-columns:1fr}
.hero-g>div{max-width:620px}
@media(max-width:900px){.hero{background:var(--navy);padding:72px 0 200px}.hero:before{background:rgba(6,16,34,.72)}}
.hero .eyebrow{line-height:1.9}
/* stats */
.stats{background:var(--navy);color:#fff;padding:34px 0}
.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.stats b{display:block;font-size:clamp(1.75rem,3.4vw,2.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.stats span{color:#9fb6cf;font-size:0.875rem;font-weight:600}
@media(max-width:700px){.stats .wrap{grid-template-columns:1fr 1fr;gap:24px 12px}}
/* car price picker */
.sizes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.sz{display:flex;flex-direction:column;align-items:flex-start;padding:10px 16px;border-radius:12px;border:1px solid var(--line);background:#fff;font-family:inherit;cursor:pointer;color:var(--ink);text-align:left;transition:.2s}
.sz b{font-size:0.9375rem}.sz small{color:var(--muted);font-size:0.75rem;font-weight:400}
.sz:hover{border-color:var(--teal)}.sz.on{border-color:var(--teal);background:var(--teal);color:#fff}.sz.on small{color:#d9e9fb}
.szp{display:none}.szp.on{display:block;animation:fi .3s}
.cmpx{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
.cmpx .incl{padding:20px}.cmpx .incl b{font-size:1rem}
.incl.basic{background:var(--soft)}
@media(max-width:640px){.cmpx{grid-template-columns:1fr}.sz{flex:1 1 calc(50% - 8px)}}
.psub{font-size:1.125rem;margin:36px 0 14px;display:flex;align-items:center;gap:12px}.psub .i{color:var(--teal-d)}
.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.nt{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px;font-size:0.875rem;color:var(--muted)}
.nt b{display:block;color:var(--ink);font-size:0.9375rem;margin-bottom:2px}.nt .i{color:var(--teal-d);margin-top:2px}
.nt.warn .i{color:#d97706}
@media(max-width:860px){.notes{grid-template-columns:1fr}}
.ptabs{grid-template-columns:repeat(4,1fr)}
@media(max-width:640px){.ptabs{grid-template-columns:1fr 1fr}}
/* voucher + akcie */
.promo{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.pc{border-radius:20px;padding:32px;position:relative;overflow:hidden}
.pc h3{font-size:1.5rem;margin:12px 0 10px}.pc p{font-size:0.9375rem;margin-bottom:20px}
.pc .pi{width:52px;height:52px;border-radius:12px;display:grid;place-items:center}.pc .pi .i{width:26px;height:26px}
.pc-v{background:linear-gradient(135deg,#0a1b33,#1d4f95);color:#fff}.pc-v p{color:#9fb6cf}.pc-v .pi{background:rgba(255,255,255,.12);color:#7cc4ff}
.pc-v:after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;border:30px solid rgba(124,196,255,.12)}
.pc-a{background:#fff;border:1px solid var(--line)}.pc-a p{color:var(--muted)}.pc-a .pi{background:var(--mint);color:var(--teal-d)}
.seasons{display:flex;flex-wrap:wrap;gap:8px;margin:-6px 0 20px}.seasons span{font-size:0.75rem;font-weight:700;background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:4px 10px;color:var(--ink)}
.soc{display:flex;gap:12px;flex-wrap:wrap}
.so{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--navy);color:#fff;transition:.2s}.so:hover{background:var(--teal)}.so .i{width:20px;height:20px}
.pc-v .btn{background:#fff;color:var(--navy)}.pc-v .btn:hover{background:#e9f2fd}
@media(max-width:860px){.promo{grid-template-columns:1fr}}
/* firmy */
.b2b{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.aud{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0}
.au{border:1px solid var(--line);border-radius:12px;padding:18px;background:#fff}
.au .i{color:var(--teal-d);width:26px;height:26px;margin-bottom:8px}.au b{display:block;font-size:1rem}.au span{font-size:0.875rem;color:var(--muted)}
.b2b-box{background:var(--navy);color:#fff;border-radius:20px;padding:30px}
.b2b-box h3{font-size:1.375rem;margin-bottom:16px}
.b2b-box ul{list-style:none;display:grid;gap:12px;margin-bottom:24px}
.b2b-box li{display:flex;gap:12px;align-items:flex-start;color:#9fb6cf;font-size:0.9375rem}.b2b-box li .i{color:#7cc4ff;margin-top:2px}
.b2b-box li b{color:#fff}
.b2b-box .btn{width:100%;justify-content:center}
.clients{margin-top:56px;text-align:center}
.clients small{display:block;font-weight:700;font-size:0.875rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px}
.cl{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.cl span{min-width:170px;padding:16px 22px;border:1px solid var(--line);border-radius:12px;background:#fff;font-weight:800;font-size:1.125rem;color:#5d6b78;letter-spacing:.01em}
.cl-note{font-size:0.75rem;color:#9a6a00;margin-top:10px}
@media(max-width:860px){.b2b{grid-template-columns:1fr;gap:32px}}
@media(max-width:480px){.aud{grid-template-columns:1fr}.cl span{min-width:0;flex:1 1 40%;font-size:0.9375rem}}
/* postup v2 */
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px;position:relative}
.flow:before{content:"";position:absolute;top:34px;left:12.5%;right:12.5%;height:3px;background:linear-gradient(90deg,var(--teal),#7cc4ff);border-radius:3px}
.fs{position:relative;text-align:center;padding:0 14px}
.fs .bub{position:relative;width:70px;height:70px;margin:0 auto 18px;border-radius:50%;background:#fff;border:3px solid var(--teal);display:grid;place-items:center;color:var(--teal-d);box-shadow:0 8px 24px rgba(10,27,51,.10)}
.fs .bub .i{width:28px;height:28px}
.fs .bub em{position:absolute;top:-6px;right:-6px;width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;font-style:normal;font-size:0.75rem;font-weight:800;display:grid;place-items:center}
.fs h3{font-size:1.125rem;margin-bottom:6px}.fs p{color:var(--muted);font-size:0.9375rem}
.fs .when{display:inline-block;margin-top:10px;font-size:0.75rem;font-weight:800;color:var(--teal-d);background:var(--mint);border-radius:999px;padding:3px 10px}
@media(max-width:860px){.flow{grid-template-columns:1fr;gap:0;margin-top:32px}.flow:before{top:20px;bottom:20px;left:34px;right:auto;width:3px;height:auto;background:linear-gradient(180deg,var(--teal),#7cc4ff)}.fs{display:grid;grid-template-columns:70px 1fr;gap:4px 16px;text-align:left;padding:0 0 26px}.fs .bub{grid-row:span 3;margin:0}.fs .when{justify-self:start}}
.pay{margin-top:48px;background:var(--soft);border:1px solid var(--line);border-radius:20px;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.pay>b{font-size:1rem}
.pays{display:flex;gap:12px;flex-wrap:wrap}
.pays span{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-weight:700;font-size:0.875rem}.pays .i{color:var(--teal-d);width:18px;height:18px}
.insp{margin-top:20px;display:flex;gap:16px;align-items:center;justify-content:center;font-size:0.9375rem;color:var(--muted);text-align:center}.insp b{color:var(--ink)}
/* o nas: foto */
.owner{display:flex;gap:16px;align-items:center;margin:22px 0 6px;padding:14px;border:1px solid var(--line);border-radius:20px;background:#fff}
.owner-ph{width:84px;height:84px;border-radius:50%;flex:none;display:grid;place-items:center;background:repeating-linear-gradient(45deg,#fff8e6,#fff8e6 8px,#fdeec4 8px,#fdeec4 16px);border:2px dashed #f0a500;color:#9a6a00;font-size:0.75rem;font-weight:800;text-align:center;line-height:1.2}
.owner b{display:block;font-size:1rem}.owner span{font-size:0.875rem;color:var(--muted)}
/* form */
.seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.seg label{margin:0}
.seg input{position:absolute;opacity:0;width:1px;height:1px}
.seg span{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--soft);font-weight:700;font-size:0.875rem;cursor:pointer}
.seg span .i{width:18px;height:18px;color:var(--teal-d)}
.seg input:checked+span{border-color:var(--teal);background:var(--mint);color:var(--teal-d)}
.ci .soc{margin-top:8px}.ci .soc a.so{display:grid;place-items:center;gap:0;font-size:0}.ci .so{background:rgba(255,255,255,.08)}.ci .so:hover{background:var(--teal)}
/* footer v2 */
footer{padding:48px 0 30px}
.fcols{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px}
.fcols h4{color:#fff;font-size:0.875rem;margin-bottom:12px;letter-spacing:.02em}
.fcols p{line-height:1.7}
.fl2{display:grid;gap:8px}
.fsoc{display:flex;gap:8px;margin-top:14px}.fsoc .so{width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,.08)}.fsoc .so .i{width:17px;height:17px}
.fbot{border-top:1px solid rgba(255,255,255,.08);margin-top:28px;padding-top:18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.tbd-f{color:#f0c35a;border-bottom:1px dashed #f0c35a}
@media(max-width:900px){.fcols{grid-template-columns:1fr 1fr}}@media(max-width:520px){.fcols{grid-template-columns:1fr}}
/* fab vpravo dole */
.fab{display:flex!important;left:auto;right:20px;bottom:20px;padding:14px 20px;border-radius:999px;box-shadow:0 12px 30px rgba(29,116,216,.45)}
.fab:before{content:"";position:absolute;inset:0;border-radius:999px;box-shadow:0 0 0 0 rgba(29,116,216,.55);animation:pulse 2.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(29,116,216,.5)}70%{box-shadow:0 0 0 14px rgba(29,116,216,0)}100%{box-shadow:0 0 0 0 rgba(29,116,216,0)}}
@media(max-width:700px){.fab{right:14px;bottom:14px;padding:14px 18px}.fab .fab-t{display:none}footer{padding-bottom:40px}}

/* === v6 === */

.pmini{margin-top:12px;font-size:0.875rem;color:var(--muted)}
.autog{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;align-items:start}
@media(max-width:900px){.autog{grid-template-columns:1fr}}
.sizes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.sz{width:100%}
@media(max-width:640px){.sizes{grid-template-columns:1fr 1fr}.sz{flex:none}}
.carp{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}
.cp{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 22px}
.cp.hl{border-color:var(--teal);box-shadow:0 8px 24px rgba(10,27,51,.10)}
.cp-t{display:flex;align-items:center;gap:4px;font-weight:800;font-size:1rem;margin-bottom:12px}
.cp-r{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;border-top:1px dashed var(--line);font-size:0.9375rem;color:var(--muted)}
.cp-r b{font-size:1.625rem;font-weight:800;color:var(--teal-d);letter-spacing:-.02em}
@media(max-width:560px){.carp{grid-template-columns:1fr}}
.psub{font-size:1.125rem;margin:34px 0 14px;display:flex;align-items:center;gap:12px}.psub .i{color:var(--teal-d)}
.ptabs{grid-template-columns:repeat(5,1fr)}
@media(max-width:760px){.ptabs{grid-template-columns:repeat(3,1fr)}}
@media(max-width:480px){.ptabs{grid-template-columns:1fr 1fr}}
.infoc{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}
.ic2{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px}
.ic2 .i{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--mint);color:var(--teal-d);margin-bottom:12px}
.ic2 b{display:block;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.15}
.ic2 span{display:block;font-weight:700;font-size:0.875rem;margin-bottom:6px}
.ic2 small{display:block;color:var(--muted);font-size:0.875rem;line-height:1.5}
@media(max-width:860px){.infoc{grid-template-columns:1fr 1fr}}
.pfoot{margin-top:14px;display:grid;gap:12px}
.nt{display:flex;gap:12px;align-items:flex-start;background:#fff8e6;border:1px solid #f6dfa0;border-radius:12px;padding:14px 18px;font-size:0.875rem;color:#6b5300}
.nt b{display:block;color:#3d2f00;font-size:0.9375rem;margin-bottom:2px}.nt .i{color:#d97706;margin-top:2px}
.pnote2{font-size:0.875rem;color:var(--muted);text-align:center;margin-top:4px}
/* poukazka */
.vz{background:linear-gradient(120deg,#0a1b33 0%,#12305a 60%,#1d4f95 100%);color:#fff;overflow:hidden}
.vz .eyebrow{color:#7cc4ff}.vz .lead{color:#9fb6cf}
.vz-g{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.vz-l{list-style:none;display:grid;gap:12px;margin:22px 0 28px}
.vz-l li{display:flex;gap:12px;align-items:center;font-weight:600}.vz-l .i{color:#7cc4ff}
.vcard-w{perspective:900px;display:flex;justify-content:center}
.vcard{width:min(400px,100%);aspect-ratio:1.6;border-radius:20px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;color:var(--navy);background:radial-gradient(260px 160px at 85% 10%,#cfe6ff 0,transparent 70%),linear-gradient(135deg,#ffffff,#e9f2fd);box-shadow:0 24px 56px rgba(10,27,51,.28);transform:rotateY(-10deg) rotateZ(3deg);position:relative}
.vcard:after{content:"";position:absolute;inset:0;border-radius:20px;border:2px dashed rgba(29,116,216,.25);margin:10px;pointer-events:none}
.vc-top{display:flex;align-items:center;justify-content:space-between}
.vc-top img{height:44px;width:auto}
.vc-top span{font-size:0.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-d)}
.vc-mid b{display:block;font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.vc-mid span{font-size:0.875rem;color:var(--muted)}
.vc-bot{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:12px}
.vc-bot span{font-size:0.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.vc-bot b{font-size:1.25rem;color:var(--teal-d)}
@media(max-width:860px){.vz-g{grid-template-columns:1fr}.vcard{transform:none}}
/* klienti */
.cl{align-items:center;gap:16px}
.cl img,.cl .cl-t{height:72px;width:190px;padding:18px 24px;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:#fff;filter:grayscale(1);opacity:.7;transition:.2s}
.cl img:hover{filter:none;opacity:1}
.cl img.cl-sq{padding:10px 24px}
.cl .cl-t{display:grid;place-items:center;font-weight:800;font-size:0.875rem;letter-spacing:.04em;color:#5d6b78;min-width:0;white-space:nowrap}
@media(max-width:480px){.cl img,.cl .cl-t{width:calc(50% - 8px);height:60px;padding:12px}}
/* akcie */
.akcie{background:var(--mint);padding:26px 0;border-top:1px solid #d7e6f8;border-bottom:1px solid #d7e6f8}
.ak-g{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.ak-i{width:48px;height:48px;border-radius:12px;background:var(--teal);color:#fff;display:grid;place-items:center;flex:none}.ak-i .i{width:24px;height:24px}
.ak-t{flex:1;min-width:240px}.ak-t b{display:block;font-size:1.125rem}.ak-t span{color:var(--muted);font-size:0.9375rem}
/* blog teaser + blog */
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.bc{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:.2s}
.bc:hover{border-color:var(--teal);transform:translateY(-3px);box-shadow:0 8px 24px rgba(10,27,51,.10)}
.bc img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.bc-b{padding:20px 22px;display:flex;flex-direction:column;flex:1}
.bc-m{font-size:0.75rem;font-weight:700;color:var(--teal-d);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.bc h3,.bc h2{font-size:1.1875rem;margin-bottom:8px}.bc p{color:var(--muted);font-size:0.9375rem;flex:1}
.bc .rm{margin-top:14px;font-weight:700;color:var(--teal-d);font-size:0.875rem}
@media(max-width:900px){.bgrid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.bgrid{grid-template-columns:1fr}}
.bhead{background:linear-gradient(140deg,#0a1b33,#12305a);color:#fff;padding:64px 0 56px}
.bhead .eyebrow{color:#7cc4ff}.bhead p{color:#9fb6cf;max-width:620px;font-size:1.0625rem}
.crumb{font-size:0.875rem;color:#9fb6cf;margin-bottom:14px}.crumb a:hover{color:#fff}
.bcats{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}
.bcats span{padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.2);font-size:0.875rem;font-weight:600;color:#9fb6cf}.bcats span.on{background:#fff;color:var(--navy);border-color:#fff}
.bfeat{display:grid;grid-template-columns:1.1fr .9fr;gap:0;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.bfeat img{width:100%;height:100%;min-height:300px;object-fit:cover;display:block}
.bfeat .bc-b{padding:34px}.bfeat h3,.bfeat h2{font-size:1.625rem}
@media(max-width:800px){.bfeat{grid-template-columns:1fr}.bfeat img{min-height:220px;aspect-ratio:16/10}}
.art-h{background:linear-gradient(140deg,#0a1b33,#12305a);color:#fff;padding:56px 0 120px}
.art-h h1{font-size:clamp(1.875rem,4.5vw,2.875rem);font-weight:800;max-width:820px;margin-bottom:14px}
.art-h .meta{color:#9fb6cf;font-size:0.875rem;display:flex;gap:16px;flex-wrap:wrap}
.art-img{max-width:980px;margin:-90px auto 0;padding:0 20px}
.art-img img{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:20px;display:block;box-shadow:0 24px 56px rgba(10,27,51,.28)}
.art{display:grid;grid-template-columns:230px minmax(0,1fr);gap:64px;max-width:1060px;margin:0 auto;padding:56px 20px 80px}
.toc{position:sticky;top:96px;align-self:start;font-size:0.875rem}
.toc b{display:block;font-size:0.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:10px}
.toc a{display:block;padding:7px 0 7px 12px;border-left:2px solid var(--line);color:var(--muted);font-weight:600}.toc a:hover{color:var(--teal-d);border-color:var(--teal)}
.prose{font-size:1.0625rem;line-height:1.75;color:#5d6b78;max-width:700px}
.prose p{margin-bottom:18px}.prose .intro{font-size:1.1875rem;color:var(--ink)}
.prose h2{font-size:1.75rem;margin:40px 0 14px;scroll-margin-top:90px}
.prose ul{margin:0 0 18px 0;list-style:none;display:grid;gap:12px}
.prose li{display:flex;gap:12px}.prose li .i{color:var(--teal);margin-top:4px;flex:none}
.tip{background:var(--mint);border-left:4px solid var(--teal);border-radius:12px;padding:18px 22px;margin:26px 0;font-size:1rem}
.tip b{display:block;color:var(--teal-d);margin-bottom:4px}
.why4{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 22px}
.w4{border:1px solid var(--line);border-radius:12px;padding:16px 18px;background:#fff}
.w4 .i{width:36px;height:36px;padding:8px;border-radius:12px;background:var(--mint);color:var(--teal-d);margin-bottom:8px}
.w4 b{display:block;font-size:1rem;color:var(--ink)}.w4 span{font-size:0.875rem;color:var(--muted);line-height:1.55;display:block}
@media(max-width:560px){.why4{grid-template-columns:1fr}}
.acta{background:var(--navy);color:#fff;border-radius:20px;padding:30px;margin-top:36px;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.acta b{font-size:1.375rem;display:block}.acta span{color:#9fb6cf;font-size:0.9375rem}
.acta .ctas{flex:none}
.author{display:flex;gap:16px;align-items:center;border-top:1px solid var(--line);padding-top:22px;margin-top:36px;font-size:0.875rem;color:var(--muted)}
.author .owner-ph{width:56px;height:56px;font-size:0.75rem}.author b{display:block;color:var(--ink);font-size:0.9375rem}
@media(max-width:900px){.art{grid-template-columns:1fr;gap:24px}.toc{position:static;display:none}}
.acta .ctas{flex:1 1 auto}@media(max-width:600px){.acta{padding:24px}.acta .ctas{display:grid;width:100%}.acta .btn{justify-content:center}}

.brands2{background:var(--soft)}.brands2 .cl-txt{font-weight:800;font-size:0.9375rem;letter-spacing:.05em;color:#5d6b78}.brands .b-sq{height:44px}

/* === v7: bez prechodov na pozadí === */
.vz{background:var(--navy)}
.vcard{background:#fff;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;cursor:pointer}
.vcard-w:hover .vcard{transform:rotateY(0) rotateZ(0) translateY(-10px) scale(1.04);box-shadow:0 32px 64px rgba(10,27,51,.34)}
@media(max-width:860px){.vcard-w:hover .vcard{transform:translateY(-6px)}}
.why{background:var(--navy)}
.about-logo{background:var(--navy)}
.bhead,.art-h{background:var(--navy)}
.flow:before{background:var(--teal)}
@media(max-width:860px){.flow:before{background:var(--teal)}}
.owner-img{width:84px;height:84px;border-radius:50%;object-fit:cover;flex:none;border:3px solid #fff;box-shadow:0 8px 24px rgba(10,27,51,.10)}
.owner-img.sm{width:56px;height:56px}
/* referencie vo firmách */
.refs{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}
.refs small{display:block;font-size:0.75rem;font-weight:700;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}
.refs-l{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px}
.refs-l img{height:28px;width:auto;max-width:130px;object-fit:contain;filter:grayscale(1);opacity:.6;transition:.2s}.refs-l img:hover{filter:none;opacity:1}
.refs-l img.b-sq{height:40px}
.refs-l .cl-txt{font-weight:800;font-size:0.875rem;letter-spacing:.05em;color:#5d6b78}
/* jednoduchší cenník áut */
.pt.car thead th{text-align:center;padding:12px 18px}.pt.car thead th:first-child{text-align:left;vertical-align:middle}
.pt.car thead tr:first-child th.grp{border-bottom:1px solid rgba(255,255,255,.15);color:#7cc4ff;font-size:0.75rem;letter-spacing:.06em;text-transform:uppercase}
.pt.car td{text-align:center}.pt.car td:nth-child(2){color:var(--ink)}.pt.car td:nth-child(3),.pt.car td:nth-child(4){color:var(--teal-d)}
@media(max-width:560px){.pt.car th,.pt.car td{padding:11px 8px;font-size:0.875rem}.pt.car thead th{font-size:0.75rem}.pt.car tbody th small{font-size:0.75rem}.pt.car .tag{display:none}}
/* naše práce na mobile 2 stĺpce */
@media(max-width:800px){.ba{grid-template-columns:1fr 1fr;gap:12px}.cmp{aspect-ratio:3/4}.bai figcaption{padding:10px 12px;font-size:0.75rem;line-height:1.4}.bai figcaption b{font-size:0.875rem;margin-bottom:2px}.lb{font-size:0.75rem;padding:3px 7px;top:8px}.lb.l{left:8px}.lb.r{right:8px}.cmp .hd:after{width:30px;height:30px;margin:-15px 0 0 -15px;background-size:16px}}
@media(max-width:560px){.ic2{padding:16px}.ic2 b{font-size:1.1875rem}}

/* === v8 === */
:root{--r:20px;--rs:12px}
.card,.bai,.pt,.incl,.cp,.ic2,.au,.bc,.w4,.rc,.score,details,.b2b-box,.vcard,form,.oc,.bfeat,.acta,.ask,.step,.cl img{border-radius:var(--r)}
.ptab,.sz,.file,input,select,textarea,.ic,.so,.nt,.tip,.ak-i,.seg span,.ptabs,.qn,.ic2 .i,.w4 .i,.ci i{border-radius:var(--rs)}
.ptabs{border-radius:calc(var(--rs) + 6px)}
/* 13: menej tmavých blokov */
.card-cta{background:var(--mint);border-color:#cfe1f7;color:var(--ink)}.card-cta p{color:var(--muted)}.card-cta .cta-tel{color:var(--teal-d)}
.b2b-box{background:#fff;color:var(--ink);border:2px solid var(--teal)}.b2b-box li{color:var(--muted)}.b2b-box li b{color:var(--ink)}.b2b-box li .i{color:var(--teal-d)}
/* 15: čitateľnosť */
.card p,.bai figcaption,.ic2 small,.au span,.step p,.fs p,.bc p,.w4 span,.rc p,.nt,details p,.pmini,.pnote2,.ci small{font-size:0.9375rem}
.pt tbody th small{font-size:0.875rem}.rc .rf small{font-size:0.875rem}
.lead{font-size:1.0625rem}
/* 16: výraznejšie logá techniky */
.brands img{opacity:.85;height:38px}
/* 17: záložky cenníka na mobile v jednom riadku */
@media(max-width:760px){.ptabs{display:flex;overflow-x:auto;scrollbar-width:none;gap:8px;margin-left:-20px;margin-right:-20px;border-radius:0;border-left:0;border-right:0;padding:6px 20px}.ptabs::-webkit-scrollbar{display:none}.ptab{flex:0 0 auto;flex-direction:row;font-size:0.875rem;padding:10px 14px;gap:8px}}
/* 2: Nikolas */
.oc{background:#fff;border:1px solid var(--line);overflow:hidden;display:grid;grid-template-columns:.9fr 1.1fr;box-shadow:0 8px 24px rgba(10,27,51,.10)}
.oc img{width:100%;height:100%;min-height:320px;object-fit:cover;display:block}
.oc-b{padding:28px;display:flex;flex-direction:column}
.oc-k{font-size:0.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-d);margin-bottom:10px}
.oc-b>b{font-size:1.5rem;letter-spacing:-.02em}.oc-r{color:var(--muted);font-size:0.9375rem;margin-bottom:14px}
.oc-b p{color:var(--muted);font-size:0.9375rem;margin-bottom:18px}
.oc-c{display:grid;gap:8px;margin-top:auto}
.oc-c a{display:flex;align-items:center;gap:12px;font-weight:700;font-size:0.9375rem;color:var(--ink)}.oc-c a:hover{color:var(--teal-d)}.oc-c .i{color:var(--teal-d);width:18px;height:18px}
@media(max-width:560px){.oc{grid-template-columns:1fr}.oc img{min-height:0;aspect-ratio:1}}
/* 3/4: info karty */
.ic2.warn{background:#fff8e6;border-color:#f6dfa0}.ic2.warn .i{background:#fdecc0;color:#b45309}
/* 6 */
.ask1{margin-top:22px;font-size:0.9375rem;color:var(--muted)}.ask1 a{color:var(--teal-d);font-weight:700}
/* 7/8/20: formulár */
.lbl{font-size:0.875rem;font-weight:700;display:block;margin-bottom:6px}
label i,.req i{color:#d93025;font-style:normal}
.opt{font-weight:400;color:var(--muted)}
.sr{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.gdpr{display:flex;gap:12px;align-items:flex-start}.gdpr input{width:20px;height:20px;flex:none;margin-top:2px;accent-color:var(--teal)}
.gdpr label{font-weight:400;font-size:0.875rem;color:var(--muted);margin:0}.gdpr a{color:var(--teal-d);font-weight:700}
.req{font-size:0.875rem;color:var(--muted);margin-top:8px;text-align:center}
/* 10: akcie v bloku poukážky */
.ak2{margin-top:44px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.12);padding-top:28px}
.ak2 .ak-t{flex:1;min-width:240px}.ak2 .ak-t b{display:block;font-size:1.125rem;color:#fff}.ak2 .ak-t span{color:#9fb6cf;font-size:0.9375rem}
.ak2 .so{background:rgba(255,255,255,.1)}.ak2 .so:hover{background:var(--teal)}
/* 11: tlačidlo Zavolať */
.fab{transition:opacity .25s,transform .25s}.fab.hide{opacity:0;transform:translateY(20px);pointer-events:none}
@media(max-width:700px){.fab{box-shadow:0 0 0 6px rgba(255,255,255,.9),0 10px 24px rgba(29,116,216,.45)}}

/* === v9 === */
.svc{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.svc{grid-template-columns:1fr 1fr}}
.stk{display:grid;gap:24px}
.bc-s h3,.bc-s h2{margin-bottom:0}.bc-s .bc-b{padding:18px 20px}
@media(min-width:761px){.ptabs{grid-template-columns:repeat(4,1fr)}}

/* === v10: blog CTA + obrázok článku === */
.art-h{padding:56px 0 56px}
.art{padding-top:48px}
.art-fig{margin:0 0 28px}
.art-fig img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r);display:block}
.art-fig figcaption{font-size:0.875rem;color:var(--muted);margin-top:10px;padding-left:12px;border-left:3px solid var(--line)}
.cta2{display:grid;grid-template-columns:.8fr 1.2fr;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:40px;box-shadow:0 8px 24px rgba(10,27,51,.10)}
.cta2-img img{width:100%;height:100%;object-fit:cover;display:block;min-height:280px}
.cta2-b{padding:30px 32px;display:flex;flex-direction:column}
.cta2-k{font-size:0.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-d);margin-bottom:8px}
.cta2 h3{font-size:clamp(1.375rem,2.4vw,1.75rem);line-height:1.2;margin:0 0 16px;color:var(--ink)}
.cta2 ul{list-style:none;display:grid;gap:8px;margin:0 0 22px}
.cta2 li{display:flex;gap:12px;align-items:flex-start;font-size:0.9375rem;font-weight:600;color:var(--ink)}.cta2 li .i{color:var(--teal);flex:none;margin-top:2px}
.cta2-btns{display:flex;gap:12px;flex-wrap:wrap}
.cta2-btns .btn-line{background:#fff}
.cta2-who{display:flex;align-items:center;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line);font-size:0.875rem;color:var(--muted)}
.cta2-who img{width:40px;height:40px;border-radius:50%;object-fit:cover}.cta2-who b{color:var(--ink)}
.prose .cta2{grid-template-columns:.75fr 1.25fr}
.prose .cta2 ul{margin-bottom:22px}.prose .cta2 li{margin:0}
@media(max-width:700px){.cta2{grid-template-columns:1fr}.cta2-img img{min-height:0;aspect-ratio:16/9}.cta2-b{padding:24px}.cta2-btns .btn{flex:1 1 100%;justify-content:center}}
.prose .cta2-who{display:none}

.cta2-img{position:relative;min-height:240px}.cta2-img img{position:absolute;inset:0;min-height:0}
.prose .cta2-b{padding:26px 28px}.prose .cta2 h3{font-size:1.375rem}
@media(max-width:700px){.cta2-img{min-height:0;aspect-ratio:16/9}.prose .cta2{grid-template-columns:1fr}}

/* v10b: CTA bez fotky */
.cta2{grid-template-columns:1.25fr .75fr;background:var(--soft);box-shadow:none}
.cta2-b{padding:34px 36px;justify-content:center}
.cta2 ul{margin:0}
.cta2-side{background:#fff;border-left:1px solid var(--line);padding:30px 28px;display:flex;flex-direction:column;justify-content:center;gap:16px}
.cta2-side .cta2-who{display:flex;margin:0;padding:0;border:0;font-size:0.875rem;color:var(--muted)}
.cta2-side .cta2-who img{width:52px;height:52px}
.cta2-side .cta2-who b{display:block;font-size:1rem}
.cta2-side .cta2-btns{flex-direction:column}
.cta2-side .cta2-btns .btn{justify-content:center;width:100%}
.prose .cta2{grid-template-columns:1fr}
.prose .cta2-b{padding:28px 28px 8px}
.prose .cta2-side{background:transparent;border:0;padding:20px 28px 28px}
.prose .cta2-side .cta2-who{display:none}
.prose .cta2-side .cta2-btns{flex-direction:row}
.prose .cta2-side .cta2-btns .btn{width:auto;flex:1}
@media(max-width:700px){.cta2{grid-template-columns:1fr}.cta2-b{padding:26px 22px 8px}.cta2-side{border-left:0;background:transparent;padding:18px 22px 24px}.prose .cta2-side .cta2-btns{flex-direction:column}.prose .cta2-b{padding:24px 22px 8px}.prose .cta2-side{padding:18px 22px 24px}}
.cta2-side .cta2-btns .btn{flex:none}
.prose .cta2-side .cta2-btns .btn{flex:1}
.prose .cta2-side{padding-top:14px}.prose .cta2-b{padding-bottom:6px}
@media(max-width:700px){.prose .cta2-side .cta2-btns .btn{flex:none;width:100%}}
/* ===== v11: zjednotenie ===== */
:root{--muted:#5d6b78;--dk2:#9fb6cf}
.bhead,.art-h,.vz,.pc-v{background:var(--navy)}
/* typografia */
.hero h1,.bhead h1,.art-h h1{font-size:clamp(2.125rem,5vw,3.5rem)!important;line-height:1.12;margin-bottom:16px}
h2,.prose h2{font-size:clamp(1.75rem,4vw,2.5rem)}
.prose h2{font-size:clamp(1.5rem,3vw,1.875rem)}
.card h3,.bc h3,.step h3,.fs h3,.hero-card h3,.bc h2{font-size:1.125rem}
.bfeat h3,.b2b-box h3,.cta2 h3,.prose .cta2 h3,.bfeat h2{font-size:1.375rem}
.lead,.prose .intro,.hero p{font-size:1.0625rem}
.card p,.bai figcaption,.ic2 small,.au span,.step p,.fs p,.bc p,.w4 span,.rc p,details p,.pmini,.pnote2,.tip{font-size:0.9375rem}
.nt,.ci small,.note,.pnote,.vat,.owner span,.gdpr label,.score small,.hero-card small,.brands small,.clients small,.mnav-f small,.pt tbody th small{font-size:0.875rem}
.tag,.lb,.gsrc,.bc-m,.cta2-k,.vc-top span,.oc-k,.pt thead small,.file small,.sz small,.rc .rf small,.pt.car thead th,.pt.car tbody th small{font-size:0.75rem}
.na{color:var(--muted)}
.cl-txt,.cl .cl-t{color:var(--muted)!important}
.av{background:var(--teal)}
/* odsadenia kariet */
.card,.rc,.ic2,.oc-b,.bc-b{padding:24px}
.bfeat .bc-b{padding:32px}
.score{padding:16px 24px}
details{padding:20px 24px}
details p{margin-left:48px}
.w4{padding:16px 20px}
.tip{padding:20px 24px;margin:24px 0}
.nt{padding:16px 20px}
.pay{padding:24px}
.hero-card,.b2b-box,form,.cta2-side{padding:32px}
.cta2-b{padding:32px}
.prose .cta2-b{padding:32px 32px 8px}.prose .cta2-side{padding:16px 32px 32px}
.vcard{padding:24px}
/* tlačidlá */
.btn{min-height:52px;padding:0 24px;border-width:1px;justify-content:center;line-height:1.2;text-align:center}
.nav .btn{min-height:44px;padding:0 18px}
/* okraje */
.b2b-box{border-width:1px}
.file{border-width:1px}
/* sekcie blogu */
.bhead,.art-h{padding:64px 0}
.bsec,.bsec2{padding:88px 0}
@media(max-width:700px){
  .card,.rc,.ic2,.oc-b,.bc-b,.bfeat .bc-b{padding:20px}
  .card p{font-size:0.875rem}
  .card h3,.bc h3,.step h3,.fs h3,.bc h2{font-size:1.0625rem}
  details{padding:16px 20px}
  .hero-card,.b2b-box,form,.cta2-side,.cta2-b{padding:24px}
  .prose .cta2-b{padding:24px 24px 8px}.prose .cta2-side{padding:16px 24px 24px}
  .cta2-side{padding-top:8px}
  .bsec,.bsec2{padding:64px 0}
  .bhead,.art-h{padding:48px 0}
  .lb{font-size:0.75rem}
}
.ptabs{border-radius:20px}
b,strong{font-weight:700}
.tip{border-left-width:3px}
@media(max-width:900px){.hero{padding-bottom:120px}}
@media(max-width:560px){.hero .btn{width:100%}}
.chip{color:#fff}

/* ===== Časť 2: doplnky pre WordPress ===== */
/* Prístupnosť */
.skip-link{position:absolute;left:16px;top:-60px;z-index:100;background:var(--teal);color:#fff;padding:10px 16px;border-radius:var(--rs);font-weight:700}
.skip-link:focus{top:12px}
.sr-only,.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
main:focus{outline:none}
/* „obmedziť pohyb“ — pozri koniec súboru */
img{max-width:100%;height:auto}
/* Admin bar: lepkavá hlavička pod lištou */
.admin-bar .site-header{top:32px}
@media(max-width:782px){.admin-bar .site-header{top:46px}}
@media(max-width:600px){.admin-bar .site-header{top:0}}
.logo-txt{font-weight:800;font-size:1.25rem}
.menu a[aria-current]{color:var(--teal-d)}
/* Hero: fotka ako <img> (rýchlejšie LCP), pozícia ako v návrhu */
.hero{overflow:hidden}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center}
.hero:before{z-index:1}
.hero>.wrap{z-index:2}
@media(max-width:900px){.hero-img{object-position:68% center}}
/* Pätička (v návrhu inline štýly) */
.fbrand b{color:#fff;font-size:1rem}
.fdesc{margin-top:12px}
.fh-docs{margin-top:18px}
.fbrand img{width:44px;height:auto}
.link-btn{background:none;border:0;padding:0;margin-top:8px;color:inherit;font:inherit;cursor:pointer;text-decoration:underline}
.contact .eyebrow{color:#7cc4ff}
/* FAQ odpoveď z editora */
details .faq-a p{margin:10px 0 0 48px}
details .faq-a p+p{margin-top:8px}
/* Blog */
.bhead h1{font-weight:800;margin-bottom:12px}
.bc-follow{justify-content:center;background:var(--soft)}
.bc-follow .bc-b{justify-content:center}
.bc-follow .soc{margin-top:14px}
.rel-h{font-size:1.75rem}
.rel-g{grid-template-columns:repeat(2,1fr);max-width:820px}
@media(max-width:700px){.rel-g{grid-template-columns:1fr}}
.load-more{text-align:center;margin-top:32px}
.bc .bc-m:empty{display:none}
.prose>ul li:before{content:"";flex:none;width:20px;height:20px;margin-top:4px;background:var(--teal);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M20 6 9 17l-5-5%27/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M20 6 9 17l-5-5%27/%3E%3C/svg%3E") center/contain no-repeat}
.prose>ol{margin:0 0 18px 22px}
.prose>p a,.prose>ul a,.prose>ol a{color:var(--teal-d);text-decoration:underline}
.prose>h3{font-size:1.375rem;margin:28px 0 10px;color:var(--ink)}
.prose>p strong,.prose>ul strong{color:var(--ink)}
.prose>figure:not(.art-fig){margin:24px 0}
.prose>figure:not(.art-fig) img{border-radius:var(--r)}
.prose>figure:not(.art-fig) figcaption{font-size:0.875rem;color:var(--muted);margin-top:8px}
.prose>blockquote{border-left:3px solid var(--teal);padding-left:16px;margin:24px 0;color:var(--ink)}
.art--notoc{grid-template-columns:minmax(0,1fr);max-width:780px}
/* Formulár (Contact Form 7) — vzhľad ako v návrhu */
.wpcf7{min-width:0}
.wpcf7 form .hidden-fields-container{display:none}
.wpcf7-form-control-wrap{display:block}
.wpcf7 .seg .wpcf7-radio{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wpcf7 .seg .wpcf7-list-item{margin:0}
.wpcf7 .seg label{margin:0;display:block}
.wpcf7 .seg input{position:absolute;opacity:0;width:1px;height:1px}
.wpcf7 .seg .wpcf7-list-item-label{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px solid var(--line);border-radius:var(--rs);background:var(--soft);font-weight:700;font-size:0.875rem;cursor:pointer}
.wpcf7 .seg .wpcf7-list-item-label:before{content:"";width:18px;height:18px;background:var(--teal-d);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m3 10 9-7 9 7v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z%27/%3E%3Cpath d=%27M9 22V12h6v10%27/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m3 10 9-7 9 7v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z%27/%3E%3Cpath d=%27M9 22V12h6v10%27/%3E%3C/svg%3E") center/contain no-repeat}
.wpcf7 .seg .wpcf7-list-item.last .wpcf7-list-item-label:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%274%27 y=%272%27 width=%2716%27 height=%2720%27 rx=%272%27/%3E%3Cpath d=%27M9 22v-4h6v4M8 6h.01M16 6h.01M12 6h.01M12 10h.01M12 14h.01M16 10h.01M16 14h.01M8 10h.01M8 14h.01%27/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%274%27 y=%272%27 width=%2716%27 height=%2720%27 rx=%272%27/%3E%3Cpath d=%27M9 22v-4h6v4M8 6h.01M16 6h.01M12 6h.01M12 10h.01M12 14h.01M16 10h.01M16 14h.01M8 10h.01M8 14h.01%27/%3E%3C/svg%3E")}
.wpcf7 .seg input:checked+.wpcf7-list-item-label{border-color:var(--teal);background:var(--mint);color:var(--teal-d)}
.wpcf7 .seg input:focus-visible+.wpcf7-list-item-label{outline:2px solid var(--teal)}
.wpcf7 .file:before{content:"";flex:none;width:22px;height:22px;background:var(--teal);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3z%27/%3E%3Ccircle cx=%2712%27 cy=%2713%27 r=%273%27/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3z%27/%3E%3Ccircle cx=%2712%27 cy=%2713%27 r=%273%27/%3E%3C/svg%3E") center/contain no-repeat}
.wpcf7 .file+.wpcf7-form-control-wrap input{position:absolute;width:1px;height:1px;opacity:0}
.wpcf7 .gdpr{display:block}
.wpcf7 .gdpr .wpcf7-list-item{margin:0}
.wpcf7 .gdpr label{display:flex;gap:12px;align-items:flex-start;font-weight:400;font-size:0.875rem;color:var(--muted);margin:0;cursor:pointer}
.wpcf7 .gdpr input{width:20px;height:20px;flex:none;margin-top:2px;accent-color:var(--teal)}
.wpcf7 .gdpr a{color:var(--teal-d);font-weight:700}
.wpcf7 .gdpr i{color:#d93025;font-style:normal}
.wpcf7-submit{width:100%;justify-content:center}
.wpcf7-not-valid{border-color:#d93025!important}
.wpcf7-not-valid-tip{color:#d93025;font-size:0.875rem;margin-top:4px;display:block}
.wpcf7 form .wpcf7-response-output{grid-column:1/-1;margin:0;padding:12px 16px;border:1px solid var(--line);border-radius:var(--rs);font-weight:700;font-size:0.9375rem}
.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}
.wpcf7 form.sent .wpcf7-response-output{background:var(--mint);border-color:var(--teal);color:var(--teal-d)}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.spam .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output{border-color:#d93025;color:#d93025}
.wpcf7-spinner{display:none}
.wpcf7 form.submitting .wpcf7-submit{opacity:.6;pointer-events:none}
.grecaptcha-badge{visibility:hidden}
/* Podstránky (právne texty, 404, vyhľadávanie) */
.page-w{max-width:760px}
.page-w .prose{max-width:none}
.back{margin-top:32px;display:flex;gap:12px;flex-wrap:wrap}
.bhead p{color:#9fb6cf;max-width:640px}
.wpcf7 .seg .wpcf7-form-control-wrap,.wpcf7 .seg .wpcf7-radio,.wpcf7 .seg .wpcf7-list-item{padding:0;border:0;background:none;border-radius:0;font-weight:inherit}
.wpcf7 .seg .wpcf7-form-control-wrap,.wpcf7 .seg .wpcf7-list-item{display:block}
.wpcf7 .seg .wpcf7-radio{display:grid}
.wpcf7 textarea{height:110px;resize:vertical}
.bc p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.admin-bar .mnav{top:102px}
@media(max-width:782px){.admin-bar .mnav{top:116px}}

/* Poukážka: medzera nad tlačidlom, karta sa nakláňa (main.js) */
.vz-g .lead{margin-bottom:28px}
.vcard-w .vcard,.vcard-w:hover .vcard{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,-10deg)) rotateZ(var(--rz,3deg)) translateY(var(--ty,0px)) scale(var(--s,1));transform-style:preserve-3d;will-change:transform}
.vcard-w:hover .vcard{box-shadow:0 32px 64px rgba(10,27,51,.34)}
.vcard.is-moving{transition:transform .12s ease-out,box-shadow .3s}
@media(prefers-reduced-motion:reduce){.vcard-w .vcard,.vcard-w:hover .vcard{transform:none}}
/* Formulár: dátum ako ostatné polia */
input[type=date]{min-height:45px;-webkit-appearance:none;appearance:none}

/* Kalendár vo formulári (main.js) */
.cal-wrap{position:relative}
.cal-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;opacity:0;pointer-events:none}
.cal-btn{width:100%;min-height:45px;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--rs);background:var(--soft);font:inherit;font-size:0.9375rem;color:var(--ink);text-align:left;cursor:pointer}
.cal-btn .i{width:18px;height:18px;color:var(--teal-d);flex:none}
.cal-btn:focus-visible,.cal-btn[aria-expanded=true]{outline:2px solid var(--teal);background:#fff}
.cal-btn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cal-btn span:first-letter{text-transform:uppercase}
.cal-ph{color:var(--muted)}
.cal{position:absolute;z-index:30;top:calc(100% + 8px);right:0;width:300px;max-width:calc(100vw - 40px);background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 24px 56px rgba(10,27,51,.28);padding:16px;color:var(--ink)}
.cal[hidden]{display:none}
.cal-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.cal-h b{font-size:0.9375rem;font-weight:700}
.cal-h b:first-letter{text-transform:uppercase}
.cal-nav{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--rs);background:#fff;color:var(--ink);cursor:pointer}
.cal-nav:hover{border-color:var(--teal);color:var(--teal-d)}
.cal-nav[disabled]{opacity:.35;cursor:default;border-color:var(--line);color:var(--ink)}
.cal-nav .i{width:18px;height:18px}
.cal-g{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.cal-wd{font-size:0.75rem;font-weight:700;color:var(--muted);text-align:center;text-transform:uppercase;padding-bottom:4px}
.cal-d{aspect-ratio:1;border:0;border-radius:999px;background:none;font:inherit;font-size:0.875rem;font-weight:600;color:var(--ink);cursor:pointer}
.cal-d.is-we{color:var(--muted)}
.cal-d:hover:not([disabled]){background:var(--mint);color:var(--teal-d)}
.cal-d.is-today{box-shadow:inset 0 0 0 1px var(--teal)}
.cal-d.is-sel{background:var(--teal);color:#fff;box-shadow:none}
.cal-d[disabled]{color:#c3cbd3;cursor:default}
.cal-d:focus-visible{outline:2px solid var(--teal);outline-offset:1px}
.cal-f{display:flex;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.cal-f button{border:0;background:none;font:inherit;font-size:0.875rem;font-weight:700;color:var(--teal-d);cursor:pointer;padding:4px 2px}
.cal-f .cal-x{color:var(--muted)}
@media(max-width:700px){.cal{left:0;right:auto;width:100%}}

/* ===== Animácie a hover efekty ===== */
@keyframes rvUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes heroZoom{from{transform:scale(1.06)}to{transform:none}}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes ring{0%,100%{transform:rotate(0)}20%{transform:rotate(-14deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(5deg)}}
@keyframes pop{from{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}
/* scroll (len s JS a bez „obmedziť pohyb“ — trieda rv na <html>) */
.rv .rv-i{opacity:0;transform:translateY(18px)}
.rv .rv-i.is-in{opacity:1;transform:none;transition:opacity .6s ease var(--d,0ms),transform .6s cubic-bezier(.2,.7,.2,1) var(--d,0ms)}
.rv .brands .wrap.rv-i,.rv .refs.rv-i{transform:none}
.rv .bai.rv-i.is-in,.rv .bc.rv-i.is-in,.rv .card.rv-i.is-in,.rv .rc.rv-i.is-in{transition:opacity .6s ease var(--d,0ms),transform .6s cubic-bezier(.2,.7,.2,1) var(--d,0ms),border-color .2s,box-shadow .2s}
.rv .card.rv-i.is-in:hover,.rv .bc.rv-i.is-in:hover{transform:translateY(-3px);transition-delay:0ms}
/* postup: čiara sa nakreslí, krúžky naskočia */
.rv .flow.rv-i{opacity:1;transform:none}
.rv .flow:before{transform:scaleX(0);transform-origin:left;transition:transform 1.1s cubic-bezier(.6,0,.2,1) .2s}
.rv .flow.is-in:before{transform:none}
.rv .fs.rv-i .bub{transform:scale(.6);opacity:0}
.rv .fs.rv-i.is-in .bub{animation:pop .5s cubic-bezier(.3,1.5,.5,1) both;animation-delay:calc(var(--d,0ms) + 200ms)}
@media(max-width:860px){.rv .flow:before{transform:scaleY(0);transform-origin:top}.rv .flow.is-in:before{transform:none}}
/* úvod pri načítaní */
.rv .hero .eyebrow,.rv .hero h1,.rv .hero p,.rv .hero .ctas,.rv .hero .chips{animation:rvUp .7s cubic-bezier(.2,.7,.2,1) both}
.rv .hero h1{animation-delay:.08s}.rv .hero p{animation-delay:.16s}.rv .hero .ctas{animation-delay:.24s}.rv .hero .chips{animation-delay:.32s}
.rv .hero-img{animation:heroZoom 1.8s cubic-bezier(.2,.7,.2,1) both}
/* cenník: prepnutie záložky */
.rv .ppanel.on{animation:fadeIn .35s ease both}
/* hover — len na klikateľných prvkoch, len s myšou */
@media(hover:hover){
  .btn{transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s}
  .btn-p:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(29,116,216,.32)}
  .fab:hover{transform:translateY(-2px)}
  .btn-line:hover,.btn-ghost:hover{border-color:var(--teal);color:var(--teal-d)}
  .btn-o:hover{border-color:#fff}
  .btn .arr,.rm .arr{display:inline-block;transition:transform .2s}
  .btn:hover .arr,.bc:hover .rm .arr{transform:translateX(4px)}
  .btn:hover .i-phone{animation:ring .5s ease}
  .bc img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
  .bc:hover img{transform:scale(1.05)}
  .menu a{position:relative}
  .menu a:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:2px;background:var(--teal);transform:scaleX(0);transform-origin:left;transition:transform .25s}
  .menu a:hover:after,.menu a[aria-current]:after{transform:none}
  .so{transition:background .2s,transform .2s}
  .so:hover{background:var(--teal);color:#fff;transform:translateY(-2px)}
  details:hover{border-color:var(--teal)}
  summary:after{transition:transform .25s}
  details:not([open]) summary:hover:after{transform:rotate(90deg)}
  .ptab:not(.on):hover{background:rgba(255,255,255,.6)}
  footer a{transition:color .2s}
  footer .fl2 a:hover,.fbot a:hover{text-decoration:underline;text-underline-offset:3px}
  .ci a{transition:color .2s}
  .ci a:hover{color:#7cc4ff}
  .ci a:hover i{background:var(--teal)}
  .score{transition:border-color .2s,transform .2s}
  .score:hover{transform:translateY(-2px)}
  .oc-c a:hover{color:var(--teal-d)}
}
@media(prefers-reduced-motion:reduce){.rv .rv-i{opacity:1!important;transform:none!important}.btn-p:hover,.so:hover,.score:hover{transform:none}}

/* Zmenšená hlavička po odscrollovaní (main.js) */
.site-header .nav,.site-header .logo img,.site-header .nav-cta{transition:height .25s ease,min-height .25s ease,padding .25s ease}
.site-header.is-stuck{box-shadow:0 4px 18px rgba(10,27,51,.08)}
.site-header.is-stuck .nav{height:58px}
.site-header.is-stuck .logo img{height:40px}
.site-header.is-stuck .nav-cta{min-height:40px}
.site-header.is-stuck .burger{width:40px;height:40px}
.site-header.is-stuck+.mnav{top:58px}
.admin-bar .site-header.is-stuck+.mnav{top:90px}
@media(max-width:782px){.admin-bar .site-header.is-stuck+.mnav{top:104px}}
/* Obsah článku (bočná navigácia) pod hlavičkou, aj s lištou administrácie */
.toc{top:90px}
.admin-bar .toc{top:122px}
.prose h2{scroll-margin-top:84px}
.admin-bar .prose h2{scroll-margin-top:116px}
/* Cenník na mobile: záložky v mriežke 2 × 2 namiesto skrytého vodorovného posúvania */
@media(max-width:760px){
  .ptabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;overflow:visible;margin-left:0;margin-right:0;border-radius:var(--r);border:1px solid var(--line);padding:6px}
  .ptab{flex-direction:row;justify-content:flex-start;text-align:left;font-size:0.875rem;line-height:1.25;padding:12px;gap:8px;min-height:52px}
  .ptab .i{width:20px;height:20px;flex:none}
}
/* ===== Mobil: kompaktnejšie odsadenia a medzery (audit 30. 10.) ===== */
@media(max-width:700px){
  section,.bsec,.bsec2{padding-top:48px;padding-bottom:48px}
  .lead,.bhead p{font-size:1rem}
  .grid.svc,.grid.ba,.bgrid,.flow,.infoc{margin-top:28px}
  .ptabs{margin-top:28px;margin-bottom:20px}
  .infoc{margin-top:24px;gap:12px}
  .pr-top,.rv-top{gap:16px}
  /* úvod */
  .hero{padding-bottom:72px}
  .hero p{margin-bottom:24px}
  .chips{margin-top:24px}
  /* logá techniky: mriežka 3 × 2 */
  .brands .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 12px;justify-items:center}
  .brands .wrap small{grid-column:1/-1}
  .brands img{height:30px;max-width:100%}
  /* stĺpce, ktoré sú na mobile pod sebou */
  .about,.vz-g,.cg,.b2b,.faq-g{gap:24px}
  .ak2{margin-top:28px;padding-top:20px}
  /* karty */
  .oc img{aspect-ratio:4/3;object-position:center 25%}
  .svc .card,.ic2{padding:16px}
  .bgrid{gap:16px}
  /* pätička: Sídlo a Fakturačné údaje vedľa seba */
  .fcols{grid-template-columns:1fr 1fr;gap:24px 16px}
  .fcols>div:first-child,.fcols>div:last-child{grid-column:1/-1}
  .site-footer{padding-top:40px;padding-bottom:32px}
}

/* Menej „šablónových“ prvkov (30. 10.) */
.hero h1 em{color:inherit}
.hero-note{margin-top:20px;margin-bottom:0!important;font-size:0.9375rem!important;color:#9fb6cf}
.fab:before{display:none}
.fab{box-shadow:0 10px 24px rgba(29,116,216,.35)!important}
summary{gap:0}
/* Postup: 4 kroky s veľkými číslami, deliace čiary medzi krokmi */
.steps ol{list-style:none;padding:0;margin:36px 0 0;display:grid;grid-template-columns:repeat(4,1fr)}
.steps li{padding:4px 24px 4px;border-left:1px solid var(--line)}
.steps li:first-child{border-left:0;padding-left:0}
.steps .n{display:block;font-size:2.75rem;font-weight:800;line-height:1;color:var(--teal-d);margin-bottom:14px;letter-spacing:-.02em}
.steps h3{font-size:1.125rem;margin-bottom:6px}
.steps p{color:var(--muted);font-size:0.9375rem}
@media(max-width:900px){.steps ol{grid-template-columns:1fr 1fr}.steps li{padding:20px 20px}.steps li:nth-child(odd){border-left:0;padding-left:0}.steps li:nth-child(n+3){border-top:1px solid var(--line)}}
@media(max-width:600px){.steps ol{grid-template-columns:1fr;margin-top:20px}.steps li,.steps li:nth-child(odd){border-left:0;padding:18px 0;display:grid;grid-template-columns:44px 1fr;column-gap:12px}.steps li+li{border-top:1px solid var(--line)}.steps .n{font-size:2rem;margin:0;grid-row:span 2}.steps h3{font-size:1.0625rem}}
/* Postup a recenzie majú obe biele pozadie → medzi nimi stačí jedno odsadenie */
#postup+#recenzie{padding-top:0}
/* Širší obsah: 1 200 px (+ 2 × 20 px okraj) */
.wrap{max-width:1240px}
/* Recenzie: šírka kariet podľa skutočnej medzery 24 px, aby krajné karty neboli orezané (aj rámik) */
.rvs{scroll-padding-inline:2px}
.rc{flex-basis:calc((100% - 48px)/3)}
@media(max-width:1000px){.rc{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:640px){.rc{flex-basis:88%}}

/* ===== Odozva, pohyb, materiál, typografia (Apple design) ===== */
/* 1. stlačenie: odozva hneď pri dotyku, bez sivého systémového záblesku */
html{-webkit-tap-highlight-color:transparent}
.btn:active,.ptab:active,.rv-nav:active,.rvd button:active,.so:active,.burger:active,.cal-btn:active,.cal-nav:active,.cal-d:not([disabled]):active,.cal-f button:active{transform:scale(.97)!important;transition:transform .1s ease-out!important}
.bc:active,.score:active,.card-cta:active{transform:scale(.985)!important;transition:transform .1s ease-out!important}
summary:active{opacity:.75}
/* 2. pred a po: ťahanie prstom (main.js), zvislý scroll stránky ostáva prehliadaču */
.cmp{touch-action:pan-y;cursor:ew-resize}
.cmp input{pointer-events:none}
.cmp .hd:after{transition:transform .15s ease-out}
.cmp.is-drag .hd:after{transform:scale(1.12)}
.cmp:has(input:focus-visible) .hd:after{outline:3px solid var(--teal);outline-offset:3px}
/* 4. plávajúce tlačidlo: pulz len dvakrát (po načítaní a po návrate na stránku) */
.fab:before{animation:none}
.fab.pulse:before{animation:pulse 2.4s 2}
/* 5. krúžky postupu bez preskočenia */
@keyframes pop2{from{transform:scale(.85);opacity:0}to{transform:none;opacity:1}}
.rv .fs.rv-i .bub{transform:scale(.85)}
.rv .fs.rv-i.is-in .bub{animation:pop2 .4s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--d,0ms) + 150ms)}
/* 6. kratšie animácie pri načítaní */
@keyframes rvUp2{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.rv .rv-i{transform:translateY(12px)}
.rv .rv-i.is-in{transition:opacity .45s ease var(--d,0ms),transform .45s cubic-bezier(.2,.7,.2,1) var(--d,0ms)}
.rv .bai.rv-i.is-in,.rv .bc.rv-i.is-in,.rv .card.rv-i.is-in,.rv .rc.rv-i.is-in{transition:opacity .45s ease var(--d,0ms),transform .45s cubic-bezier(.2,.7,.2,1) var(--d,0ms),border-color .2s,box-shadow .2s}
.rv .flow:before{transition-duration:.7s;transition-delay:.15s}
.rv .hero .eyebrow,.rv .hero h1,.rv .hero p,.rv .hero .ctas,.rv .hero .chips{animation:rvUp2 .45s cubic-bezier(.2,.7,.2,1) both}
.rv .hero h1{animation-delay:.06s}.rv .hero p{animation-delay:.12s}.rv .hero .ctas{animation-delay:.18s}
.rv .hero-img{animation-duration:1.2s}
/* 7. kalendár sa rozbalí z poľa a zbalí späť */
@keyframes calIn{from{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:none}}
@keyframes calOut{to{opacity:0;transform:scale(.96) translateY(-4px)}}
.cal{transform-origin:top right;animation:calIn .2s cubic-bezier(.2,.7,.2,1)}
.cal.is-out{animation:calOut .14s ease-in forwards;pointer-events:none}
@media(max-width:700px){.cal{transform-origin:top left}}
/* 8. FAQ: odpoveď sa rozbalí plynulo (main.js), + sa otočí na × */
.faq-a{display:flow-root}
summary:after,details[open] summary:after{content:"+";transition:transform .28s cubic-bezier(.2,.7,.2,1)}
details[open] summary:after{transform:rotate(45deg)}
details[data-dir=close] summary:after{transform:none}
/* 9. cenník: biele podfarbenie sa presunie pod vybranú záložku (main.js) */
.ptabs{position:relative}
.ptab{position:relative;z-index:1}
.ptab-ind{position:absolute;left:0;top:0;z-index:0;background:#fff;border-radius:var(--rs);box-shadow:0 8px 24px rgba(10,27,51,.10);pointer-events:none}
.ptab-ind.is-anim{transition:transform .32s cubic-bezier(.2,.7,.2,1),width .32s cubic-bezier(.2,.7,.2,1),height .32s cubic-bezier(.2,.7,.2,1)}
.ptabs.has-ind .ptab.on{background:transparent;box-shadow:none}
/* 10. hlavička ako sklo; čiara len keď je pod ňou obsah */
header{background:rgba(255,255,255,.76);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom-color:transparent;transition:box-shadow .25s,border-color .25s}
.site-header.is-stuck{border-bottom-color:rgba(10,27,51,.06);box-shadow:0 4px 18px rgba(10,27,51,.08)}
body.lock header{background:#fff}
@media(prefers-reduced-transparency:reduce){header{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}}
/* 11. zúženie a riadkovanie podľa veľkosti */
h1{letter-spacing:-.03em;line-height:1.08}
.hero h1,.bhead h1,.art-h h1{letter-spacing:-.03em;line-height:1.08!important}
h2{letter-spacing:-.025em;line-height:1.12}
h3{letter-spacing:-.01em;line-height:1.25}
/* 12. číslice rovnakej šírky */
.js-counter,.stats,.score,.why-g,#cennik,.from,.vcard,.cal-g{font-variant-numeric:tabular-nums}
/* 14. obmedziť pohyb: bez posunov a pruženia, farby a prelínanie ostávajú */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation:none!important;transition-property:opacity,color,background-color,border-color,box-shadow,visibility!important;transition-duration:.2s!important;transition-delay:0s!important}
  .btn:hover,.btn:active,.fab:hover,.so:hover,.so:active,.score:hover,.score:active,.bc:active,.card-cta:active,.ptab:active,.rv-nav:active,.burger:active,.cal-btn:active,.cal-nav:active,.cal-d:active,.cal-f button:active,.rv .card.rv-i.is-in:hover,.rv .bc.rv-i.is-in:hover,.bc:hover img,.btn:hover .arr,.bc:hover .rm .arr,.cmp.is-drag .hd:after{transform:none!important}
}
/* 15. zvýšiť kontrast */
@media(prefers-contrast:more){
  :root{--line:#7d8c99;--muted:#36434f}
  header{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid var(--ink)}
  .card,.bc,.rc,details,.incl,.ic2,.ptabs,.score,input,select,textarea,.cal{border-color:#7d8c99}
}

/* FAQ: odpoveď zarovnaná s otázkou (čísla otázok už nie sú) */
details p,details .faq-a p{margin-left:0}
details .faq-a ul,details .faq-a ol{margin:8px 0 0 20px;color:var(--muted)}
/* Blog na úvode: na mobile je „Všetky články“ až pod kartami */
#blog .bt-more{display:none}
@media(max-width:700px){#blog .rv-top .btn{display:none}#blog .bt-more{display:flex;justify-content:center;margin-top:24px}#blog .bt-more .btn{width:100%;justify-content:center}}
/* Formulár: správa začína na 2 riadkoch a rastie s textom (main.js); veta o spracovaní údajov pod tlačidlom */
.wpcf7 textarea{height:auto;min-height:0;resize:none;overflow:hidden;line-height:1.5}
.wpcf7 .req{max-width:440px;margin:12px auto 0;line-height:1.5}
.wpcf7 .req a{color:var(--teal-d);font-weight:700;text-decoration:underline;text-underline-offset:2px}

/* ===== Služby, Realizácie, 404 ===== */
.bsec h2+.grid.svc{margin-top:28px}

.bsec .ba:first-child{margin-top:0}

.art-h .meta a{color:#fff;text-decoration:underline;text-underline-offset:3px}

.re-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.re-gal img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--rs);transition:opacity .2s}
.re-gal a:hover img{opacity:.85}

@media(max-width:600px){.re-gal{grid-template-columns:1fr 1fr}}
/* 404 */
.e404{position:relative;overflow:hidden;background:var(--navy);color:#fff;padding:96px 0 88px;text-align:center}
.e404 .wrap{position:relative}
.e404-n{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(10rem,34vw,24rem);font-weight:800;line-height:1;letter-spacing:-.05em;color:rgba(255,255,255,.05);pointer-events:none;user-select:none}
.e404 h1{font-size:clamp(2.125rem,5vw,3.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.08;margin-bottom:16px}
.e404 p{color:#9fb6cf;font-size:1.0625rem;max-width:560px;margin:0 auto 28px}
.e404 .ctas{justify-content:center}
.e404-l{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 24px;margin-top:32px;font-weight:600;font-size:0.9375rem}
.e404-l a{color:#9fb6cf;transition:color .2s}.e404-l a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.e404{padding:64px 0 56px}.e404 .ctas{display:grid;justify-content:stretch}.e404 .btn{justify-content:center}.e404 p{font-size:1rem}}
.re-gal{max-width:760px;margin-left:auto;margin-right:auto}



/* tlačidlo „Všetky …“: na počítači vedľa nadpisu, na mobile vždy pod obsahom */
.more-m{display:none}
@media(max-width:700px){.pr-top .top-btn{display:none}.more-m{display:block;margin-top:24px}.more-m .btn{width:100%;justify-content:center}}
/* lightbox: galéria pod článkom */
a[data-lb]{display:block;cursor:zoom-in}

.lbx{position:fixed;inset:0;z-index:200;background:rgba(6,12,24,.97);display:flex;flex-direction:column;color:#fff;touch-action:none;opacity:0;transition:opacity .2s ease}
.lbx.on{opacity:1}
.lbx[hidden]{display:none}
.lbx-st{position:relative;flex:1;min-height:0;overflow:hidden}
.lbx-tr{display:flex;height:100%;will-change:transform}
.lbx-tr.anim{transition:transform .32s cubic-bezier(.2,.7,.2,1)}
.lbx-sl{flex:0 0 100%;display:grid;place-items:center;padding:64px 72px 16px}
.lbx-sl img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px;user-select:none;-webkit-user-drag:none;transform:scale(.96);transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.lbx.on .lbx-sl img{transform:none}
.lbx-f{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px 20px;font-size:0.9375rem}
.lbx-cap{color:#d6e2f0;font-weight:600}
.lbx-n{color:#9fb6cf;font-variant-numeric:tabular-nums;white-space:nowrap}
.lbx button{position:absolute;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;transition:background-color .2s}
.lbx button:hover{background:rgba(255,255,255,.22)}
.lbx button .i{width:22px;height:22px}
.lbx-x{top:12px;right:12px;z-index:2}
.lbx-p,.lbx-nx{top:50%;margin-top:-24px;z-index:2}
.lbx-p{left:16px}.lbx-nx{right:16px}
.lbx button[disabled]{opacity:.3;pointer-events:none}
@media(max-width:700px){.lbx-sl{padding:60px 8px 8px}.lbx-p,.lbx-nx{display:none!important}.lbx-f{padding:12px 16px 20px}}
@media(prefers-reduced-motion:reduce){.lbx-sl img{transform:none}}
.lbx button[hidden]{display:none}

/* lightbox: miniatúry dole */
.lbx-th{display:flex;gap:8px;justify-content:center;overflow-x:auto;scrollbar-width:none;padding:0 16px 20px}
.lbx-th::-webkit-scrollbar{display:none}
.lbx .lbx-th button{position:static;flex:none;width:64px;height:64px;margin:0;padding:0;border-radius:8px;overflow:hidden;background:none;opacity:.45;outline:2px solid transparent;outline-offset:2px;transition:opacity .2s,outline-color .2s}
.lbx .lbx-th button:hover{opacity:.8;background:none}
.lbx .lbx-th button.on{opacity:1;outline-color:#fff}
.lbx-th img{display:block;width:100%;height:100%;object-fit:cover}
.lbx-th[hidden]{display:none}
.lbx-f{padding-bottom:12px}
@media(max-width:700px){.lbx .lbx-th button{width:52px;height:52px}.lbx-th{justify-content:flex-start;padding:0 12px 16px}}

/* lightbox pri veľa fotkách: úzky pás (aktívna fotka široká, v strede) + mriežka všetkých fotiek */
.lbx-th.strip{gap:2px;justify-content:flex-start;padding:4px 50% 20px}
.lbx .lbx-th.strip button{width:28px;height:52px;border-radius:4px;opacity:.55;outline:0;transition:width .25s cubic-bezier(.2,.7,.2,1),opacity .2s}
.lbx .lbx-th.strip button.on{width:72px;opacity:1;margin:0 4px}
.lbx-g{top:12px;left:12px;z-index:4}
.lbx-g[aria-pressed=true]{background:#fff;color:var(--navy)}
.lbx-grid{position:absolute;inset:0;z-index:3;background:rgb(6,12,24);overflow:auto;padding:76px 24px 32px;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;align-content:start;animation:lbxIn .2s ease}
@keyframes lbxIn{from{opacity:0}}
.lbx-grid[hidden]{display:none}
.lbx .lbx-grid button{position:relative;display:block;width:auto;height:0;min-height:0;margin:0;border-radius:6px;overflow:hidden;background:none;padding:0 0 100%;opacity:.85;outline:2px solid transparent;outline-offset:2px;transition:opacity .2s,outline-color .2s}
.lbx .lbx-grid button:hover{opacity:1;background:none}
.lbx .lbx-grid button.on{opacity:1;outline-color:#fff}
.lbx-grid img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:700px){.lbx-grid{grid-template-columns:repeat(3,1fr);padding:68px 8px 24px;gap:4px}.lbx .lbx-th.strip button{width:22px;height:44px}.lbx .lbx-th.strip button.on{width:60px}}
/* pätička: autor webu */
.fbot .credit{opacity:.75}
.fbot .credit a{text-decoration:underline;text-underline-offset:3px}
/* Nadpisy pätičky a CTA ako h2 (poradie nadpisov pre čítačky) – 3. 11. 2026 */
.fcols h2{color:#fff;font-size:0.875rem;font-weight:700;letter-spacing:.02em;line-height:1.6;margin:0 0 12px}.fcols h2.fh-docs{margin-top:18px}
.cta2 h2{font-size:1.375rem;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0 0 16px;color:var(--ink)}
.bc h2{font-weight:700;letter-spacing:-.01em;line-height:1.25;margin-top:0}
/* Cenník áut na úzkych mobiloch (360 px a menej): 4 stĺpce sa zmestia bez posúvania – 3. 11. 2026 */
@media(max-width:400px){.pt.car thead th,.pt.car tbody th,.pt.car td{padding:10px 5px;font-size:0.8125rem}.pt.car thead th{font-size:0.6875rem}.pt.car td{white-space:normal}.pt.car tbody th,.pt.car thead th:first-child{padding-left:10px}}

/* Pripomienky Nikolasa – 4. 11. 2026: bublina pod cenníkom, odrážky a fotka poukážky, Na čom si zakladáme, galéria pod článkom */
.pr-bub{display:flex;gap:12px;align-items:flex-start;margin:20px 0 0;padding:14px 18px;border-radius:var(--rs);background:#fff;border:1px solid var(--line);border-left:4px solid var(--teal);color:var(--ink);font-size:0.9375rem;line-height:1.55}
.pr-bub .i{flex:none;width:20px;height:20px;color:var(--teal-d);margin-top:1px}
.vz-l{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:8px}
.vz-l li{display:flex;gap:10px;align-items:center;font-weight:600;color:#fff}
.vz-l .i{width:20px;height:20px;flex:none;color:#7cc4ff}
.vz-foto img{display:block;width:100%;height:auto;border-radius:20px;box-shadow:0 20px 50px rgba(10,27,51,.15)}
.vc-mid span{display:block;line-height:1.5;margin-top:4px}
.hod-g{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}
.hod-g .w4{padding:22px}
.hod-g .w4 .i{display:block}
@media(max-width:900px){.hod-g{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.hod-g{grid-template-columns:1fr}}
.gal-h{margin-top:36px}
.art-gal{grid-template-columns:repeat(3,1fr)!important;margin-top:16px}
@media(max-width:600px){.art-gal{grid-template-columns:1fr 1fr!important}}
.art-gal a{position:relative;display:block}
.art-gal img{margin:0}
.gal-more .gal-all{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:2px;border-radius:var(--rs);background:rgba(10,27,51,.62);color:#fff;font-weight:700;font-size:0.9375rem}
.gal-more .gal-all b{font-size:1.75rem;line-height:1}
.gal-more:hover .gal-all{background:rgba(10,27,51,.72)}

/* 4. 11. 2026 (2): logá referencií v jednom rade, odpoveď do 24 h vo formulári, Na čom si zakladáme v O nás */
.refs-l{flex-wrap:nowrap;justify-content:space-between;gap:20px}
.refs-l img{flex:0 1 auto;min-width:0;height:26px;max-width:22%}
.refs-l img.b-sq{height:40px;filter:grayscale(1) brightness(.72)}
.refs-l img.b-sq:hover{filter:none}
@media(max-width:600px){.refs-l{flex-wrap:wrap;justify-content:flex-start;gap:16px 24px}.refs-l img{max-width:40%}}
.f-resp{grid-column:1/-1;display:flex;gap:10px;align-items:center;margin:0 0 4px;padding:10px 14px;border-radius:var(--rs);background:var(--mint);color:var(--teal-d);font-weight:700;font-size:0.9375rem}
.f-resp .i{width:20px;height:20px;flex:none}
.hod-w{margin-top:56px}
.hod-h{font-size:1.5rem;margin:0 0 6px}
.hod-t{color:var(--muted);margin:0}
.hod-w .hod-g{margin-top:20px}
#o-nas .hod-g .w4{background:#fff}

/* WhatsApp v pätičke – 4. 11. 2026. Logo = nahraný súbor z Nastavení webu (maska, farbí sa ako ostatné ikony). */
.fsoc .so-wa:hover{background:#1fae54}
.so-ico{display:block;width:20px;height:20px;background:currentColor;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}.fsoc .so .so-ico{width:17px;height:17px}

/* Náhľady fotiek vo formulári – 4. 11. 2026 */
.fprev{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.fprev li{position:relative;width:64px;height:64px;border-radius:10px;overflow:hidden;background:var(--soft);border:1px solid var(--line)}
.fprev img{width:100%;height:100%;object-fit:cover;display:block}
.fprev .fp-doc{display:grid;place-items:center;font-size:0.6875rem;font-weight:800;color:var(--muted)}
.fp-x{position:absolute;top:3px;right:3px;width:22px;height:22px;border:0;border-radius:50%;background:rgba(10,27,51,.75);color:#fff;font-size:15px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0}
.fp-x:hover{background:#d63638}
.fp-x:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
/* Natívne pole na fotky skryté – klikne sa na box „Pridať fotky“ (label for="fi"); fokus z klávesnice sa ukáže na boxe */
.wpcf7-form-control-wrap[data-name="fotky"]{position:relative;display:block}
.wpcf7-form-control-wrap[data-name="fotky"] input[type="file"]{position:absolute;inset:0;width:1px;height:1px;padding:0;border:0;opacity:0;overflow:hidden}
.full:has(input[type="file"]:focus-visible) .file{outline:2px solid var(--teal);outline-offset:2px}

.wpcf7-form:not(.tried) .wpcf7-form-control-wrap:not(.touched) .wpcf7-not-valid-tip{display:none}
.wpcf7-form:not(.tried) .wpcf7-form-control-wrap:not(.touched) .wpcf7-not-valid{border-color:var(--line)!important}

/* Právne texty (šablóna Právny text): nadpisy sekcií, číslované body, odrážky, tabuľky */
.legal .prose h2{font-size:1.375rem;margin:36px 0 12px;color:var(--ink)}
.legal .prose h2:first-of-type{margin-top:12px}
.legal .prose .legal-date{font-size:.9375rem;margin-bottom:8px}
.legal .prose strong{color:var(--ink)}
.legal .prose ol{margin:0 0 18px;padding-left:24px;display:grid;gap:10px}
.legal .prose ol>li{display:list-item;padding-left:4px}
.legal .prose ul{list-style:disc;display:block;margin:0 0 18px;padding-left:24px}
.legal .prose ul li{display:list-item;margin:6px 0}
.legal .prose li ul{margin:8px 0 0}
.legal .prose li::marker{color:var(--teal);font-weight:700}
.legal .prose a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}
.legal .wp-block-table{margin:0 0 22px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.legal .prose table{width:100%;min-width:560px;border-collapse:collapse;font-size:.9375rem;line-height:1.5}
.legal .prose th,.legal .prose td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.legal .prose th{background:var(--soft);color:var(--ink);font-weight:700}

/* Box v cenníku: nadpisy zoznamov (položka s dvojbodkou) */
.incl li.incl-h{display:block;font-size:.9375rem;font-weight:800;color:var(--ink);margin-top:6px}
.incl li.incl-h:first-child{margin-top:0}
.incl li.incl-h+li{margin-top:-4px}

/* Bodky recenzií: klikacia plocha 24 × 24 px (prístupnosť na mobile), viditeľná bodka ostáva rovnaká */
.rv-dots{gap:0;margin:12px 0 0}
.rv-dots button,.rv-dots button.on{position:relative;width:24px;height:24px;background:none}
.rv-dots button.on{width:34px}
.rv-dots button::before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:999px;background:#c9d4dd;transform:translate(-50%,-50%);transition:width .25s,background .25s}
.rv-dots button.on::before{width:26px;background:var(--teal)}
.rv-dots button:focus-visible{outline:2px solid var(--teal);outline-offset:-2px;border-radius:999px}