/* ==========================================================
   POLNO-TECH – hlavný štýl webu
   Farby a základné nastavenia sú v :root – meniť len tu.
   ========================================================== */
:root{
  --green-900:#14331d;
  --green-800:#1d4a2a;
  --green-700:#25603a;
  --green-100:#e7f0e6;
  --yellow:#f2b705;
  --yellow-dark:#c99600;
  --red:#c8321e;
  --tile-red:#d2232a;      /* zadná strana dlaždíc a pás s názvom pod obrázkom */
  --tile-red-dark:#a81b21;
  --ink:#1b1f1c;
  --muted:#5b665e;
  --line:#dfe5df;
  --bg:#f6f7f3;
  --white:#fff;
  --radius:10px;
  --shadow:0 2px 10px rgba(20,51,29,.08);
  --max:1180px;
  --font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.6;font-size:16px}
img{max-width:100%;display:block}
a{color:var(--green-700)}
h1,h2,h3{line-height:1.2;margin:0 0 .6em;color:var(--green-900)}
h1{font-size:clamp(1.8rem,4vw,2.8rem)}
h2{font-size:clamp(1.4rem,3vw,2rem)}
h3{font-size:1.15rem}
.wrap{max-width:var(--max);margin:0 auto;padding:0 16px}
section{padding:56px 0}
.lead{font-size:1.15rem;color:var(--muted);max-width:720px}
.center{text-align:center}
.center .lead{margin-left:auto;margin-right:auto}

/* Na doplnenie – žlto označené miesta, ktoré treba ešte vyplniť */
.todo{background:#fff4c2;outline:1px dashed var(--yellow-dark);padding:0 .25em;border-radius:3px}

/* ---------- Horná lišta a hlavička ---------- */
.topbar{background:var(--green-900);color:#dfe9df;font-size:.875rem}
.topbar .wrap{display:flex;gap:20px;justify-content:flex-end;flex-wrap:wrap;padding-top:6px;padding-bottom:6px}
.topbar a{color:#fff;text-decoration:none}
.site-header{background:var(--white);border-bottom:3px solid var(--yellow);position:sticky;top:0;z-index:50;box-shadow:var(--shadow)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--green-900);font-weight:800;font-size:1.4rem;letter-spacing:.5px}
.logo-mark{width:42px;height:42px;border-radius:8px;background:var(--green-700);display:grid;place-items:center}
.logo-mark svg{width:28px;height:28px}
.logo span b{color:var(--yellow-dark)}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:4px}
.nav a{display:block;padding:10px 14px;text-decoration:none;color:var(--green-900);font-weight:600;border-radius:6px;text-transform:uppercase;font-size:.92rem;letter-spacing:.4px}
.nav a:hover{background:var(--green-100)}
.nav a[aria-current="page"]{background:var(--green-700);color:#fff}
.nav-toggle{display:none;background:none;border:2px solid var(--green-700);border-radius:6px;padding:8px 12px;font-weight:700;color:var(--green-800);cursor:pointer}
@media (max-width:820px){
  .nav-toggle{display:block}
  .nav{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:3px solid var(--yellow);display:none}
  .nav.open{display:block}
  .nav ul{flex-direction:column;padding:8px 16px 16px}
}

/* ---------- Tlačidlá ---------- */
.btn{display:inline-block;padding:12px 22px;border-radius:8px;font-weight:700;text-decoration:none;border:2px solid transparent;cursor:pointer;font-size:1rem;font-family:inherit}
.btn-primary{background:var(--yellow);color:var(--green-900)}
.btn-primary:hover{background:var(--yellow-dark)}
.btn-outline{border-color:#fff;color:#fff}
.btn-outline:hover{background:rgba(255,255,255,.12)}
.btn-green{background:var(--green-700);color:#fff}
.btn-green:hover{background:var(--green-800)}

/* ---------- Úvodný banner ---------- */
.hero{position:relative;color:#fff;padding:110px 0 120px;background-color:var(--green-900);
  background-image:linear-gradient(100deg,rgba(14,38,20,.94) 0%,rgba(20,51,29,.86) 38%,rgba(20,51,29,.35) 68%,rgba(20,51,29,.05) 100%),url("../img/uvod-traktor.jpg");
  background-size:cover;background-position:center 60%;border-bottom:4px solid var(--yellow)}
@media (max-width:820px){
  .hero{padding:70px 0 80px;background-image:linear-gradient(180deg,rgba(14,38,20,.88) 0%,rgba(20,51,29,.78) 60%,rgba(20,51,29,.55) 100%),url("../img/uvod-traktor-mobil.jpg");background-position:72% center}
}
.hero h1{color:#fff;max-width:760px}
.hero p{font-size:1.2rem;max-width:640px;color:#e3ece3}
.hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.page-hero{background:var(--green-800);color:#fff;padding:44px 0}
.page-hero h1{color:#fff;margin:0}
.page-hero p{margin:.4em 0 0;color:#d6e3d6}
.crumbs{font-size:.9rem;margin-bottom:6px}
.crumbs a{color:#ffe08a}

/* ---------- Výhody / ikony ---------- */
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.feature{background:#fff;border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);border-top:4px solid var(--yellow)}
.feature h3{margin-bottom:.3em}
.feature p{margin:0;color:var(--muted)}

/* ---------- Štvorcové dlaždice s otočením na text ---------- */
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}
.tile{aspect-ratio:1/1;perspective:1000px;position:relative}
.tile-inner{position:absolute;inset:0;transition:transform .55s cubic-bezier(.3,.7,.3,1);transform-style:preserve-3d;border-radius:var(--radius);box-shadow:var(--shadow)}
.tile:hover .tile-inner,.tile:focus-within .tile-inner,.tile.flipped .tile-inner{transform:rotateY(180deg)}
.tile-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius);overflow:hidden}
.tile-front{background:var(--green-700);color:#fff}
.tile-front img{width:100%;height:100%;object-fit:cover}
.tile-front .ph{width:100%;height:100%;display:grid;place-items:center;
  background:repeating-linear-gradient(135deg,var(--green-700) 0 18px,#2a6a41 18px 36px)}
.tile-front .ph span{font-size:3.2rem;font-weight:800;color:rgba(255,255,255,.22)}
.tile-label{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;background:linear-gradient(transparent,rgba(10,30,15,.88));font-weight:800;text-transform:uppercase;letter-spacing:.5px;font-size:1.05rem}
.tile-back{background:var(--green-900);color:#e9f1e9;transform:rotateY(180deg);padding:20px;display:flex;flex-direction:column;border:3px solid var(--yellow)}
.tile-back h3{color:var(--yellow);font-size:1rem;text-transform:uppercase;letter-spacing:.5px}
.tile-back p{margin:0;font-size:.95rem;flex:1;overflow:auto;color:#e9f1e9}
.tile-back .tile-link{margin-top:12px;align-self:flex-start;color:var(--green-900);background:var(--yellow);padding:7px 14px;border-radius:6px;text-decoration:none;font-weight:700;font-size:.9rem}
.tile-hint{font-size:.85rem;color:var(--muted);margin-top:-8px;margin-bottom:20px}
@media (prefers-reduced-motion:reduce){
  .tile-inner{transition:none}
  .tile:hover .tile-inner,.tile:focus-within .tile-inner,.tile.flipped .tile-inner{transform:none}
  .tile-back{transform:none;opacity:0;transition:opacity .2s}
  .tile:hover .tile-back,.tile:focus-within .tile-back,.tile.flipped .tile-back{opacity:1}
}

/* ---------- Akcie ---------- */
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.chip{border:2px solid var(--green-700);background:#fff;color:var(--green-800);padding:7px 14px;border-radius:999px;font-weight:600;cursor:pointer;font-family:inherit;font-size:.92rem}
.chip.active,.chip:hover{background:var(--green-700);color:#fff}
.deals{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}
.deal{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.deal:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(20,51,29,.16)}
.deal-img{aspect-ratio:4/3;position:relative;background:repeating-linear-gradient(135deg,var(--green-100) 0 16px,#dde9dc 16px 32px)}
.deal-img img{width:100%;height:100%;object-fit:cover}
.badge{position:absolute;top:12px;left:12px;background:var(--red);color:#fff;font-weight:800;padding:6px 10px;border-radius:6px;font-size:1rem}
.badge-cat{left:auto;right:12px;background:var(--green-900);font-size:.75rem;font-weight:600;text-transform:uppercase}
.deal-body{padding:18px;display:flex;flex-direction:column;flex:1}
.deal-body h3{margin-bottom:.3em}
.deal-body p{color:var(--muted);margin:0 0 12px;font-size:.95rem;flex:1}
.price{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}
.price .new{font-size:1.5rem;font-weight:800;color:var(--red)}
.price .old{text-decoration:line-through;color:var(--muted)}
.valid{font-size:.85rem;color:var(--muted);margin-bottom:14px}
.empty{padding:30px;text-align:center;color:var(--muted);background:#fff;border-radius:var(--radius)}

/* ---------- O nás ---------- */
.split{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:start}
@media (max-width:820px){.split{grid-template-columns:1fr}}
.timeline{list-style:none;margin:0;padding:0;border-left:3px solid var(--yellow)}
.timeline li{padding:0 0 22px 22px;position:relative}
.timeline li::before{content:"";position:absolute;left:-9px;top:4px;width:15px;height:15px;border-radius:50%;background:var(--green-700);border:3px solid #fff}
.timeline b{display:block;color:var(--green-700)}
.people{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}
.person{background:#fff;border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
.avatar{width:64px;height:64px;border-radius:50%;background:var(--green-100);display:grid;place-items:center;font-weight:800;color:var(--green-700);font-size:1.3rem;margin-bottom:12px}
.person p{margin:.2em 0;color:var(--muted)}
.person a{text-decoration:none;font-weight:600}
.box{background:#fff;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}

/* ---------- Kontakt ---------- */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
@media (max-width:820px){.contact-grid{grid-template-columns:1fr}}
.data-table{width:100%;border-collapse:collapse}
.data-table th,.data-table td{text-align:left;padding:9px 0;border-bottom:1px solid var(--line);vertical-align:top}
.data-table th{width:42%;color:var(--muted);font-weight:600}
.hours tr.today{background:var(--green-100)}
.hours tr.today th,.hours tr.today td{font-weight:800;color:var(--green-900)}
.hours th,.hours td{padding-left:8px;padding-right:8px}
.status{display:inline-flex;align-items:center;gap:8px;font-weight:700;padding:6px 12px;border-radius:999px;margin-bottom:12px}
.status.open{background:#dff3e2;color:#17692c}
.status.closed{background:#fbe3df;color:var(--red)}
.status::before{content:"";width:10px;height:10px;border-radius:50%;background:currentColor}
.map{border-radius:var(--radius);overflow:hidden;min-height:320px;background:repeating-linear-gradient(135deg,var(--green-100) 0 16px,#dde9dc 16px 32px);display:grid;place-items:center;text-align:center;color:var(--muted);padding:20px}
.map iframe{width:100%;height:360px;border:0}
form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:600px){form .row{grid-template-columns:1fr}}
.field{margin-bottom:14px}
.field label{display:block;font-weight:600;margin-bottom:5px;font-size:.95rem}
.field input,.field select,.field textarea{width:100%;padding:11px 12px;border:1.5px solid var(--line);border-radius:7px;font:inherit;background:#fff}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--green-700);box-shadow:0 0 0 3px rgba(37,96,58,.15)}
.field textarea{min-height:140px;resize:vertical}
.check{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;color:var(--muted);margin-bottom:16px}
.check input{margin-top:4px}
.form-msg{margin-top:14px;padding:12px 14px;border-radius:7px;display:none}
.form-msg.ok{display:block;background:#dff3e2;color:#17692c}
.form-msg.err{display:block;background:#fbe3df;color:var(--red)}
.hp{position:absolute;left:-9999px}

/* ---------- Pruh s výzvou ---------- */
.cta{background:var(--yellow);padding:40px 0}
.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.cta h2{margin:0;color:var(--green-900)}

/* ---------- Pätička ---------- */
.site-footer{background:var(--green-900);color:#c9d8c9;padding:48px 0 10px;font-size:.95rem}
.site-footer h3{color:#fff;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}
.site-footer a{color:#fff;text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:28px}
.footer-grid ul{list-style:none;margin:0;padding:0}
.footer-grid li{margin-bottom:6px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:32px;padding-top:16px;font-size:.85rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.site-footer .todo{color:var(--ink)}
[id]{scroll-margin-top:96px}

/* ---------- Prepínač jazyka (vlajky) ---------- */
.header-right{display:flex;align-items:center;gap:14px}
.lang{display:flex;gap:6px;align-items:center}
.lang a{display:block;line-height:0;border-radius:3px;outline:2px solid transparent;opacity:.5;transition:opacity .15s}
.lang a:hover{opacity:.85}
.lang a[aria-current="true"]{opacity:1;outline-color:var(--yellow)}
.lang svg{width:30px;height:20px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.15)}

/* ---------- Mapa ---------- */
.map.loaded{padding:0;display:block;background:none}
.map .btn{margin-top:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:600px){
  .topbar .wrap{justify-content:center;gap:2px 14px;font-size:.8rem}
  .topbar span:nth-child(3){display:none}
  .logo{font-size:1.15rem}
  .header-right{gap:10px}
}
.person a{white-space:nowrap}

/* ---------- Logo ---------- */
.logo-img{height:46px;width:auto}
.footer-logo{height:30px;width:auto;margin-bottom:14px}
@media (max-width:600px){.logo-img{height:24px}}
@media (max-width:380px){.logo-img{height:20px}}

/* Dlaždica s obrázkom na farebnom pozadí (priehľadné PNG/WebP) */
.tile-front .contain{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:14px 14px 54px}
.tile-front .contain img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.18))}
.tile-front .contain ~ .tile-label{background:var(--green-800);color:#fff;padding:12px 16px}

.tile-back .todo{background:rgba(255,255,255,.12);outline-color:var(--yellow);color:#e9f1e9}

/* Úvodný banner na stránke O nás – rovnaký štýl ako na úvode, iná fotka */
.hero.hero-onas{background-image:linear-gradient(100deg,rgba(14,38,20,.94) 0%,rgba(20,51,29,.86) 38%,rgba(20,51,29,.35) 68%,rgba(20,51,29,.05) 100%),url("../img/o-nas-traktor.jpg");background-position:center 60%}
@media (max-width:820px){
  .hero.hero-onas{background-image:linear-gradient(180deg,rgba(14,38,20,.88) 0%,rgba(20,51,29,.78) 60%,rgba(20,51,29,.55) 100%),url("../img/o-nas-traktor-mobil.jpg");background-position:72% center}
}
/* Rovnaká výška úvodných bannerov (Úvod, O nás) */
.hero{min-height:540px;display:flex;align-items:center}
.hero > .wrap{width:100%}
@media (max-width:820px){.hero{min-height:480px}}
.hero-onas h1{max-width:760px}

/* Úvodný banner na stránke Sortiment */
.hero.hero-sortiment{background-image:linear-gradient(100deg,rgba(14,38,20,.94) 0%,rgba(20,51,29,.86) 38%,rgba(20,51,29,.35) 68%,rgba(20,51,29,.05) 100%),url("../img/sortiment-naradie.jpg");background-position:right 65%}
@media (max-width:820px){
  .hero.hero-sortiment{background-image:linear-gradient(180deg,rgba(14,38,20,.88) 0%,rgba(20,51,29,.78) 60%,rgba(20,51,29,.55) 100%),url("../img/sortiment-naradie-mobil.jpg");background-position:45% center}
}

/* Úvodný banner na stránke Kontakt */
.hero.hero-kontakt{background-image:linear-gradient(100deg,rgba(14,38,20,.94) 0%,rgba(20,51,29,.86) 38%,rgba(20,51,29,.35) 68%,rgba(20,51,29,.05) 100%),url("../img/kontakt-farmar.jpg");background-position:right 22%}
@media (max-width:820px){
  .hero.hero-kontakt{background-image:linear-gradient(180deg,rgba(14,38,20,.88) 0%,rgba(20,51,29,.78) 60%,rgba(20,51,29,.55) 100%),url("../img/kontakt-farmar-mobil.jpg");background-position:72% center}
}
.hours-note{color:var(--muted);font-size:.92rem;margin:14px 0 0;padding:12px 14px;background:var(--green-100);border-left:4px solid var(--yellow);border-radius:6px}

/* Názov pod obrázkom – červený pás pre všetky dlaždice s obrázkom */
.tile-front.has-img .tile-label{background:var(--green-800);color:#fff;padding:12px 16px}

/* Úvodný banner na stránke Akcie */
.hero.hero-akcie{background-image:linear-gradient(100deg,rgba(14,38,20,.94) 0%,rgba(20,51,29,.86) 38%,rgba(20,51,29,.35) 68%,rgba(20,51,29,.05) 100%),url("../img/akcie-predajna.jpg");background-position:center 45%}
@media (max-width:820px){
  .hero.hero-akcie{background-image:linear-gradient(180deg,rgba(14,38,20,.88) 0%,rgba(20,51,29,.78) 60%,rgba(20,51,29,.55) 100%),url("../img/akcie-predajna-mobil.jpg");background-position:55% center}
}
.features-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.features-3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.features-3{grid-template-columns:1fr}}
.deal-img.contain{overflow:hidden}
.deal-img.contain img{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:contain}

/* Naši partneri – logá */
.partners{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;margin-top:8px}
.partner{background:#fff;border:1px solid var(--line);border-radius:var(--radius);aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;padding:18px;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}
.partner:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(20,51,29,.14)}
.partner img{max-width:100%;max-height:100%;object-fit:contain}
/* Kontaktná osoba – širšia kartička, aby čísla nezalamovalo */
@media (min-width:600px){.person-contact{grid-column:span 2;max-width:520px}}
.person-contact a{white-space:nowrap}

/* Striedanie lôg partnerov (keď ich je viac ako 15) */
.partners{transition:opacity .4s ease}
.partners.fading{opacity:0}
@media (prefers-reduced-motion:reduce){.partners{transition:none}}
.hero p a{color:#ffe08a;text-decoration:underline;text-underline-offset:3px}
.hero p a:hover{color:#fff}
/* Šálka kávy pod otváracími hodinami */
.hours-coffee{display:flex;justify-content:center;margin-top:18px}
.hours-coffee img{width:84px;height:auto;opacity:.95}
/* Tlačidlá „Ďalšie kategórie“ – bez podčiarknutia */
a.chip{text-decoration:none;display:inline-block}
a.chip:hover,a.chip:focus{text-decoration:none}
/* Pás s tlačidlami ďalších kategórií – nízky, bez nadpisu */
section.other-cats{background:var(--yellow);padding:22px 0}
section.other-cats .filters{margin-bottom:0}
section.other-cats .chip{background:transparent}
section.other-cats .chip:hover{background:var(--green-700);color:#fff}
.crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.crumbs .chip{cursor:default}
.crumbs a.chip{cursor:pointer}
.crumbs .crumb-up{background:var(--yellow);border-color:var(--yellow);color:var(--green-900)}
.crumbs .crumb-up:hover,.crumbs .crumb-up:focus{background:#ffc928;border-color:#ffc928;color:var(--green-900)}
.crumbs .crumb-here{background:transparent;border-color:#5fa572;color:#fff}
.crumbs .crumb-sep{color:#fff;opacity:.8;font-weight:700}
.crumbs.crumbs-below{margin:18px 0 0}
.onas-foto{margin:26px 0 0}
.onas-foto img{display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}
/* odkaz-tlačidlo (Nastavenia cookies) */
.link-btn{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}
.site-footer .link-btn{color:#fff;text-decoration:none}
.site-footer .link-btn:hover{text-decoration:underline}
/* cookie lišta vo farbách webu */
#cc-main{--cc-font-family:inherit;--cc-btn-primary-bg:#1d4a2a;--cc-btn-primary-border-color:#1d4a2a;--cc-btn-primary-hover-bg:#2a6b3d;--cc-btn-primary-hover-border-color:#2a6b3d;--cc-btn-secondary-bg:#f2b705;--cc-btn-secondary-border-color:#f2b705;--cc-btn-secondary-color:#14301c;--cc-btn-secondary-hover-bg:#ffc928;--cc-btn-secondary-hover-border-color:#ffc928;--cc-btn-secondary-hover-color:#14301c;--cc-toggle-on-bg:#2a6b3d;--cc-link-color:#1d4a2a;--cc-primary-color:#14301c;--cc-modal-border-radius:12px;--cc-btn-border-radius:999px}
#cc-main .cm__title,#cc-main .pm__title{color:#14301c}
/* tlačidlo Späť hore */
.to-top{position:fixed;right:20px;bottom:20px;z-index:50;width:48px;height:48px;border-radius:50%;border:2px solid var(--yellow);background:var(--green-800);color:var(--yellow);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.25);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s,transform .25s,visibility .25s,background .2s}
.to-top.show{opacity:1;visibility:visible;transform:none}
.to-top:hover,.to-top:focus-visible{background:var(--yellow);color:var(--green-900)}
@media (max-width:600px){.to-top{right:14px;bottom:14px;width:44px;height:44px}}
.footer-legal{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px}
.footer-legal .sep{opacity:.6}
.footer-bottom .footer-legal a,.footer-bottom .footer-legal .link-btn{color:inherit}
.site-footer .footer-bottom{padding-bottom:4px;padding-right:72px}
/* ===== Ochrana osobných údajov ===== */
.page-hero p{margin:6px 0 0;opacity:.85;font-size:.95rem}
.legal{max-width:880px}
.legal h2{font-size:1.35rem;margin:38px 0 12px;padding-bottom:8px;border-bottom:3px solid var(--yellow);display:inline-block;scroll-margin-top:96px}
.legal h3{font-size:1.02rem;margin:0 0 6px;color:var(--green-800)}
.legal p,.legal li{line-height:1.65}
.legal ul{padding-left:1.2em;margin:0 0 12px}
.legal li{margin-bottom:6px}
.legal li::marker{color:var(--green-700)}
.legal code{background:var(--green-100);color:var(--green-900);padding:1px 6px;border-radius:4px;font-size:.88em}
.legal a{color:var(--green-700)}
.legal-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 22px;border-left:4px solid var(--green-700)}
.legal-card p{margin:0}
.legal-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:8px}
.legal-tag{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;background:var(--yellow);color:var(--green-900);font-size:.72rem;font-weight:700;vertical-align:middle}
.legal-note{color:var(--muted);font-size:.92rem;margin-top:10px}
.legal-table-wrap{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.legal-table{width:100%;border-collapse:collapse;font-size:.93rem}
.legal-table th{background:var(--green-800);color:#fff;text-align:left;padding:12px 14px;font-weight:600}
.legal-table td{padding:12px 14px;vertical-align:top;border-top:1px solid #e6ece6;line-height:1.5}
.legal-table tbody tr:nth-child(even) td{background:#f7faf6}
.legal-table td:first-child{font-weight:600;color:var(--green-900)}
@media (max-width:700px){
  .legal-cards{grid-template-columns:1fr}
  .legal-table thead{display:none}
  .legal-table,.legal-table tbody,.legal-table tr,.legal-table td{display:block;width:100%}
  .legal-table tr{border-top:4px solid var(--yellow)}
  .legal-table tr:first-child{border-top:0}
  .legal-table td{border-top:0;padding:6px 16px}
  .legal-table td:first-child{padding-top:14px;font-size:1rem}
  .legal-table td:last-child{padding-bottom:14px}
  .legal-table td:not(:first-child)::before{content:attr(data-label);display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
  .legal-table tbody tr:nth-child(even) td{background:#fff}
}
.avatar .avatar-gear{width:42px;height:42px;display:block}
/* Facebook */
.fb-icon{display:block;width:100%;height:100%}
.site-footer .fb-li{margin-top:12px}
.fb-link{display:inline-block;width:36px;height:36px;color:#1877f2;border-radius:50%;transition:color .2s,transform .2s}
.fb-link:hover,.fb-link:focus-visible{color:var(--yellow);transform:scale(1.1)}
.site-footer a.fb-link:hover{text-decoration:none}
.fb-inline{display:inline-flex;align-items:center;gap:8px;color:var(--green-700)}
.fb-inline .fb-icon{width:22px;height:22px;color:#1877f2;flex:none}
.site-footer a.fb-link{color:#1877f2}
.site-footer a.fb-link:hover,.site-footer a.fb-link:focus-visible{color:var(--yellow)}
.badge-cat{max-width:calc(100% - 120px);text-align:right;line-height:1.25}
/* 404 */
.nf{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;min-height:50vh}
.nf-text{max-width:560px}
.nf-text p{color:var(--muted)}
.nf-text .lead{color:var(--ink,#1b241d)}
.nf-img{width:340px;max-width:80%;height:auto}
@media (min-width:800px){.nf{flex-wrap:nowrap}.nf-text{text-align:left}}
/* cookie nastavenia – sekcie ako bežné rámčeky (tlačidlá zostávajú oblé) */
html #cc-main{--cc-btn-border-radius:10px}
html #cc-main .cm__btn,html #cc-main .pm__btn,html #cc-main .pm__close-btn{border-radius:999px}
html #cc-main .pm__section-table td,html #cc-main .pm__section-table th{padding-left:14px}