/* ProfiRadar v KOSMOSU – vesmírná identita rodiny Spojuji. Vesmír na hlavičce a tmavých blocích,
   tyrkysová = signál (značka ProfiRadar), fialová Spojuji jen jako rodinný odkaz. */
:root{--ink:#15111C;--space-0:#1A0B33;--ink-2:#22104A;--muted:#6B6474;--soft:#CDB8EF;--line:#E6E0EF;--ground:#F4F2F8;--paper:#FFFFFF;
--accent:#0A7D8F;--accent-ink:#08687A;--signal:#3FD0E0;--violet:#841CDF;--ok:#1A7F37;
--space:linear-gradient(120deg,#1A0B33 0%,#2A0F57 38%,#3B1380 64%,#18306A 100%);
--stars:radial-gradient(1.2px 1.2px at 12% 30%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 26% 70%,#ffffffcc 50%,transparent 51%),radial-gradient(1.4px 1.4px at 41% 22%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 55% 62%,#ffffffaa 50%,transparent 51%),radial-gradient(1.6px 1.6px at 68% 35%,#e9d8ff 50%,transparent 51%),radial-gradient(1px 1px at 79% 78%,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 90% 18%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 6% 82%,#ffffff99 50%,transparent 51%);
--display:"Poppins","Helvetica Neue",Arial,sans-serif;--body:"IBM Plex Sans",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
--r:10px}*{box-sizing:border-box}
body{margin:0;font-family:var(--body);color:var(--ink);background:var(--ground);font-size:16px;line-height:1.55}
h1,h2,h3{font-family:var(--display);line-height:1.18;letter-spacing:-.01em;text-wrap:balance}
h1{font-weight:700}h2,h3{font-weight:600}
a{color:var(--ink);text-underline-offset:3px}a:hover{color:var(--accent-ink)}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px}

/* hlavička */
.top{position:relative;background:var(--stars),var(--space);color:#fff}
.top .wrap{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;padding-top:16px;padding-bottom:16px}
.brand{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-family:var(--display);font-weight:800;font-size:20px}.brand:hover{color:#fff}
.brand img{display:block;height:30px;width:auto}
.top nav{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:center;font-size:15px}
.top nav a{color:var(--soft);text-decoration:none}.top nav a:hover{color:#fff}
.top .tel{font-family:var(--mono);font-size:14px;color:var(--soft)}

/* tlačítka */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border-radius:999px;border:1.5px solid var(--ink);background:var(--paper);color:var(--ink);font:inherit;font-weight:600;text-decoration:none;cursor:pointer}
.btn:hover{background:var(--ground);color:var(--ink)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}
.btn.primary:hover{background:var(--accent-ink);border-color:var(--accent-ink);color:#fff}
.btn.small{min-height:36px;padding:4px 12px;font-size:14px;border-width:1px;border-color:#B7C5CD;font-weight:500}
.btn.small:hover{border-color:var(--ink)}
.linkbtn{background:none;border:0;color:var(--soft);font:inherit;cursor:pointer;padding:0}.linkbtn:hover{color:#fff}

/* rozvržení */
main{padding:32px 0 72px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.stack{display:flex;flex-direction:column;gap:14px}
.row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.muted{color:var(--muted)}
.narrow{max-width:520px;margin:0 auto}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.grid3,.pricegrid,.steps{display:grid;gap:16px}
.grid3{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.pricegrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}
.steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}

/* hlášky */
.error{background:#FDECEC;border:1px solid #F4B4B4;color:#7A1B1B;padding:12px 14px;border-radius:var(--r)}
.notice{background:#EAF4EE;border:1px solid #B9D9C6;padding:12px 14px;border-radius:var(--r)}

/* formuláře */
label{display:flex;flex-direction:column;gap:6px;font-weight:500}
label.check{flex-direction:row;align-items:flex-start;gap:8px;font-weight:400}
input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=tel],select,textarea{font:inherit;padding:10px 12px;border:1px solid #9FB3BE;border-radius:var(--r);background:var(--paper);color:var(--ink)}
input:focus,select:focus,textarea:focus{border-color:var(--ink);outline:2px solid var(--ink);outline-offset:0}
input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}

/* výpis inzerátů */
.tabs{display:flex;flex-wrap:wrap;gap:0;margin:0 0 18px;border-bottom:1px solid var(--line)}
.tabs a{padding:10px 14px;margin-bottom:-1px;border-bottom:2px solid transparent;text-decoration:none;font-size:15px;color:var(--muted)}
.tabs a:hover{color:var(--ink)}
.tabs a.on{color:var(--ink);font-weight:600;border-bottom-color:var(--accent)}
.listing{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}
.listing > div:first-child{min-width:0;flex:1 1 320px}
.listing h3{margin:0 0 6px;font-size:18px;font-weight:600;font-family:var(--body);letter-spacing:0}
.listing h3 a{text-decoration:none}.listing h3 a:hover{text-decoration:underline}
.listing .meta{font-size:14px;color:var(--muted)}
.listing .price{font-family:var(--mono);font-weight:500;font-size:16px;text-align:right;font-variant-numeric:tabular-nums;display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.statusbar{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.badge{display:inline-block;font-family:var(--body);font-size:13px;font-weight:600;padding:2px 8px;border-radius:3px;background:#E6ECEF;color:var(--ink)}
.badge.schuzka,.badge.nabrano{background:#DCEFE3;color:#1F4D37}
.badge.nezajem{background:#F1E4E4;color:#6B2121}
.badge.chg{background:#FFF1E6;color:#7C2D12}

/* tmavé bloky */
.promo{background:var(--stars),var(--space);color:#fff;border-radius:var(--r);padding:20px}
.promo a{color:#fff}
.promo a.btn,.promo button.btn{color:var(--space-0);background:#fff;border-color:#fff}
.promo a.btn:hover,.promo button.btn:hover{background:#E6ECEF}

/* tabulky */
.tablebox{overflow-x:auto;background:var(--paper);border:1px solid var(--line);border-radius:var(--r)}
table{border-collapse:collapse;width:100%;font-size:14px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}
tbody tr:last-child td{border-bottom:0}

/* úvodní stránka */
.hero{background:var(--stars),var(--space);color:#fff;padding:64px 0 72px}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:center}
.hero h1{font-size:46px;margin:0 0 18px;max-width:720px}
.hero p{color:#D8CCEF;font-size:18px;max-width:600px}
.hero .cta{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-top:28px}
.hero .cta a:not(.btn){color:#fff}
.hero .cta .muted{color:var(--soft)}
.eyebrow{margin:0 0 14px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);font-weight:600}
.sample{background:#ffffff10;border:1px solid #ffffff24;backdrop-filter:blur(2px);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:10px}
.sample-head{display:flex;justify-content:space-between;gap:12px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.sample-row{background:var(--paper);color:var(--ink);border-radius:4px;padding:12px 14px;display:flex;justify-content:space-between;gap:12px}
.sample-row strong{display:block;font-weight:600}
.sample-row span{font-size:13px;color:var(--muted)}
.sample-row .p{font-family:var(--mono);font-size:14px;white-space:nowrap;text-align:right;color:var(--ink)}
.sample-row .new{display:inline-block;width:8px;height:8px;background:var(--signal);margin-right:6px;vertical-align:1px}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));border:1px solid var(--line);border-radius:var(--r);background:var(--paper);margin:0 0 36px}
.facts div{padding:18px 20px;border-right:1px solid var(--line)}
.facts div:last-child{border-right:0}
.facts b{display:block;font-family:var(--display);font-size:22px;font-weight:800}
.facts span{font-size:14px;color:var(--muted)}

/* ceník */
.price-card h3{margin:0 0 6px;font-size:17px}
.big{font-family:var(--display);font-size:28px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.featured{border:2px solid var(--accent)}
.pill{align-self:flex-start;background:var(--space);color:#fff;font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;padding:3px 8px;border-radius:3px}
.soon{display:inline-block;font-size:12px;font-weight:600;padding:1px 6px;border-radius:3px;background:#FFF1E6;color:#7C2D12}
.have{display:inline-block;font-size:12px;font-weight:600;padding:1px 6px;border-radius:3px;background:#DCEFE3;color:#1F4D37}
.stepno{font-family:var(--mono);font-size:14px;font-weight:500;color:var(--accent-ink);letter-spacing:.04em}
.ticks{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}
.ticks li::marker{color:var(--accent)}
.hero .btn.primary{background:var(--signal);border-color:var(--signal);color:var(--space-0)}
.hero .btn.primary:hover{background:#7FE3EE;border-color:#7FE3EE;color:var(--space-0)}

/* patička */
footer{padding:28px 0;font-size:14px;color:var(--muted);border-top:1px solid var(--line);background:var(--paper)}
footer .brandline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
footer .brandline img{height:22px;width:auto}
footer a{color:var(--muted)}

@media (max-width:860px){.hero .wrap{grid-template-columns:1fr}.hero h1{font-size:34px}}
@media (max-width:600px){.listing .price{text-align:left;align-items:flex-start}.facts div{border-right:0;border-bottom:1px solid var(--line)}.facts div:last-child{border-bottom:0}}
.volac{margin-top:10px;border-top:1px solid var(--line,#DCE3E7);padding-top:8px}.volac summary{cursor:pointer;font-weight:600;min-height:32px}