@charset "UTF-8";
/* AUREUS · SKIN v4.5 (drop-in)
• desktop: globalny progress bar (#scrollbar) pod nav, underline vypnuty
• mobile: vertical dropdown (EN/SK) bezo zmeny
• ziadne nove subory ani zmeny videi/CTA/HLS
*/

/* tokens */
:root{
  --a-orange:#F37103; --a-orange-2:#ff9950;
  --bg:#0b1220; --fg:#e6e8ee; --muted:#9aa4b2;
  --stroke:rgba(255,255,255,.08);
  --panel:rgba(11,18,32,.72);
  --card-bg:rgba(15,22,36,.65);
  --radius:14px;
  --shadow:0 10px 30px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.04);
  --wrap:1200px;
  --nav-h:64px;
}

/* base */
html[data-aureus-skin="on"], html[data-aureus-skin="on"] body{
  background:var(--bg); color:var(--fg);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Noto Sans",sans-serif;
  line-height:1.6;
}
html[data-aureus-skin="on"] a{ color:#fff; text-decoration:none }
html[data-aureus-skin="on"] a:hover{}
html[data-aureus-skin="on"] img{ max-width:100%; display:block }
html[data-aureus-skin="on"] .wrap{ max-width:var(--wrap); margin:0 auto; padding:0 16px }
html[data-aureus-skin="on"] .muted{ color:var(--muted) }
html[data-aureus-skin="on"] .section-head{ font-size:28px; line-height:1.2; margin:0 0 6px; letter-spacing:.2px }

/* NAV (fixed glass) — zaklad, final patch na konci prepn e na sticky */
html[data-aureus-skin="on"] .nav{
  position:fixed; top:0; left:0; right:0; z-index:2147482000;
  border-bottom:1px solid var(--stroke);
  background:linear-gradient(180deg,rgba(11,18,32,.94),rgba(11,18,32,.88));
  backdrop-filter:saturate(120%) blur(6px);
}
html[data-aureus-skin="on"] .nav.scrolled{
  background:linear-gradient(180deg,rgba(11,18,32,.96),rgba(11,18,32,.90));
}
html[data-aureus-skin="on"] body{ padding-top:var(--nav-h) }

html[data-aureus-skin="on"] .nav .nav-inner{
  min-height:var(--nav-h); height:auto;
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; max-width:var(--wrap); margin:0 auto; padding:0 16px;
  position:relative; /* anchor pre dropdown (mobile) */
}
html[data-aureus-skin="on"] .nav .brand{ font-size:18px; letter-spacing:.2px; font-weight:700; white-space:nowrap }
html[data-aureus-skin="on"] .nav .menu{
  flex:1 1 auto; min-width:0;
  display:flex; align-items:center; gap:14px;
  flex-wrap:wrap; /* desktop povodny wrap */
}
html[data-aureus-skin="on"] .nav .menu a{
  white-space:nowrap; padding:8px 10px; border-radius:10px; position:relative;
  transition:background .2s ease;
}
html[data-aureus-skin="on"] .nav .menu a.active,
html[data-aureus-skin="on"] .nav .menu a:hover{ background:rgba(255,255,255,.06) }

/* underline – base (ponechane; na desktope ho vypneme nizsie) */
html[data-aureus-skin="on"] #nav-underline{
  position:absolute; bottom:0; left:0; height:2px; width:0; opacity:0;
  background:linear-gradient(90deg,var(--a-orange),var(--a-orange-2));
  transition:transform .25s cubic-bezier(.2,.7,.2,1), width .25s cubic-bezier(.2,.7,.2,1), opacity .25s;
  pointer-events:none;
}

/* language pills (desktop inline) */
html[data-aureus-skin="on"] .nav .lang{
  display:inline-flex; align-items:center; gap:6px; margin-left:12px; flex:0 0 auto; white-space:nowrap;
}
html[data-aureus-skin="on"] .nav .lang button{
  background:transparent; color:#e6e8ee; border:1px solid var(--stroke);
  padding:6px 10px; border-radius:10px; cursor:pointer;
}
html[data-aureus-skin="on"] .nav .lang button.active{ background:rgba(255,255,255,.08) }

/* HERO */
html[data-aureus-skin="on"] .hero{ position:relative; min-height:68vh; display:grid; place-items:center; overflow:hidden }
html[data-aureus-skin="on"] .hero video{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(105%);
}
html[data-aureus-skin="on"] .hero .overlay{
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(11,18,32,.45) 0%, rgba(11,18,32,.88) 70%) !important;
  pointer-events:none;
}
html[data-aureus-skin="on"] .hero .hero-content{ position:relative; z-index:2; text-align:center; max-width:840px }
html[data-aureus-skin="on"] .text-bg{
  margin:0 auto; padding:18px 20px; border-radius:16px;
  background:linear-gradient(180deg,rgba(11,18,32,.72),rgba(11,18,32,.64));
  border:1px solid var(--stroke);
  box-shadow: 0 20px 60px rgba(243,113,3,.12), inset 0 1px 0 rgba(255,255,255,.06);
  position:relative; isolation:isolate;
}
html[data-aureus-skin="on"] .text-bg::before{
  content:""; position:absolute; inset:0; border-radius:16px; padding:1px;
  background:linear-gradient(90deg, rgba(243,113,3,.45), rgba(255,255,255,.10), rgba(243,113,3,.30));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude; z-index:-1;
}
html[data-aureus-skin="on"] .text-bg::after{
  content:""; position:absolute; left:-10%; right:-10%; bottom:-24px; height:60px;
  background:radial-gradient(60% 100% at 50% 0%, rgba(243,113,3,.18), transparent 70%);
  filter:blur(20px); z-index:-1; pointer-events:none;
}
html[data-aureus-skin="on"] .kicker{ color:#b8c0cc; text-transform:uppercase; letter-spacing:.14em; font-size:12px; margin-bottom:8px }
html[data-aureus-skin="on"] .lead{ font-size:16px; color:#cfd5e1 }

/* buttons */
html[data-aureus-skin="on"] .btn,
html[data-aureus-skin="on"] .btn-outline{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:10px 14px; border-radius:12px; font-weight:600; text-decoration:none; outline:none;
  border:1px solid transparent; cursor:pointer; transition:transform .06s ease, background .2s ease, border-color .2s ease;
}
html[data-aureus-skin="on"] .btn{ background:linear-gradient(180deg,var(--a-orange),var(--a-orange-2)); color:#0b1220 }
html[data-aureus-skin="on"] .btn:hover{ filter:brightness(1.05) }
html[data-aureus-skin="on"] .btn:active{ transform:translateY(1px) }
html[data-aureus-skin="on"] .btn-outline{ background:transparent; color:#fff; border-color:var(--stroke) }
html[data-aureus-skin="on"] .btn-outline:hover{ background:rgba(255,255,255,.06) }

/* video controls */
html[data-aureus-skin="on"] .video-controls{
  position:absolute; right:16px; bottom:16px; display:flex; gap:8px; z-index:3;
}
html[data-aureus-skin="on"] .video-controls .ctrl{
  padding:8px 10px; border-radius:10px; background:rgba(11,18,32,.72); border:1px solid var(--stroke);
  color:#fff; cursor:pointer;
}
html[data-aureus-skin="on"] .video-controls .ctrl:hover{ background:rgba(11,18,32,.86) }

/* press strip */
html[data-aureus-skin="on"] #press-strip{
  border-top:1px solid var(--stroke); border-bottom:1px solid var(--stroke);
  background:rgba(11,18,32,.5);
}
html[data-aureus-skin="on"] #press-strip .rail{
  display:flex; gap:28px; padding:10px 0; white-space:nowrap; overflow:hidden;
  mask-image:linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
}
html[data-aureus-skin="on"] #press-strip .rail .item{ display:inline-block; padding:4px 10px; color:#c1c7d4; opacity:.85 }

/* sections decor */
html[data-aureus-skin="on"] section[data-aureus-decor="1"]{
  position:relative; padding:48px 0; overflow:hidden;
}
html[data-aureus-skin="on"] section[data-aureus-decor="1"]::before{
  content:""; position:absolute; inset:-20% -30% auto -30%; height:220px;
  background:
    radial-gradient(60% 100% at 10% 50%, rgba(243,113,3,.10), transparent 70%),
    radial-gradient(50% 100% at 90% 50%, rgba(255,255,255,.05), transparent 70%);
  filter:blur(40px); opacity:.6; pointer-events:none;
}
html[data-aureus-skin="on"] section[data-aureus-decor="1"]::after{
  content:""; position:absolute; inset:auto -25% -40px -25%; height:160px;
  background:
    radial-gradient(60% 120% at 20% 0%, rgba(243,113,3,.10), transparent 70%),
    radial-gradient(50% 120% at 80% 0%, rgba(255,255,255,.05), transparent 70%);
  filter: blur(26px); opacity:.55; pointer-events:none;
}

/* cards */
html[data-aureus-skin="on"] .card{
  position:relative; background:var(--card-bg);
  border:1px solid var(--stroke); border-radius:var(--radius);
  box-shadow:var(--shadow); padding:16px; overflow:hidden;
}
html[data-aureus-skin="on"] .card .shine{
  position:absolute; inset:-1px; pointer-events:none;
  background:radial-gradient(160px 100px at var(--mx,70%) var(--my,0%), rgba(255,255,255,.10), transparent 60%);
  opacity:.8; mix-blend-mode:overlay; transition:opacity .3s ease;
}
html[data-aureus-skin="on"] .card:hover .shine{ opacity:1 }

/* grids */
html[data-aureus-skin="on"] .grid{ display:grid; gap:16px }
html[data-aureus-skin="on"] .cols-2{ grid-template-columns:repeat(2,minmax(0,1fr)) }
html[data-aureus-skin="on"] .cols-3{ grid-template-columns:repeat(3,minmax(0,1fr)) }
@media(max-width:980px){
  html[data-aureus-skin="on"] .cols-2, html[data-aureus-skin="on"] .cols-3{ grid-template-columns:1fr }
}

/* list + kpi */
html[data-aureus-skin="on"] ul.list{ padding-left:18px; margin:8px 0 }
html[data-aureus-skin="on"] .kpi{
  display:inline-block; padding:6px 10px; border-radius:999px;
  background:rgba(255,255,255,.06); border:1px solid var(--stroke); font-weight:600; margin-bottom:6px;
}

/* table */
html[data-aureus-skin="on"] table.table{
  width:100%; border-collapse:separate; border-spacing:0; overflow:hidden; border-radius:var(--radius);
  border:1px solid var(--stroke); background:rgba(13,19,31,.55);
}
html[data-aureus-skin="on"] table.table thead th{
  text-align:left; font-size:13px; letter-spacing:.2px; color:#c9d0dc; background:rgba(255,255,255,.04);
  padding:10px 12px; border-bottom:1px solid var(--stroke);
}
html[data-aureus-skin="on"] table.table td{
  padding:10px 12px; border-bottom:1px solid var(--stroke); color:#e6e8ee;
}
html[data-aureus-skin="on"] table.table tr:last-child td{ border-bottom:0 }
html[data-aureus-skin="on"] .yes{ color:#7ee787; font-weight:600 }
html[data-aureus-skin="on"] .no{ color:#ff8080 }

/* tabs */
html[data-aureus-skin="on"] .tabs .tab{
  padding:8px 12px; border-radius:12px; border:1px solid var(--stroke);
  background:rgba(255,255,255,.04); color:#fff; cursor:pointer;
}
html[data-aureus-skin="on"] .tabs .tab.active{ background:rgba(255,255,255,.10) }

/* obs */
html[data-aureus-skin="on"] .obs-card{ display:grid; grid-template-columns:1fr 1.2fr; gap:16px; align-items:center }
@media(max-width:980px){ html[data-aureus-skin="on"] .obs-card{ grid-template-columns:1fr } }
html[data-aureus-skin="on"] .obs-card img{ border-radius:12px; border:1px solid var(--stroke) }

/* footer */
html[data-aureus-skin="on"] footer#contact .foot{
  max-width:var(--wrap); margin:0 auto; padding:20px 16px;
  display:flex; align-items:flex-start; justify-content:space-between; gap:16px;
  border-top:1px solid var(--stroke); background:rgba(11,18,32,.65);
}
@media(max-width:780px){ html[data-aureus-skin="on"] footer#contact .foot{ flex-direction:column } }

/* toTop */
html[data-aureus-skin="on"] #toTop{
  position:fixed; right:16px; bottom:16px; opacity:0; pointer-events:none; transform:translateY(10px);
  transition:opacity .25s ease, transform .25s ease; z-index:2147482000;
}
html[data-aureus-skin="on"] #toTop.show{ opacity:1; pointer-events:auto; transform:none }

/* soft grain */
html[data-aureus-skin="on"] body::after{
  content:""; position:fixed; inset:0; pointer-events:none; z-index:0;
  background-image:
    radial-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
    radial-gradient(rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:24px 24px, 36px 36px;
  background-position:0 0, 12px 18px;
  opacity:.08;
}

/* === MOBILE NAV (<=820px) ============================================ */
:root .nav #nav-toggle{ display:none } /* hidden on desktop */

@media (max-width:820px){
  :root{ --nav-h:56px }
  :root #nav-underline{ display:none } /* mobile bez underline */

  .nav .nav-inner{ position:relative !important; min-height:56px; height:56px; padding:8px 12px; gap:10px }

  /* burger button */
  .nav #nav-toggle{
    display:inline-flex !important; align-items:center; gap:8px;
    padding:8px 12px; border-radius:10px;
    border:1px solid rgba(255,255,255,.15);
    background:rgba(11,18,32,.70); color:#fff; font-weight:800; letter-spacing:.03em;
  }
  #nav-toggle .bars{ width:18px; height:2px; background:#fff; position:relative; border-radius:2px }
  #nav-toggle .bars::before,
  #nav-toggle .bars::after{ content:""; position:absolute; left:0; width:18px; height:2px; background:#fff; border-radius:2px }
  #nav-toggle .bars::before{ top:-6px }
  #nav-toggle .bars::after{ top:6px }

  /* dropdown panel */
  .nav .menu{
    display:none !important;
    flex-wrap:unset !important; overflow:visible !important;
    position:absolute !important;
    left:12px !important; right:12px !important; top:calc(100% + 8px) !important;
    max-height:min(70vh,560px);
    padding:12px; border-radius:14px;
    background:rgba(11,18,32,.96);
    backdrop-filter:blur(10px) saturate(120%);
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 18px 60px rgba(0,0,0,.45);
    overflow:auto !important; -webkit-overflow-scrolling:touch;
    z-index:2147482001;
  }
  #nav-toggle[aria-expanded="true"] ~ .menu,
  .nav.nav-open .menu{
    display:grid !important; grid-auto-rows:min-content; gap:10px;
  }
  #nav-toggle[aria-expanded="true"] ~ .menu::before{
    content:""; position:absolute; top:-8px; right:22px; width:12px; height:12px; transform:rotate(45deg);
    background:rgba(11,18,32,.96);
    border-left:1px solid rgba(255,255,255,.12);
    border-top:1px solid rgba(255,255,255,.12);
  }

  /* items = full rows */
  #nav-menu > a, #nav-menu > .btn, #nav-menu > .btn-outline{
    display:block !important; width:100% !important; text-align:center;
    padding:12px 14px; border-radius:12px;
    background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.12);
    box-shadow:none !important;
  }
  #nav-menu > .btn{
    background:linear-gradient(135deg,var(--a-orange),var(--a-orange-2));
    border:1px solid transparent; color:#fff;
  }
  #nav-menu > .btn-outline{
    background:linear-gradient(#0b1220,#0b1220) padding-box,
               linear-gradient(135deg, rgba(243,113,3,.7), rgba(255,255,255,.25)) border-box;
    border:1px solid transparent;
  }

  /* SK/EN v spodku panelu */
  #nav-menu .lang{
    order:999; display:flex; justify-content:center; gap:8px;
    margin-top:6px; padding-top:6px; border-top:1px solid rgba(255,255,255,.08);
    background:transparent;
  }

  /* mini language vedla Menu */
  #lang-mini{ display:inline-flex; align-items:center; gap:6px; margin-left:8px }
  #lang-mini .sep{ color:var(--muted) }
  #lang-mini button{
    background:transparent; color:#e6e8ee; border:1px solid var(--stroke);
    padding:6px 10px; border-radius:10px; font-weight:700
  }
  #lang-mini button.active{ background:rgba(255,255,255,.10) }

  /* lock body scroll pri otvorenom paneli */
  body.nav-locked{ overflow:hidden }
}

/* DESKTOP (>=821px): jednoriadkove menu, underline OFF, progress bar ON */
@media (min-width:821px){
  .nav .menu{
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow:visible !important;
    gap:14px !important;
    padding-right:0 !important;
  }

  /* skry mini jazyk na desktope (zostava len ten vpravo v menu) */
  #lang-mini{ display:none !important; }

  /* underline vypnuty na desktope */
  #nav-underline{ display:none !important; opacity:0 !important; }

  /* GLOBALNY PROGRESS BAR pod navom (lava->prava) */
  #scrollbar{
    position:fixed; left:0; top:var(--nav-h); height:2px; width:0;
    background:linear-gradient(90deg,#ffb37e,#F37103);
    box-shadow:0 6px 18px rgba(243,113,3,.28);
    z-index:2147482001; pointer-events:none; display:block !important;
  }
}

/* OBS live embed – one-column (cisty blok) */
#obs{ position:relative; z-index:6; }
#obs[data-aureus-decor="0"]::before,
#obs[data-aureus-decor="0"]::after{ display:none !important; content:none !important; }

/* Nav brand a logo */
html[data-aureus-skin="on"] .nav .brand{ display:inline-flex; align-items:center; gap:6px; }
html[data-aureus-skin="on"] .nav .brand .logo{
  height:20px; width:auto; margin-left:2px; vertical-align:middle;
  filter: drop-shadow(0 0 2px rgba(0,0,0,.45));
}
@media (min-width:1280px){ html[data-aureus-skin="on"] .nav .brand .logo{ height:22px } }
html[data-aureus-skin="on"] .nav .brand{ display:inline-flex; align-items:center; gap:8px; }
html[data-aureus-skin="on"] .nav .brand .logo{
  height:26px; width:auto; margin-left:8px; vertical-align:middle; transform:translateY(1px);
  filter:drop-shadow(0 0 2px rgba(0,0,0,.45));
}
@media (min-width:1280px){ html[data-aureus-skin="on"] .nav .brand .logo{ height:30px } }
html[data-aureus-skin="on"] .nav .brand{ display:inline-flex; align-items:baseline; gap:10px; }
html[data-aureus-skin="on"] .nav .brand .logo{ height:24px; width:auto; position:relative; top:3px; filter:drop-shadow(0 0 2px rgba(0,0,0,.45)); }
@media (min-width:1280px){ html[data-aureus-skin="on"] .nav .brand .logo{ height:28px; top:4px } }

/* FINAL OVERRIDE - NAV BRAND / LOGO (ponechane) */
html[data-aureus-skin="on"] .nav .brand{
  display:inline-flex !important; align-items:baseline !important; gap:10px !important;
  line-height:1 !important; white-space:nowrap !important; font-size:18px !important; padding:0 !important; margin:0 !important;
}
html[data-aureus-skin="on"] .nav .brand .brand-text{
  display:inline-block !important; order:0 !important; line-height:1 !important; padding:0 !important; margin:0 !important;
  font-size:18px !important; vertical-align:baseline !important;
}
html[data-aureus-skin="on"] .nav .brand .logo{
  display:inline-block !important; order:1 !important; height:36px !important; width:auto !important;
  margin-left:8px !important; transform:translateY(3px) !important; vertical-align:middle !important;
  object-fit:contain !important; object-position:center center !important; padding:0 !important; border:0 !important;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.45)) !important; max-height:42px !important;
}
@media (max-width:819px){
  html[data-aureus-skin="on"] .nav .brand .logo{ height:30px !important; transform:translateY(2px) !important; margin-left:6px !important; max-height:34px !important; }
  html[data-aureus-skin="on"] .nav .brand .brand-text{ font-size:16px !important; }
}
@media (min-width:1280px){
  html[data-aureus-skin="on"] .nav .brand .logo{ height:40px !important; transform:translateY(3px) !important; margin-left:10px !important; max-height:46px !important; }
  html[data-aureus-skin="on"] .nav .brand .brand-text{ font-size:20px !important; }
}
html[data-aureus-skin="on"] .nav .brand .logo.crop-hack{ transform:translateY(3px) scale(1.06) !important; margin-left:6px !important; }
html[data-aureus-skin="on"] .nav .brand .logo{ order:1 !important; }
html[data-aureus-skin="on"] .nav .brand .brand-text{ order:0 !important; }

/* ================================
   FINAL PATCH — sticky + jazyk vpravo + burger len na mobile
   ================================ */
html[data-aureus-skin="on"] .nav{ position: relative !important; top:0 !important; left:0 !important; right:0 !important; }
html[data-aureus-skin="on"] body{ padding-top:0 !important; }
html[data-aureus-skin="on"] .nav .nav-inner > .lang,
html[data-aureus-skin="on"] .nav .brand #lang-en,
html[data-aureus-skin="on"] .nav .brand #lang-sk{ display:none !important; }
html[data-aureus-skin="on"] .nav #nav-menu .lang{ display:inline-flex !important; }
@media (min-width:821px){ #nav-toggle{ display:none !important } }

/* === global scroll progress (pod nav) === */
#scrollbar{
  position:fixed; left:0; top:var(--nav-h);
  height:2px; width:0;
  background:linear-gradient(90deg,#ffb37e,#F37103);
  box-shadow:0 6px 18px rgba(243,113,3,.28);
  z-index:2147482000;
}
@media(max-width:640px){ #scrollbar{ top:calc(var(--nav-h) + env(safe-area-inset-top)); } }
/* === AUREUS Â· vFix-0908 (hero + nav/mobile) ====================== */

/* HERO: ziadny ramik/pseudo, cisty panel */
#hero::before,#hero::after,.hero::before,.hero::after{display:none!important;content:none!important}
#hero .panel,#hero .card,.hero .panel,.hero .card{border:0!important;outline:0!important;box-shadow:none!important}
#hero [style*="border"], .hero [style*="border"]{border:0!important}

/* medzera pod hero = 0; ticker hned nalepi pod hero */
#hero,.hero{margin-bottom:0!important}
#a-strip{margin-top:0!important}
/* Mobile: pouzivaj iba #nav-menu; vsetky drawer/offcanvas skry */
@media (max-width:1023px){
  /* skry cudzie mobilne overlaye (ak su v sablone) */
  .drawer,.offcanvas,#mobile-menu{display:none!important}

  /* tvoje menu (#nav-menu) â€“ default skryte, zobraz pri stave open */
  #nav-menu{display:none!important}
  #nav-menu.open,#nav-menu.is-open,#nav-menu.active{display:block!important}
}
/* === AUREUS Â· HERO FRAME OFF (v0908) ============================ */
#hero::before,#hero::after,.hero::before,.hero::after{display:none!important;content:none!important}
#hero .panel,#hero .card,.hero .panel,.hero .card{
  border:0!important; outline:0!important; box-shadow:none!important;
}
/* ak je ciara robenÃ¡ cez pseudo na paneli */
#hero .panel::before,#hero .panel::after,.hero .panel::before,.hero .panel::after{
  display:none!important; content:none!important; box-shadow:none!important; border:0!important;
}
/* === FIX Â· HERO FRAME OFF (hard) ================================ */
#hero, .hero { position: relative }
#hero *, .hero * { box-shadow:none !important; outline:0 !important }

/* bez hraniciek na paneloch/kartach */
#hero .panel, .hero .panel,
#hero .card,  .hero .card,
#hero .container, .hero .container,
#hero [class*="panel"], .hero [class*="panel"]{
  border:0 !important;
}

/* vypni vsetky pseudo-ramecky (aj ak su inde nazvane) */
#hero .panel::before, #hero .panel::after,
#hero .card::before,  #hero .card::after,
.hero .panel::before, .hero .panel::after,
.hero .card::before,  .hero .card::after{
  content:none !important; display:none !important; border:0 !important; box-shadow:none !important;
}
/* HERO FRAME OFF Â· v0908-hard */
#hero, .hero{ position:relative }
#hero .panel, .hero .panel,
#hero .card,  .hero .card,
#hero .container, .hero .container{ border:0!important; outline:0!important; box-shadow:none!important }

/* vypni vsetky pseudo-ramecky na paneloch/kartach */
#hero .panel::before, #hero .panel::after,
#hero .card::before,  #hero .card::after,
.hero .panel::before, .hero .panel::after,
.hero .card::before,  .hero .card::after{
  content:none!important; display:none!important; border:0!important; box-shadow:none!important
}

/* ak je niekde "jemny oranzovy" cez filter alebo mix-blend â€” zrus */
#hero *{ filter:none!important; }
/* === HERO BG/MIX OFF (final) === */
#hero, .hero,
#hero .panel, .hero .panel,
#hero .card,  .hero .card{
  background: transparent !important;
  background-image: none !important;
  mix-blend-mode: normal !important;
}
#hero *, .hero *{
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  mix-blend-mode: normal !important;
}
/* === HERO ABSOLUTE CLEAN (FINAL) ================================== */
/* vypni akykolvek pozadiovy gradient/obrazok v ramci HERO */
#hero, .hero,
#hero * , .hero *{
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border-image: none !important;
  mix-blend-mode: normal !important;
  box-shadow: none !important;
  outline: 0 !important;
  /* poistka na 1px linky zÄ¾ava/zhora */
  border-left: 0 !important;
  border-top: 0 !important;
}
/* === HERO ABSOLUTE KILL Â· pseudo + bg (FINAL) ===================== */
#hero, .hero{ position:relative !important }
#hero *, .hero *{
  background:transparent !important;
  background-image:none !important;
  background-color:transparent !important;
  border:0 !important; border-image:none !important;
  box-shadow:none !important; outline:0 !important; mix-blend-mode:normal !important;
}
/* DORAZ pseudo prvky uplne vsade v hero */
#hero *::before, #hero *::after,
.hero *::before, .hero *::after{
  content:none !important; display:none !important;
  background:transparent !important; border:0 !important; box-shadow:none !important;
}
/* === HERO EDGE CROP + BG OFF (final) === */
#hero, .hero{ background: transparent !important }
#hero *, .hero *{
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  box-shadow: none !important; outline: 0 !important; border: 0 !important;
  mix-blend-mode: normal !important;
}
/* zabran presvitu cez media vrstvy + jemne orezni lavy kraj videa (2px) */
#hero .video-wrap, #hero .hero-video-wrap, #hero .media, #hero .media-wrap{ overflow:hidden !important }
#hero video, #hero .hero-video, #hero .media video{
  display:block; transform: translateX(2px); width: calc(100% + 4px);
}
/* === HERO RESTORE (panel + CTA) =================================== */
/* panel â€” tmavy â€žglassâ€œ, bez oranz ramecka */
#hero .panel{
  background: rgba(11,18,32,.78) !important;   /* glass */
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.08) !important;  /* neutralny, nie oranz */
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
  padding: clamp(16px,2vw,28px);
}

/* texty v hero nech maju normalny mix (predtym sme killli) */
#hero .panel *{ mix-blend-mode: normal !important }

/* CTA tlacidla v hero â€” viditelny gradient naspat (len v hero) */
#hero .panel .btn{
  background: linear-gradient(135deg,#F37103,#ff9950) !important;
  color:#fff !important;
  box-shadow: 0 8px 20px rgba(243,113,3,.28) !important;
  border: 0 !important;
}
#hero .panel .btn-outline{
  background: linear-gradient(#0b1220,#0b1220) padding-box,
              linear-gradient(135deg, rgba(243,113,3,.85), rgba(255,255,255,.25)) border-box !important;
  border: 1px solid transparent !important;
  color:#e6e8ee !important;
  box-shadow: none !important;
}
/* === HERO FINAL RESTORE (panel + CTA) ============================ */
#hero .panel{
  background: rgba(11,18,32,.78) !important;
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
  padding: clamp(16px,2vw,28px);
}
#hero .panel *{ mix-blend-mode: normal !important }

/* CTA v hero */
#hero .panel .btn{
  background: linear-gradient(135deg,#F37103,#ff9950) !important;
  color:#fff !important; border:0 !important;
  box-shadow: 0 8px 20px rgba(243,113,3,.28) !important;
}
#hero .panel .btn-outline{
  background: linear-gradient(#0b1220,#0b1220) padding-box,
              linear-gradient(135deg, rgba(243,113,3,.85), rgba(255,255,255,.25)) border-box !important;
  border: 1px solid transparent !important; color:#e6e8ee !important; box-shadow:none !important;
}
/* === HERO RESTORE Â· universal (panel/overlay/card/content) ======== */
#hero [class*="panel"],
#hero [class*="overlay"],
#hero [class*="card"],
#hero [class*="content"]{
  background: rgba(11,18,32,.78) !important;
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
  padding: clamp(16px,2vw,28px);
  mix-blend-mode: normal !important;
}

/* CTA v hero (aby opat svietili) */
#hero [class*="panel"] .btn,
#hero [class*="overlay"] .btn,
#hero [class*="card"] .btn,
#hero [class*="content"] .btn{
  background: linear-gradient(135deg,#F37103,#ff9950) !important;
  color:#fff !important; border:0 !important;
  box-shadow: 0 8px 20px rgba(243,113,3,.28) !important;
}
#hero [class*="panel"] .btn-outline,
#hero [class*="overlay"] .btn-outline,
#hero [class*="card"] .btn-outline,
#hero [class*="content"] .btn-outline{
  background: linear-gradient(#0b1220,#0b1220) padding-box,
              linear-gradient(135deg, rgba(243,113,3,.85), rgba(255,255,255,.25)) border-box !important;
  border: 1px solid transparent !important; color:#e6e8ee !important; box-shadow:none !important;
}
/* === HERO READABILITY PLATE (v1) ================================== */
/* cielime univerzalne na najcastejsie wrappery hero textu */
#hero .panel,
#hero .hero-content,
#hero .hero-copy,
#hero .content,
#hero .overlay,
#hero .card,
#hero [data-hero-panel]{
  background: rgba(11,18,32,.78) !important;   /* glass */
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgba(255,255,255,.08) !important;  /* neutralny obrys (nie oranz) */
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
  padding: clamp(16px,2vw,28px);
  max-width: min(1200px, 94%);
  margin: 0 auto;
  mix-blend-mode: normal !important;
}

/* CTA v hero â€“ viditelne gradienty iba v ramci â€žplateâ€œ */
#hero .panel .btn,
#hero .hero-content .btn,
#hero .hero-copy .btn,
#hero .content .btn,
#hero .overlay .btn,
#hero .card .btn,
#hero [data-hero-panel] .btn{
  background: linear-gradient(135deg,#F37103,#ff9950) !important;
  color:#fff !important; border:0 !important;
  box-shadow: 0 8px 20px rgba(243,113,3,.28) !important;
}
#hero .panel .btn-outline,
#hero .hero-content .btn-outline,
#hero .hero-copy .btn-outline,
#hero .content .btn-outline,
#hero .overlay .btn-outline,
#hero .card .btn-outline,
#hero [data-hero-panel] .btn-outline{
  background: linear-gradient(#0b1220,#0b1220) padding-box,
              linear-gradient(135deg, rgba(243,113,3,.85), rgba(255,255,255,.25)) border-box !important;
  border: 1px solid transparent !important;
  color:#e6e8ee !important; box-shadow:none !important;
}
