/* 29. 9. 2026: tento súbor už používajú len Môj účet (/ucet/) a portál tvorcov (/tvorcovia/) — právne stránky majú
   styles/clanky.css. Tieto stránky majú hlavičku, menu a pätičku úvodu (styles/app-chrome.css), preto pravidlá pre
   značky (h1, p, a …) platia len mimo nich: :where(body > :not(.header, .mobile-menu, .footer)) — :where() nemení
   špecificitu, takže v obsahu stránky je kaskáda rovnaká ako doteraz. */
/* Shared styles for legal/policy pages
   (/vratenie-tovaru/, /obchodne-podmienky/, /ochrana-osobnych-udajov/)
   — single stylesheet so a brand tweak propagates to all of them. */
/* Záložné písma s rozmermi Manrope / Fraunces (majiteľ 27. 9. 2026, načítavanie bez skákania): kým sa webové písmo
   stiahne, text zaberá to isté miesto a po výmene písma nič neposkočí. Každý rez má vlastnú lokálnu predlohu
   (Arial / Arial Bold, Georgia / Georgia Italic / Bold / Bold Italic) a vlastný size-adjust — namerané v Chromiu
   aj WebKite na textoch stránok webu (spoločná záloha z styles/reveal.css je pri tučnom kurzívnom Fraunces o 14–28 %
   užšia a nadpisy by sa po načítaní písma zalomili inak). Výška riadku ako Manrope / Fraunces. unicode-range = znaky,
   ktoré má Manrope / Fraunces (latin + latin-ext z Google Fonts): znaky mimo nich (←, ★, ✓ …) ostávajú v systémovom
   písme ako doteraz — po načítaní vyzerá stránka presne ako predtým. */
@font-face { font-family: 'Manrope Local'; font-style: normal; font-weight: 100 349; src: local('Arial'), local('ArialMT'); size-adjust: 98.8%; ascent-override: 107.9%; descent-override: 30.4%; line-gap-override: 0%; unicode-range: U+0000-00FF, U+0100-02BA, U+02BB-02BC, U+02BD-02C5, U+02C6, U+02C7-02CC, U+02CE-02D7, U+02DA, U+02DC, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2000-206F, U+2020, U+20A0-20AB, U+20AC, U+20AD-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; }
@font-face { font-family: 'Manrope Local'; font-style: normal; font-weight: 350 449; src: local('Arial'), local('ArialMT'); size-adjust: 101.5%; ascent-override: 105.0%; descent-override: 29.6%; line-gap-override: 0%; unicode-range: U+0000-00FF, U+0100-02BA, U+02BB-02BC, U+02BD-02C5, U+02C6, U+02C7-02CC, U+02CE-02D7, U+02DA, U+02DC, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2000-206F, U+2020, U+20A0-20AB, U+20AC, U+20AD-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; }
@font-face { font-family: 'Manrope Local'; font-style: normal; font-weight: 450 549; src: local('Arial'), local('ArialMT'); size-adjust: 103.5%; ascent-override: 103.0%; descent-override: 29.0%; line-gap-override: 0%; unicode-range: U+0000-00FF, U+0100-02BA, U+02BB-02BC, U+02BD-02C5, U+02C6, U+02C7-02CC, U+02CE-02D7, U+02DA, U+02DC, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2000-206F, U+2020, U+20A0-20AB, U+20AC, U+20AD-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; }
@font-face { font-family: 'Manrope Local'; font-style: normal; font-weight: 550 649; src: local('Arial Bold'), local('Arial-BoldMT'); size-adjust: 97.5%; ascent-override: 109.3%; descent-override: 30.8%; line-gap-override: 0%; unicode-range: U+0000-00FF, U+0100-02BA, U+02BB-02BC, U+02BD-02C5, U+02C6, U+02C7-02CC, U+02CE-02D7, U+02DA, U+02DC, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2000-206F, U+2020, U+20A0-20AB, U+20AC, U+20AD-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; }
@font-face { font-family: 'Manrope Local'; font-style: normal; font-weight: 650 749; src: local('Arial Bold'), local('Arial-BoldMT'); size-adjust: 100.4%; ascent-override: 106.2%; descent-override: 29.9%; line-gap-override: 0%; unicode-range: U+0000-00FF, U+0100-02BA, U+02BB-02BC, U+02BD-02C5, U+02C6, U+02C7-02CC, U+02CE-02D7, U+02DA, U+02DC, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2000-206F, U+2020, U+20A0-20AB, U+20AC, U+20AD-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; }
@font-face { font-family: 'Manrope Local'; font-style: normal; font-weight: 750 900; src: local('Arial Bold'), local('Arial-BoldMT'); size-adjust: 100.8%; ascent-override: 105.8%; descent-override: 29.8%; line-gap-override: 0%; unicode-range: U+0000-00FF, U+0100-02BA, U+02BB-02BC, U+02BD-02C5, U+02C6, U+02C7-02CC, U+02CE-02D7, U+02DA, U+02DC, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2000-206F, U+2020, U+20A0-20AB, U+20AC, U+20AD-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; }
@font-face { font-family: 'Fraunces Local'; font-style: italic; font-weight: 600 749; src: local('Georgia Bold Italic'), local('Georgia-BoldItalic'); size-adjust: 91.8%; ascent-override: 107.4%; descent-override: 28.5%; line-gap-override: 0%; unicode-range: U+0000-00FF, U+0100-02BA, U+02BB-02BC, U+02BD-02C5, U+02C6, U+02C7-02CC, U+02CE-02D7, U+02DA, U+02DC, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2000-206F, U+2020, U+20A0-20AB, U+20AC, U+20AD-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; }
@font-face { font-family: 'Fraunces Local'; font-style: italic; font-weight: 750 849; src: local('Georgia Bold Italic'), local('Georgia-BoldItalic'); size-adjust: 92.0%; ascent-override: 107.2%; descent-override: 28.5%; line-gap-override: 0%; unicode-range: U+0000-00FF, U+0100-02BA, U+02BB-02BC, U+02BD-02C5, U+02C6, U+02C7-02CC, U+02CE-02D7, U+02DA, U+02DC, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2000-206F, U+2020, U+20A0-20AB, U+20AC, U+20AD-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; }
@font-face { font-family: 'Fraunces Local'; font-style: italic; font-weight: 850 900; src: local('Georgia Bold Italic'), local('Georgia-BoldItalic'); size-adjust: 93.9%; ascent-override: 105.0%; descent-override: 27.9%; line-gap-override: 0%; unicode-range: U+0000-00FF, U+0100-02BA, U+02BB-02BC, U+02BD-02C5, U+02C6, U+02C7-02CC, U+02CE-02D7, U+02DA, U+02DC, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2000-206F, U+2020, U+20A0-20AB, U+20AC, U+20AD-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; }
@font-face { font-family: 'Fraunces Local'; font-style: italic; font-weight: 100 599; src: local('Georgia Italic'), local('Georgia-Italic'); size-adjust: 96.8%; ascent-override: 101.9%; descent-override: 27.1%; line-gap-override: 0%; unicode-range: U+0000-00FF, U+0100-02BA, U+02BB-02BC, U+02BD-02C5, U+02C6, U+02C7-02CC, U+02CE-02D7, U+02DA, U+02DC, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2000-206F, U+2020, U+20A0-20AB, U+20AC, U+20AD-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; }
@font-face { font-family: 'Fraunces Local'; font-style: normal; font-weight: 600 900; src: local('Georgia Bold'), local('Georgia-Bold'); size-adjust: 95.0%; ascent-override: 103.8%; descent-override: 27.6%; line-gap-override: 0%; unicode-range: U+0000-00FF, U+0100-02BA, U+02BB-02BC, U+02BD-02C5, U+02C6, U+02C7-02CC, U+02CE-02D7, U+02DA, U+02DC, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2000-206F, U+2020, U+20A0-20AB, U+20AC, U+20AD-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; }
@font-face { font-family: 'Fraunces Local'; font-style: normal; font-weight: 100 599; src: local('Georgia'); size-adjust: 104.0%; ascent-override: 94.8%; descent-override: 25.2%; line-gap-override: 0%; unicode-range: U+0000-00FF, U+0100-02BA, U+02BB-02BC, U+02BD-02C5, U+02C6, U+02C7-02CC, U+02CE-02D7, U+02DA, U+02DC, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2000-206F, U+2020, U+20A0-20AB, U+20AC, U+20AD-20C0, U+2113, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD; }
* { box-sizing: border-box; }
body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(ellipse at 25% 20%, rgba(124,58,237,0.18), transparent 55%),
    radial-gradient(ellipse at 80% 80%, rgba(76,29,149,0.18), transparent 60%),
    #0a0510;
  color: #f4f1ee;
  /* „… Local“ = záložné písmo s rozmermi webového (nižšie): po načítaní písma text neposkočí */
  font-family: 'Manrope', 'Manrope Local', system-ui, sans-serif;
  line-height: 1.6;
}
.wrap {
  max-width: 760px;
  margin: 0 auto;
  padding: 3rem 1.5rem 5rem;
}
.brand {
  display: inline-block;
  text-decoration: none;
  font-family: 'Fraunces', 'Fraunces Local', Georgia, serif;
  font-style: italic;
  font-weight: 800;
  font-size: 1.5rem;
  letter-spacing: 0.04em;
  color: #fff;
}
.brand__vee { color: #fff; }
.brand__lyn { color: #a78bfa; }
/* hlavicka: logo + Spat na e-shop (rovnaka ako na produktovych strankach) */
.lhead { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 2.5rem; }
.lhead__back { font-size: 0.9rem; color: #c3bcb4; text-decoration: none; padding: 8px 14px; border: 1px solid rgba(255,255,255,0.14); border-radius: 999px; white-space: nowrap; transition: border-color .18s ease, color .18s ease; }
.lhead__back:hover { color: #fff; border-color: rgba(167,139,250,0.6); }
/* pasik znaciek (interne odkazy) */
.brandstrip { border-top: 1px solid rgba(255,255,255,0.09); padding: 22px clamp(16px, 4vw, 32px); font-size: 0.82rem; line-height: 2; color: #948d97; text-align: center; }
.brandstrip__row { margin: 0 auto; max-width: 1120px; font-size: 0.82rem; line-height: 2; color: #948d97; } /* priamo na <p>: globalne p{} v tomto subore by inak prebilo zdedenu velkost */
.brandstrip strong { color: #c3bcb4; font-weight: 700; margin-right: 0.5em; }
.brandstrip a { color: inherit; text-decoration: none; white-space: nowrap; border-bottom: none; transition: color .15s ease; }
.brandstrip a:hover { color: #a78bfa; }
.brandstrip__sep { opacity: 0.4; margin: 0 0.15em; }
:where(body > :not(.header, .mobile-menu, .footer)) h1 {
  font-family: 'Fraunces', 'Fraunces Local', Georgia, serif;
  font-style: italic;
  font-weight: 800;
  font-size: clamp(1.75rem, 4.5vw, 2.6rem);
  line-height: 1.15;
  margin: 0 0 0.4rem;
  background: linear-gradient(135deg, #fff, #c4b5fd 60%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.lead {
  font-size: 1.05rem;
  color: rgba(244,241,238,0.78);
  margin: 0 0 2.5rem;
}
:where(body > :not(.header, .mobile-menu, .footer)) h2 {
  font-family: 'Fraunces', 'Fraunces Local', Georgia, serif;
  font-style: italic;
  font-weight: 700;
  font-size: 1.5rem;
  margin: 2.4rem 0 0.8rem;
  color: #c4b5fd;
}
:where(body > :not(.header, .mobile-menu, .footer)) h3 {
  font-size: 1.05rem;
  font-weight: 700;
  margin: 1.4rem 0 0.4rem;
  color: #fff;
}
:where(body > :not(.header, .mobile-menu, .footer)) p, :where(body > :not(.header, .mobile-menu, .footer)) li {
  color: rgba(244,241,238,0.88);
  font-size: 0.98rem;
}
:where(body > :not(.header, .mobile-menu, .footer)) ul, :where(body > :not(.header, .mobile-menu, .footer)) ol { padding-left: 1.2rem; }
:where(body > :not(.header, .mobile-menu, .footer)) ul li, :where(body > :not(.header, .mobile-menu, .footer)) ol li { margin-bottom: 0.4rem; }
:where(body > :not(.header, .mobile-menu, .footer)) strong { color: #fff; }
:where(body > :not(.header, .mobile-menu, .footer)) a {
  color: #c4b5fd;
  text-decoration: underline;
  text-underline-offset: 3px;
}
:where(body > :not(.header, .mobile-menu, .footer)) a:hover { color: #fff; }
:where(body > :not(.header, .mobile-menu, .footer)) code {
  background: rgba(124,58,237,0.18);
  padding: 0.1em 0.4em;
  border-radius: 4px;
  font-size: 0.92em;
}
.box {
  background: rgba(124,58,237,0.08);
  border: 1px solid rgba(167,139,250,0.22);
  border-radius: 12px;
  padding: 1.1rem 1.25rem;
  margin: 1.2rem 0;
}
.box--accent {
  background: linear-gradient(135deg, rgba(244,200,100,0.08), rgba(124,58,237,0.08));
  border-color: rgba(244,200,100,0.32);
}
:where(body > :not(.header, .mobile-menu, .footer)) table {
  border-collapse: collapse;
  width: 100%;
  margin: 1rem 0;
  font-size: 0.92rem;
}
:where(body > :not(.header, .mobile-menu, .footer)) th, :where(body > :not(.header, .mobile-menu, .footer)) td {
  text-align: left;
  padding: 0.55rem 0.7rem;
  border-bottom: 1px solid rgba(167,139,250,0.18);
  vertical-align: top;
}
:where(body > :not(.header, .mobile-menu, .footer)) th { color: #c4b5fd; font-weight: 700; }
/* široké tabuľky v článkoch sa na mobile posúvajú vo vlastnom boxe */
.tbl { overflow-x: auto; margin: 1rem 0; }
.tbl table { margin: 0; }
.home {
  display: inline-block;
  margin-top: 2.5rem;
  padding: 0.7rem 1.1rem;
  background: linear-gradient(135deg, #7c3aed, #a78bfa);
  color: #fff;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 700;
  font-size: 0.92rem;
  letter-spacing: 0.04em;
}
.home:hover {
  color: #fff;
  transform: translateY(-1px);
}
.footer-note {
  margin-top: 3rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(167,139,250,0.15);
  font-size: 0.82rem;
  color: rgba(244,241,238,0.55);
}

/* 23.9.2026: kruhové logo namiesto textového VEE/LYN */
.brand--img { line-height: 0; font-size: 0; }
.brand--img img { display: block; width: auto; height: 60px; }
@media (max-width: 600px) { .brand--img img { height: 52px; } }

/* /zakonna-zaruka/ — harmonizované oznámenie EÚ: oficiálny súbor bez úprav, čo najväčšie (čitateľné bez zväčšovania na PC),
   na bielom ako papier A4 (súbor je priehľadný); bez zaoblenia rohov — orezalo by modrý pás */
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.wrap--zz { max-width: 980px; }
.zz-notice { margin: 1.2rem 0 1rem; }
.zz-notice__open { display: block; cursor: zoom-in; }
.zz-notice img { display: block; width: 100%; height: auto; background: #fff; box-shadow: 0 18px 50px rgba(0,0,0,0.45); }
.zz-links { margin: 0; text-align: center; font-size: 0.92rem; }
.zz-links a { white-space: nowrap; }
.zz-links span { opacity: 0.4; margin: 0 0.3em; }
@media (max-width: 600px) { .zz-notice { margin-left: -8px; margin-right: -8px; } }

/* /odstupenie-od-zmluvy/ — formulár „Odstúpiť od zmluvy tu“ (§ 20a zákona 108/2024) */
.wd-form { display: grid; gap: 14px; margin: 1.5rem 0 2rem; padding: 1.25rem; background: rgba(124,58,237,0.08); border: 1px solid rgba(167,139,250,0.22); border-radius: 14px; }
.wd-field { display: grid; gap: 6px; font-size: 0.9rem; font-weight: 700; color: #e9e3f7; }
.wd-field em { display: block; font-style: normal; font-weight: 400; font-size: 0.8rem; color: #948d97; }
.wd-field input, .wd-field textarea { width: 100%; font: inherit; font-weight: 500; font-size: 1rem; color: #fff; background: rgba(10,5,16,0.7); border: 1px solid rgba(167,139,250,0.35); border-radius: 10px; padding: 0.7rem 0.85rem; }
.wd-field textarea { resize: vertical; min-height: 3.2rem; }
.wd-field input:focus, .wd-field textarea:focus { outline: none; border-color: #a78bfa; box-shadow: 0 0 0 3px rgba(167,139,250,0.25); }
.wd-hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.wd-err { margin: 0; color: #fca5a5; font-weight: 600; font-size: 0.92rem; }
.wd-btn { justify-self: start; font: inherit; font-weight: 800; font-size: 1rem; letter-spacing: 0.02em; color: #fff; background: linear-gradient(135deg, #7c3aed, #a78bfa); border: 0; border-radius: 10px; padding: 0.85rem 1.3rem; cursor: pointer; }
.wd-btn:disabled { opacity: 0.6; cursor: progress; }
.wd-form[hidden], .wd-done[hidden] { display: none; }
.wd-done h2 { margin-top: 0; }
.wd-done:focus { outline: none; }
.vn-emailhint { margin-top: 4px; font-size: 0.85rem; font-weight: 500; color: #fca5a5; }
.vn-emailhint__fix { margin-left: 8px; font: inherit; font-weight: 700; color: #fff; background: rgba(167,139,250,0.25); border: 1px solid rgba(167,139,250,0.5); border-radius: 999px; padding: 2px 10px; cursor: pointer; }
.vn-suggest-host { position: relative; }
.vn-suggest { position: absolute; left: 0; right: 0; top: 100%; z-index: 5; margin-top: 4px; background: #1a1225; border: 1px solid rgba(167,139,250,0.35); border-radius: 10px; overflow: hidden; }
.vn-suggest__opt { display: block; width: 100%; text-align: left; font: inherit; font-size: 0.95rem; color: #f4f1ee; background: none; border: 0; padding: 0.55rem 0.85rem; cursor: pointer; }
.vn-suggest__opt.is-act, .vn-suggest__opt:hover { background: rgba(167,139,250,0.2); }
@media (max-width: 600px) { .wd-btn { justify-self: stretch; } }

/* tlačidlá: pri prejdení myšou sa zo stredu rozvinie pilulka až po okraje (ako na epoxidovo.sk, majiteľ 25. 9. 2026) —
   ::before pod textom (isolation), z scale(0) na scale(1) */
.lhead__back, .home, .wd-btn { position: relative; isolation: isolate; overflow: hidden; }
.lhead__back::before, .home::before, .wd-btn::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; transform: scale(0); transition: transform .45s cubic-bezier(.16, 1, .3, 1); pointer-events: none; }
.lhead__back::before { background: #7c3aed; }
.home::before, .wd-btn::before { background: #4c1d95; }
.lhead__back:hover, .lhead__back:focus-visible { color: #fff; border-color: #a78bfa; }
.lhead__back:hover::before, .lhead__back:focus-visible::before, .home:hover::before, .home:focus-visible::before,
.wd-btn:hover:not(:disabled)::before, .wd-btn:focus-visible::before { transform: scale(1); }
@media (prefers-reduced-motion: reduce) { .lhead__back::before, .home::before, .wd-btn::before { transition: none; } }

/* kruhové logo rovnako veľké ako na domovskej stránke (majiteľ 25. 9. 2026 — efekt mince má vyzerať rovnako);
   záporný okraj ako na domovskej, aby hlavička nenarástla */
.lhead .brand--img img { height: 74px; margin: -6px 0; }
@media (min-width: 700px) { .lhead .brand--img img { height: 110px; margin: -9px 0; } }
@media (min-width: 1000px) and (max-width: 1400px) { .lhead .brand--img img { height: 88px; margin: -7.5px 0; } }
@media (max-width: 400px) { .lhead .brand--img img { height: 65px; margin: -5.5px 0; } }

/* biela šípka namiesto systémovej (majiteľ 26. 9. 2026) — len PC s myšou; nad tým, čo sa dá kliknúť, fialová;
   v poliach na písanie bežný textový kurzor. SVG ostré na Retine, PNG ako záloha. */
@media (hover: hover) and (pointer: fine) {
  html, body, *, *::before, *::after { cursor: url("/cursors/arrow.svg") 4 3, url("/cursors/arrow.png") 4 3, auto !important; }
  a[href], button:not(:disabled), [role="button"], [onclick], label[for], select, summary, [data-open], [data-tab], [data-close],
  a[href] *, button:not(:disabled) *, [role="button"] *, [onclick] *, [data-open] *, [data-tab] *, [data-close] *,
  .prod-card, .prod-card *, .carousel__slide, .carousel__slide *, .tonelab__note, .tonelab__note *, .carousel__dot, .match-card, .match-card *,
  input[type="checkbox"], input[type="radio"], input[type="submit"], input[type="button"], input[type="range"] { cursor: url("/cursors/arrow-hover.svg") 4 3, url("/cursors/arrow-hover.png") 4 3, pointer !important; }
  input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="range"]), textarea, [contenteditable="true"] { cursor: text !important; }
  button:disabled, [aria-disabled="true"] { cursor: url("/cursors/arrow.svg") 4 3, url("/cursors/arrow.png") 4 3, not-allowed !important; }
}

/* 27. 9. 2026: pás odkazov (značky, typy, tóny) zbalený do jedného nenápadného riadku dole — odkazy ostávajú v HTML (SEO) */
.brandstrip-fold { border-top: 1px solid rgba(255,255,255,0.08); text-align: center; }
.brandstrip-fold > summary { list-style: none; cursor: pointer; padding: 14px 16px; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(244,241,238,0.34); transition: color 0.15s ease; }
.brandstrip-fold > summary::-webkit-details-marker { display: none; }
.brandstrip-fold > summary::after { content: "▾"; margin-left: 0.5em; }
.brandstrip-fold[open] > summary::after { content: "▴"; }
.brandstrip-fold > summary:hover, .brandstrip-fold > summary:focus-visible { color: #a78bfa; outline: none; }
.brandstrip-fold > .brandstrip { border-top: 0; padding-top: 0; }

/* ---------- načítavanie: najprv dlaždica, potom obsah (majiteľ 27. 9. 2026) ----------
   Dlaždice a závoj sú v styles/reveal.css (reveal.js, vkladá build-static-chrome.js); tu len tvar dlaždíc.
   Kruhové logo presahuje odkaz záporným okrajom (vyššie) — dlaždica aj závoj sú kruh s priemerom = šírka odkazu
   (margin-top v % sa ráta zo šírky), nie obdĺžnik odkazu. */
.lhead .brand--img[data-reveal] { position: relative; } /* aj po objavení: závoj (.rv-veil) sa meria od odkazu */
/* logo bez textu nečaká na písmo (jadro reveal.js, 27. 9. 2026) */
html.rv .lhead .brand--img[data-reveal]:not(.is-in) { background: none !important; animation: none; }
html.rv .lhead .brand--img[data-reveal]:not(.is-in)::before,
.lhead .brand--img > .rv-veil { content: ""; position: absolute; left: 0; right: 0; top: 50%; bottom: auto; margin-top: -50%; aspect-ratio: 1; border-radius: 50%; }
html.rv .lhead .brand--img[data-reveal]:not(.is-in)::before {
  background: var(--rv-tile) linear-gradient(100deg, transparent 25%, var(--rv-hi) 50%, transparent 75%) no-repeat 120% 0 / 250% 100%;
  animation: rvShimmer 1.6s linear infinite;
}
@media (prefers-reduced-motion: reduce) { html.rv .lhead .brand--img[data-reveal]:not(.is-in)::before { animation: none; } }