/* ===== AveroX – doplňkové styly pro podstránky ===== */
nav .actions{display:flex;align-items:center;gap:8px}
.links a.act{color:var(--tx);background:rgba(20,120,248,.16)}
.burger{display:none;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--tx);cursor:pointer;place-items:center}
.burger svg{width:20px;height:20px}
.mobile-menu{position:fixed;inset:0;z-index:49;display:none;flex-direction:column;gap:6px;padding:92px 20px 24px;background:rgba(6,8,13,.97);backdrop-filter:blur(18px);overflow:auto}
.mobile-menu.open{display:flex}
.mobile-menu a{padding:15px 16px;border-radius:14px;font:700 18px var(--fd);border:1px solid var(--line);background:rgba(255,255,255,.03)}
.mobile-menu a.act{border-color:var(--b1);background:rgba(20,120,248,.14)}
.mobile-menu .btn{justify-content:center;margin-top:8px;font-family:var(--fb);font-size:16px;padding:15px}
@media(max-width:1020px){.links{display:none}.burger{display:grid}}
@media(max-width:520px){.nav-btn{display:none!important}}

/* page hero */
.phero{position:relative;padding:150px 0 70px;overflow:hidden;isolation:isolate}
.phero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(55% 80% at 50% 0,rgba(20,120,248,.30),transparent 70%),radial-gradient(35% 60% at 90% 40%,rgba(0,92,229,.16),transparent 70%)}
.phero::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(70% 90% at 50% 0,#000,transparent 80%);mask-image:radial-gradient(70% 90% at 50% 0,#000,transparent 80%)}
.crumbs{display:flex;gap:8px;align-items:center;color:var(--mu);font-size:14px;font-weight:600;margin-bottom:18px}
.crumbs a:hover{color:var(--tx)}
.crumbs i{font-style:normal;opacity:.5}
.phero h1{margin:0 0 14px;font:900 clamp(34px,6vw,64px)/1.02 var(--fd);letter-spacing:-.04em}
.phero h1 b{color:var(--b1)}
.phero p{margin:0;max-width:640px;color:var(--mu);font-size:clamp(16px,2vw,19px)}
.pill{display:inline-block;padding:6px 12px;border-radius:99px;background:rgba(20,120,248,.16);color:#7db4ff;font-size:12px;font-weight:700;margin-bottom:16px}
.sec-tight{padding:50px 0}
.sec-top0{padding-top:20px}

/* layout s postranním menu */
.docs{display:grid;grid-template-columns:260px 1fr;gap:44px;align-items:start}
.toc{position:sticky;top:96px;padding:18px;border-radius:20px;background:var(--card);border:1px solid var(--line);max-height:calc(100vh - 120px);overflow:auto}
.toc h4{margin:0 0 10px;font:700 12px var(--fb);letter-spacing:.14em;text-transform:uppercase;color:var(--mu)}
.toc a{display:block;padding:9px 12px;border-radius:10px;color:var(--mu);font-weight:600;font-size:14px;transition:.2s}
.toc a:hover,.toc a.on{color:var(--tx);background:rgba(20,120,248,.14)}
.search{width:100%;padding:13px 16px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--tx);font:500 15px var(--fb);margin-bottom:22px}
.search::placeholder{color:var(--mu)}
.search:focus{outline:2px solid var(--b1);outline-offset:2px}
.doc-sec{padding:28px;border-radius:22px;background:var(--card);border:1px solid var(--line);margin-bottom:16px;scroll-margin-top:100px}
.doc-sec h2{margin:0 0 6px;font:700 24px/1.2 var(--fd);letter-spacing:-.03em;display:flex;gap:12px;align-items:center}
.doc-sec h2 span{display:grid;place-items:center;min-width:38px;height:38px;border-radius:12px;background:rgba(20,120,248,.16);color:#7db4ff;font-size:15px}
.doc-sec>p.lead2{margin:0 0 18px;color:var(--mu)}
.rule{display:flex;gap:14px;padding:14px 0;border-top:1px solid var(--line)}
.rule:first-of-type{border-top:0}
.rule b.n{flex:none;min-width:48px;color:var(--b1);font:700 14px var(--fd);padding-top:2px}
.rule div strong{display:block;margin-bottom:2px}
.rule div p{margin:0;color:var(--mu);font-size:15px}
.sev{display:inline-block;margin-left:8px;padding:2px 9px;border-radius:99px;font-size:11px;font-weight:700;vertical-align:middle}
.sev.low{background:rgba(255,200,60,.14);color:#ffd166}
.sev.mid{background:rgba(255,140,60,.15);color:#ff9d5c}
.sev.high{background:rgba(255,80,80,.16);color:#ff7b7b}
.hide{display:none!important}
.empty{display:none;text-align:center;color:var(--mu);padding:40px 0}
.callout{padding:18px 20px;border-radius:16px;border:1px solid rgba(20,120,248,.4);background:rgba(20,120,248,.1);margin:0 0 22px;color:#cfe2ff}
.callout b{color:#fff}
.prose h2{font:700 26px var(--fd);letter-spacing:-.03em;margin:34px 0 10px}
.prose h3{font:700 18px var(--fd);margin:24px 0 8px}
.prose p,.prose li{color:var(--mu)}
.prose a{color:#7db4ff;text-decoration:underline}
.prose code,.code{font-family:ui-monospace,Consolas,monospace;background:rgba(20,120,248,.14);color:#9cc7ff;padding:2px 8px;border-radius:6px;font-size:.92em}
.prose table{width:100%;border-collapse:collapse;margin:14px 0}
.prose th,.prose td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);font-size:15px}
.prose th{color:var(--tx);font-weight:700}
.prose td{color:var(--mu)}
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.tablewrap table{margin:0}

/* karty */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.card{position:relative;overflow:hidden;padding:26px;border-radius:22px;background:var(--card);border:1px solid var(--line);transition:border-color .3s,transform .25s}
a.card:hover,.card.hov:hover{border-color:rgba(20,120,248,.55);transform:translateY(-3px)}
.card h3{margin:0 0 8px;font:700 19px/1.25 var(--fd);letter-spacing:-.02em}
.card p{margin:0;color:var(--mu)}
.card .ico{margin-bottom:30px}
.card .meta{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px}
.tag{padding:5px 10px;border-radius:99px;background:rgba(255,255,255,.06);color:var(--mu);font-size:12px;font-weight:700}
.tag.b{background:rgba(20,120,248,.16);color:#7db4ff}
.tag.g{background:rgba(55,224,139,.14);color:#59e39a}
.tag.r{background:rgba(255,90,90,.14);color:#ff8a8a}
.card .more{display:inline-flex;gap:6px;margin-top:18px;color:#7db4ff;font-weight:700;font-size:14px}
.card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.fraction{display:grid;grid-template-columns:1fr auto;gap:12px 28px;align-items:center}
.reqs{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.reqs li{display:flex;gap:10px;color:var(--mu);font-size:15px}
.reqs li::before{content:"";flex:none;width:18px;height:18px;margin-top:3px;border-radius:50%;background:rgba(20,120,248,.2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237db4ff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/12px no-repeat}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.chip{padding:9px 16px;border-radius:99px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--mu);font:700 14px var(--fb);cursor:pointer;transition:.2s}
.chip:hover{color:var(--tx)}
.chip.on{background:linear-gradient(135deg,var(--b1),var(--b2));border-color:transparent;color:#fff}

/* formulář */
.form{display:grid;gap:18px}
.field{display:grid;gap:7px}
.field label{font-weight:700;font-size:14px}
.field small{color:var(--mu)}
.in,.field input,.field select,.field textarea{width:100%;padding:13px 15px;border-radius:13px;border:1px solid var(--line);background:#080b12;color:var(--tx);font:500 15px var(--fb)}
.field textarea{min-height:130px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--b1);outline-offset:1px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.check{display:flex;gap:10px;align-items:flex-start;color:var(--mu);font-size:14px}
.check input{width:auto;margin-top:4px;accent-color:var(--b1)}
.notice{padding:16px 18px;border-radius:14px;margin-top:6px;font-size:15px;display:none}
.notice.show{display:block}
.notice.ok{background:rgba(55,224,139,.12);border:1px solid rgba(55,224,139,.4);color:#8cf0bd}
.notice.err{background:rgba(255,90,90,.12);border:1px solid rgba(255,90,90,.4);color:#ff9a9a}
.btn:disabled{opacity:.6;cursor:wait}

/* obchod */
.shop{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.item{display:flex;flex-direction:column;padding:28px;border-radius:24px;background:var(--card);border:1px solid var(--line);position:relative}
.item.hot{border-color:var(--b1);background:linear-gradient(160deg,rgba(20,120,248,.22),rgba(0,92,229,.05) 60%),var(--card)}
.item .badge{position:absolute;top:18px;right:18px}
.item h3{margin:0 0 6px;font:700 21px var(--fd)}
.item .price{margin:14px 0 6px;font:900 38px var(--fd);letter-spacing:-.04em}
.item .price small{font:600 14px var(--fb);color:var(--mu);letter-spacing:0}
.item ul{list-style:none;margin:16px 0 24px;padding:0;display:grid;gap:10px;flex:1}
.item li{display:flex;gap:10px;color:var(--mu);font-size:15px}
.item li::before{content:"";flex:none;width:18px;height:18px;margin-top:3px;border-radius:50%;background:rgba(20,120,248,.2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237db4ff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/12px no-repeat}
.item .btn{justify-content:center}

/* novinky */
.post{display:grid;grid-template-columns:150px 1fr;gap:26px;padding:28px 0;border-top:1px solid var(--line)}
.post:first-child{border-top:0}
.post time{color:var(--mu);font-weight:700;font-size:14px}
.post h3{margin:0 0 8px;font:700 22px/1.2 var(--fd);letter-spacing:-.025em}
.post p{margin:0 0 10px;color:var(--mu)}

/* tým */
.person{text-align:center}
.avatar{width:84px;height:84px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;font:900 28px var(--fd);background:linear-gradient(135deg,var(--b1),var(--b2));box-shadow:0 14px 40px -12px var(--b1)}

/* postup / timeline */
.timeline{display:grid;gap:14px;counter-reset:t}
.tl{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:20px;border-radius:20px;background:var(--card);border:1px solid var(--line)}
.tl::before{counter-increment:t;content:counter(t);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;font:700 17px var(--fd);background:linear-gradient(135deg,var(--b1),var(--b2))}
.tl h3{margin:0 0 4px;font:700 18px var(--fd)}
.tl p{margin:0;color:var(--mu)}

/* 404 */
.nf{min-height:100svh;display:grid;place-items:center;text-align:center;padding:120px 24px}
.nf h1{margin:0;font:900 clamp(90px,20vw,220px)/1 var(--fd);letter-spacing:-.06em;background:linear-gradient(135deg,var(--b1),var(--b2));-webkit-background-clip:text;background-clip:text;color:transparent}
.nf p{color:var(--mu);margin:10px 0 26px}

footer .fcols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;width:100%}
footer .fcols h5{margin:0 0 12px;font:700 12px var(--fb);letter-spacing:.14em;text-transform:uppercase;color:var(--tx)}
footer .fcols a{display:block;padding:5px 0}
footer .fcols p{margin:12px 0 0;max-width:34ch}
footer .copy{width:100%;padding-top:24px;border-top:1px solid var(--line)}
@media(max-width:900px){
.docs{grid-template-columns:1fr}.toc{position:static;max-height:none;display:flex;flex-wrap:wrap;gap:6px}.toc h4{width:100%}
.grid3,.shop{grid-template-columns:1fr 1fr}
.post{grid-template-columns:1fr;gap:6px}
footer .fcols{grid-template-columns:1fr 1fr}
.phero{padding:120px 0 50px}
}
@media(max-width:640px){.grid3,.grid2,.shop,.row2,footer .fcols{grid-template-columns:1fr}.fraction{grid-template-columns:1fr}.doc-sec{padding:20px}}
@media print{nav,.cookie,.toc,footer{display:none}body{background:#fff;color:#000}.doc-sec{border:0}}

/* logo – bez mezery mezi Avero a X */
.brand{gap:0}
.brand img{margin-right:10px}