/* Goodgame Big Farm Wiki – design systém
Světlý přírodní motiv: krémové plochy, zelený akcent, decentní hnědá a zlatá, herní obrázky jako hlavní vizuál.
Jeden font (Inter), radius 4 px, minimum stínů a animací. Třídy sdílené se šablonami v _new/*.php a gen_ml.py. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
:root{
--bg:#f4f1e6; --panel:#ffffff; --panel2:#faf8f1; --head:#ffffff; --nav:#3b7433; --nav-h:#2f5f29;
--line:#e3ddcb; --line2:#cfc6ab;
--tx:#2b2a25; --tx2:#5d5b50; --tx3:#8a877a; --hd:#1f2f1b;
--link:#2d6a28; --link-h:#1b4718; --gold:#b8862b; --brown:#6d4c2f; --green:#3b7433; --green-l:#e9f1e2;
--rowh:#f1f6ea; --pos:#2e7d32; --neg:#b3402f;
--btn:#4a9a3b; --btn-h:#3d8530; --btn-tx:#ffffff; --btn-bd:#377a2c;
--r:4px; --shadow:0 1px 2px rgba(60,50,20,.08);
--font:'Inter',-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:auto;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.6 var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--link);text-decoration:none}
a:hover{color:var(--link-h);text-decoration:underline}
img{max-width:100%;height:auto}
h1,h2,h3,h4{font-weight:700;letter-spacing:-.2px;color:var(--hd);line-height:1.25;margin:0 0 .5em}
h1{font-size:28px}h2{font-size:21px;margin-top:1.4em}h3{font-size:17px;margin-top:1.2em}
p{margin:0 0 1em}
table{border-collapse:collapse}
button{font:inherit}
/* ---------- Hlavička ---------- */
.hdr{position:sticky;top:0;z-index:50;box-shadow:var(--shadow)}
.topbar{background:var(--head);border-bottom:1px solid var(--line)}
.tb-in{max-width:1240px;margin:0 auto;padding:0 16px;height:58px;display:flex;align-items:center;gap:14px}
.logo{display:flex;align-items:center;gap:9px;font-weight:700;font-size:18px;color:var(--green);white-space:nowrap;letter-spacing:-.2px}
.logo b{color:var(--brown);font-weight:700}
.logo img{width:34px;height:34px;object-fit:contain}
.logo:hover{text-decoration:none;color:var(--nav-h)}
.menu-btn{display:none;background:none;border:1px solid var(--line);border-radius:var(--r);color:var(--hd);font-size:20px;cursor:pointer;padding:4px 9px;line-height:1}
.searchbox{position:relative;display:flex;align-items:center;background:var(--panel2);border:1px solid var(--line2);border-radius:var(--r);padding:0 10px;margin-left:auto}
.searchbox::before{content:"";width:15px;height:15px;flex:0 0 auto;margin-right:6px;background:no-repeat center/contain url("data:image/svg+xml;utf8,")}
.searchbox input{background:transparent;border:0;outline:0;color:var(--tx);font:14px var(--font);width:230px;padding:8px 2px}
.searchbox input::placeholder{color:var(--tx3)}
.searchbox:focus-within{border-color:var(--green);box-shadow:0 0 0 3px var(--green-l)}
.gs-results{position:absolute;top:calc(100% + 6px);right:0;width:360px;max-width:88vw;background:var(--panel);border:1px solid var(--line2);border-radius:var(--r);box-shadow:0 10px 26px rgba(50,40,10,.18);z-index:60;overflow:hidden}
.gs-results a{display:flex;align-items:center;gap:10px;padding:8px 12px;color:var(--tx);border-bottom:1px solid var(--line)}
.gs-results a:last-child{border-bottom:0}
.gs-results a:hover{background:var(--rowh);text-decoration:none}
.gs-results img,.gs-ph{width:32px;height:32px;object-fit:contain;flex:0 0 auto;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r)}
.gs-n{font-weight:600;flex:1;font-size:14px;color:var(--hd)}
.gs-t{font-size:11px;color:var(--green);background:var(--green-l);padding:2px 7px;border-radius:var(--r);font-weight:600;white-space:nowrap}
.tb-extra{display:flex;align-items:center;gap:8px}
.play-btn{display:inline-block;background:var(--btn);color:var(--btn-tx);font-weight:700;font-size:13.5px;padding:8px 14px;border-radius:var(--r);border:1px solid var(--btn-bd);white-space:nowrap}
.play-btn:hover{background:var(--btn-h);color:#fff;text-decoration:none}
.about-wrap{position:relative}
.about-btn{background:none;border:1px solid var(--line);border-radius:var(--r);color:var(--tx2);padding:7px 10px;cursor:pointer;font-size:13.5px}
.about-btn:hover{border-color:var(--line2);color:var(--hd)}
.about-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:var(--panel);border:1px solid var(--line2);border-radius:var(--r);box-shadow:0 8px 20px rgba(50,40,10,.15);z-index:70;padding:6px 0}
.about-menu a{display:block;padding:7px 14px;color:var(--tx);font-size:14px}
.about-menu a:hover{background:var(--rowh);text-decoration:none}
.langsw{background:var(--panel2);color:var(--tx);border:1px solid var(--line2);border-radius:var(--r);padding:7px 8px;font:13px var(--font);cursor:pointer;max-width:150px}
/* ---------- Navigace (mega menu) ---------- */
.navbar{background:var(--nav)}
.nav-in{max-width:1240px;margin:0 auto;padding:0 8px;display:flex;align-items:stretch}
.nav-home{display:flex;align-items:center;padding:0 14px;color:#e6efdf;font-size:17px}
.nav-home:hover,.nav-home.on{color:#fff;background:var(--nav-h);text-decoration:none}
.nav-item{position:relative;display:flex}
.nav-top{display:flex;align-items:center;gap:6px;padding:11px 15px;color:#f2f7ec;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}
.nav-top i{font-style:normal;font-size:9px;opacity:.7}
.nav-item:hover .nav-top,.nav-item.active .nav-top{color:#fff;background:var(--nav-h);text-decoration:none}
.nav-item.active .nav-top{box-shadow:inset 0 -3px 0 var(--gold)}
.nav-mega{position:absolute;top:100%;left:0;display:none;background:var(--panel);border:1px solid var(--line2);border-top:3px solid var(--gold);border-radius:0 0 var(--r) var(--r);box-shadow:0 12px 28px rgba(50,40,10,.18);z-index:60;padding:14px 12px;gap:4px}
.nav-item:hover .nav-mega{display:flex}
.nav-mega.cols1{flex-direction:column;min-width:250px}
.nav-mega.cols2{min-width:440px}.nav-mega.cols3{min-width:650px}.nav-mega.cols4{min-width:840px}.nav-mega.cols5{min-width:1000px}
.mcol{padding:0 8px;min-width:200px}
.nav-mega:not(.cols1) .mcol+.mcol{border-left:1px solid var(--line)}
.mcol .mm-t{margin:0 0 7px;padding:0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--brown);font-weight:700}
.mcol>a{display:flex;align-items:center;gap:10px;padding:6px 8px;color:var(--tx);font-size:13.5px;border-radius:var(--r)}
.mcol>a:hover{background:var(--rowh);color:var(--hd);text-decoration:none}
.mcol>a.on{color:var(--link);font-weight:600}
.mcol>a img{width:26px;height:26px;object-fit:contain;flex:0 0 auto}
.mcol>a span{display:flex;flex-direction:column;line-height:1.25}
.mcol>a em{font-style:normal;font-size:11px;color:var(--tx3);font-weight:400}
/* ---------- Obsah ---------- */
.site-main{min-height:60vh}
.main-in{max-width:1240px;margin:0 auto;padding:18px 20px 40px}
article{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:22px 28px 26px;box-shadow:var(--shadow)}
article>h1{margin-top:0}
article p,article li{max-width:78ch}
article table{max-width:none}
.page-intro{margin:6px 0 14px}
.page-intro h1{font-size:26px;margin:0 0 4px}
.page-intro p{color:var(--tx2);margin:0;font-size:15px;max-width:80ch}
.crumb{font-size:13px;color:var(--tx3);margin:6px 0 8px}
.crumb a{color:var(--link)}
.lead{font-size:16.5px;color:var(--tx2)}
.verdict{font-size:15.5px;color:var(--tx2);margin:8px 0 0;max-width:640px;padding-left:12px;border-left:3px solid var(--gold)}
.meta{font-size:13px;color:var(--tx3);margin:-4px 0 12px}
.datanote{font-size:12.5px;color:var(--tx3);margin-top:22px;padding-top:10px;border-top:1px dashed var(--line)}
.note,.tipbox,.mistakebox{padding:12px 16px;margin:18px 0;max-width:78ch;border-radius:var(--r);border:1px solid var(--line)}
.tipbox{background:#f1f7ea;border-color:#c9dfb7;border-left:4px solid var(--green)}
.tipbox strong{color:var(--green)}
.mistakebox{background:#fbefe9;border-color:#e6c4b6;border-left:4px solid var(--neg)}
.mistakebox strong{color:var(--neg)}
.note{background:#f8f3e6;border-color:#e6d6ae;border-left:4px solid var(--gold)}
address.owner{font-style:normal;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r);padding:12px 16px;display:inline-block;line-height:1.7}
.hpfaq{margin:26px 0 0}
.hpfaq h2{margin-top:0}
.hpfaq details{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);margin:0 0 8px}
.hpfaq summary{cursor:pointer;padding:11px 14px;font-weight:600;color:var(--hd);list-style:none;display:flex;justify-content:space-between;gap:10px}
.hpfaq summary::-webkit-details-marker{display:none}
.hpfaq summary::after{content:"+";color:var(--tx3);font-weight:400}
.hpfaq details[open] summary::after{content:"–"}
.hpfaq details>div{padding:0 14px 12px;color:var(--tx2);max-width:78ch}
.relnav{margin:26px 0 0;padding-top:14px;border-top:1px solid var(--line)}
.relnav h2{font-size:15px;margin:0 0 8px;color:var(--brown)}
.relnav-links{display:flex;flex-wrap:wrap;gap:6px}
.relnav-links a{display:inline-block;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r);padding:5px 11px;font-size:13.5px}
.relnav-links a:hover{border-color:var(--green);text-decoration:none}
/* tabulky uvnitř textu témat a návodů (agenti píší bez tříd) */
article table:not(.dbtable):not(.facts):not(.ftab){width:auto;min-width:50%;max-width:100%;margin:10px 0 18px;font-size:14px;border:1px solid var(--line);border-radius:var(--r);display:inline-block;overflow-x:auto;vertical-align:top}
article table:not(.dbtable):not(.facts):not(.ftab) th{background:var(--panel2);color:var(--brown);font-size:11.5px;text-transform:uppercase;letter-spacing:.3px;font-weight:700;padding:7px 12px;border-bottom:1px solid var(--line2);text-align:left;white-space:nowrap}
article table:not(.dbtable):not(.facts):not(.ftab) td{padding:6px 12px;border-bottom:1px solid #efeadd;vertical-align:top}
article table:not(.dbtable):not(.facts):not(.ftab) tr:last-child td{border-bottom:0}
article table:not(.dbtable):not(.facts):not(.ftab) tr:nth-child(even) td{background:#fcfbf7}
.art-head{display:flex;align-items:center;gap:14px}
.art-ico{width:64px;height:64px;object-fit:contain}
.art-hero{display:block;margin:10px 0 18px;max-height:260px;object-fit:contain}
/* ---------- Domovská stránka ---------- */
/* Hlavní banner na hru: většina návštěvníků přichází hrát, proto je to největší prvek stránky */
.playbanner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;
margin:8px 0 26px;padding:26px 30px;background:linear-gradient(90deg,#e9f2dd 0%,#f4f7ea 55%,#faf7ec 100%);
border:2px solid #bcd3a6;border-radius:var(--r);color:var(--hd);overflow:hidden}
.playbanner:hover{text-decoration:none;border-color:var(--green);box-shadow:0 4px 14px rgba(74,154,59,.16)}
.playbanner-big{min-height:236px;padding:30px 34px}
.pb-t{display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:60%;z-index:1}
.pb-t strong{font-size:34px;line-height:1.15;color:var(--hd);letter-spacing:-.3px}
.pb-t .pb-sub{color:var(--tx2);font-size:17px;line-height:1.5;max-width:34em}
.pb-b{display:inline-block;flex:0 0 auto;background:var(--btn);color:#fff;font-weight:700;font-size:21px;
padding:16px 40px;border-radius:var(--r);border:1px solid var(--btn-bd);box-shadow:0 3px 0 var(--btn-bd);margin-top:4px}
.playbanner:hover .pb-b{background:var(--btn-h)}
.pb-img{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;align-self:stretch}
.pb-img img{max-height:210px;max-width:100%;object-fit:contain}
.hp-search{margin:4px 0 20px}
.searchbox-big{padding:0 16px;border-width:2px;border-color:#cfdcc0;background:var(--panel)}
.searchbox-big::before{width:20px;height:20px;margin-right:10px}
.searchbox-big input{width:100%;font-size:18px;padding:16px 2px}
.home-h2{margin:26px 0 10px;font-size:20px}
.tilerow{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px;margin:4px 0 22px}
.tile{display:flex;flex-direction:column;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);color:var(--hd);text-align:center;padding:0 0 10px;box-shadow:var(--shadow)}
.tile:hover{text-decoration:none;border-color:var(--green)}
.tile-img{height:88px;width:100%;display:flex;align-items:center;justify-content:center;padding:12px 8px 4px;background:var(--panel2);border-bottom:1px solid var(--line);border-radius:var(--r) var(--r) 0 0}
.tile-img img{max-height:68px;max-width:90px;object-fit:contain}
.tile-t{font-weight:600;font-size:13.5px;margin-top:8px;padding:0 6px;line-height:1.25}
.feat2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 8px}
.feat{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);margin:0 0 20px;min-width:0;overflow:hidden;box-shadow:var(--shadow)}
.feat-head{display:flex;justify-content:space-between;align-items:baseline;padding:10px 15px;border-bottom:1px solid var(--line);background:var(--panel2)}
.feat-head h2{margin:0;font-size:15px}
.feat-head a{font-size:13px}
.ftab{width:100%;font-size:13.5px}
.ftab th{background:var(--panel2);color:var(--brown);text-align:center;padding:7px 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid var(--line)}
.ftab td{padding:6px 10px;text-align:center;border-bottom:1px solid #f0ecdf;font-weight:600;font-variant-numeric:tabular-nums}
.ftab tbody tr:last-child td{border-bottom:0}
.ftab tbody tr:hover td{background:var(--rowh)}
.ftab .ft-n,.ftab th.ft-n{text-align:left}
.ftab .ft-r,.ftab th.ft-r{color:var(--tx3);width:34px;font-weight:500}
.ft-i{width:26px;height:26px;object-fit:contain;vertical-align:middle;margin-right:9px}
.ft-n a{color:var(--hd);font-weight:600;display:flex;align-items:center}
.ft-n a:hover{color:var(--link);text-decoration:none}
.fguides{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);margin:22px 0;box-shadow:var(--shadow);overflow:hidden}
.fg-cols{display:grid;grid-template-columns:repeat(3,1fr)}
.fg-col{padding:13px 16px 15px;border-right:1px solid var(--line)}
.fg-col:last-child{border-right:0}
.fg-col h3{font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--brown);margin:0 0 8px}
.fg-col a{position:relative;display:block;padding:5px 0 5px 14px;font-size:13.5px;border-bottom:1px solid #f0ecdf}
.fg-col a::before{content:"";position:absolute;left:1px;top:50%;width:5px;height:5px;margin-top:-3px;background:var(--gold);transform:rotate(45deg)}
.fg-col a:last-child{border-bottom:0}
.fg-col a:hover{text-decoration:none;color:var(--link-h)}
[dir="rtl"] .fg-col a{padding:5px 14px 5px 0}
[dir="rtl"] .fg-col a::before{left:auto;right:1px}
.hpabout{margin-top:24px}
.hpabout p{max-width:80ch}
.langlist{margin:26px 0 0;border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}
.langlist summary{cursor:pointer;padding:10px 14px;list-style:none}
.langlist summary h2{display:inline;font-size:14px;margin:0;color:var(--tx2);font-weight:600}
.langlist summary::-webkit-details-marker{display:none}
.langlist-in{padding:4px 14px 12px;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px}
.toplist{height:1px;overflow:hidden}
/* ---------- Rozcestníky a karty ---------- */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:14px 0}
.card{display:block;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;color:var(--tx)}
.card:hover{border-color:var(--green);text-decoration:none}
.card h3{margin:0 0 6px;font-size:15.5px}
.card p{margin:0;font-size:13.5px;color:var(--tx2)}
.farmcard{display:flex;gap:16px;align-items:flex-start;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;margin:0 0 12px}
.farmcard img{width:96px;height:96px;object-fit:contain;flex:0 0 auto}
.farmcard h3{margin:0 0 4px}
.farmcard p{margin:0 0 6px;color:var(--tx2);font-size:14px}
/* ---------- Databáze: filtry, tabulky, karty ---------- */
.db-controls{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.dbsearch{background:var(--panel2);border:1px solid var(--line2);border-radius:var(--r);color:var(--tx);font:14px var(--font);padding:8px 10px;min-width:260px}
.dbsearch:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 3px var(--green-l)}
.chips{align-items:center}
.chip{font-size:12.5px;font-weight:600;cursor:pointer;user-select:none;background:var(--panel2);color:var(--tx2);border:1px solid var(--line2);border-radius:999px;padding:5px 12px;line-height:1.2}
.chip:hover{border-color:var(--green);color:var(--hd)}
.chip.on{background:var(--green);color:#fff;border-color:var(--nav-h)}
.tabwrap{overflow-x:auto;margin:8px 0 18px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}
.tabwrap>table{margin:0;border:0}
.dbtable{width:100%;font-size:13.5px;background:var(--panel)}
.dbtable th{position:sticky;top:0;z-index:1;background:var(--panel2);color:var(--brown);font-size:11px;text-transform:uppercase;letter-spacing:.3px;font-weight:700;padding:8px 10px;border-bottom:1px solid var(--line2);text-align:center;white-space:nowrap}
.dbtable th[data-k]{cursor:pointer}
.dbtable th[data-k]:hover{color:var(--hd)}
.dbtable th.sorted-asc,.dbtable th.sorted-desc{color:var(--green)}
.dbtable th.sorted-asc::after{content:" ▲";font-size:9px}
.dbtable th.sorted-desc::after{content:" ▼";font-size:9px}
.dbtable td{padding:7px 10px;border-bottom:1px solid #efeadd;text-align:center;vertical-align:middle}
.dbtable td.l,.dbtable td.ft-n{text-align:left}
.dbtable td.num{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}
.dbtable td.src{font-size:12.5px;color:var(--tx2)}
.dbtable tbody tr:nth-child(even) td{background:#fcfbf7}
.dbtable tbody tr:hover td{background:var(--rowh)}
.dbtable td.l a{color:var(--hd);font-weight:600;display:inline-flex;align-items:center}
.dbtable td.l a:hover{color:var(--link);text-decoration:none}
.dbtable td img.ti{width:30px;height:30px;object-fit:contain;vertical-align:middle;margin-right:8px}
.dbtable.compact{font-size:13px}
.dbtable.compact td,.dbtable.compact th{padding:5px 9px}
.dbtable.levels td:first-child{font-weight:700;color:var(--hd)}
.facts{width:100%;min-width:0}
.facts th,.facts td{border-bottom:1px solid var(--line);padding:6px 10px;font-size:14px;text-align:left;vertical-align:top}
.facts th{color:var(--tx2);font-weight:500;white-space:nowrap;width:44%}
.facts td{font-weight:600;color:var(--hd)}
.facts tr:last-child th,.facts tr:last-child td{border-bottom:0}
.ucards{display:grid;grid-template-columns:repeat(auto-fill,minmax(184px,1fr));gap:12px;margin:14px 0}
.ucard{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:12px 12px 14px;text-align:center;display:flex;flex-direction:column;box-shadow:var(--shadow)}
.ucard:hover{border-color:var(--green)}
.ucard-img{height:96px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;background:var(--panel2);border-radius:var(--r)}
.ucard-img img{max-height:88px;max-width:120px;object-fit:contain}
.ucard-img .ph{font-size:40px;opacity:.3}
.ucard h3{font-size:14.5px;margin:4px 0;line-height:1.25}
.ucard h3 a{color:var(--hd)}
.ucard h3 a:hover{color:var(--link);text-decoration:none}
.ucard .badges{justify-content:center;margin:4px 0 6px}
.ucard-meta{font-size:12.5px;color:var(--tx2);line-height:1.45;margin:2px 0 auto}
.ucard-meta b{color:var(--hd);font-weight:600}
.ucard-more{display:inline-block;margin-top:10px;font-weight:600;font-size:13px;color:var(--link);border:1px solid var(--line2);padding:5px 12px;border-radius:var(--r);background:var(--panel2)}
.ucard-more:hover{border-color:var(--green);text-decoration:none}
.badges{display:flex;flex-wrap:wrap;gap:4px}
.tag{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;color:#fff;line-height:1.5}
.tag.farm{background:#eee8d5;color:var(--brown)}
.tag.bcat-pole{background:#6f9a2e}.tag.bcat-sady{background:#3f8a4a}.tag.bcat-chovy{background:#a86a2e}.tag.bcat-vyroba{background:#3d6f9a}
.tag.bcat-domy{background:#7a5aa8}.tag.bcat-hlavni{background:#b8862b}.tag.bcat-sklady{background:#6b7a86}.tag.bcat-specialni{background:#8a7d4a}.tag.bcat-obchod{background:#b3402f}
.tag.kind-primary{background:#3f8a4a}.tag.kind-secondary{background:#3d6f9a}.tag.kind-special{background:#7a5aa8}.tag.kind-obsidian{background:#4a4a52}
.tag.kind-basic,.tag.kind-brickyard,.tag.kind-lumbermill,.tag.kind-edge,.tag.kind-smuggler,.tag.kind-saplingseed,.tag.kind-alternate{background:#8a7d4a}
/* ---------- Detail položky ---------- */
.unit-hero{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin:6px 0 18px}
.unit-hero-img{width:240px;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r);padding:14px}
.unit-hero-img img{max-width:210px;max-height:210px;object-fit:contain}
.unit-hero-img .img-alt{max-width:90px;max-height:80px;opacity:.85}
.unit-hero-img .ph{font-size:60px;opacity:.3}
.unit-hero-meta{flex:1;min-width:260px}
.unit-hero-meta h1{margin:0 0 8px}
.twocol{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:14px 0 18px;align-items:start}
.quickbox,.ratebox{background:var(--panel2);border:1px solid var(--line);border-radius:var(--r);padding:12px 16px}
.quickbox h3,.ratebox h3{margin:0 0 8px;color:var(--brown);font-size:13px;text-transform:uppercase;letter-spacing:.4px}
.ratebox p{font-size:14.5px;color:var(--tx)}
.rel{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;margin:12px 0}
.relc{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r);padding:10px 8px;color:var(--tx);font-size:13px;line-height:1.25}
.relc img{width:60px;height:60px;object-fit:contain;margin-bottom:6px}
.relc:hover{border-color:var(--green);text-decoration:none}
.il{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.il img{width:22px;height:22px;object-fit:contain}
.dbtable td .il{white-space:normal;text-align:left}
/* ---------- Reklamní pozice (AdSense) ---------- */
.adbox{margin:18px 0;min-height:100px;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r);padding:6px;text-align:center;overflow:hidden}
.adbox:empty{display:none}
/* ---------- Patička ---------- */
.site-footer{margin-top:36px;background:#e9e4d2;border-top:1px solid var(--line2);color:var(--tx2);font-size:13.5px}
.site-footer .wrap{max-width:1240px;margin:0 auto;padding:22px 20px 26px}
.site-footer .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}
.site-footer h4{margin:0 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--brown)}
.site-footer .cols a{display:block;padding:2px 0;color:var(--tx)}
.site-footer .copy{border-top:1px solid var(--line2);padding-top:12px;font-size:12.5px;color:var(--tx3);max-width:none}
.foot-legal{margin-bottom:10px}
/* ---------- Responzivita ---------- */
@media(max-width:980px){
.fg-cols{grid-template-columns:repeat(2,1fr)}
.fg-col:nth-child(2n){border-right:0}
.nav-mega.cols3,.nav-mega.cols4,.nav-mega.cols5{min-width:0;flex-wrap:wrap;max-width:calc(100vw - 20px)}
}
@media(max-width:860px){
.menu-btn{display:block}
.navbar{display:none}
body.nav-open .navbar{display:block}
.nav-in{flex-direction:column;padding:0}
.nav-home{display:none}
.nav-item{display:block;width:100%}
.nav-top{width:100%;justify-content:space-between;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.12)}
.nav-mega{position:static;display:none!important;flex-direction:column;box-shadow:none;border:0;border-radius:0;min-width:0!important;padding:4px 0 8px 10px;background:#fbf9f3}
.nav-item.open .nav-mega{display:flex!important}
.nav-top i{padding:0 6px;font-size:15px;transition:transform .15s}
.nav-item.open .nav-top i{transform:rotate(180deg)}
.nav-mega .mcol+.mcol{border-left:0}
.mcol{min-width:0;padding:4px 8px}
.mcol>a{padding:9px 8px;font-size:15px}
.main-in{padding:14px 12px 30px}
article{padding:16px 14px 20px}
.tb-in{flex-wrap:wrap;height:auto;padding:8px 12px;gap:8px}
.searchbox{order:10;flex:1 1 100%;margin-left:0}
.searchbox input{width:100%}
.tb-extra{margin-left:auto}
.tb-extra .about-wrap{display:none}
.feat2{grid-template-columns:1fr}
.playbanner-big{min-height:0;padding:22px 20px}
.pb-t{max-width:none}
.pb-t strong{font-size:27px}
.pb-img img{max-height:150px}
}
@media(max-width:560px){
.twocol{grid-template-columns:1fr}
h1,.page-intro h1{font-size:22px}
h2{font-size:18px}
.tb-in{gap:8px;height:auto}
.searchbox-big input{font-size:16px;padding:13px 2px}
.logo{font-size:15px}
.logo img{width:28px;height:28px}
.searchbox{min-width:0;flex:1 1 100%;padding:0 8px}
.searchbox input{width:100%;min-width:0}
.langsw{max-width:74px;flex:0 0 auto;padding:7px 4px}
.play-btn{padding:7px 9px;font-size:12.5px}
.playbanner{flex-direction:column-reverse;align-items:stretch;gap:14px;padding:18px 16px}
.pb-t strong{font-size:23px}
.pb-t .pb-sub{font-size:15px}
.pb-b{width:100%;text-align:center;font-size:19px;padding:15px 20px}
.pb-img{justify-content:center}
.pb-img img{max-height:132px}
.tilerow{grid-template-columns:repeat(3,1fr);gap:8px}
.tile-img{height:72px}
.tile-img img{max-height:56px}
.tile-t{font-size:12.5px}
.fg-cols{grid-template-columns:1fr}
.fg-col{border-right:0;border-bottom:1px solid var(--line)}
.site-footer .cols{grid-template-columns:1fr}
.unit-hero-img{width:100%}
.ucards{grid-template-columns:repeat(2,1fr);gap:8px}
.ucard{padding:10px 8px 12px}
.dbsearch{min-width:0;width:100%}
.chip{padding:7px 12px}
}
.muted{color:var(--tx3);font-size:12.5px}
/* obrázky u sekcí témat a návodů + pás položek */
.fig-r{float:right;width:min(46%,250px);margin:2px 0 12px 18px;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r);padding:10px 10px 8px;text-align:center}
.fig-r img{max-width:100%;max-height:170px;object-fit:contain;display:block;margin:0 auto}
.fig-r figcaption{font-size:12.5px;color:var(--tx2);margin-top:7px;line-height:1.35}
.fig-r figcaption a{font-weight:600;color:var(--hd);display:block}
.fig-r figcaption span{display:block;color:var(--tx3)}
.figstrip{margin:22px 0 0;clear:both}
.figstrip h2{font-size:17px}
.relc small{display:block;color:var(--tx3);font-size:11.5px;margin-top:3px;line-height:1.3}
.card.card-img{display:flex;gap:12px;align-items:flex-start}
.card.card-img img{width:64px;height:64px;object-fit:contain;flex:0 0 auto;margin-top:2px}
.card.card-img>div{min-width:0}
article h2,.tipbox,.mistakebox,.hpfaq,.relnav,.datanote{clear:both}
@media(max-width:560px){.fig-r{float:none;width:100%;margin:8px 0 12px}.fig-r img{max-height:140px}}
/* ikony témat v panelech HP, pás farem, top dekorace v katalogu */
.tico{width:22px;height:22px;object-fit:contain;vertical-align:middle;margin:-3px 7px 0 0}
.fg-col a.ico{padding-left:0}
.fg-col a.ico::before{display:none}
.feat .rel{padding:12px 14px;margin:0}
.farmrel{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}
.farmrel .relc img{width:76px;height:76px}
/* obrázek produktu u sekce – jen ikona, menší rámeček */
.fig-r.fig-g{width:min(34%,180px)}
.fig-r.fig-g img{max-height:110px}
.feat .grid{padding:12px 14px;margin:0}