/* ============================================================
   jag.css — KS Jaguar | Pixel Studio
   Zrodlo: wyniesione bloki wp:html (nav / footer / cta)
   Generowane: Faza A refaktoru 2026-08-31. Nie edytuj na serwerze.
   ============================================================ */

/* ---------- 1. BASE + NAV ---------- */
/* ── GLOBAL RESET (Hello Elementor motyw) ── */
*, *::before, *::after { box-sizing: border-box !important; }
    :root {
      --jag-red: #e52020;
      --jag-red-dark: #b81818;
      --jag-bg: #060608;
      --jag-bg-alt: #0c0c10;
      --jag-white: #f0f0f0;
      --jag-gray: #777;
      --jag-gold: #fbbf24;
      --jag-font-heading: 'Oswald', sans-serif;
      --jag-font-body: 'Barlow Condensed', sans-serif;
      --jag-font-stats: 'Bebas Neue', cursive;
      --jag-container: 1200px;
      --jag-nav-h: 80px;
      --jag-radius: 6px;
      --jag-transition: .3s ease;
    }

    html { scroll-behavior: smooth !important; }
    body {
      background: var(--jag-bg) !important;
      color: var(--jag-white) !important;
      font-family: var(--jag-font-body) !important;
      font-weight: 400 !important;
      line-height: 1.6 !important;
      overflow-x: hidden !important;
      -webkit-font-smoothing: antialiased !important;
    }
    img { max-width: 100% !important; height: auto !important; display: block !important; }
    a { color: inherit !important; text-decoration: none !important; }

    /* ── Ukrycie motywowego headera/footera/tytulu ── */
    #site-header, .site-header, .page-header,
    h1.entry-title, .entry-title,
    .site-description,
    #site-footer, .site-footer,
    .skip-link { display: none !important; visibility: hidden !important; height: 0 !important; overflow: hidden !important; }

    /* ── Motyw wrapper fix ── */
    .site-main, .page-content, .entry-content, #content, .hentry,
    .post-content, .page .entry-content {
      background: var(--jag-bg) !important;
      padding: 0 !important;
      margin: 0 !important;
      max-width: 100% !important;
      width: 100% !important;
    }

    /* ── WP block margins reset ── */
    .wp-site-blocks > *, :where(.wp-site-blocks) > * { margin-block-start: 0 !important; margin-block-end: 0 !important; }
    .entry-content > *:not(:first-child) { margin-block-start: 0 !important; }
    .page-content > * { margin-top: 0 !important; margin-bottom: 0 !important; }

    /* ── Elementor/motyw neutralizacja ── */
    .e-con, .e-con-inner { max-width: 100% !important; padding: 0 !important; margin: 0 !important; background: transparent !important; }
    .elementor-widget-html { margin-bottom: 0 !important; }
    .elementor-section, .elementor-widget-wrap, .elementor-element { background: transparent !important; }
    .elementor, .elementor-element, .e-con, .e-con-full, .e-flex, .e-parent,
    .elementor-widget, .elementor-widget-container {
      width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important;
    }

    /* ── Hello Elementor branding area ── */
    .site-branding, .header-inner, .dynamic-header { display: none !important; }

    /* ── Grain overlay ── */
    body::after {
      content: '' !important; position: fixed !important; inset: 0 !important;
      z-index: 9999 !important; pointer-events: none !important; opacity: .035 !important;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E") !important;
    }

    /* ── Custom cursor (paw) ── */
    body, body * { cursor: url('https://ksjaguar.pl/wp-content/uploads/2026/04/paw-default.png') 16 16, auto !important; }
    a, button, [role="button"], input[type="submit"], .jag-btn, .jag-nav__link, .jag-nav__cta, .jag-nav__burger, .jag-nav__mobile-link, .jag-oferta__card-link, .jag-footer__social-link {
      cursor: url('https://ksjaguar.pl/wp-content/uploads/2026/04/paw-pointer.png') 16 16, pointer !important;
    }

    /* ── GSAP reveal defaults (set by JS, not CSS — fallback safe) ── */

    /* ── Scrollbar ── */
    ::-webkit-scrollbar { width: 6px !important; }
    ::-webkit-scrollbar-track { background: var(--jag-bg) !important; }
    ::-webkit-scrollbar-thumb { background: var(--jag-red) !important; border-radius: 3px !important; }
    ::selection { background: var(--jag-red) !important; color: var(--jag-white) !important; }

    /* ── Utility classes ── */
    .jag-container { width: 100% !important; max-width: var(--jag-container) !important; margin: 0 auto !important; padding: 0 24px !important; }
    .jag-tag { font-family: var(--jag-font-body) !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 3px !important; text-transform: uppercase !important; color: var(--jag-red) !important; display: inline-block !important; margin-bottom: 12px !important; }
    .jag-heading { font-family: var(--jag-font-heading) !important; font-weight: 800 !important; text-transform: uppercase !important; color: var(--jag-white) !important; line-height: 1.1 !important; }
    .jag-heading--xl { font-size: clamp(2.5rem, 6vw, 4.5rem) !important; }
    .jag-heading--lg { font-size: clamp(2rem, 4vw, 3rem) !important; }
    .jag-heading--md { font-size: clamp(1.4rem, 3vw, 2rem) !important; }
    .jag-accent { color: var(--jag-red) !important; }
    .jag-text { font-family: var(--jag-font-body) !important; font-size: 17px !important; font-weight: 400 !important; color: var(--jag-gray) !important; line-height: 1.7 !important; max-width: 600px !important; }
    .jag-btn { display: inline-flex !important; align-items: center !important; gap: 10px !important; font-family: var(--jag-font-heading) !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: 2px !important; text-transform: uppercase !important; color: var(--jag-white) !important; background: var(--jag-red) !important; padding: 14px 32px !important; clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%) !important; transition: background var(--jag-transition), transform var(--jag-transition) !important; border: none !important; position: relative !important; }
    .jag-btn:hover { background: var(--jag-red-dark) !important; transform: translateY(-2px) !important; }
    .jag-btn svg { width: 16px !important; height: 16px !important; stroke: currentColor !important; stroke-width: 2 !important; fill: none !important; }
    .jag-btn--outline { background: transparent !important; border: 2px solid rgba(240,240,240,.2) !important; clip-path: none !important; border-radius: var(--jag-radius) !important; }
    .jag-btn--outline:hover { border-color: var(--jag-red) !important; background: rgba(229,32,32,.08) !important; }
    .jag-stat-num { font-family: var(--jag-font-stats) !important; font-size: clamp(2.5rem, 5vw, 4rem) !important; color: var(--jag-white) !important; line-height: 1 !important; }

    @media (max-width: 768px) {
      :root { --jag-nav-h: 64px !important; }
      .jag-container { padding: 0 16px !important; }
    }

    /* ── GOLD ACCENT DIVIDER ── */
    .jag-gold-divider {
      width: 100vw !important;
      margin-left: calc(-50vw + 50%) !important;
      height: 1px !important;
      background: linear-gradient(90deg, transparent 5%, var(--jag-gold) 30%, #fff8dc 50%, var(--jag-gold) 70%, transparent 95%) !important;
      opacity: .5 !important;
      animation: jag-shimmer 3s ease-in-out infinite !important;
    }
    .jag-gold-line {
      width: 60px !important;
      height: 1px !important;
      background: linear-gradient(90deg, transparent, var(--jag-gold), #fff8dc, var(--jag-gold), transparent) !important;
      margin-bottom: 20px !important;
      animation: jag-shimmer 3s ease-in-out infinite !important;
    }
    .jag-gold-line--center { margin-left: auto !important; margin-right: auto !important; }
    @keyframes jag-shimmer {
      0%, 100% { opacity: .4; }
      50% { opacity: .9; }
    }

    /* ── NAV ── */
    #jag-nav {
      position: fixed !important;
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
      height: var(--jag-nav-h) !important;
      z-index: 1000 !important;
      background: transparent !important;
      transition: background .3s ease, box-shadow .3s ease !important;
    }
    #jag-nav.jag-nav--solid {
      background: rgba(6,6,8,.95) !important;
      box-shadow: 0 2px 20px rgba(0,0,0,.4) !important;
      -webkit-backdrop-filter: blur(12px) !important;
      backdrop-filter: blur(12px) !important;
    }

    #jag-nav .jag-nav__inner {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      height: 100% !important;
      max-width: var(--jag-container) !important;
      margin: 0 auto !important;
      padding: 0 24px !important;
    }

    /* ── LOGO ── */
    #jag-nav .jag-nav__logo {
      height: 50px !important;
      max-height: 50px !important;
      width: auto !important;
      object-fit: contain !important;
      transition: transform var(--jag-transition) !important;
    }
    #jag-nav .jag-nav__logo:hover {
      transform: scale(1.05) !important;
    }

    /* ── LINKS ── */
    #jag-nav .jag-nav__links {
      display: flex !important;
      align-items: center !important;
      gap: 32px !important;
      list-style: none !important;
    }

    #jag-nav .jag-nav__link {
      font-family: var(--jag-font-heading) !important;
      font-size: 13px !important;
      font-weight: 700 !important;
      letter-spacing: 1.5px !important;
      text-transform: uppercase !important;
      color: var(--jag-white) !important;
      opacity: .7 !important;
      transition: opacity var(--jag-transition) !important;
      position: relative !important;
    }
    #jag-nav .jag-nav__link:hover,
    #jag-nav .jag-nav__link--active {
      opacity: 1 !important;
    }
    #jag-nav .jag-nav__link::after {
      content: '' !important;
      position: absolute !important;
      bottom: -4px !important;
      left: 0 !important;
      width: 0 !important;
      height: 2px !important;
      background: var(--jag-red) !important;
      transition: width var(--jag-transition) !important;
    }
    #jag-nav .jag-nav__link:hover::after,
    #jag-nav .jag-nav__link--active::after {
      width: 100% !important;
    }

    /* ── CTA ── */
    #jag-nav .jag-nav__cta {
      font-family: var(--jag-font-heading) !important;
      font-size: 12px !important;
      font-weight: 700 !important;
      letter-spacing: 2px !important;
      text-transform: uppercase !important;
      color: var(--jag-white) !important;
      background: var(--jag-red) !important;
      padding: 10px 24px !important;
      clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%) !important;
      transition: background var(--jag-transition) !important;
    }
    #jag-nav .jag-nav__cta:hover {
      background: var(--jag-red-dark) !important;
    }

    /* ── BURGER ── */
    #jag-nav .jag-nav__burger {
      display: none !important;
      flex-direction: column !important;
      gap: 6px !important;
      background: none !important;
      border: none !important;
      padding: 8px !important;
      cursor: pointer !important;
    }
    #jag-nav .jag-nav__burger span {
      width: 28px !important;
      height: 2px !important;
      background: var(--jag-white) !important;
      transition: transform .3s ease, opacity .3s ease !important;
      display: block !important;
    }
    #jag-nav .jag-nav__burger.jag-nav__burger--open span:nth-child(1) {
      transform: rotate(45deg) translate(5px, 6px) !important;
    }
    #jag-nav .jag-nav__burger.jag-nav__burger--open span:nth-child(2) {
      opacity: 0 !important;
    }
    #jag-nav .jag-nav__burger.jag-nav__burger--open span:nth-child(3) {
      transform: rotate(-45deg) translate(5px, -6px) !important;
    }

    /* ── MOBILE MENU ── */
    #jag-nav .jag-nav__mobile {
      display: none !important;
      position: fixed !important;
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
      height: 100vh !important;
      background: rgba(6,6,8,.98) !important;
      -webkit-backdrop-filter: blur(16px) !important;
      backdrop-filter: blur(16px) !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 20px !important;
      z-index: 999 !important;
      padding: 20px !important;
    }
    #jag-nav .jag-nav__mobile.jag-nav__mobile--open {
      display: flex !important;
    }
    #jag-nav .jag-nav__mobile-logo {
      width: 120px !important;
      height: auto !important;
      margin-bottom: 20px !important;
      filter: drop-shadow(0 0 20px rgba(229,32,32,.2)) !important;
    }
    #jag-nav .jag-nav__mobile-link {
      font-family: var(--jag-font-heading) !important;
      font-size: 24px !important;
      font-weight: 800 !important;
      text-transform: uppercase !important;
      color: var(--jag-white) !important;
      opacity: .7 !important;
      transition: opacity .2s ease, color .2s ease !important;
    }
    #jag-nav .jag-nav__mobile-link:hover {
      opacity: 1 !important;
      color: var(--jag-red) !important;
    }

    /* ── RESPONSIVE ── */
    @media (max-width: 960px) {
      #jag-nav .jag-nav__links { display: none !important; }
      #jag-nav .jag-nav__cta { display: none !important; }
      #jag-nav .jag-nav__burger { display: flex !important; }
    }

/* ---------- 2. FOOTER ---------- */
#jag-footer {
  position: relative !important;
  width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  background: var(--jag-bg) !important;
  border-top: 1px solid rgba(240,240,240,.06) !important;
  padding: 60px 0 0 !important;
  overflow: hidden !important;
}
#jag-footer .jag-footer__belt {
  position: absolute !important;
  top: -40px !important;
  left: -10% !important;
  width: 55% !important;
  height: auto !important;
  z-index: 0 !important;
  opacity: .07 !important;
  pointer-events: none !important;
  background-attachment: fixed !important;
}
#jag-footer .jag-container { position: relative !important; z-index: 2 !important; }

#jag-footer .jag-footer__grid {
  display: grid !important;
  grid-template-columns: 1.5fr 1fr 1fr 1fr !important;
  gap: 40px !important;
  margin-bottom: 48px !important;
}

/* ── COL: Brand ── */
#jag-footer .jag-footer__brand-logo {
  height: 44px !important;
  width: auto !important;
  margin-bottom: 16px !important;
}
#jag-footer .jag-footer__brand-desc {
  font-family: var(--jag-font-body) !important;
  font-size: 15px !important;
  color: var(--jag-gray) !important;
  line-height: 1.6 !important;
  margin-bottom: 20px !important;
  max-width: 280px !important;
}

/* ── SOCIAL ── */
#jag-footer .jag-footer__social {
  display: flex !important;
  gap: 12px !important;
}
#jag-footer .jag-footer__social-link {
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(240,240,240,.1) !important;
  border-radius: 50% !important;
  transition: border-color var(--jag-transition), background var(--jag-transition) !important;
}
#jag-footer .jag-footer__social-link:hover {
  border-color: var(--jag-red) !important;
  background: rgba(229,32,32,.1) !important;
}
#jag-footer .jag-footer__social-link svg {
  width: 16px !important;
  height: 16px !important;
  fill: var(--jag-white) !important;
}

/* ── COL: generic ── */
#jag-footer .jag-footer__col-title {
  font-family: var(--jag-font-heading) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: var(--jag-white) !important;
  margin-bottom: 20px !important;
}
#jag-footer .jag-footer__links {
  list-style: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}
#jag-footer .jag-footer__links li a {
  font-family: var(--jag-font-body) !important;
  font-size: 15px !important;
  color: var(--jag-gray) !important;
  transition: color var(--jag-transition) !important;
}
#jag-footer .jag-footer__links li a:hover {
  color: var(--jag-white) !important;
}

/* ── CONTACT ── */
#jag-footer .jag-footer__contact-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-family: var(--jag-font-body) !important;
  font-size: 15px !important;
  color: var(--jag-gray) !important;
  margin-bottom: 12px !important;
}
#jag-footer .jag-footer__contact-item svg {
  width: 16px !important;
  height: 16px !important;
  stroke: var(--jag-red) !important;
  stroke-width: 2 !important;
  fill: none !important;
  flex-shrink: 0 !important;
}
#jag-footer .jag-footer__contact-item a {
  color: var(--jag-gray) !important;
  transition: color var(--jag-transition) !important;
}
#jag-footer .jag-footer__contact-item a:hover {
  color: var(--jag-white) !important;
}

/* ── BOTTOM BAR ── */
#jag-footer .jag-footer__bottom {
  border-top: 1px solid rgba(240,240,240,.06) !important;
  padding: 20px 0 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}
#jag-footer .jag-footer__copy {
  font-family: var(--jag-font-body) !important;
  font-size: 13px !important;
  color: rgba(240,240,240,.3) !important;
}
#jag-footer .jag-footer__credit {
  font-family: var(--jag-font-body) !important;
  font-size: 13px !important;
  color: rgba(240,240,240,.3) !important;
}
#jag-footer .jag-footer__credit a {
  color: rgba(240,240,240,.5) !important;
  transition: color var(--jag-transition) !important;
}
#jag-footer .jag-footer__credit a:hover {
  color: var(--jag-red) !important;
}

/* ── RESPONSIVE ── */
@media (max-width: 768px) {
  #jag-footer .jag-footer__grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 32px !important;
  }
  #jag-footer .jag-footer__bottom {
    justify-content: center !important;
    text-align: center !important;
  }
}
@media (max-width: 480px) {
  #jag-footer .jag-footer__grid {
    grid-template-columns: 1fr !important;
  }
}

/* ---------- 3. CTA (blok powtarzalny w tresci) ---------- */
#jag-cta {
  position: relative !important;
  width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  padding: 80px 0 !important;
  background: var(--jag-bg) !important;
  overflow: hidden !important;
}

/* ── BG image (dojo scene) ── */
#jag-cta .jag-cta__bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background: url('https://ksjaguar.pl/wp-content/uploads/2026/04/scene-3.webp') center/cover no-repeat !important;
}
#jag-cta .jag-cta__bg::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(6,6,8,.82) !important;
}

/* ── Red glow ── */
#jag-cta::before {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 600px !important;
  height: 600px !important;
  background: radial-gradient(circle, rgba(229,32,32,.1) 0%, transparent 70%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

#jag-cta .jag-cta__inner {
  position: relative !important;
  z-index: 2 !important;
  text-align: center !important;
}

#jag-cta .jag-cta__logo {
  max-width: 360px !important;
  height: auto !important;
  margin: 0 auto 24px !important;
  filter: drop-shadow(0 4px 20px rgba(0,0,0,.5)) !important;
}

#jag-cta .jag-cta__title {
  font-family: var(--jag-font-heading) !important;
  font-weight: 800 !important;
  font-size: clamp(2rem, 5vw, 3.5rem) !important;
  text-transform: uppercase !important;
  color: var(--jag-white) !important;
  margin-bottom: 16px !important;
}

#jag-cta .jag-cta__sub {
  font-family: var(--jag-font-body) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  color: var(--jag-gray) !important;
  margin-bottom: 36px !important;
  max-width: 500px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#jag-cta .jag-cta__buttons {
  display: flex !important;
  justify-content: center !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}

#jag-cta .jag-cta__note {
  font-family: var(--jag-font-body) !important;
  font-size: 13px !important;
  color: rgba(240,240,240,.35) !important;
  margin-top: 20px !important;
}

/* ── Mascot (siedzacy chlopiec) ── */
#jag-cta .jag-cta__mascot {
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 450px !important;
  height: auto !important;
  z-index: 2 !important;
  opacity: .8 !important;
  filter: drop-shadow(0 0 40px rgba(229,32,32,.15)) !important;
  pointer-events: none !important;
}

@media (max-width: 768px) {
  #jag-cta .jag-cta__mascot { display: none !important; }
  #jag-cta .jag-cta__logo { max-width: 260px !important; }
}
/* ── GRAFIKA OFERTY zamiast zdjec (fala 5, 18.09.2026) ── */
.jag-grafika {
  --g-acc: #e52020; --g-acc-rgb: 229,32,32;
  position: relative !important; overflow: hidden !important; isolation: isolate !important;
  width: 100% !important; height: 380px !important;
  display: flex !important; flex-direction: column !important; justify-content: center !important;
  padding: 0 40px !important; box-sizing: border-box !important;
  background:
    radial-gradient(ellipse 70% 90% at 0% 100%, rgba(var(--g-acc-rgb),.30), transparent 65%),
    repeating-linear-gradient(135deg, rgba(240,240,240,.025) 0 2px, transparent 2px 14px),
    linear-gradient(160deg, #16161b 0%, #0b0b0e 100%) !important;
}
.jag-grafika::before {
  content: "" !important; position: absolute !important; left: 0 !important; top: 0 !important; bottom: 0 !important;
  width: 6px !important; background: linear-gradient(180deg, var(--g-acc), transparent) !important;
}
.jag-grafika--kids  { --g-acc: #fbbf24; --g-acc-rgb: 251,191,36; }
.jag-grafika--teen  { --g-acc: #e52020; --g-acc-rgb: 229,32,32; }
.jag-grafika--adult { --g-acc: #3b82f6; --g-acc-rgb: 59,130,246; }
.jag-grafika--special { --g-acc: #e52020; --g-acc-rgb: 229,32,32; }
.jag-grafika__logo {
  position: absolute !important; right: -40px !important; top: 50% !important; transform: translateY(-50%) rotate(-8deg) !important;
  width: 300px !important; height: auto !important; max-width: none !important; opacity: .09 !important;
  filter: grayscale(1) !important; z-index: -1 !important; pointer-events: none !important;
}
.jag-grafika__big {
  display: block !important; font-family: var(--jag-font-stats) !important; font-size: 148px !important;
  line-height: .85 !important; color: var(--jag-white) !important; letter-spacing: 1px !important;
  text-shadow: 0 0 40px rgba(var(--g-acc-rgb),.35) !important;
}
.jag-grafika__unit {
  display: block !important; font-family: var(--jag-font-heading) !important; font-weight: 700 !important;
  font-size: 18px !important; letter-spacing: 6px !important; text-transform: uppercase !important;
  color: var(--g-acc) !important; margin-top: 8px !important;
}
.jag-grafika__name {
  display: inline-block !important; align-self: flex-start !important; margin-top: 22px !important;
  font-family: var(--jag-font-heading) !important; font-weight: 800 !important; font-size: 15px !important;
  letter-spacing: 3px !important; text-transform: uppercase !important; color: var(--jag-white) !important;
  padding: 8px 14px !important; border: 1px solid rgba(var(--g-acc-rgb),.45) !important;
  background: rgba(var(--g-acc-rgb),.08) !important;
}
/* wariant maly — karty na home (200 px) */
.jag-grafika--sm { height: 100% !important; padding: 0 24px !important; }
.jag-grafika--sm .jag-grafika__big { font-size: 84px !important; }
.jag-grafika--sm .jag-grafika__unit { font-size: 13px !important; letter-spacing: 4px !important; margin-top: 4px !important; }
.jag-grafika--sm .jag-grafika__name { display: none !important; }
.jag-grafika--sm .jag-grafika__logo { width: 190px !important; right: -24px !important; }
.jag-oferta__card:hover .jag-grafika__logo { opacity: .16 !important; }
@media (max-width: 768px) {
  .jag-grafika { height: 260px !important; padding: 0 24px !important; }
  .jag-grafika__big { font-size: 104px !important; }
  .jag-grafika__logo { width: 220px !important; }
  .jag-grafika--sm { height: 100% !important; }
  .jag-grafika--sm .jag-grafika__big { font-size: 80px !important; }
}
/* strony maja reguly #id ... img (height/object-fit/transform) — logo w grafice ich nie dziedziczy */
#jag-programy .jag-program__img-wrap img.jag-grafika__logo,
#jag-oferta .jag-oferta__card-img img.jag-grafika__logo {
  width: 300px !important; height: auto !important; object-fit: contain !important;
  transform: translateY(-50%) rotate(-8deg) !important; transition: opacity .3s ease !important;
}
#jag-oferta .jag-oferta__card-img img.jag-grafika__logo { width: 190px !important; }
@media (max-width: 768px) {
  #jag-programy .jag-program__img-wrap img.jag-grafika__logo { width: 220px !important; height: auto !important; }
}

/* ── NAV DROPDOWN (fala 7, 18.09.2026) ── */
#jag-nav .jag-nav__dd { position: relative !important; }
#jag-nav .jag-nav__dd-btn {
  background: none !important; border: 0 !important; cursor: pointer !important; padding: 0 !important;
  display: inline-flex !important; align-items: center !important; gap: 6px !important;
}
#jag-nav .jag-nav__dd-btn svg {
  width: 14px !important; height: 14px !important; fill: none !important; stroke: currentColor !important;
  stroke-width: 2.5 !important; transition: transform .2s ease !important;
}
#jag-nav .jag-nav__dd-menu {
  position: absolute !important; top: calc(100% + 18px) !important; left: 50% !important;
  min-width: 200px !important; margin: 0 !important; padding: 8px !important; list-style: none !important;
  background: rgba(10,10,13,.97) !important; border: 1px solid rgba(240,240,240,.08) !important;
  border-top: 2px solid var(--jag-red) !important; border-radius: 0 0 var(--jag-radius) var(--jag-radius) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.5) !important;
  opacity: 0 !important; visibility: hidden !important; transform: translate(-50%, 8px) !important;
  transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s !important; z-index: 1001 !important;
}
/* mostek, zeby kursor nie gubil menu w szczelinie */
#jag-nav .jag-nav__dd-menu::before { content: "" !important; position: absolute !important; left: 0 !important; right: 0 !important; top: -20px !important; height: 20px !important; }
#jag-nav .jag-nav__dd:hover .jag-nav__dd-menu,
#jag-nav .jag-nav__dd:focus-within .jag-nav__dd-menu,
#jag-nav .jag-nav__dd--open .jag-nav__dd-menu {
  opacity: 1 !important; visibility: visible !important; transform: translate(-50%, 0) !important;
  transition: opacity .2s ease, transform .2s ease, visibility 0s !important;
}
#jag-nav .jag-nav__dd:hover .jag-nav__dd-btn svg,
#jag-nav .jag-nav__dd--open .jag-nav__dd-btn svg { transform: rotate(180deg) !important; }
#jag-nav .jag-nav__dd-menu li { margin: 0 !important; padding: 0 !important; }
#jag-nav .jag-nav__dd-menu li::before { content: none !important; }
#jag-nav .jag-nav__dd-link {
  display: block !important; padding: 11px 14px !important; border-radius: 4px !important; white-space: nowrap !important;
  font-family: var(--jag-font-heading) !important; font-weight: 700 !important; font-size: 13px !important;
  letter-spacing: 1.5px !important; text-transform: uppercase !important; color: var(--jag-gray) !important;
  transition: background .15s ease, color .15s ease !important;
}
#jag-nav .jag-nav__dd-link:hover, #jag-nav .jag-nav__dd-link:focus-visible { background: rgba(229,32,32,.12) !important; color: var(--jag-white) !important; }
#jag-nav .jag-nav__dd-link--active { color: var(--jag-white) !important; box-shadow: inset 2px 0 0 var(--jag-red) !important; }
/* mobile: naglowek grupy + wciete linki */
#jag-nav .jag-nav__mobile-group {
  font-family: var(--jag-font-body) !important; font-size: 12px !important; font-weight: 600 !important;
  letter-spacing: 3px !important; text-transform: uppercase !important; color: var(--jag-red) !important; margin-top: 6px !important;
}
#jag-nav .jag-nav__mobile-link--sub { font-size: 22px !important; opacity: .8 !important; }