/* =====================================================================
   CODEUPP — Globálny redesign (dizajnový jazyk z home2)
   Font Be Vietnam Pro + pill buttony + nav a footer v štýle home2.
   Aplikované na CELÝ web (nie scoped na .page-home2).
   Pozadie obsahu sa NEforcuje na tmavé — podstránky môžu byť svetlé.
   ===================================================================== */

:root {
  --r-pill: 50rem;
}

/* --- Font --- */
body {
  font-family: 'Be Vietnam Pro', sans-serif;
}

/* --- Buttony: pill (všetky oblé) --- */
.btn,
.btn-underline-primary,
.btn-underline-white,
.btn-outline-black,
.btn-outline-white,
.btn-black,
.contact-submit,
.btn-checkbox {
  border-radius: var(--r-pill) !important;
}

/* --- Blog obrázky: ostré rohy --- */
.blog .hp2-blog-featured-img,
.blog .hp2-blog-featured-img img,
.blog .hp2-blog-row-img,
.blog .hp2-blog-row-img img { border-radius: 0 !important; }

/* --- Navigácia (zjednotené s home2) --- */
.header-topbar { display: none; }
.header-socials { display: none; }
.navbar { padding-top: 1.4rem; padding-bottom: 1.4rem; }
.navbar .nav-link { letter-spacing: 0.05em; }
.navbar .nav-link-cta,
.mobile-nav-cta { border-radius: 50rem !important; }
.navbar .nav-link-cta,
.navbar .nav-link-cta:hover { box-shadow: none !important; transform: none !important; }
.navbar .nav-badge { border-radius: 50rem !important; box-shadow: none !important; animation: none !important; }
/* ===== Všetky buttony okrúhle (pill) — celý web ===== */
.ai-trust-link,
.fp-footer-cta,
.hp2-blog-all, .hp2-svc-all,
a[class*="-cta"], button[class*="-cta"],
a.btn, button.btn, input.btn, .btn {
  border-radius: 50rem !important;
}
.mega-dropdown { background: #050505; border: none; }
.mega-dropdown,
.mega-dropdown-item,
.mega-dropdown-item--cta,
.mega-dropdown-icon { border-radius: 0; }
.mega-dropdown-icon { border: none; background: rgba(255, 255, 255, 0.06); }
/* Fixovaná hlavička pri scrollovaní — glass efekt (nie nepriehľadná čierna) */
.header.header-fixed {
  background: rgba(12, 12, 12, 0.55) !important;
  backdrop-filter: blur(14px) saturate(160%);
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* ===== MOBIL — oprava navigácie a scroll správania headeru =====
   #1: .navbar mal 1.4rem padding (redesign.css:38 mimo media query) aj na mobile → bar bol vysoký.
   Logo (svg 8–10rem) v bare bolo vyššie než top-padding otvoreného menu → prekrývalo prvý odkaz.
   #2: JS predtým dával na mobile top:-100% (=-100vh) + transition na `top` → animácia cez celú
   obrazovku = „vypínanie". Teraz header hýbe cez transform, tu prepíname transition na transform. */
@media (max-width: 991px) {
  /* Normálny stav (hore, pred scrollom) — trošku vyšší bar */
  .navbar,
  .page-contact2 .navbar { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; }
  /* Scrollnutý (glass header-fixed) — nižší, kompaktnejší bar
     (.header-fixed dostáva vlastný padding z responsive.css → nulujeme ho) */
  .header.header-fixed { padding-top: 0 !important; padding-bottom: 0 !important; }
  .header-fixed .navbar,
  .page-contact2 .header-fixed .navbar { padding-top: 0.3rem !important; padding-bottom: 0.3rem !important; }
  .navbar-brand.d-lg-none svg { width: 8rem; height: auto; }
  /* Otvorené menu — odsadenie zhora tak, aby logo/toggler neprekrývali odkazy */
  .navbar-collapse { padding-top: 3.75rem !important; }
  /* Header sa presúva cez transform (nie top) → plynulé, neanimuje cez celý viewport */
  .header { transition: transform 0.35s ease, background 0.3s ease !important; }
}

/* ===== MOBIL — kontaktný formulár: menší vnútorný padding karty (#4) ===== */
@media (max-width: 768px) {
  .contact .contact-form-card { padding: 1.5rem 1.25rem !important; }
  .contact .container > .row { --bs-gutter-x: 1.5rem; }
}
@media (max-width: 480px) {
  .contact .contact-form-card { padding: 1.35rem 1rem !important; }
}

/* --- Jednoduchý tmavý hero (zjednotený so štandardom .ai-hero) --- */
.page-hero { background: var(--black); color: #fff; padding: 12rem 0 5rem; position: relative; overflow: hidden; text-align: center; }
.page-hero-eyebrow { display: inline-block; text-transform: uppercase; letter-spacing: 0.14em; font-size: 0.78rem; font-weight: 600; color: var(--primary); margin-bottom: 1rem; }
.page-hero-title { font-family: 'Be Vietnam Pro', sans-serif; font-size: clamp(2.2rem, 4.5vw, 3.4rem); font-weight: 600; letter-spacing: -0.02em; margin: 0; color: #fff; }
.page-hero-sub { color: rgba(255, 255, 255, 0.6); max-width: 42rem; margin: 1rem auto 0; line-height: 1.7; }
/* Kontakt sekcia — svetlo sivé neutrálne pozadie (nie do zelenej) */
.contact.contact-light,
.page-contact2 .contact.contact-light,
.page-project2 .contact.contact-light { background: #f8f8fa !important; }
/* About + Career — ostré rohy (jednotný dizajn) */
.about-img img, .about-header img, .about-img, .offices img,
.career-img img, .career-header img, .career-img { border-radius: 0 !important; }
/* Formulárová karta bez borderu/tieňa */
.contact .contact-form-card { border: none !important; box-shadow: none !important; }
/* Kontakt sekcia — dostatočný padding hore */
.contact.contact-light { padding-top: 5rem !important; }
/* About "Viac o nás" button — čierny text + TMAVOZELENÉ podčiarknutie (na bielom pozadí) */
.hp2-redesign .hp2-light .about-us .btn-underline-primary { color: #111 !important; text-decoration-color: var(--secondary) !important; }
.hp2-redesign .hp2-light .about-us .btn-underline-primary:hover { color: var(--secondary) !important; }
/* Footer CTA "Zavolajte nám" — biele pozadie */
.footer-wrapper .footer-cta { background: #ffffff !important; }

.simple-body { background: #fff; padding: 4rem 0 6rem; }
.simple-body h2, .simple-body h3 { color: #111; }
.simple-body p, .simple-body li { color: #444; line-height: 1.75; }

/* --- Footer SVETLÝ (na celom webe, prebíja aj page-home2/projects2/project2) --- */
.footer-wrapper .footer-cta { background: #ffffff !important; color: #555 !important; }
.footer-wrapper .footer-cta h6 { color: #111 !important; }
.footer-wrapper .footer-cta a { color: #6b7a12 !important; }
.footer-wrapper .footer-cta-images img { border: 2px solid #ffffff !important; }

/* Klientske logá v slideri — nech sa neorezávajú (contain namiesto cover) */
.clients img { object-fit: contain !important; width: auto !important; height: auto !important; max-width: 100% !important; max-height: 3rem !important; }

/* Testimonials — dekoratívna úvodzovka v pozadí (na svetlom pozadí viditeľná, limetkový nádych) */
.testimonials { position: relative; overflow: hidden; }
.testimonials .splide { position: relative; }
.testimonials .splide:before {
  content: "\201C" !important;   /* vysoká úvodzovka — sedí hore vľavo */
  font-size: 22rem !important;
  line-height: 1 !important;
  color: rgba(130,130,130,0.16) !important;
  top: -4.75rem !important;
  left: -2.75rem !important;
  z-index: 0 !important;
  opacity: 1 !important;
}
.testimonials .splide__track, .testimonials .testimonial-item { position: relative; z-index: 1; }
.footer-wrapper .footer { background: #ffffff !important; color: #555 !important; }
.footer-wrapper .footer .footer-logo svg path { fill: #000 !important; }
.footer-wrapper .footer .footer-item:first-child img { filter: brightness(0) !important; }
.footer-wrapper .footer h5, .footer-wrapper .footer h6 { color: #111 !important; }
.footer-wrapper .footer .nav-link, .footer-wrapper .footer p, .footer-wrapper .footer a { color: #555 !important; }
.footer-wrapper .footer .nav-link:hover, .footer-wrapper .footer a:hover { color: #6b7a12 !important; }
.footer-wrapper .footer .verified-by-customers { color: #333 !important; }
.footer-wrapper .footer-socials ul li a { color: #555 !important; }
.footer-wrapper .footer-socials ul li a svg { fill: currentColor; }
.footer-wrapper .footer-socials ul li a:hover { color: #6b7a12 !important; }
.footer-wrapper .footer-copyright, .footer-wrapper .footer-copyright p, .footer-wrapper .footer-copyright a { color: #666 !important; }

/* --- Zaoblenia kariet zjednotené (ostré, ako home2) --- */
.rounded-4, .rounded-3, .rounded { border-radius: 0; }
/* CTA banner — ostré rohy */
.cta-banner-wrapper, .cta-banner-wrapper > *, .cta-banner { border-radius: 0 !important; }

/* ============================================================
   BLOG — jednotné karty (listing /blog + „Ďalšie články" na detaile),
   rovnaká vizuálna reč ako blok na homepage
   ============================================================ */
.blog-page { background: #ffffff; padding: 4.5rem 0 6rem; }
.blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; }
.blog-card {
  display: flex; flex-direction: column;
  background: #fff; border: none;
  text-decoration: none; color: #111;
  transition: transform .3s ease;
}
.blog-card:hover { transform: translateY(-4px); }
.blog-card-img { position: relative; aspect-ratio: 3 / 2; overflow: hidden; background: #eef0f2; }
.blog-card-img img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 0 !important; transition: transform .5s ease; }
.blog-card:hover .blog-card-img img { transform: scale(1.05); }
.blog-card-body { display: flex; flex-direction: column; flex: 1; padding: 1.5rem 1.6rem 1.7rem; }
.blog-card-meta { display: flex; gap: 1rem; font-size: .72rem; letter-spacing: .06em; text-transform: uppercase; color: #9a9a9a; margin-bottom: .8rem; }
.blog-card-meta span:first-child { color: var(--secondary); font-weight: 700; }
.blog-card-title { font-size: 1.18rem; font-weight: 600; line-height: 1.35; letter-spacing: -.01em; margin: 0 0 .6rem; transition: color .2s ease; }
.blog-card:hover .blog-card-title { color: var(--secondary); }
.blog-card-excerpt { font-size: .92rem; line-height: 1.65; color: #666; margin: 0 0 1.2rem; flex: 1; }
.blog-card-more { font-size: .82rem; font-weight: 700; color: var(--secondary); letter-spacing: .02em; }
.blog-pagination { margin-top: 3rem; display: flex; justify-content: center; }
.blog-pagination nav > div:first-child { display: none; } /* skryť "Showing x to y" text */
@media (max-width: 991px) { .blog-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .blog-grid { grid-template-columns: 1fr; } }

/* Detail článku — čitateľné telo */
.post-detail-wrap { background: #fff; padding: 0 0 5rem; }
.post-detail-body { max-width: 780px; margin: 0 auto; }
/* Viac priestoru pod titulkom článku, nech ho cover obrázok neprekrýva (aj pri 2-riadkovom titulku) */
.page-post .page-hero { padding-bottom: 10rem !important; }
/* Cover cez šírku CONTAINERA, prekrýva tmavý hero — spodok vyčnieva do svetlej */
.post-detail-cover { position: relative; width: 100%; margin: -8rem 0 3rem; z-index: 2; }
.post-detail-cover img { width: 100%; height: auto; display: block; border-radius: 0 !important; }

/* O nás — prvý obrázok spodkom mierne presahuje tmavú hero sekciu */
.page-about .about-header { overflow: visible !important; padding-bottom: 0 !important; }
.page-about .about-header .about-img { position: relative !important; top: 0 !important; z-index: 3; margin-bottom: -9rem !important; }
/* O nás — sekcia pod tmavým hero dostane väčší odstup, nech je vidno */
.page-about .about-header { margin-bottom: 12rem !important; }
.page-about .offices { padding-top: 5rem; }
/* O nás — nadpis nad mapou */
.offices-head { text-align: center; max-width: 44rem; margin: 0 auto 3rem; }
.offices-head span { display: block; text-transform: uppercase; letter-spacing: .12em; font-size: .75rem; font-weight: 700; color: var(--secondary); margin-bottom: .75rem; }
.offices-head h2 { font-size: clamp(1.85rem, 3.2vw, 2.35rem); font-weight: 700; letter-spacing: -.02em; color: #111; margin: 0 0 .75rem; }
.offices-head h2 em { color: var(--secondary); font-style: normal; }
.offices-head p { color: #555; font-size: 1rem; font-weight: 300; line-height: 1.7; margin: 0; }
/* Home blog — head ako riadok: titul vľavo, odkaz vpravo */
.hp2-redesign .hp2-blog-head--row { display: flex; justify-content: space-between; align-items: flex-end; gap: 2rem; flex-wrap: wrap; }
.hp2-redesign .hp2-blog-all { display: inline-flex; align-items: center; gap: .4rem; color: var(--secondary); font-weight: 700; font-size: .95rem; text-decoration: none; white-space: nowrap; transition: gap .2s ease, color .2s ease; }
.hp2-redesign .hp2-blog-head--row .hp2-blog-all { margin-bottom: .35rem; }
.hp2-redesign .hp2-blog-all:hover { gap: .7rem; color: #0e0e0e; }
/* Blog paginácia — čistý ostrý pager */
.blog-pagination { display: flex; justify-content: center; margin-top: 3.5rem; }
.pager { display: inline-flex; align-items: center; gap: .5rem; flex-wrap: wrap; justify-content: center; }
.pager-btn, .pager-num { display: inline-flex; align-items: center; justify-content: center; min-width: 2.6rem; height: 2.6rem; padding: 0 .7rem; font-size: 1rem; font-weight: 600; line-height: 1; color: #111; background: #fff; border: 1px solid #e6e6ea; text-decoration: none; transition: border-color .15s ease, color .15s ease, background .15s ease; }
.pager-btn:hover, .pager-num:hover { border-color: var(--secondary); color: var(--secondary); }
.pager-num--active { background: #0e0e0e; color: #fff; border-color: #0e0e0e; }
.pager-btn--disabled { color: #c9c9d0; border-color: #eee; pointer-events: none; }
.pager-dots { padding: 0 .3rem; color: #999; }
/* Nav dropdown šípka (caret) — väčšia */
.navbar .dropdown-toggle::after { font-size: 0.95em !important; margin-left: 0.4em !important; }
.navbar .nav-link > svg { width: 1.25rem !important; height: 1.25rem !important; }
/* ROI kalkulačka slider — žiadny border/outline pri hover/focus */
.ai-calc-slider, .ai-calc-slider:hover, .ai-calc-slider:focus, .ai-calc-slider:focus-visible, .ai-calc-slider:active { outline: none !important; border: none !important; box-shadow: none !important; }
.ai-calc-slider::-webkit-slider-thumb { border: none !important; box-shadow: none !important; }
.ai-calc-slider::-moz-range-thumb { border: none !important; box-shadow: none !important; }
/* ROI kalkulačka — zruš limetkový pruh (::before) čo sa objaví na hover pod sliderom */
.ai-calc-input::before, .ai-calc-input:hover::before { display: none !important; }
/* === UNIFIKÁCIA HERO BADGE (kicker) — IDENTICKÝ vzhľad všade (agent) ===
   ai-hero-badge (služby) = ai-calc-label (ROI) = page-hero-eyebrow (blog/článok/about)
   = ai-hp-banner-badge (home/MVP banner) = ai-included-eyebrow.
   OSTRÉ rohy, BEZ borderu, BEZ glow/box-shadow (user: „ROI kicker nech nema border").
   Pozn.: home .hp2-redesign .ai-hp-banner-badge má vyššiu specificitu → ostane solid-lime
   (bg/color kontextovo), ale border/radius/shadow prepíšeme na jednotné. */
.ai-hero-badge,
.ai-calc .ai-calc-label,
.page-hero-eyebrow,
.ai-hp-banner-badge,
.ai-included-eyebrow {
  display: inline-flex !important; align-items: center; gap: .5rem;
  background: rgba(215,229,44,0.08);
  border: none !important; border-radius: 0 !important;
  color: var(--primary); font-size: .75rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: .1em;
  padding: .5rem 1.1rem; box-shadow: none !important;
  margin-bottom: 1.25rem;
}
/* Súhlas checkbox vo formulári — custom, limetkový */
.contact-consent { display: flex !important; align-items: center !important; gap: .65rem; }
.contact-consent label { margin: 0; cursor: pointer; }
.contact-consent-check { -webkit-appearance: none; appearance: none; width: 1.25rem; height: 1.25rem; flex-shrink: 0; border: 1.5px solid #c9ccd3; background: #fff; cursor: pointer; position: relative; margin: 0 !important; transition: background .15s ease, border-color .15s ease; }
.contact-consent-check:checked { background: var(--primary); border-color: var(--primary); }
.contact-consent-check:checked::after { content: ""; position: absolute; left: 7px; top: 3px; width: 5px; height: 10px; border: solid #0e0e0e; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.contact-consent-check:focus-visible { outline: 2px solid rgba(215,229,44,.5); outline-offset: 2px; }
.post-body { font-size: 1.08rem; line-height: 1.8; color: #2a2a2a; }
.post-body h2 { font-size: 1.7rem; font-weight: 700; margin: 2.5rem 0 1rem; letter-spacing: -.01em; }
.post-body h3 { font-size: 1.35rem; font-weight: 600; margin: 2rem 0 .8rem; }
.post-body p { margin: 0 0 1.35rem; }
.post-body ul, .post-body ol { margin: 0 0 1.35rem 1.2rem; }
.post-body li { margin-bottom: .25rem; line-height: 1.6; }
.post-body img { max-width: 100%; height: auto; margin: 1.5rem 0; }
.post-body a { color: var(--secondary); text-decoration: underline; }
.post-body strong { color: #111; font-weight: 700; }
.post-body blockquote { margin: 1.9rem 0; padding: .35rem 0 .35rem 1.35rem; border-left: 3px solid var(--primary); color: #444; font-style: italic; }
.post-body hr { border: 0; border-top: 1px solid #e7e7ec; margin: 2.75rem 0; }
/* Tabuľky v článku */
.post-body table { width: 100%; border-collapse: collapse; margin: 1.9rem 0; font-size: .97rem; line-height: 1.55; }
.post-body th, .post-body td { padding: .75rem 1rem; text-align: left; vertical-align: top; border-bottom: 1px solid #e7e7ec; }
.post-body thead th, .post-body tr:first-child th { background: #0e0e0e; color: #fff; font-weight: 600; }
.post-body tbody tr:nth-child(even) { background: #f6f6f9; }
.post-body tbody tr:last-child td { border-bottom: none; }
/* Späť na blog — jemný odkaz hore */
.post-detail-back { display: inline-flex; align-items: center; gap: .4rem; margin: 0 0 1.75rem; color: var(--secondary); font-weight: 600; font-size: .9rem; text-decoration: none; transition: color .2s ease; }
.post-detail-back:hover { color: #0e0e0e; }

/* „Ďalšie články" sekcia na detaile — biele pozadie */
.blog-related { background: #fff; padding: 4rem 0 5rem; border-top: 1px solid #ececf0; }
.blog-related-head { margin-bottom: 2.5rem; }
.blog-related-head .blog-eyebrow { display: block; color: var(--secondary); font-weight: 700; font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; margin-bottom: .5rem; }
.blog-related-head h2 { font-size: 2rem; font-weight: 700; letter-spacing: -.02em; margin: 0; }

/* ============================================================
   MEGA MENU — premium editoriálny redizajn (desktop)
   Hranaté rohy, ŽIADNE bordery, vzdušný spacing, limetkové akcenty,
   jasná typografická hierarchia. Oddelenie cez pozadie/tiene/spacing.
   Mobil (≤991px) rieši výhradne responsive.css — všetky desktop zmeny
   sú preto uzavreté v @media (min-width:992px), aby nikdy neprenikli
   do mobilného full-screen panela.
   ============================================================ */
@media screen and (min-width: 992px) {

  /* Kontajner — takmer čierny, hranatý, bez borderu, hlboký mäkký tieň
     + jemný horný limetkový akcent-prúžok a decentný slide-in */
  .header .mega-dropdown {
    background: #0b0b0b;
    border: none;
    border-radius: 0;
    padding: 1.25rem;
    box-shadow: 0 34px 80px -16px rgba(0,0,0,0.7), 0 2px 8px rgba(0,0,0,0.4);
    overflow: hidden;
    transform: translateY(8px);
  }
  .header .dropdown:hover > .mega-dropdown { transform: translateY(0); }
  .header .mega-dropdown::before { display: none; }

  /* Šírky — vzdušnejšie */
  .header .mega-dropdown:not(.mega-dropdown--wide) { min-width: 700px; }
  .header .mega-dropdown--wide { min-width: 840px; }

  /* Služby → 2 stĺpce s väčším dychom */
  .header .mega-dropdown:not(.mega-dropdown--wide) > .mega-dropdown-col {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 0.3rem 1.75rem;
    padding-right: 0;
  }
  .header .mega-dropdown:not(.mega-dropdown--wide) > .mega-dropdown-col > .mega-dropdown-heading { grid-column: 1 / -1; }
  .header .mega-dropdown:not(.mega-dropdown--wide) .mega-dropdown-item--cta { grid-column: 1 / -1; }

  /* Eyebrow heading — editoriálny, bez borderu, s krátkou limetkovou čiarkou */
  .header .mega-dropdown-heading {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.42);
    border: none;
    padding: 0 0.9rem;
    margin-bottom: 0.8rem;
  }
  .header .mega-dropdown-heading::before {
    content: "";
    width: 1.5rem; height: 2px;
    background: var(--primary);
    flex-shrink: 0;
  }

  /* Položky — vzdušné, hranaté, bez borderu; jemný hover s ľavým akcentom */
  .header .mega-dropdown-item {
    position: relative;
    padding: 0.55rem 0.75rem;
    gap: 0.85rem;
    border-radius: 0;
    align-items: center;
    transition: background 0.25s ease;
  }
  .header .mega-dropdown-item::before {
    content: "";
    position: absolute;
    left: 0; top: 50%;
    width: 2px; height: 0;
    background: var(--primary);
    transform: translateY(-50%);
    transition: height 0.25s ease;
  }
  .header .mega-dropdown-item:hover { background: rgba(215,229,44,0.07); }
  .header .mega-dropdown-item:hover::before { height: calc(100% - 1.1rem); }
  .header .mega-dropdown-item:hover .mega-dropdown-icon { background: var(--primary); }
  .header .mega-dropdown-item:hover .mega-dropdown-icon svg { stroke: #0a0a0a; }
  .header .mega-dropdown-item:hover .mega-dropdown-title { color: var(--primary); }

  /* Ikony — limetkové, jemné limetkové pozadie, hranaté, bez borderu */
  .header .mega-dropdown-icon {
    width: 2.75rem; height: 2.75rem;
    border-radius: 0;
    background: rgba(215,229,44,0.10);
    border: none;
    transition: background 0.25s ease;
  }
  .header .mega-dropdown-icon svg { width: 1.3rem; height: 1.3rem; stroke: var(--primary); transition: stroke 0.25s ease; }

  /* Typografia — jasná hierarchia title vs desc */
  .header .mega-dropdown-title { font-size: 0.95rem; font-weight: 600; letter-spacing: -0.01em; }
  .header .mega-dropdown-desc {
    font-size: 0.78rem; font-weight: 400; line-height: 1.5;
    color: rgba(255,255,255,0.48);
    white-space: normal; overflow: visible; text-overflow: clip; max-width: none;
    margin-top: 0.22rem;
  }
  .header .mega-dropdown-arrow { stroke: var(--primary); }

  /* CTA položka (Bezplatná analýza) — zvýraznený limetkový panel, bez borderu */
  .header .mega-dropdown-item--cta {
    margin-top: 0.55rem;
    padding: 0.7rem 0.75rem;
    border-top: none;
    border-radius: 0;
    background: rgba(215,229,44,0.06);
  }
  .header .mega-dropdown-item--cta:hover { background: rgba(215,229,44,0.12); }
  .header .mega-dropdown-item--cta .mega-dropdown-icon,
  .header .mega-dropdown-item--cta:hover .mega-dropdown-icon { background: var(--primary); border: none; }
  .header .mega-dropdown-item--cta .mega-dropdown-icon svg { stroke: #0a0a0a; }
  .header .mega-dropdown-item--cta .mega-dropdown-title { color: var(--primary); }

  /* Sidebar (AI dropdown) — jemný limetkový panel namiesto borderu */
  .header .mega-dropdown--wide .mega-dropdown-col { padding-right: 1.25rem; }
  .header .mega-dropdown-sidebar {
    border-left: none;
    flex: 0 0 268px;
    padding: 1.1rem;
    background: linear-gradient(180deg, rgba(215,229,44,0.07) 0%, rgba(215,229,44,0.015) 100%);
  }
  .header .mega-dropdown-sidebar .mega-dropdown-heading { padding: 0; margin-bottom: 1.25rem; }
  .header .mega-dropdown-usecases { gap: 1.05rem; }
  .header .mega-dropdown-usecases li { color: rgba(255,255,255,0.72); font-size: 0.8rem; line-height: 1.5; }
  .header .usecase-dot { background: var(--primary); box-shadow: 0 0 8px rgba(215,229,44,0.6); }
  .header .mega-dropdown-tool { display: flex; align-items: center; gap: 0.6rem; color: var(--primary); font-size: 0.82rem; font-weight: 600; text-decoration: none; padding: 0.7rem 0.9rem; margin-bottom: 1.1rem; background: rgba(215,229,44,0.08); transition: background .2s ease; }
  .header .mega-dropdown-tool:hover { background: rgba(215,229,44,0.16); }
  .header .mega-dropdown-tool svg { flex-shrink: 0; }
}

/* ============================================================
   PODSTRÁNKY (ai-*) — jednotne HRANATÉ rohy + bez „AI" borderov
   ============================================================ */
.ai-hero-badge, .ai-case-badge, .ai-case-stat, .ai-card, .ai-card-icon,
.ai-prof-card, .ai-prof-flow { border-radius: 0 !important; }
.ai-hero-badge, .ai-case-stat, .ai-card, .ai-card-icon, .ai-prof-card, .ai-calc-card { border: none !important; }
/* ROI kalkulačka — úplne bez borderov (karta, panely, slidery) */
.ai-calc-card, .ai-calc-input, .ai-calc-result, .ai-calc-slider,
.ai-calc-slider::-webkit-slider-thumb, .ai-calc-slider::-moz-range-thumb { border: none !important; }
/* žiadny focus/hover outline ani box-shadow na slideri */
.ai-calc-slider:hover, .ai-calc-slider:focus, .ai-calc-slider:focus-visible, .ai-calc-slider:active,
.ai-calc-slider::-webkit-slider-thumb:hover, .ai-calc-slider::-webkit-slider-thumb:focus,
.ai-calc-slider::-webkit-slider-thumb:active { outline: none !important; box-shadow: none !important; border: none !important; }

/* Testimonials na podstránkach — biele pozadie */
.testimonials { background: #ffffff !important; }
.testimonials .ai-why-title,
.testimonials .section-title,
.testimonials .testimonial-item p,
.testimonials .testimonial-item .testimonial-author .testimonial-author-info h5 { color: #111 !important; }
.testimonials .section-subtitle { color: var(--secondary) !important; }
.testimonials .testimonial-item .testimonial-author .testimonial-author-info span { color: #666 !important; }
/* Avatar = iniciálka (fotky recenzentov neexistujú) */
.testimonials .testimonial-initials { display: inline-flex; align-items: center; justify-content: center; width: 3.25rem; height: 3.25rem; border-radius: 50%; background: var(--primary); color: #0a0a0a; font-weight: 700; font-size: 1.3rem; line-height: 1; flex-shrink: 0; }
.testimonials .testimonial-author-info h5 { margin-bottom: 2px; }

/* ============ ai-why + ai-cases → SVETLÉ sekcie (ako ai-process) ============ */
.ai-why, .ai-cases { background: #ffffff !important; }
.ai-why-title, .ai-cases-title { color: #111 !important; }
.ai-why-label, .ai-cases-label { color: var(--secondary) !important; }
.ai-why-desc, .ai-cases-desc { color: #666 !important; }
/* stat-line texty (biele na bielom po zosvetlení sekcie) → tmavé */
.ai-why .ai-stat-line p { color: #333 !important; }
/* em na svetlých tituloch = tmavozelený (limetka na bielom je nečitateľná) */
.ai-why-title em, .ai-cases-title em, .ai-process-title em { color: var(--secondary) !important; }
/* box-title (em) preč — zjednotené s ostatnými (kurzív, bez čierneho boxu) */
.ai-process-title em { background: transparent !important; font-style: italic !important; font-weight: inherit !important; padding: 0 !important; display: inline !important; margin: 0 !important; }
/* karty svetlé */
.ai-why-card, .ai-case-card { background: #f8f8fa !important; position: relative; overflow: hidden; transition: transform .3s ease, background .3s ease !important; }
.ai-why-card::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--primary); transform: scaleY(0); transform-origin: top; transition: transform .35s cubic-bezier(.2,.7,.3,1); }
.ai-why-card:hover, .ai-case-card:hover { background: #eaeaee !important; transform: translateY(-5px); }
.ai-why-card:hover::before { transform: scaleY(1); }
.ai-why-number { font-size: 2.9rem !important; font-weight: 700 !important; letter-spacing: -0.02em; color: rgba(124,150,19,0.20) !important; margin-bottom: 0.4rem; }
.ai-why-card-title { color: #111 !important; font-size: 1.28rem !important; font-weight: 600 !important; letter-spacing: -0.01em; margin-bottom: 0.7rem !important; }
.ai-why-card-desc, .ai-why-card-list li { color: #555 !important; }
.ai-why-card-list li::before { color: var(--secondary) !important; }
.ai-why-card-result { color: var(--secondary) !important; }
.ai-case-badge { color: var(--secondary) !important; }
.ai-case-client { color: #888 !important; }
.ai-case-result { color: #111 !important; }
.ai-case-stat { background: #ffffff !important; }
.ai-case-stat strong { color: #111 !important; }
.ai-case-stat span { color: #888 !important; }
.ai-case-quote { color: #555 !important; }

/* ai-checklist → SVETLÁ sekcia (len vrch/hero ostáva tmavý) */
.ai-checklist { background: #ffffff !important; }
.ai-checklist-label { color: var(--secondary) !important; }
.ai-checklist-title { color: #111 !important; }
.ai-checklist-title em { color: var(--secondary) !important; }
.ai-checklist-card { background: #f8f8fa !important; }
.ai-checklist-list li { color: #333 !important; }
.ai-checklist-subtitle { color: #555 !important; }
.ai-checklist-subtitle strong { color: var(--secondary) !important; }

/* CTA banner na service stránkach → TMAVÝ (na všetkých service stránkach, nie home).
   Tmavá sekcia = eyebrow limetkový (--primary), nadpis biely, popis tlmená biela. */
.cta-banner-wrapper .cta-banner { background: var(--black) !important; color: rgba(255,255,255,0.78) !important; padding: 4.5rem 1.5rem !important; }
.cta-banner-wrapper .cta-banner .section-title { color: #fff !important; }
.cta-banner-wrapper .cta-banner .section-title em { color: var(--primary) !important; }
.cta-banner-wrapper .cta-banner .section-subtitle { color: var(--primary) !important; }
.cta-banner-wrapper .cta-banner .section-title { text-align: center !important; max-width: 28ch; margin-left: auto !important; margin-right: auto !important; }
/* CTA avatary — border vo farbe pozadia (jemný odstup medzi prekrytými fotkami) */
.cta-banner-wrapper .cta-images img { border: 4px solid var(--black) !important; }
/* Mobil — tmavý banner na celú šírku (inak zostávajú biele prúžky po stranách) */
@media (max-width: 767px) {
    .cta-banner-wrapper { padding: 0 !important; }
    .cta-banner-wrapper .container,
    .cta-banner-wrapper .row,
    .cta-banner-wrapper .cta-banner { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }
    .cta-banner-wrapper .cta-banner { padding: 3.25rem 1.5rem !important; }
}

/* ============ KONTRAST FIX — text na svetlých sekciách (bol biely/tmavý zle) ============ */
/* FAQ accordion → TMAVÁ sekcia (scope #faq, aby „Spoznávate sa" ostalo svetlé) */
#faq.ai-checklist { background: #0e0e0e !important; }
#faq .ai-checklist-label { color: var(--primary) !important; }
#faq .ai-checklist-title { color: #fff !important; }
#faq .ai-checklist-title em { color: var(--primary) !important; }
.faq-item { background: #181818 !important; border: none !important; }
.faq-btn { color: #fff !important; }
.faq-btn:not(.collapsed) { color: var(--primary) !important; }
/* FAQ šípka — svetlý/limetkový chevron na tmavom pozadí */
.faq-btn::after { filter: none !important; width: 0.85rem !important; height: 0.85rem !important; background-size: 0.85rem !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important; }
.faq-btn:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='%23D7E52C' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important; }
.faq-body { color: #aaa !important; }
.faq-body strong { color: #fff !important; }
/* /faq stránka (sekcia .ai-why je biela) → accordion SVETLÝ.
   Scope .ai-why nezasiahne tmavé FAQ na službách (tie sú v #faq.ai-checklist). */
.ai-why .faq-item { background: #f8f8fa !important; border: none !important; }
.ai-why .faq-btn,
.ai-why .faq-btn:not(.collapsed) { background: transparent !important; box-shadow: none !important; }
.ai-why .faq-btn { color: #111 !important; }
.ai-why .faq-btn:not(.collapsed) { color: var(--secondary) !important; }
.ai-why .faq-btn::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='%23111111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important; }
.ai-why .faq-btn:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='%237C9613' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important; }
.ai-why .faq-body { color: #555 !important; }
.ai-why .faq-body strong { color: #111 !important; }
.ai-why .faq-link { color: var(--secondary) !important; }
/* „Naše riešenia" (.ai-cards-section) — bola tmavá, nadpis tmavý na tmavom → svetlá */
.ai-cards-section { background: #ffffff !important; }
.ai-card { background: #f8f8fa !important; }
.ai-card-title { color: #111 !important; }
.ai-card-desc { color: #555 !important; }
/* „Chcete naštartovať AI" checklist — istota čitateľnosti */
.ai-checklist-list li, .ai-checklist-list li span { color: #333 !important; }
.ai-checklist-list li strong { color: #111 !important; }

/* ============================================================
   Zjednotenie hero sekcií — štandard = .ai-hero
   (tmavé pozadie, padding 12rem 0 5rem, radial glow, centrovanie).
   Zosúlaďuje .page-hero, .about-header, .career-header,
   .p2-hero, .ct-hero. .hero-tvorba už dedí .ai-hero (rieši sa v šablóne).
   ============================================================ */
.page-hero,
.about-header,
.career-header,
.p2-redesign .p2-hero,
.ct2 .ct-hero {
  background: var(--black) !important;
  padding: 12rem 0 5rem !important;
  position: relative;
  overflow: hidden;
}

/* Radial glow ako .ai-hero::before */
.page-hero::before,
.about-header::before,
.career-header::before,
.p2-redesign .p2-hero::before,
.ct2 .ct-hero::before {
  content: "";
  position: absolute;
  top: -50%;
  left: 50%;
  transform: translateX(-50%);
  width: 800px;
  height: 800px;
  background: radial-gradient(circle, rgba(215, 229, 44, 0.06) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

/* Obsah musí byť nad glow */
.page-hero > .container,
.about-header > .container,
.career-header > .container,
.p2-redesign .p2-hero > .container,
.ct2 .ct-hero > .container {
  position: relative;
  z-index: 1;
}

/* About + Career — centrovanie, rozumný margin-bottom a reset „zaveseného" obrázka */
.about-header,
.career-header {
  text-align: center;
  margin-bottom: 3rem !important;
}
.about-header .about-header-subtitle,
.career-header .career-header-subtitle {
  margin-left: auto;
  margin-right: auto;
}
.about-header .about-img,
.career-header .career-img {
  margin-top: 3rem !important;
  top: 0 !important;
}
/* Titulkové <span> zvýraznenia — rovnaké ako .ai-hero (limetkový italic, BEZ podčiarknutia) */
.about-header .about-header-title span,
.career-header .career-header-title span {
  text-decoration: none !important;
}

/* Mobil — jednotný nižší padding (≤767px) */
@media (max-width: 767px) {
  .page-hero,
  .about-header,
  .career-header,
  .p2-redesign .p2-hero,
  .ct2 .ct-hero,
  .hero-tvorba {
    padding: 7rem 0 3.5rem !important;
  }
  .about-header,
  .career-header {
    margin-bottom: 2rem !important;
  }
}

/* ============================================================
   LEGAL stránky (gdpr/vop) — breadcrumb „hero" zjednotený s .ai-hero
   Rovnaké tmavé pozadie, padding, radial glow a titulok ako service hero.
   Pôsobí globálne na .breadcrumb-wrapper (rovnaký partial má aj career).
   ============================================================ */
.breadcrumb-wrapper,
.breadcrumb-wrapper-dark {
  background: var(--black) !important;
  padding: 12rem 0 5rem !important;
  text-align: center;
  position: relative;
  overflow: hidden;
}

/* Radial glow ako .ai-hero::before */
.breadcrumb-wrapper::before {
  content: "";
  position: absolute;
  top: -50%;
  left: 50%;
  transform: translateX(-50%);
  width: 800px;
  height: 800px;
  background: radial-gradient(circle, rgba(215, 229, 44, 0.06) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

/* Obsah nad glow */
.breadcrumb-wrapper > .container {
  position: relative;
  z-index: 1;
}

/* Titulok = hero titulok (biely, rovnaká škála, font-weight 600) */
.breadcrumb-wrapper .section-title {
  color: #fff;
  font-size: clamp(2.2rem, 4.5vw, 3.6rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.2;
  margin: 0 auto;
}

/* Popis (napr. Kariéra) — centrovaný, aby sedel s centrovaným titulkom */
.breadcrumb-wrapper-dark p {
  margin-left: auto;
  margin-right: auto;
}

/* Mobil — jednotný nižší padding */
@media (max-width: 767px) {
  .breadcrumb-wrapper,
  .breadcrumb-wrapper-dark {
    padding: 7rem 0 3.5rem !important;
  }
}

/* ============================================================
   COHESION — hranaté rohy + zjednotené nadpisy sekcií (celý web)
   ============================================================ */
/* Rohy: obsahové karty/obrázky/ikony/tagy HRANATÉ
   (pill buttony, eyebrow badge a okrúhle avatary ostávajú) */
.fp-card, .fp-card img, .fp-card picture, .fp-card-img, .fp-card-img img,
.ai-included-row, .ai-included-row-icon, .ai-included-row-tag,
.ai-case-card, .ai-why-card, .ai-checklist-card, .ai-card, .ai-card-icon,
.usecase-card, .cs-card, .srv-card, .fp-card-cat { border-radius: 0 !important; }
/* Nadpisy sekcií — JEDNA škála naprieč všetkými sekciami
   (hero titulok ostáva väčší; toto sú vnútorné sekcie) */
.tvw-intro-title, .tvw-ps-title, .tvw-del-title, .tvw-pkg-title,
.ai-included-title, .ai-checklist-title, .ai-process-title, .ai-cases-title, .ai-why-title,
.vb-title, .fp-header-title {
  font-size: clamp(1.85rem, 3.5vw, 2.35rem) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
}

/* Mega dropdown CTA (Bezplatná analýza) — ikonka limetková aj bez hoveru (bola tmavá na tmavom) */
.header .mega-dropdown-item--cta .mega-dropdown-icon { background: var(--primary) !important; border: none !important; }
.header .mega-dropdown-item--cta .mega-dropdown-icon svg { stroke: #0a0a0a !important; }

/* „Vy podnikajte" (ai-included) — čisté uniformné riadky, PREČ lime bordery + gradient boxy */
.ai-included-row--highlight, .ai-included-row--highlight-r {
  margin-left: 0 !important; margin-right: 0 !important;
  padding-left: 0 !important; padding-right: 0 !important;
  border-left: none !important; border-right: none !important;
  background: none !important; border-radius: 0 !important;
}
.ai-included-row--highlight::after, .ai-included-row--highlight-r::after { display: none !important; }
.ai-included-row--highlight .ai-included-row-title { background: none !important; -webkit-text-fill-color: #fff !important; color: #fff !important; }
.ai-included-row-icon { background: rgba(215,229,44,0.12) !important; color: var(--primary) !important; border: none !important; }
.ai-included-row--highlight .ai-included-row-desc { color: rgba(255,255,255,0.6) !important; }
.ai-included-row-tag { border: none !important; }
/* Staggered reveal pri scrolle (IntersectionObserver pridá .is-visible) */
.ai-included-list--reveal .ai-included-row { opacity: 0; transform: translateY(26px); transition: opacity .6s cubic-bezier(.2,.7,.3,1), transform .6s cubic-bezier(.2,.7,.3,1); }
.ai-included-list--reveal .ai-included-row.is-visible { opacity: 1; transform: translateY(0); }
@media (prefers-reduced-motion: reduce) { .ai-included-list--reveal .ai-included-row { opacity: 1 !important; transform: none !important; transition: none; } }

/* Mega-menu CTA "Bezplatná analýza" — NIE oblý button (globálne -cta pravidlo ho zaokrúhlilo) */
.mega-dropdown-item, .mega-dropdown-item--cta { border-radius: 0 !important; }

/* About hero — väčší horný padding nad textom (user chce viac vzduchu nad H1) */
.page-about .about-header { padding-top: 11rem !important; }
.page-about .about-header .about-header-subtitle { margin-bottom: 1rem !important; }
.page-about .about-header .about-img { margin-top: -1rem !important; }

/* Kicker článku/blogu/about (.page-hero-eyebrow) — bez borderu, ako .ai-hero-badge na službách */
.page-hero-eyebrow { border: none !important; }
/* Späť na blog — link hore v hero (na tmavom) */
.page-hero-back { display: flex; width: fit-content; align-items: center; gap: .45rem; margin: 0 auto 1.5rem 0; color: rgba(255,255,255,.6); font-size: .85rem; font-weight: 600; text-decoration: none; transition: color .2s ease, gap .2s ease; }
.page-hero-back svg { width: 1rem; height: 1rem; }
.page-hero-back:hover { color: var(--primary); gap: .65rem; }

/* ===== Hero kickery — OSTRÉ hrany (jednotné so službami .ai-hero-badge) ===== */
.page-hero-eyebrow, .ai-calc .ai-calc-label,
.ct2 .ct-hero-badge, .ct2 .eyebrow, .page-contact2 .contact-label { border: none !important; border-radius: 0 !important; box-shadow: none !important; }
/* Mega-menu CTA "Bezplatná analýza" — OSTRÝ (vyššia specificita než a[class*="-cta"]) */
.mega-dropdown a.mega-dropdown-item--cta,
.header a.mega-dropdown-item--cta { border-radius: 0 !important; }
/* About hero — rozumná medzera nad obrázkom (predtým bola 0 = tesné) */
.page-about .about-header .about-header-subtitle { margin-bottom: 2rem !important; }
.page-about .about-header .about-img { margin-top: 1rem !important; }

/* ============================================================
   === UNIFIKÁCIA KICKEROV/NADPISOV (agent) ===
   Nadväzuje na hero-badge blok (~r.204) a title blok (~r.626).
   ============================================================ */

/* 2) SEKČNÝ EYEBROW (plain text uprostred stránky) — zjednotená TYPOGRAFIA.
   Farbu ZÁMERNE nenastavujeme — je kontextová (var(--primary) na tmavom,
   var(--secondary) na svetlom), aby sa nerozbil kontrast. */
.hp2-eyebrow, .pd-eyebrow, .tvw-comp-eyebrow, .blog-eyebrow,
.funnel-eyebrow, .svc-reviews-eyebrow, .srv-row-eyebrow {
  text-transform: uppercase !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  font-size: .8rem !important;
}
/* Clients sekcia (napr. /o-nas) používa .section-subtitle v pozícii EYEBROW nad
   titulom, ale je štýlovaná ako podnadpis (1rem/300/sivá/nie uppercase) → vyzerala
   inak než ostatné kickery. Scoped na .clients (nerozbije .section-subtitle ako
   reálny podnadpis na service stránkach). */
.clients .section-subtitle {
  text-transform: uppercase !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  font-size: .8rem !important;
  line-height: 1.4 !important;
  color: var(--secondary) !important;
  margin-bottom: .85rem !important;
}

/* 3) SEKČNÉ NADPISY — plain .section-title zjednotený na jednu váhu/rytmus
   (weight 500 → 700). BEZ font-size a BEZ !important, aby sme NErozbili hero
   varianty (napr. .breadcrumb-wrapper .section-title na legal/career stránkach
   majú vyššiu specificitu a ostávajú väčšie). Hero H1 a .hp2-svc-title (home)
   ponechávame zámerne netknuté. */
.section-title {
  font-weight: 700;
  letter-spacing: -.02em;
  line-height: 1.15;
}

/* 4) ROI kalkulačka — result panel BEZ borderu (explicitne, #7).
   Skrytý aj limetkový ::before prúžok (2px + glow) navrchu z style.css:1607 — user ho vníma ako border. */
.ai-calc-result { border: none !important; }
.ai-calc-result::before { display: none !important; }

/* 5) SERVICE HERO — pravý dekoratívny obrázok NIŽŠIE (bol privysoko, #8).
   Len desktop (≥992px); pod 992px má .tvh-bg vlastný mobilný layout / je skrytý. */
@media (min-width: 992px) {
  .ai-hero .tvh-bg img { transform: translateY(calc(-50% + 80px)) !important; }
}

/* 6) About hero — na mobile ponechaj rozumný horný padding (desktop má 8.5rem,
   ale to by na malých displejoch bolo priveľa vzduchu). */
@media (max-width: 767px) {
  .page-about .about-header { padding-top: 8rem !important; }
}

/* ============================================================
   7) DETAIL PRACOVNEJ PONUKY — hero VĽAVO
   .breadcrumb-wrapper-dark centruje (pre jednoduché stránky), ale detail
   ponuky má 2-stĺpcový layout (titulok vľavo + CTA vpravo) → centrovanie
   ho rozbíjalo. .job-hero prepína na ľavé zarovnanie.
   ============================================================ */
.job-hero { text-align: left !important; }
.job-hero .breadcrumb { justify-content: flex-start !important; }
.job-hero .section-title { margin: 0 0 0.75rem !important; max-width: 22ch; }
.job-hero p {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 54ch;
  color: rgba(255, 255, 255, 0.72);
}

/* ============================================================
   8) KARIÉRA (zoznam) — 3 hero obrázky PRETŕČAJÚ dole cez tmavú sekciu
   (rovnaký efekt ako .page-about .about-header .about-img).
   ============================================================ */
.page-career .career-header {
  overflow: visible !important;
  padding-bottom: 0 !important;
  margin-bottom: 12rem !important;
}
.page-career .career-header .career-img {
  position: relative !important;
  top: 0 !important;
  z-index: 3;
  margin-top: 3rem !important;
  margin-bottom: -9rem !important;
}
@media (max-width: 767px) {
  .page-career .career-header { margin-bottom: 7rem !important; }
  .page-career .career-header .career-img { margin-bottom: -4.5rem !important; }
}

/* ============================================================
   9) DETAIL PRACOVNEJ PONUKY — premium layout
   Info = sticky karta s lime akcentmi; obsah = nadpisy s lime lištou
   + čisté custom odrážky. Selektory .job-offer sú unikátne pre túto stránku.
   ============================================================ */
.job-offer { padding: 5rem 0 1rem !important; }

/* Ľavý stĺpec = info zoznam (sticky pri scrolle, bez pozadia) */
.job-offer .job-offer-info {
  padding: 0;
  position: sticky;
  top: 6.5rem;
}
.job-offer .job-offer-info ul li {
  padding: 0.85rem 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07) !important;
}
.job-offer .job-offer-info ul li:first-child { padding-top: 0 !important; }
.job-offer .job-offer-info ul li:last-child { border-bottom: 0 !important; }
.job-offer .job-offer-info ul li span {
  text-transform: uppercase !important;
  letter-spacing: 0.09em !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  color: var(--secondary) !important;
}
.job-offer .job-offer-info ul li h6 {
  font-size: 1.02rem !important;
  font-weight: 600 !important;
  color: #111 !important;
  margin-top: 0.3rem !important;
  line-height: 1.3;
}
/* Pravý stĺpec = obsah ponuky */
.job-offer .job-offer-content { padding-left: 3.25rem; }
.job-offer .job-offer-content p { color: #444 !important; line-height: 1.75 !important; }
.job-offer .job-offer-content h5 {
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: #111 !important;
  margin: 2.4rem 0 1rem !important;
  padding-left: 0.9rem;
  border-left: 3px solid var(--primary);
  line-height: 1.3;
}
.job-offer .job-offer-content ul { list-style: none !important; padding-left: 0 !important; }
.job-offer .job-offer-content ul li {
  position: relative;
  padding-left: 1.6rem;
  margin-bottom: 0.6rem !important;
  color: #444;
  line-height: 1.6;
}
.job-offer .job-offer-content ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 0.5rem;
  height: 0.5rem;
  background: var(--primary);
}

@media (max-width: 991px) {
  .job-offer { padding-top: 3.5rem !important; }
  .job-offer .job-offer-info { position: static; margin-bottom: 2.5rem; }
  .job-offer .job-offer-content { padding-left: 0; margin-top: 1rem; }
}