:root{
  --bg:#efeae1;        /* stránka – rovnaká krémová ako v e-maile */
  --card:#ffffff;      /* karty a tabuľky */
  --card2:#faf7f2;     /* jemné plochy, riadok pod myšou */
  --ink:#2f2a24;       /* text */
  --muted:#8a8074;     /* doplnkový text */
  --gold:#e6b854;      /* zlatá ako výplň (tlačidlá, linky, akcenty) */
  --gold2:#c39834;
  --goldink:#9a6f14;   /* zlatá ako text – tmavšia, aby bola na svetlom čitateľná */
  --line:#e2dbd0;
  --band:#4d463e;      /* grafitový pás – hlavička e-mailu, hero */
  --bandink:#f3efe8;
  --bandmut:#c9c0b4;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
background:var(--bg);color:var(--ink);line-height:1.65;min-height:100vh}
.serif{font-family:Georgia,'Times New Roman',serif}
.wrap{max-width:1000px;margin:0 auto;padding:26px 20px 70px}
header.site{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:12px;flex-wrap:wrap}
.logo{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink)}
.logo .mk{width:34px;height:34px;flex:none;border-radius:8px;display:block}
.logo .wm{font-family:Georgia,'Times New Roman',serif;font-size:20px;letter-spacing:-.2px;line-height:1}
.logo .wm b{color:var(--goldink);font-weight:400}
.logo:hover .wm{color:var(--goldink)}
.badge{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--goldink);
border:1px solid rgba(154,111,20,.4);padding:6px 16px;border-radius:2px;white-space:nowrap;background:#fff}

/* --- hero: grafitový panel, ako hlavička e-mailu --- */
.hero{text-align:center;margin-bottom:34px;background:var(--band);color:var(--bandink);
border-radius:12px;padding:46px 26px 40px}
.hero .over{font-size:11.5px;letter-spacing:4px;text-transform:uppercase;color:var(--bandmut);margin-bottom:16px}
.hero h1{font-size:clamp(38px,8vw,74px);font-weight:400;letter-spacing:-1px;word-break:break-all;
font-family:Georgia,'Times New Roman',serif}
.hero h1 span{color:var(--gold);font-style:italic}
.rule{width:56px;height:2px;background:var(--gold);margin:20px auto}
.hero p{color:var(--bandmut);font-size:16.5px;max-width:470px;margin:0 auto}
.price{margin-top:22px;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--bandmut)}
.price b{display:block;font-size:32px;color:var(--gold);letter-spacing:0;margin-top:3px;font-weight:400;font-family:Georgia,serif}
.via{margin-top:20px;font-size:13.5px;color:var(--bandmut)}
.via a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(230,184,84,.4)}
.via b{color:var(--bandink);font-weight:400}

.grid2{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:start}
@media(max-width:820px){.grid2{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid var(--line);padding:32px;border-radius:10px}
.card h2{font-size:12.5px;letter-spacing:2.5px;text-transform:uppercase;font-weight:600;margin-bottom:20px;color:var(--muted)}
label{display:block;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin:15px 0 5px}
.card input,.card textarea{width:100%;background:transparent;border:none;border-bottom:1.5px solid var(--line);
padding:9px 2px;font-size:16px;color:var(--ink);font-family:Georgia,serif}
.card input:focus,.card textarea:focus{outline:none;border-bottom-color:var(--gold2)}
.card textarea{min-height:70px;resize:vertical}
input::placeholder,textarea::placeholder{color:#b3a99b}
.cta{width:100%;margin-top:28px;background:var(--gold);color:#3a342c;border:none;padding:16px;
font-size:12.5px;letter-spacing:3px;text-transform:uppercase;cursor:pointer;font-weight:700;border-radius:5px}
.cta:hover{background:var(--gold2)}
.note{text-align:center;font-size:12.5px;color:var(--muted);margin-top:13px}
.flash{border-radius:8px;padding:15px 20px;margin-bottom:22px;font-size:14.5px;border:1px solid}
.flash.ok{background:#eef6e8;border-color:#c3ddb0;color:#41682c}
.flash.err{background:#fbeceb;border-color:#e8b9b4;color:#93372e}
.why{display:flex;flex-direction:column;gap:12px}
.why .item{display:flex;gap:14px;background:var(--card);border:1px solid var(--line);padding:18px 20px;border-radius:10px}
.why .ic{width:34px;height:34px;flex:none;display:grid;place-items:center;background:var(--card2);
color:var(--goldink);font-size:15px;border-radius:50%;border:1px solid var(--line)}
.why b{display:block;font-size:14px;margin-bottom:2px}
.why p{font-size:13px;color:var(--muted)}
.why p a{color:var(--goldink);text-decoration:none;white-space:nowrap}
.others{margin-top:52px}
.others h2{font-size:12.5px;letter-spacing:2.5px;text-transform:uppercase;font-weight:600;text-align:center;
margin-bottom:6px;color:var(--muted)}
.others .sub{text-align:center;color:var(--muted);font-size:14px;margin-bottom:20px}
.others .sub a{color:var(--goldink);text-decoration:none}

/* --- tabuľka domén --- */
.tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.tools input[type=search]{flex:1;min-width:200px;background:var(--card);border:1px solid var(--line);
border-radius:7px;padding:11px 14px;font-family:inherit;font-size:14px;color:var(--ink)}
.tools select{background:var(--card);border:1px solid var(--line);border-radius:7px;
padding:11px 12px;font-family:inherit;font-size:14px;color:var(--ink)}
.tools input:focus,.tools select:focus{outline:none;border-color:var(--gold2)}
.count{color:var(--muted);font-size:13px;margin-bottom:10px}
.count b{color:var(--ink)}
table.dom{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);
border-radius:10px;overflow:hidden}
table.dom th{text-align:left;font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);
padding:13px 16px;border-bottom:1px solid var(--line);cursor:pointer;user-select:none;white-space:nowrap;
background:var(--card2)}
table.dom th:hover{color:var(--goldink)}
table.dom th .ar{opacity:.4;font-size:9px}
table.dom td{padding:13px 16px;border-bottom:1px solid var(--line);font-size:15px}
table.dom tr:last-child td{border-bottom:none}
table.dom tbody tr:hover{background:var(--card2)}
td.dn{font-family:Georgia,serif;font-size:17px;word-break:break-all}
td.dn a{color:var(--ink);text-decoration:none}
td.dn a:hover{color:var(--goldink)}
td.len{color:var(--muted);font-size:13.5px;text-align:center;white-space:nowrap}
td.price{text-align:right;white-space:nowrap;font-family:Georgia,serif}
td.price.dohodou{color:var(--muted);font-size:13.5px;font-family:inherit}
td.act{text-align:right;width:1%}
td.act a{display:inline-block;border:1px solid var(--line);color:var(--muted);text-decoration:none;
padding:6px 14px;border-radius:5px;font-size:12px;white-space:nowrap;background:#fff}
td.act a:hover{border-color:var(--gold2);color:var(--goldink)}
.hint{color:var(--muted);font-size:12.5px;text-align:center;margin-top:12px}
.empty{color:var(--muted);text-align:center;font-size:14.5px;padding:30px 0}
@media(max-width:640px){ td.len, th.len{display:none} td.act a{padding:6px 10px} }
footer{margin-top:60px;padding-top:22px;border-top:1px solid var(--line);text-align:center;
font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}
footer a{color:var(--muted);text-decoration:none}
footer a:hover{color:var(--goldink)}
footer .cp{margin-top:8px;letter-spacing:1px;opacity:.75}
.hp{position:absolute;left:-9999px;top:-9999px}
.addlink{display:inline-block;color:var(--gold);text-decoration:none;font-size:14px;
border-bottom:1px solid rgba(230,184,84,.45);padding-bottom:2px;letter-spacing:.3px}
.addlink:hover{border-bottom-color:var(--gold)}
@media(max-width:520px){.logo .wm{font-size:17px}.logo .mk{width:30px;height:30px}
.hero{padding:36px 18px 32px;border-radius:10px}}