/* purplemon · hi-fi na černé. Bez stínů, jen vlasové linky. Červená/modrá jen drobné detaily. */
body.hifi{background:var(--bg);color:var(--fg2)}
.hifi h1,.hifi h2,.hifi h3,.hifi strong{color:var(--fg)}
.hifi ::selection{background:var(--fg);color:#000}
.hifi .muted{color:var(--fg3)} .hifi .muted2{color:var(--fg2)}
.hifi .logo-d{display:none}
/* fokus: bílý prstenec 2px + odsazení 3px na všem interaktivním */
.hifi :focus-visible{outline:2px solid var(--fg);outline-offset:3px;border-radius:2px}
/* --- lišta --- */
.bar{border-bottom:1px solid var(--line);font-size:var(--t-small);color:var(--fg2)}
.bar-in{min-height:40px;display:flex;align-items:center;justify-content:center;text-align:center;padding-top:8px;padding-bottom:8px}
.bar a{color:var(--fg);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px;margin-left:6px}
.no-bar .bar{display:none}
/* --- hlavička --- */
.hdr{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid var(--line)}
.hdr-in{height:var(--hdr);display:flex;align-items:center;gap:var(--s6)}
.logo img{height:26px;width:auto}
.nav{margin-left:auto}
.nav ul{display:flex;gap:var(--s6)}
.nav a{text-decoration:none;font-size:15px;color:var(--fg2);padding:8px 0;position:relative}
.nav a:hover{color:var(--fg)}
.nav a[aria-current]{color:var(--fg)}
.nav a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--accent)}
.hdr-cta{height:40px!important;padding:0 18px!important;font-size:15px!important}
.menu-btn{display:none;margin-left:auto;background:none;border:1px solid var(--line2);border-radius:999px;height:40px;padding:0 14px 0 18px;align-items:center;gap:8px;cursor:pointer;color:var(--fg);font-size:15px}
.menu-btn .t-close{display:none}
.menu-open .menu-btn .t-open{display:none}.menu-open .menu-btn .t-close{display:inline}
.mmenu{position:fixed;inset:calc(var(--hdr) + 1px) 0 0 0;background:var(--bg);z-index:49;overflow:auto}
.mm-in{display:flex;flex-direction:column;min-height:100%;padding-top:var(--s5);padding-bottom:var(--s6)}
.mm-list a{display:flex;justify-content:space-between;align-items:center;text-decoration:none;font-family:var(--f-head);font-weight:var(--w-head);font-size:28px;line-height:1.15;color:var(--fg);padding:18px 0;border-bottom:1px solid var(--line)}
.mm-list a[aria-current] span{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:6px}
.mm-list .ico{color:var(--fg3)}
.mm-foot{margin-top:auto;padding-top:var(--s7)}
.mm-contact{display:flex;justify-content:space-between;margin-top:var(--s5);font-size:var(--t-small)}
.mm-contact a{color:var(--fg2)}
.menu-open{overflow:hidden}
@media (max-width:1199px){.nav,.hdr-cta{display:none!important}.menu-btn{display:inline-flex}}
@media (max-width:767px){.logo img{height:22px}}
/* --- tlačítka --- */
.btns{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s6)}
.btns-col{flex-direction:column}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 26px;border-radius:999px;font-size:16px;font-weight:500;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background-color .15s,border-color .15s,color .15s;white-space:nowrap}
.btn .ico{font-size:20px}
.btn-pri{background:var(--fg);color:#000}
.btn-pri:hover{background:var(--fg2)}
.btn-pri:active{background:#BFC1C0}
.btn-sec{background:transparent;color:var(--fg);border-color:var(--line2)}
.btn-sec:hover{border-color:var(--fg)}
.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:default}
.btn-block{width:100%}
.link{color:var(--fg);text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:5px;text-decoration-thickness:1px;display:inline-flex;align-items:center;gap:6px}
.link:hover{text-decoration-color:var(--accent)}
.link .ico{font-size:18px}
.hifi main p a:not(.btn):not(.link){color:var(--fg);text-underline-offset:4px;text-decoration-color:var(--line2)}
.hifi main p a:not(.btn):not(.link):hover{text-decoration-color:var(--accent)}
/* --- placeholdery --- */
.ph{display:inline-block;font-family:"Roboto Mono",ui-monospace,monospace;font-size:12px;line-height:1.5;letter-spacing:0;text-transform:none;font-weight:400;color:var(--fg3);border:1px dashed var(--fg3);border-radius:3px;padding:1px 6px;vertical-align:middle;white-space:normal}
.ph-ov{border-style:dotted}
h3 .ph,h2 .ph{font-size:14px}
/* --- sekce --- */
.sec{padding:var(--sec) 0;border-top:1px solid var(--line)}
.sec-hero{border-top:0;padding-top:var(--s10);padding-bottom:var(--s10)}
.sec-head{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);margin-bottom:var(--s7)}
.eyebrow{display:flex;align-items:center;gap:10px;margin:0;font-family:var(--f-body);font-weight:500;font-size:var(--t-label);letter-spacing:.08em;text-transform:uppercase;color:var(--fg3)}
.eyebrow .ico{font-size:18px;color:var(--fg2)}
.sec-title{max-width:20ch;margin-bottom:var(--s6)}
.measure-h{max-width:22ch}
.sec .lead{color:var(--fg2)}
.sec-title + .lead{margin-bottom:var(--s8)}
.sec-foot{margin-top:var(--s7);display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4) var(--s6);justify-content:space-between}
.num{font-family:var(--f-body);font-size:var(--t-label);letter-spacing:.08em;color:var(--fg3);font-variant-numeric:tabular-nums}
.dot-red{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:10px;vertical-align:middle;flex:none}
.dot-line{display:inline-block;width:6px;height:6px;border-radius:50%;border:1px solid var(--fg2);margin-right:10px;vertical-align:middle;flex:none}
/* --- hero --- */
.hero{max-width:1100px}
.hero .eyebrow{margin-bottom:var(--s6)}
.hero-h{max-width:13ch}
.hero-sub{margin-top:var(--s6)}
.hero-note{margin-top:var(--s6)}
.p-index .hero{padding-top:var(--s8);padding-bottom:var(--s8)}
.strip{margin-top:var(--s10);border-top:1px solid var(--line);padding-top:var(--s5)}
.strip li{grid-column:span 4;display:flex;gap:12px;align-items:flex-start;color:var(--fg2);font-size:var(--t-small)}
.strip .ico{font-size:20px;color:var(--fg)}
/* --- práce --- */
.works{row-gap:var(--s8)}
.card-work{grid-column:span 4}
.cw-link{display:block;text-decoration:none}
.cw-media{aspect-ratio:4/3;border:1px solid var(--line);background:var(--surface);display:flex;align-items:center;justify-content:center;margin-bottom:var(--s5);position:relative}
.cw-title{margin-bottom:var(--s3)}
.cw-desc{color:var(--fg2);margin-bottom:var(--s3)}
.cw-link:hover .cw-title{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:6px}
.cw-link:hover .cw-media{border-color:var(--line2)}
.tags{font-size:var(--t-small);color:var(--fg3)}
.notes{margin-top:var(--s3);display:flex;flex-wrap:wrap;gap:6px}
/* --- úvod --- */
.intro{grid-column:1 / span 10;font-family:var(--f-head);font-weight:600;font-size:clamp(24px,2.6vw,38px);line-height:1.3;letter-spacing:-.01em;color:var(--fg)}
/* --- cesty --- */
.paths{row-gap:var(--s5)}
.path{grid-column:span 6;border:1px solid var(--line);padding:var(--s7);display:flex;flex-direction:column}
.path .h2{margin:var(--s5) 0 var(--s4);max-width:14ch}
.path-ico .ico{font-size:28px;color:var(--fg)}
.path-tag{display:flex;align-items:center;color:var(--fg);font-weight:500;margin-bottom:var(--s2)}
.path .btns{margin-top:auto;padding-top:var(--s6)}
/* --- pilíře (domů) --- */
.pillars-row li,.principles li{grid-column:span 3;border-top:1px solid var(--line2);padding-top:var(--s5)}
.pillars-row .h3,.principles .h3{margin:var(--s4) 0 var(--s3)}
.principles .h3{margin-top:0}
.p-ico .ico{font-size:26px;color:var(--fg)}
.principles{row-gap:var(--s7)}
/* --- kroky --- */
.steps-inline li,.steps li{grid-column:span 3;border-top:1px solid var(--line2);padding-top:var(--s5)}
.steps-inline .h2,.steps .h2{margin:var(--s4) 0 var(--s3)}
.step-top{display:flex;justify-content:space-between;align-items:center}
.step-top .ico{color:var(--fg2)}
.steps .small{margin-top:var(--s4);color:var(--fg3)}
/* --- situace --- */
.rows{border-top:1px solid var(--line2)}
.row{padding:var(--s6) 0;border-bottom:1px solid var(--line);align-items:baseline}
.row .num{grid-column:span 1}
.row .h3{grid-column:span 4}
.row p{grid-column:span 7}
/* --- srovnání --- */
.cmp{border-top:1px solid var(--line2)}
.cmp-row{display:grid;grid-template-columns:3fr 4.5fr 4.5fr;gap:var(--gut);padding:var(--s5) 0;border-bottom:1px solid var(--line)}
.cmp-head span{color:var(--fg);font-weight:500;display:flex;gap:10px;align-items:center}
.cmp [role=rowheader]{color:var(--fg3);font-size:var(--t-small);letter-spacing:.06em;text-transform:uppercase;padding-top:3px}
.cmp [role=cell]{color:var(--fg)}
.tag-free{display:inline-flex;align-items:center;gap:8px;font-weight:500}
.tag-free::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}
/* --- dva sloupce --- */
.two{row-gap:var(--s7)}
.col-a{grid-column:span 5}
.col-b{grid-column:7 / span 6}
.col-a .lead{color:var(--fg)}
.col-a .strong{margin-top:var(--s5)}
.list-h{color:var(--fg3);margin:0 0 var(--s4);font-family:var(--f-body);letter-spacing:.08em}
.list-h:not(:first-child){margin-top:var(--s7)}
.dl li,.bl li{padding:var(--s3) 0;border-bottom:1px solid var(--line)}
.dl li:first-child,.bl li:first-child{border-top:1px solid var(--line)}
.bl li{padding-left:20px;position:relative}
.bl li::before{content:"";position:absolute;left:0;top:calc(var(--s3) + .75em);width:8px;height:1px;background:var(--fg2)}
.col-b > .small{margin-top:var(--s5)}
.note{margin:var(--s6) 0;padding:var(--s2) 0 var(--s2) var(--s5);border-left:2px solid var(--accent)}
.note + p{color:var(--fg2)}
.facts{margin:var(--s6) 0 0;display:grid;gap:0}
.facts div{display:flex;justify-content:space-between;gap:var(--s4);padding:var(--s3) 0;border-bottom:1px solid var(--line)}
.facts dt{color:var(--fg3);font-size:var(--t-small)}
.facts dd{margin:0;color:var(--fg);text-align:right}
/* --- pilíře produktová --- */
.pillars{row-gap:var(--s7)}
.pillar{grid-column:span 6;border-top:1px solid var(--line2);padding-top:var(--s5)}
.pillar .h3{margin:var(--s4) 0 var(--s3)}
.svc{margin-top:var(--s5)}
.svc li{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:var(--s4);padding:var(--s3) 0;border-top:1px solid var(--line);font-size:var(--t-small)}
.svc strong{font-weight:500}
.svc span{color:var(--fg2)}
/* --- mapa --- */
.map{width:100%;border-collapse:collapse;border-top:1px solid var(--line2)}
.map th{text-align:left;font-weight:500;font-size:var(--t-label);letter-spacing:.08em;text-transform:uppercase;color:var(--fg3);padding:var(--s4) 0;border-bottom:1px solid var(--line)}
.map td{padding:var(--s4) 0;border-bottom:1px solid var(--line);color:var(--fg2);vertical-align:middle}
.map td:last-child{color:var(--fg)}
.map td:last-child .ico{font-size:20px;margin-right:10px;color:var(--fg2)}
.map td.arr{width:80px;color:var(--fg3)} .map .arr .ico{font-size:18px}
.map tr:hover td{color:var(--fg)}
/* --- balíčky --- */
.pkgs{row-gap:var(--s5);margin-top:var(--s2)}
.pkg{grid-column:span 4;border:1px solid var(--line);padding:var(--s6);display:flex;flex-direction:column}
.pkg-rec{border-color:var(--fg2);background:var(--surface)}
.pkg-top{display:flex;justify-content:space-between;align-items:center}
.badge{background:var(--fg);color:#000;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px}
.pkg .h2{font-size:32px;margin:var(--s5) 0 var(--s4)}
.pkg-who{color:var(--fg2);margin-bottom:var(--s5);font-size:var(--t-small)}
.pkg .bl{margin-bottom:var(--s5)}
.pkg .bl li{font-size:var(--t-small)}
.pkg .facts{margin:auto 0 var(--s6)}
.pkg-note{margin-top:var(--s7);color:var(--fg2)}
/* --- skrytý blok --- */
.hidden-block{border:1px dashed var(--fg3);padding:var(--s6);opacity:.75}
.hidden-block .sec-title{color:var(--fg3)}
.hidden-block p+p{margin-top:var(--s3)}
/* --- FAQ --- */
.faq-g{row-gap:var(--s6)}
.faq-side{grid-column:span 4}
.faq-side .h2{margin-top:var(--s5)}
.faq{grid-column:6 / span 7;border-top:1px solid var(--line2)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;display:flex;justify-content:space-between;gap:var(--s5);padding:var(--s5) 0;cursor:pointer;color:var(--fg);font-weight:500;font-size:18px}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ico{transition:transform .2s;color:var(--fg2)}
.faq details[open] summary .ico{transform:rotate(45deg)}
.faq-a{padding:0 var(--s8) var(--s5) 0;color:var(--fg2)}
/* --- závěrečné CTA --- */
.cta-final .display{max-width:14ch}
.cta-final .lead{margin-top:var(--s6)}
.cta-contact{margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);align-items:center}
.cta-contact a{color:var(--fg)}
.cta-micro{margin-top:var(--s4)}
/* --- kontakt --- */
.sec-k{padding-bottom:var(--sec)}
.hero-k{margin-bottom:var(--s9)}
.hero-k .hero-h{max-width:14ch}
.k-grid{row-gap:var(--s8);align-items:start}
.k-card{grid-column:span 4;border-top:1px solid var(--line2);padding-top:var(--s5);position:sticky;top:calc(var(--hdr) + 24px)}
.k-card .h3{margin-top:var(--s4)}
.k-tel{font-family:var(--f-head);font-weight:var(--w-head);font-size:32px;line-height:1.2;margin-top:var(--s3)}
.k-tel a{color:var(--fg);text-decoration:none}
.k-tel a:hover{text-decoration:underline;text-decoration-color:var(--accent)}
.k-card .btns{margin-top:var(--s5)}
.k-form{grid-column:6 / span 7}
.form .h2{margin-bottom:var(--s7)}
.f{margin:0 0 var(--s6);padding:0;border:0;min-width:0}
.f label,.f legend{display:block;color:var(--fg);font-weight:500;font-size:15px;margin-bottom:var(--s2);padding:0}
.req{color:var(--fg3)}
.f input:not([type=radio]):not([type=checkbox]),.f textarea{display:block;width:100%;background:var(--surface);border:1px solid var(--line2);border-radius:4px;padding:14px 16px;font-size:16px;color:var(--fg);transition:border-color .15s}
.f textarea{resize:vertical;min-height:132px}
.f input::placeholder,.f textarea::placeholder{color:var(--fg3)}
.f input:hover,.f textarea:hover{border-color:var(--fg2)}
.f input:focus-visible,.f textarea:focus-visible{border-color:var(--fg);outline:2px solid var(--fg);outline-offset:2px}
.err{display:none;align-items:flex-start;gap:8px;margin-top:var(--s2);color:var(--fg);font-size:var(--t-small)}
.err .ico{font-size:18px;color:var(--accent);margin-top:1px}
.is-err .err{display:flex}
.is-err input:not([type=radio]):not([type=checkbox]),.is-err textarea{border-color:var(--accent)}
.is-err .rc{border-color:var(--accent)}
.radios{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
.rc{display:flex!important;align-items:center;gap:12px;border:1px solid var(--line2);border-radius:4px;padding:14px 16px;cursor:pointer;margin:0!important;font-weight:400!important}
.rc input{appearance:none;width:18px;height:18px;border:1px solid var(--fg2);border-radius:50%;margin:0;flex:none;display:grid;place-content:center}
.rc input::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--fg);transform:scale(0);transition:transform .12s}
.rc input:checked::before{transform:scale(1)}
.rc:has(input:checked){border-color:var(--fg);background:var(--surface)}
.rc:hover{border-color:var(--fg2)}
.hint{display:none;margin-top:var(--s3);font-size:var(--t-small);color:var(--fg)}
.hint > span{display:none;align-items:center}
[data-v=funguje] .hint,[data-v=vznika] .hint{display:block}
[data-v=funguje] .h-fun,[data-v=vznika] .h-vzn{display:flex}
.chips{display:flex;flex-wrap:wrap;gap:var(--s2)}
.chip{display:inline-flex!important;margin:0!important;cursor:pointer;font-weight:400!important}
.chip input{position:absolute;opacity:0;width:1px;height:1px}
.chip span{display:inline-flex;align-items:center;height:40px;padding:0 16px;border:1px solid var(--line2);border-radius:999px;font-size:15px;color:var(--fg2);transition:all .12s}
.chip:hover span{border-color:var(--fg2);color:var(--fg)}
.chip input:checked + span{background:var(--fg);color:#000;border-color:var(--fg)}
.chip input:focus-visible + span{outline:2px solid var(--fg);outline-offset:3px}
.gdpr{margin:var(--s2) 0 var(--s6)}
.submit{display:flex;flex-wrap:wrap;gap:var(--s4) var(--s5);align-items:center}
.s-busy{display:none}
.is-busy .s-idle{display:none}.is-busy .s-busy{display:inline}
.banner{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--accent);border-radius:4px;padding:var(--s4) var(--s5);margin-bottom:var(--s6);color:var(--fg)}
.banner[hidden]{display:none}
.banner .ico{color:var(--accent)}
.sent{border-top:1px solid var(--line2);padding-top:var(--s6)}
.sent .ico{font-size:40px;color:var(--fg)}
.sent .h2{margin:var(--s5) 0 var(--s3)}
.sent[hidden]{display:none}
/* --- patička --- */
.ftr{background:var(--surface);padding:var(--s9) 0 var(--s6);color:var(--fg2);font-size:var(--t-small)}
.ftr-top{row-gap:var(--s7)}
.ftr-brand{grid-column:span 4}
.ftr-brand img{height:26px;width:auto;margin-bottom:var(--s4)}
.ftr-col{grid-column:span 2}
.ftr-col:nth-child(2){grid-column:6 / span 2}
.ftr-col:last-child{grid-column:span 3}
.ftr-col .label{color:var(--fg3);margin-bottom:var(--s4)}
.ftr-col li{margin-bottom:var(--s2)}
.ftr a{color:var(--fg2);text-decoration:none}
.ftr a:hover{color:var(--fg);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}
.ftr-bot{margin-top:var(--s9);padding-top:var(--s5);border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:var(--s3) var(--s6);color:var(--fg3)}
/* --- tablet --- */
@media (max-width:1199px){
 .card-work{grid-column:span 4}.card-work:nth-child(3){grid-column:span 4}
 .works{grid-template-columns:repeat(8,1fr)}
 .path{grid-column:span 4}
 .pillars-row li,.principles li,.steps-inline li,.steps li{grid-column:span 4}
 .pillars-row,.steps-inline,.steps{row-gap:var(--s7)}
 .row .h3{grid-column:span 3}.row p{grid-column:span 4}
 .col-a{grid-column:span 8}.col-b{grid-column:span 8}
 .pillar{grid-column:span 8}
 .pkg{grid-column:span 8}
 .faq-side{grid-column:span 8}.faq{grid-column:span 8}
 .k-card{grid-column:span 8;position:static}.k-form{grid-column:span 8}
 .ftr-brand{grid-column:span 8}.ftr-col,.ftr-col:nth-child(2),.ftr-col:last-child{grid-column:span 4}
}
/* --- mobil 390 --- */
@media (max-width:767px){
 .sec-hero{padding-top:var(--s8);padding-bottom:var(--s9)}
 .p-index .hero{padding-top:var(--s5);padding-bottom:0}
 .sec-head{margin-bottom:var(--s6)}
 .strip{margin-top:var(--s8);row-gap:var(--s4)}
 .strip li{grid-column:span 4}
 .works{grid-template-columns:repeat(4,1fr);row-gap:var(--s7)}
 .card-work,.card-work:nth-child(3){grid-column:span 4}
 .intro{grid-column:span 4;font-size:24px}
 .path{grid-column:span 4;padding:var(--s5)}
 .pillars-row li,.principles li,.steps-inline li,.steps li{grid-column:span 4}
 .row{row-gap:var(--s2)}
 .row .num,.row .h3,.row p{grid-column:span 4}
 .cmp-head{display:none}
 .cmp-row{grid-template-columns:1fr;gap:var(--s2);padding:var(--s4) 0}
 .cmp [role=cell]{display:flex;flex-direction:column;gap:2px}
 .cmp [role=cell]::before{content:attr(data-k);font-size:12px;color:var(--fg3)}
 .col-a,.col-b,.pillar,.pkg,.faq-side,.faq,.k-card,.k-form,.ftr-brand{grid-column:span 4}
 .ftr-col,.ftr-col:nth-child(2),.ftr-col:last-child{grid-column:span 4}
 .svc li{grid-template-columns:1fr;gap:2px}
 .map thead{display:none}
 .map,.map tbody,.map tr,.map td{display:block;width:100%}
 .map tr{padding:var(--s3) 0;border-bottom:1px solid var(--line)}
 .map td{border:0;padding:2px 0}
 .map td.arr{width:auto;line-height:1}
 .map td.arr .ico{transform:rotate(90deg);font-size:16px}
 .pkg{padding:var(--s5)}
 .faq summary{font-size:16px}
 .faq-a{padding-right:0}
 .hero-k{margin-bottom:var(--s7)}
 .radios{grid-template-columns:1fr}
 .k-tel{font-size:28px}
 .btns .btn{flex:1 1 100%}
 .cta-contact{flex-direction:column;align-items:flex-start}
 .ftr-bot{flex-direction:column;gap:var(--s2)}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
.path > .btn{align-self:flex-start;margin-top:auto}
.path > p:last-of-type{margin-bottom:var(--s6)}
@media (max-width:767px){.path > .btn{align-self:stretch}}
.sec-title + .small{margin-bottom:var(--s5)}
.small + .lead{margin-bottom:var(--s7)}
.btns-col .btn{flex:none!important;width:100%}
.f .rc{padding:14px 16px;display:flex}
@media (max-width:767px){.facts div{flex-direction:column;gap:4px}.facts dd{text-align:left}}
.menu-open .bar{display:none}
/* e-mail jako hlavní kontakt, telefon vedlejší (29.10.) */
.mm-contact{flex-wrap:wrap;gap:var(--s2) var(--s5)}
.cta-contact .cta-tel a{color:var(--fg2)}
.k-mail{font-size:28px;overflow-wrap:anywhere}
.k-phone{margin-top:var(--s4)}.k-phone a{color:var(--fg2)}
.ftr-tel{font-size:var(--t-small)}
@media (max-width:767px){.k-mail{font-size:24px}}
.k-lead{margin-top:var(--s2)}
/* potvrzení po odeslání formuláře (29.10.) – modal, bez JS přes :target (/kontakt?stav=odeslano#odeslano) */
.ok-modal{display:none;position:fixed;inset:0;z-index:100;align-items:center;justify-content:center;padding:16px}
.ok-modal:target,.ok-modal.is-open{display:flex}
.ok-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);cursor:default}
.ok-box{position:relative;width:100%;max-width:520px;max-height:calc(100vh - 32px);overflow:auto;background:var(--bg);color:var(--fg2);border:1px solid var(--line2);border-radius:8px;padding:var(--s7) var(--s6) var(--s6)}
.ok-box:focus{outline:none}
.ok-box .ok-ico{font-size:40px;color:var(--fg)}
.ok-box .h2{margin:var(--s4) 0 var(--s3);color:var(--fg)}
.ok-box .lead{margin:0 0 var(--s4)}
.ok-box .small{margin:0 0 var(--s3)}
.ok-box .small a{color:var(--fg)}
.ok-box .btns{margin-top:var(--s5)}
.ok-x{position:absolute;top:12px;right:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:999px;color:var(--fg);text-decoration:none}
.ok-x:hover{background:var(--surface)}
.ok-x:focus-visible,.ok-box .btn:focus-visible{outline:2px solid var(--fg);outline-offset:2px}
.sent .ok-confirm{margin-top:var(--s3)}
body.modal-open{overflow:hidden}
@media (max-width:767px){.ok-box{padding:var(--s6) var(--s5) var(--s5)}.ok-box .btn{width:100%}}
.ok-confirm[hidden]{display:none}
.ok-modal.is-closed{display:none!important}
.sent:focus{outline:none}
.home-intro{margin:0 0 var(--s7);color:var(--fg2)}