/* ==========================================================
   AMEONUIY — rozcestník
   Záměrně neutrální: hub je chodba, barevné jsou až dveře.
   Každá karta si nese akcent svého webu.
   ========================================================== */

:root{
  --pozadi:#0c0c0f;
  --panel:#141419;
  --panel-2:#1a1a21;
  --linka:#25252e;

  --text:#eceef2;
  --text-2:#9ba0ac;
  --text-3:#686d79;

  /* akcenty jednotlivých webů */
  --web:#22b294;       /* mantyz.cz  */
  --tech:#3ad7cd;      /* mantyz.dev */
  --dj:#e9a13b;        /* djmantyz.cz */

  --r:14px;
  --max:1000px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--pozadi);
  color:var(--text);
  font-family:'Source Sans 3',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:17px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit}

.obal{width:100%;max-width:var(--max);margin:0 auto;padding:0 24px}
.obal-uzky{max-width:660px}

/* ---------- HLAVIČKA ---------- */
.hdr{border-bottom:1px solid var(--linka)}
.hdr-in{display:flex;align-items:baseline;gap:12px;padding-top:20px;padding-bottom:20px}
.znacka{
  font-family:'Archivo',sans-serif;font-weight:800;font-size:1.05rem;
  letter-spacing:.16em;text-decoration:none;
}
.znacka-pozn{color:var(--text-3);font-size:.86rem;letter-spacing:.04em}

/* ---------- SPOLEČNÉ ---------- */
.nadpisek{
  font-size:.74rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  color:var(--text-3);margin:0 0 16px;
}
h1{
  font-family:'Archivo',sans-serif;font-weight:800;
  font-size:clamp(2.2rem,6vw,3.6rem);line-height:1.06;letter-spacing:-.03em;
  margin:0 0 22px;text-wrap:balance;overflow-wrap:break-word;
}
h2{
  font-family:'Archivo',sans-serif;font-weight:700;
  font-size:clamp(1.5rem,3.4vw,2rem);line-height:1.16;letter-spacing:-.02em;
  margin:0 0 14px;
}
.lead{font-size:clamp(1.02rem,1.7vw,1.14rem);color:var(--text-2);max-width:54ch;margin:0}
.uvod{color:var(--text-2);max-width:56ch;margin:0 0 30px}
.tiche{color:var(--text-3);font-size:.95rem}

.sekce{padding:clamp(50px,7vw,84px) 0}
.sekce-ram{background:var(--panel);border-block:1px solid var(--linka)}

/* ---------- ÚVOD ---------- */
.hero{
  padding:clamp(60px,9vw,110px) 0 clamp(50px,7vw,84px);
  background:radial-gradient(60% 70% at 12% 0%, rgba(34,178,148,.10), transparent 62%);
}

/* ---------- DVEŘE (rozcestník) ---------- */
.dvere{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.dver{
  display:flex;flex-direction:column;gap:10px;
  background:var(--panel);border:1px solid var(--linka);border-top:3px solid var(--linka);
  border-radius:var(--r);padding:24px 22px 20px;
  text-decoration:none;transition:border-color .2s,transform .12s,background .2s;
}
.dver:hover{background:var(--panel-2);transform:translateY(-2px)}
.dver-web:hover{border-color:var(--web)}
.dver-tech:hover{border-color:var(--tech)}
.dver-dj:hover{border-color:var(--dj)}
.dver-web{border-top-color:var(--web)}
.dver-tech{border-top-color:var(--tech)}
.dver-dj{border-top-color:var(--dj)}

.dver-stitek{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}
.dver-nazev{font-family:'Archivo',sans-serif;font-weight:800;font-size:1.25rem;letter-spacing:-.01em}
.dver-popis{color:var(--text-2);font-size:.95rem;flex:1}
.dver-adresa{font-weight:600;font-size:.92rem;margin-top:6px}
.dver-web .dver-adresa{color:var(--web)}
.dver-tech .dver-adresa{color:var(--tech)}
.dver-dj .dver-adresa{color:var(--dj)}

/* ---------- PRODUKTY ---------- */
.produkty{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.produkt{
  display:grid;grid-template-columns:auto 1fr;gap:4px 16px;align-items:baseline;
  padding:20px 0;border-top:1px solid var(--linka);
}
.produkt:last-child{border-bottom:1px solid var(--linka)}
.produkt-stav{
  grid-row:1;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;
  border:1px solid var(--linka);border-radius:99px;padding:3px 10px;white-space:nowrap;
}
.stav-hotovo{color:var(--tech);border-color:rgba(58,215,205,.35)}
.stav-bezi{color:var(--dj);border-color:rgba(233,161,59,.35)}
.produkt-nazev{grid-row:1;font-family:'Archivo',sans-serif;font-weight:700;font-size:1.1rem}
.produkt-popis{grid-column:2;color:var(--text-2);font-size:.95rem}

/* ---------- KONTAKT ---------- */
.odkazy{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:26px}
.kk{
  display:flex;flex-direction:column;gap:3px;text-decoration:none;
  background:var(--pozadi);border:1px solid var(--linka);border-radius:var(--r);
  padding:18px 20px;transition:border-color .2s;
}
.kk:hover{border-color:var(--text-3)}
.kk-k{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}
.kk-v{font-weight:600;word-break:break-word}

/* ---------- PATIČKA ---------- */
.pata{padding:30px 0;border-top:1px solid var(--linka)}
.pata .obal{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.pata-znacka{font-family:'Archivo',sans-serif;font-weight:800;letter-spacing:.14em;font-size:.95rem}
.pata-txt{color:var(--text-3);font-size:.88rem}

@media (prefers-reduced-motion:reduce){
  *{transition:none!important}
  html{scroll-behavior:auto}
}