/* CompIT – vzhled webu (Elementor + Hello Elementor)
   Barvy a písma podle vizuální identity CompIT 1.0 */

@font-face{font-family:"Outfit";src:url("fonts/Outfit-variable.ttf") format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:"Michroma";src:url("fonts/Michroma-Regular.ttf") format("truetype");font-weight:400;font-display:swap}

:root{
  --c-red:#FF0044; --c-red-ink:#C80036; --c-ink:#1F2229; --c-night:#14161B; --c-dot:#7E7F83;
  --c-muted:#62656C; --c-paper:#F5F4F0; --c-line:#DCDAD4; --c-white:#fff;
  --f-display:"Michroma","Eurostile","Arial Black",sans-serif;
  --f-body:"Outfit","Segoe UI",system-ui,sans-serif;
  --f-code:"JetBrains Mono","Cascadia Code",Consolas,ui-monospace,monospace;
  --wrap:1180px; --gut:clamp(16px,4vw,40px);
}
html{scroll-behavior:smooth}
body{font-family:var(--f-body);font-size:17px;line-height:1.6;color:var(--c-ink);background:#fff;-webkit-font-smoothing:antialiased}
body .elementor-widget-heading .elementor-heading-title{font-family:var(--f-body);color:inherit;line-height:1.15;text-wrap:balance}
a{color:var(--c-red-ink)}
:focus-visible{outline:2px solid var(--c-red);outline-offset:3px}
.elementor-widget-text-editor p:last-child{margin-bottom:0}
.elementor-widget-text-editor p{margin:0 0 .8em}

/* ---------- obecné stavební prvky ---------- */
.c-sec{--padding-top:clamp(56px,8vw,104px);--padding-bottom:clamp(56px,8vw,104px);--padding-left:var(--gut);--padding-right:var(--gut)}
.c-sec > .e-con-inner{max-width:var(--wrap)}
.c-alt{background:var(--c-paper)}
.c-head{--gap:14px;--row-gap:14px;margin-bottom:28px;max-width:760px}
.c-h1 .elementor-heading-title,.c-h1 h1{font-family:var(--f-display)!important;font-weight:400;font-size:clamp(30px,5vw,52px)!important;letter-spacing:-.01em;line-height:1.12!important}
.c-h2 .elementor-heading-title{font-family:var(--f-display)!important;font-weight:400;font-size:clamp(24px,3.2vw,36px)!important}
.c-h3 .elementor-heading-title{font-weight:600!important;font-size:21px!important}
.c-h1 .r,.c-h2 .r{color:var(--c-red)}
.c-eb .elementor-heading-title{font:500 13px/1.4 var(--f-code)!important;letter-spacing:.06em;text-transform:uppercase;color:var(--c-red-ink)!important;display:inline-flex;gap:8px;align-items:center}
.c-eb .elementor-heading-title::before{content:"";width:18px;height:6px;border-radius:3px;background:var(--c-red);flex:none}
.c-lead,.c-lead p{font-size:clamp(18px,1.6vw,21px);font-weight:300;color:var(--c-muted);max-width:62ch}
.c-muted,.c-muted p{color:var(--c-muted)}
.c-more a,.c-more{font-weight:600;color:var(--c-red-ink);text-decoration:none;font-size:15.5px}
.c-more a:hover{text-decoration:underline}

/* tlačítka */
.c-btn .elementor-button{font:600 16px var(--f-body);padding:13px 22px;border-radius:10px;background:var(--c-red);color:#fff;border:1.5px solid var(--c-red);transition:transform .15s,background .15s}
.c-btn .elementor-button:hover{background:var(--c-red-ink);border-color:var(--c-red-ink);transform:translateY(-1px)}
.c-btn-ghost .elementor-button{font:600 16px var(--f-body);padding:13px 22px;border-radius:10px;background:transparent;color:var(--c-ink);border:1.5px solid var(--c-line)}
.c-btn-ghost .elementor-button:hover{border-color:var(--c-ink);background:transparent;color:var(--c-ink)}
.c-btns{--gap:12px;--row-gap:12px;--flex-wrap:wrap}

/* mřížky */
.c-grid{display:grid!important;gap:22px}
.c-g2{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}
.c-g3{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.c-g4{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
.c-grid > .e-con{width:auto!important;min-width:0}

/* karty */
.c-card{background:#fff;border:1px solid var(--c-line);border-radius:14px;--padding-top:28px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;--gap:12px;--row-gap:12px;--justify-content:flex-start}
.c-alt .c-card{border-color:transparent}
.c-card p,.c-card li{color:var(--c-muted);font-size:16px}
.c-card ul,.c-list ul{margin:4px 0 0;padding:0;list-style:none;display:grid;gap:6px}
.c-card li,.c-list li{display:flex;gap:10px;color:var(--c-ink);font-size:15.5px}
.c-card li::before,.c-list li::before{content:"";flex:none;width:10px;height:4px;border-radius:2px;background:var(--c-red);margin-top:11px}
.c-ico{width:46px;height:46px;border-radius:12px;background:var(--c-ink);display:grid;place-items:center}
.c-ico svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.c-ico.red{background:var(--c-red)}

/* ---------- hlavička ---------- */
.c-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid #E4E2DC;--padding-left:var(--gut);--padding-right:var(--gut);--padding-top:0;--padding-bottom:0}
body.admin-bar .c-header{top:32px}
.c-header > .e-con-inner{max-width:var(--wrap);min-height:74px;--flex-direction:row;--align-items:center;--gap:24px;--flex-wrap:nowrap}
.c-logo{width:150px!important;max-width:150px;flex:none!important}
.c-logo .elementor-widget-container,.c-logo a{display:block;width:100%}
.c-logo img{width:150px!important;height:auto!important;max-width:none!important;display:block}
.c-menu{margin-left:auto}
.c-menu .elementor-nav-menu--main .elementor-item{font:500 15.5px var(--f-body);color:var(--c-muted);padding:8px 12px}
.c-menu .elementor-nav-menu--main .elementor-item:hover,.c-menu .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var(--c-ink)}
.c-menu .elementor-nav-menu--main .elementor-item.elementor-item-active::after{content:"";position:absolute;left:12px;bottom:2px;width:16px;height:3px;border-radius:2px;background:var(--c-red);opacity:1}
.c-menu .elementor-menu-toggle{border:1px solid var(--c-line);border-radius:8px;background:#fff;color:var(--c-ink)}
.c-menu .elementor-nav-menu--dropdown{background:#fff;border-bottom:1px solid var(--c-line)}
.c-menu .elementor-nav-menu--dropdown .elementor-item{color:var(--c-ink);font:500 16px var(--f-body)}
.c-header .c-btn .elementor-button{padding:10px 16px;font-size:15px}
@media (max-width:767px){.c-header .c-btn{display:none}.c-logo,.c-logo img{width:130px!important}}
/* widgety v mých kontejnerech přes celou šířku */
.c-card > .elementor-widget,.c-hero-text > .elementor-widget,.c-ref-body > .elementor-widget,.c-slide > .elementor-widget,.c-head > .elementor-widget,.c-band-text > .elementor-widget,.c-contact-info > .elementor-widget,.c-phero .elementor-widget,.c-step > .elementor-widget{width:100%}
.c-btns > .elementor-widget,.c-card > .c-ico,.c-header > .e-con-inner > .elementor-widget{width:auto}

/* ---------- úvod (tmavý, osobní) ---------- */
.c-hero{position:relative;overflow:hidden;background:var(--c-night);color:#F5F4F0;--padding-top:clamp(56px,7vw,96px);--padding-bottom:clamp(56px,7vw,96px);--padding-left:var(--gut);--padding-right:var(--gut)}
.c-hero-in{max-width:var(--wrap);width:100%!important;margin:0 auto;position:relative;z-index:1;--flex-direction:row;--align-items:center;--gap:clamp(40px,6vw,80px);--column-gap:clamp(40px,6vw,80px);--flex-wrap:nowrap}
.c-hero .c-eb .elementor-heading-title{color:#FF5C84!important}
.c-hero .c-lead,.c-hero .c-lead p{color:#A3A5AB}
.c-hero .c-btn-ghost .elementor-button{color:#F5F4F0;border-color:#3A3E47}
.c-hero .c-btn-ghost .elementor-button:hover{border-color:#F5F4F0;color:#F5F4F0}
.c-hero-text{--gap:20px;--row-gap:20px;min-width:0}
.c-tokens{position:absolute!important;inset:0;z-index:0;pointer-events:none;width:100%!important;max-width:none!important}
.c-tokens .elementor-widget-container{position:absolute;inset:0}
.c-tokens span{position:absolute;font-family:var(--f-code);font-weight:500;color:rgba(255,255,255,.06);white-space:nowrap}
.c-tokens span.red{color:rgba(255,0,68,.28)}
.c-tile{--tw:min(30vw,340px);width:var(--tw)!important;height:var(--tw);flex:none!important;border-radius:22%;background:#fff;--padding-top:calc(var(--tw)*.16);--padding-bottom:calc(var(--tw)*.12);--padding-left:calc(var(--tw)*.12);--padding-right:calc(var(--tw)*.12);transform:rotate(-4deg);box-shadow:0 40px 70px -30px rgba(0,0,0,.7);position:relative}
.c-tile-dots{position:absolute!important;top:5.5%;left:11%;width:26%!important;aspect-ratio:3.6/1;z-index:2}
.c-tile-dots .elementor-widget-container{width:100%;height:100%;background:radial-gradient(circle closest-side,var(--c-red) 96%,transparent) 0 0/27.7% 100% no-repeat,radial-gradient(circle closest-side,var(--c-dot) 96%,transparent) 50% 0/27.7% 100% no-repeat,radial-gradient(circle closest-side,var(--c-dot) 96%,transparent) 100% 0/27.7% 100% no-repeat}
.c-tile-old::before{content:"";position:absolute;top:5.5%;left:11%;width:26%;aspect-ratio:3.6/1;background:radial-gradient(circle closest-side,var(--c-red) 96%,transparent) 0 0/27.7% 100% no-repeat,radial-gradient(circle closest-side,var(--c-dot) 96%,transparent) 50% 0/27.7% 100% no-repeat,radial-gradient(circle closest-side,var(--c-dot) 96%,transparent) 100% 0/27.7% 100% no-repeat}
.c-tile > .elementor-widget-image,.c-tile .elementor-widget-container{height:100%!important;width:100%!important;flex:1 1 auto}
.c-tile img{height:100%!important;width:100%!important;object-fit:cover;border-radius:14%;display:block}
.c-stack .elementor-widget-container{display:flex;flex-wrap:wrap;gap:8px}
.c-stack span{font:500 13px var(--f-code);color:#E9E8E4;background:#1F2229;border:1px solid #2E323A;border-radius:8px;padding:5px 10px}
.c-stack span:last-child{border-color:rgba(255,0,68,.6);color:#FF8FA9}
.c-facts .elementor-widget-container{display:flex;gap:28px;flex-wrap:wrap;padding-top:22px;border-top:1px solid var(--c-line)}
.c-facts div{font-size:14.5px;color:var(--c-muted)}
.c-facts b{display:block;color:var(--c-ink);font-size:17px;font-weight:600}
.c-hero .c-facts .elementor-widget-container{border-top-color:#2E323A}
.c-hero .c-facts div{color:#A3A5AB}.c-hero .c-facts b{color:#fff}
.c-hero .c-h1 .elementor-heading-title{color:#fff}
@media (max-width:900px){.c-hero-in{--flex-direction:column;--align-items:flex-start}.c-tile{--tw:220px}.c-tokens{opacity:.5}}

/* ---------- postup ---------- */
.c-steps{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));counter-reset:s}
.c-step{--padding-top:24px;--padding-right:22px;--padding-bottom:8px;--padding-left:0;border-top:2px solid var(--c-line);position:relative;--gap:8px;--row-gap:8px;width:auto!important}
.c-step::before{counter-increment:s;content:"0" counter(s);font:13px var(--f-code);color:var(--c-red-ink)}
.c-step::after{content:"";position:absolute;top:-2px;left:0;width:42px;height:2px;background:var(--c-red)}
.c-step p{font-size:15.5px;color:var(--c-muted)}

/* ---------- tmavý pruh ---------- */
.c-band{background:var(--c-night);color:#F5F4F0}
.c-band > .e-con-inner{--flex-direction:row;--align-items:center;--gap:clamp(28px,5vw,64px)}
.c-band .c-eb .elementor-heading-title{color:#FF5C84!important}
.c-band .c-h2 .elementor-heading-title{color:#fff}
.c-band p{color:#A3A5AB}
.c-band .c-btn-ghost .elementor-button{color:#F5F4F0;border-color:#3A3E47}
.c-band-text{--gap:20px;--row-gap:20px;min-width:0;flex:1 1 0!important}
.c-band > .e-con-inner > .c-flow{flex:1 1 0!important;width:auto!important}
.c-flow .elementor-widget-container{display:grid;gap:10px}
.c-flow div{display:flex;gap:14px;align-items:center;background:#1F2229;border:1px solid #2E323A;border-radius:12px;padding:14px 18px;font-size:15.5px;color:#E9E8E4}
.c-flow b{font:500 12px var(--f-code);color:#FF5C84;min-width:62px;letter-spacing:.04em;text-transform:uppercase}
.c-flow .human b{color:#7EE0A8}
@media (max-width:900px){.c-band > .e-con-inner{--flex-direction:column;--align-items:stretch}}

/* ---------- slider vybrané práce ---------- */
.c-headrow > .e-con-inner,.c-headrow{--flex-direction:row;--justify-content:space-between;--align-items:flex-end;--flex-wrap:wrap}
.c-track{display:grid!important;grid-auto-flow:column;grid-auto-columns:calc((100% - 44px)/3);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:4px!important}
.c-track::-webkit-scrollbar{display:none}
.c-slide{scroll-snap-align:start;--gap:14px;--row-gap:14px;width:auto!important;text-decoration:none;color:inherit;min-width:0}
.c-slide .c-h3 .elementor-heading-title{font-size:19px!important}
.c-slide:hover .c-h3 .elementor-heading-title{color:var(--c-red-ink)}
.c-kind .elementor-heading-title{font:500 12.5px var(--f-code)!important;color:var(--c-red-ink)!important;text-transform:uppercase;letter-spacing:.05em}
.c-slnav{display:flex;align-items:center;gap:14px;margin-top:20px}
.c-slbtn{width:44px;height:44px;border-radius:50%;border:1px solid var(--c-line);background:#fff;color:var(--c-ink);font:500 18px var(--f-body);cursor:pointer;padding:0}
.c-slbtn:hover{border-color:var(--c-ink);background:#fff;color:var(--c-ink)}
.c-sldots{display:flex;gap:8px;flex:1;justify-content:center}
.c-sldots button{width:8px;height:8px;border-radius:4px;border:0;background:var(--c-line);cursor:pointer;padding:0;transition:width .2s}
.c-sldots button[aria-current="true"]{width:26px;background:var(--c-red)}
@media (max-width:900px){.c-track{grid-auto-columns:calc((100% - 22px)/2)}}
@media (max-width:600px){.c-track{grid-auto-columns:86%}}

/* náhled webu v rámečku prohlížeče */
.c-shot{border:1px solid var(--c-line);border-radius:12px;overflow:hidden;background:var(--c-paper)}
.c-shot .elementor-widget-container{position:relative;padding-top:28px}
.c-shot .elementor-widget-container::before{content:"";position:absolute;top:0;left:0;right:0;height:28px;border-bottom:1px solid var(--c-line);background:radial-gradient(circle 4px at 16px 14px,var(--c-red) 98%,transparent),radial-gradient(circle 4px at 30px 14px,var(--c-dot) 98%,transparent),radial-gradient(circle 4px at 44px 14px,var(--c-dot) 98%,transparent)}
.c-shot figure{margin:0}
.c-shot img{display:block;width:100%;aspect-ratio:2/1;object-fit:cover;object-position:top center}
.c-shot figcaption,.c-shot .widget-image-caption{position:absolute;top:6px;left:58px;margin:0;font:11.5px var(--f-code);color:var(--c-muted)}
.c-logobox{background:#F5F4F0;border:1px solid var(--c-line);border-radius:12px;aspect-ratio:2/1;--justify-content:center;--align-items:center;--padding-left:14%;--padding-right:14%}
.c-logobox img{max-height:120px;width:auto;max-width:100%}

/* ---------- reference ---------- */
.c-filter .elementor-widget-container{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.c-filter button{font:500 15px var(--f-body);padding:8px 16px;border-radius:999px;border:1px solid var(--c-line);background:transparent;color:var(--c-muted);cursor:pointer}
.c-filter button:hover{background:transparent;color:var(--c-ink);border-color:var(--c-ink)}
.c-filter button[aria-pressed="true"]{background:var(--c-ink);color:#fff;border-color:var(--c-ink)}
.c-refs{--gap:22px;--row-gap:22px}
.c-ref{display:grid!important;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center;background:#fff;border:1px solid var(--c-line);border-radius:14px;--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;width:100%!important}
.c-ref[hidden]{display:none!important}
.c-ref > .e-con{min-width:0}
.c-ref-body{--gap:12px;--row-gap:12px}
.c-ref-body p{color:var(--c-muted);font-size:16px}
.c-tags .elementor-widget-container{display:flex;gap:6px;flex-wrap:wrap}
.c-tags span{font:12.5px var(--f-code);padding:4px 9px;border-radius:6px;background:var(--c-paper);color:var(--c-muted);border:1px solid var(--c-line)}
.c-ph,.c-ph p,.c-ph .elementor-heading-title{color:var(--c-muted)!important;font-style:italic}
@media (max-width:760px){.c-ref{grid-template-columns:1fr}}

/* náhled aplikace (místo screenshotu) */
.c-app{position:relative;aspect-ratio:2/1;background:#1F2229;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.c-app .bar{height:28px;display:flex;align-items:center;gap:6px;padding:0 12px;background:#14161B}
.c-app .bar i{width:8px;height:8px;border-radius:50%;background:var(--c-dot)}.c-app .bar i:first-child{background:var(--c-red)}
.c-app .bar span{font:11.5px var(--f-code);color:#A3A5AB;margin-left:8px}
.c-app .ui{flex:1;display:grid;grid-template-columns:22% 1fr;min-height:0}
.c-app .side{background:#191C22;padding:12px;display:grid;gap:8px;align-content:start}
.c-app .side b{height:10px;width:70%;border-radius:4px;background:var(--c-red)}
.c-app .side i{height:7px;border-radius:4px;background:#2E323A}
.c-app .main{padding:12px;display:grid;gap:10px;align-content:start}
.c-app .kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.c-app .kpi s{height:34px;border-radius:6px;background:#262A32}.c-app .kpi s:first-child{background:rgba(255,0,68,.25)}
.c-app .rows{display:grid;gap:6px}.c-app .rows i{height:12px;border-radius:4px;background:#262A32}
.c-app em{position:absolute;right:10px;bottom:8px;font:11px var(--f-code);font-style:normal;color:var(--c-dot)}

/* ---------- podstránky ---------- */
.c-phero{position:relative;overflow:hidden;background:var(--c-night);color:#F5F4F0;--padding-top:clamp(56px,7vw,96px);--padding-bottom:clamp(48px,6vw,80px);--padding-left:var(--gut);--padding-right:var(--gut)}
.c-phero-in{max-width:var(--wrap);width:100%!important;margin:0 auto;position:relative;z-index:1;--gap:18px;--row-gap:18px}
.c-phero-in > .elementor-widget{max-width:760px}
.c-phero .c-eb .elementor-heading-title{color:#FF5C84!important}
.c-phero .c-h1 .elementor-heading-title{color:#fff}
.c-phero .c-lead,.c-phero .c-lead p{color:#A3A5AB}
.c-cta{background:var(--c-paper)}
.c-cta > .e-con-inner{--flex-direction:row;--justify-content:space-between;--align-items:center;--gap:28px;--flex-wrap:wrap}
.c-faq details{border-bottom:1px solid var(--c-line);padding:18px 0}
.c-faq summary{cursor:pointer;font-weight:600;font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.c-faq summary::-webkit-details-marker{display:none}
.c-faq summary::after{content:"+";font:400 22px var(--f-code);color:var(--c-red)}
.c-faq details[open] summary::after{content:"–"}
.c-faq details p{margin-top:10px;color:var(--c-muted)}

/* ---------- kontakt ---------- */
.c-contact > .e-con-inner{--flex-direction:row;--gap:clamp(28px,5vw,64px);--align-items:flex-start}
.c-contact-info{--gap:28px;--row-gap:28px;flex:0 0 40%!important}
.c-dl dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:10px 24px;font-size:16px}
.c-dl dt{color:var(--c-muted)}.c-dl dd{margin:0;font-weight:500}
.c-note .elementor-widget-container{padding:14px 18px;border-radius:10px;background:var(--c-paper);font-size:15px}
.c-form .elementor-field-group{margin-bottom:14px}
.c-form .elementor-field-label{font:500 14.5px var(--f-body);color:var(--c-ink)}
.c-form .elementor-mark-required .elementor-field-label::after{color:var(--c-red)}
.c-form .elementor-field-textual{font:16px var(--f-body)!important;padding:12px 14px!important;border:1px solid var(--c-line)!important;border-radius:10px!important;background:#fff!important;color:var(--c-ink)!important}
.c-form .elementor-field-textual:focus{border-color:var(--c-red)!important;box-shadow:0 0 0 3px rgba(255,0,68,.15)}
.c-form .elementor-button{font:600 16px var(--f-body);padding:13px 22px;border-radius:10px;background:var(--c-red);color:#fff}
.c-form .elementor-button:hover{background:var(--c-red-ink)}
.c-form .elementor-field-type-acceptance label,.c-form-note{font-size:13.5px;color:var(--c-muted)}
@media (max-width:900px){.c-contact > .e-con-inner{--flex-direction:column}.c-contact-info{flex-basis:auto!important}}

/* ---------- patička ---------- */
.c-footer{background:var(--c-night);color:#A3A5AB;font-size:15px;--padding-top:56px;--padding-bottom:28px;--padding-left:var(--gut);--padding-right:var(--gut)}
.c-footer > .e-con-inner{max-width:var(--wrap)}
.c-fcols{display:grid!important;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:36px}
.c-fcols > .e-con{width:auto!important;--gap:10px;--row-gap:10px}
.c-footer .elementor-heading-title{color:#F5F4F0!important;font-size:15px!important;font-weight:600!important}
.c-footer a{color:#A3A5AB;text-decoration:none}.c-footer a:hover{color:#F5F4F0}
.c-footer p{margin:0 0 6px;color:#A3A5AB}
.c-flogo{text-align:left}
.c-flogo img{width:230px!important;max-width:100%!important;height:auto!important}
.c-logobox > .elementor-widget{width:100%;text-align:center}
.c-logobox img{width:100%!important;height:auto!important;max-height:120px;object-fit:contain}
.c-shot img{width:100%!important;height:auto!important}
.c-legal{margin-top:40px;padding-top:20px;border-top:1px solid #2A2D35;font-size:13.5px}
.c-legal p{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0;color:#A3A5AB}
.c-footer .elementor-nav-menu--layout-vertical .elementor-item{padding:3px 0!important;color:#A3A5AB;font:15px var(--f-body)}
.c-footer .elementor-nav-menu--layout-vertical .elementor-item:hover{color:#F5F4F0}
@media (max-width:900px){.c-fcols{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.c-fcols{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.c-btn .elementor-button{transition:none}.c-track{scroll-behavior:auto}}
.c-phero .c-tokens{-webkit-mask-image:linear-gradient(90deg,transparent 50%,#000 80%);mask-image:linear-gradient(90deg,transparent 50%,#000 80%)}

/* počítadla v úvodu */
.c-facts .elementor-widget-container{gap:clamp(20px,4vw,44px)}
.c-facts .elementor-widget-container > div{display:grid;gap:6px;max-width:190px}
.c-facts b.c-count{font:400 clamp(30px,3.6vw,42px)/1 var(--f-display);color:#fff;font-variant-numeric:tabular-nums}
.c-facts .elementor-widget-container > div:first-child b.c-count{color:var(--c-red)}
.c-facts span{font-size:14px;line-height:1.35;color:#A3A5AB}
/* menu: při najetí se nic neposouvá, mění se jen barva */
.c-menu .elementor-nav-menu--main .elementor-item,.c-menu .elementor-nav-menu--main .elementor-item:hover,.c-menu .elementor-nav-menu--main .elementor-item:focus,.c-menu .elementor-nav-menu--main .elementor-item.elementor-item-active{padding:8px 12px!important;margin:0!important;transition:color .15s!important;transform:none!important}
.c-menu .elementor-nav-menu--main .elementor-item::before{display:none!important}

/* vytíženost – volná kapacita */
.c-cap .elementor-widget-container{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:14px 18px;border:1px solid #2E323A;border-radius:14px;background:rgba(255,255,255,.03);width:fit-content;max-width:100%}
.c-cap-week{display:flex;gap:6px}
.c-cap-week i{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;font:500 11.5px var(--f-code);font-style:normal;background:#262A32;color:#7E7F83;position:relative}
.c-cap-week i::after{content:"";position:absolute;left:7px;right:7px;bottom:6px;height:3px;border-radius:2px;background:#3A3E47}
.c-cap-week i.free{background:rgba(255,0,68,.12);color:#FF8FA9;box-shadow:inset 0 0 0 1.5px rgba(255,0,68,.6)}
.c-cap-week i.free::after{background:#FF0044}
.c-cap-txt{display:grid;gap:2px;font-size:14px;color:#A3A5AB}
.c-cap-txt b{display:flex;align-items:center;gap:8px;color:#fff;font-weight:600;font-size:15.5px}
.c-cap-txt .dot{width:9px;height:9px;border-radius:50%;background:#FF0044;box-shadow:0 0 0 4px rgba(255,0,68,.18)}
.c-cap-light .elementor-widget-container{border-color:var(--c-line);background:#fff;width:100%}
.c-cap-light .c-cap-week i{background:var(--c-paper);color:var(--c-muted)}
.c-cap-light .c-cap-week i::after{background:var(--c-line)}
.c-cap-light .c-cap-week i.free{background:#FFE6ED;color:#C80036;box-shadow:inset 0 0 0 1.5px #FF0044}
.c-cap-light .c-cap-txt{color:var(--c-muted)}
.c-cap-light .c-cap-txt b{color:var(--c-ink)}
@media (max-width:600px){.c-cap-week i{width:32px;height:32px}}

/* tubička s kapacitou vedle čísel */
.c-facts .elementor-widget-container{align-items:center}
.c-facts .elementor-widget-container > div.c-pill-wrap{max-width:none}
.c-pill{display:inline-flex;align-items:center;gap:12px;padding:8px 16px 8px 10px;border-radius:999px;border:1px solid rgba(255,0,68,.5);background:rgba(255,0,68,.08)}
.c-pill .tube{display:flex;gap:3px;padding:4px;border-radius:999px;background:#1F2229}
.c-pill .tube i{width:12px;height:12px;border-radius:50%;background:#3A3E47}
.c-pill .tube i.free{background:#FF0044;box-shadow:0 0 8px rgba(255,0,68,.7)}
.c-pill .t{display:grid;line-height:1.25;font-size:13px;color:#A3A5AB}
.c-pill .t b{font-size:14px;font-weight:600;color:#fff}
.c-cap-week i{width:22px;height:22px;border-radius:50%}
.c-cap-week i::after{display:none}
.c-cap-light .elementor-widget-container{flex-wrap:nowrap;gap:14px}.c-cap .c-cap-week{gap:4px;padding:5px;border-radius:999px;background:var(--c-paper);flex:none}.c-cap .c-cap-week i{width:13px;height:13px;box-shadow:none!important;background:var(--c-line)}.c-cap .c-cap-week i.free{background:#FF0044}.c-cap-light .c-cap-txt .dot{display:none}
/* software bez screenshotu: textová karta */
.c-ref-txt{grid-template-columns:1fr;border-left:4px solid var(--c-red)}
.c-ref-txt .c-ref-body > .elementor-widget{max-width:820px}
/* mobilní menu: bez šedého podkladu, čitelné položky */
.c-menu .elementor-nav-menu--dropdown{box-shadow:0 18px 30px -18px rgba(20,22,27,.35)}
.c-menu .elementor-nav-menu--dropdown a.elementor-item,.c-menu .elementor-nav-menu--dropdown a.elementor-item:hover,.c-menu .elementor-nav-menu--dropdown a.elementor-item:focus,.c-menu .elementor-nav-menu--dropdown a.elementor-item.elementor-item-active,.c-menu .elementor-nav-menu--dropdown a.highlighted{background:#fff!important;color:var(--c-ink)!important;padding:14px var(--gut,20px)!important;border-left:3px solid transparent}
.c-menu .elementor-nav-menu--dropdown li + li a.elementor-item{border-top:1px solid var(--c-line)}
.c-menu .elementor-nav-menu--dropdown a.elementor-item:hover,.c-menu .elementor-nav-menu--dropdown a.elementor-item:focus{background:var(--c-paper,#F5F4F0)!important}
.c-menu .elementor-nav-menu--dropdown a.elementor-item.elementor-item-active{color:var(--c-red)!important;border-left-color:var(--c-red)}
/* mobil: bez fotky v úvodu */
@media (max-width:767px){.c-hero .c-tile{display:none!important}}