/* === mockup Leonida Light + logo palette === */


    /* ─────────────────────────────────────────────
       DESIGN: LEONIDA LIGHT
       Premium editorial, warm parchment backdrop.
       Inspiracja: Gaming magazine, Eurogamer.net, edge.
       Background: #F5F2EB  |  Heading: #18100A (warm near-black)
       Accent: #D13B52 (coral) | Teal: #0B9488 | Gold: #B47200
    ───────────────────────────────────────────── */

    :root {
      --bg:         #F5F2EB;
      --bg-alt:     #EDE9DF;
      --bg-section: #EFECE4;
      --card:       #FFFFFF;
      --card-alt:   #FAF8F3;
      --text:       #3C3028;
      --text-dim:   #6F645C;
      --heading:    #140810;
      --rose:       #E31C5A;
      --teal:       #0B7F75;
      --gold:       #E8B01A;
      --border:     rgba(24,16,10,.1);
      --border-h:   rgba(24,16,10,.22);
      --border-r:   rgba(227,28,90,.28);
      --shadow:     0 1px 3px rgba(24,16,10,.06), 0 8px 24px rgba(24,16,10,.06);
      --shadow-h:   0 8px 28px rgba(24,16,10,.12);
      --r:          8px;
      --r-lg:       14px;
      --fd:         'Oswald', sans-serif;     /* tylko duże display */
      --fb:         'Inter', sans-serif;      /* UI, body, przyciski, nav */
      --btn-h:      44px;
    }

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body {
      background: var(--bg);
      color: var(--text);
      font-family: var(--fb);
      font-size: 16px;
      line-height: 1.6;
      overflow-x: hidden;
      -webkit-font-smoothing: antialiased;
    }
    a { color: inherit; text-decoration: none; }
    button { font-family: inherit; }
    img { display: block; width: 100%; object-fit: cover; }

    h1, h2, h3, h4 {
      font-family: var(--fd);
      color: var(--heading);
      line-height: 1.12;
      font-weight: 600;
      letter-spacing: .02em;
    }

    .container { max-width: 1280px; margin: 0 auto; padding: 0 28px; }

    /* ── BUTTON SYSTEM ── */
    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      height: var(--btn-h);
      padding: 0 22px;
      font-family: var(--fb);
      font-size: 14px;
      font-weight: 600;
      letter-spacing: -.01em;
      line-height: 1;
      border-radius: var(--r);
      border: 1px solid transparent;
      cursor: pointer;
      white-space: nowrap;
      transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease, transform .18s ease;
    }
    .btn:focus-visible { outline: 2px solid var(--rose); outline-offset: 2px; }
    .btn-primary {
      background: var(--rose);
      color: #fff;
      box-shadow: 0 1px 0 rgba(255,255,255,.16) inset;
    }
    .btn-primary:hover { background: #C4184C; transform: translateY(-1px); box-shadow: 0 8px 20px rgba(227,28,90,.28); }
    .btn-secondary {
      background: #fff;
      color: var(--heading);
      border-color: var(--border-h);
    }
    .btn-secondary:hover { border-color: var(--heading); box-shadow: var(--shadow); }
    .btn-discord {
      background: #5865F2;
      color: #fff;
      height: 40px;
      padding: 0 16px;
      font-size: 13.5px;
    }
    .btn-discord:hover { background: #4752C4; }
    .btn-block { width: 100%; height: 48px; }
    .btn-lg { height: 48px; padding: 0 26px; font-size: 15px; }
    .btn-discord.btn-lg { height: 52px; padding: 0 28px; font-size: 15px; }
    .nav .btn { margin-left: 8px; height: 40px; padding: 0 16px; font-size: 13.5px; color: #fff; }
    .nav .btn:hover { color: #fff; }

    /* ── TICKER ── */
    .ticker {
      background: var(--rose);
      overflow: hidden; position: relative;
      box-shadow: 0 2px 12px rgba(227,28,90,.3);
    }
    .ticker::before,
    .ticker::after {
      content: ''; position: absolute; top: 0; bottom: 0; width: 80px; z-index: 2;
    }
    .ticker::before { left:  0; background: linear-gradient(to right, var(--rose), transparent); }
    .ticker::after  { right: 0; background: linear-gradient(to left,  var(--rose), transparent); }
    .ticker-track {
      display: flex; white-space: nowrap;
      animation: tscroll 42s linear infinite;
    }
    .ticker-track:hover { animation-play-state: paused; }
    @keyframes tscroll { to { transform: translateX(-50%); } }
    .ticker-item {
      display: inline-flex; align-items: center; gap: 8px;
      font-family: var(--fb); font-size: 12px; font-weight: 600;
      letter-spacing: .06em; text-transform: uppercase; color: white;
      padding: 8px 36px;
    }
    .ticker-item i { font-size: 5px; opacity: .7; }

    /* ── HEADER ── */
    .header {
      position: sticky; top: 0; z-index: 200;
      background: rgba(245,242,235,.94);
      backdrop-filter: blur(20px);
      border-bottom: 1px solid var(--border);
    }
    .header-inner { display: flex; align-items: center; gap: 8px; height: 64px; }

    .g6-logo {
      display: flex; align-items: center; flex-shrink: 0; margin-right: 16px;
      background: #0a0610;
      border-radius: 10px;
      padding: 3px 8px;
      height: 48px;
      box-shadow: 0 0 22px rgba(255,45,149,.38);
    }
    .g6-logo__img { height: 42px; width: auto; object-fit: contain; display: block; }

    .nav { flex: 1; display: flex; align-items: center; gap: 2px; }
    .nav a {
      font-family: var(--fb); font-size: 14px; font-weight: 500;
      color: var(--text-dim);
      padding: 8px 12px; border-radius: 6px;
      position: relative; transition: color .18s, background .18s;
    }
    .nav a:not(.btn):hover { color: var(--heading); background: rgba(24,16,10,.04); }
    .nav a.active:not(.btn) { color: var(--heading); font-weight: 600; }
    .nav a.active:not(.btn)::after {
      content: '';
      position: absolute; left: 12px; right: 12px; bottom: 4px; height: 2px;
      background: var(--rose); border-radius: 1px;
    }

    .header-right { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
    .icon-btn {
      width: 40px; height: 40px; border: 1px solid var(--border);
      background: #fff; border-radius: var(--r); color: var(--text-dim);
      cursor: pointer; display: flex; align-items: center; justify-content: center;
      font-size: 14px; transition: color .18s, border-color .18s;
    }
    .icon-btn:hover { color: var(--heading); border-color: var(--border-h); }

    /* ── HERO ── */
    .hero {
      display: grid;
      grid-template-columns: minmax(320px, 42%) minmax(0, 1fr);
      min-height: min(78vh, 720px);
      background: var(--bg);
    }
    .hero-left {
      display: flex; flex-direction: column; justify-content: center;
      padding: 56px 48px 56px max(28px, calc((100vw - 1280px) / 2 + 28px));
      max-width: none;
    }
    .hero-kicker {
      display: flex; align-items: center; gap: 10px;
      font-family: var(--fb); font-size: 12px; font-weight: 600;
      letter-spacing: .08em; text-transform: uppercase;
      color: var(--teal); margin-bottom: 18px;
    }
    .hero-kicker .dot {
      width: 7px; height: 7px; border-radius: 50%; background: var(--teal);
      box-shadow: 0 0 0 4px rgba(11,127,117,.16);
      animation: liveblink 1.6s ease-in-out infinite;
    }
    @keyframes liveblink {
      0%,100% { opacity: 1; }
      50%      { opacity: .35; }
    }

    .hero-title {
      font-size: clamp(48px, 6.2vw, 88px);
      text-transform: uppercase; letter-spacing: .01em; line-height: .9;
      color: var(--heading); margin-bottom: 16px; font-weight: 600;
    }
    .hero-title .rose { color: var(--rose); }

    .hero-tagline {
      font-size: 16px; color: var(--text);
      max-width: 420px; line-height: 1.65; margin-bottom: 28px;
      font-weight: 400;
    }

    .hero-countdown {
      display: grid;
      grid-template-columns: repeat(4, 72px);
      gap: 8px;
      margin-bottom: 12px;
    }
    .cd-item {
      display: flex; flex-direction: column; align-items: center; justify-content: center;
      background: #fff;
      border: 1px solid var(--border);
      border-radius: var(--r);
      padding: 12px 0 10px;
      box-shadow: 0 1px 2px rgba(24,16,10,.04);
    }
    .cd-num {
      font-family: var(--fd); font-size: 32px; font-weight: 600;
      color: var(--heading); line-height: 1; min-width: 2ch; text-align: center;
      letter-spacing: .02em;
    }
    .cd-lbl {
      font-family: var(--fb); font-size: 10px; font-weight: 600;
      letter-spacing: .1em; text-transform: uppercase; color: var(--text-dim);
      margin-top: 4px;
    }
    .hero-date {
      font-size: 13px; color: var(--text-dim); margin-bottom: 28px;
      font-weight: 500;
    }
    .hero-date strong { color: var(--heading); font-weight: 600; }

    .hero-ctas { display: flex; gap: 10px; flex-wrap: wrap; }

    .hero-right {
      position: relative;
      background: #1a1410;
      min-height: 420px;
    }
    .hero-right img {
      width: 100%; height: 100%; object-fit: cover;
      object-position: center 30%;
    }
    .hero-right::after {
      content: '';
      position: absolute; inset: 0;
      background: linear-gradient(180deg, rgba(24,16,10,.08) 0%, rgba(24,16,10,.55) 100%);
      pointer-events: none;
    }
    .hero-play {
      position: absolute; top: 50%; left: 50%;
      transform: translate(-50%, -50%);
      z-index: 3;
      width: 72px; height: 72px; border-radius: 50%;
      background: #fff;
      color: var(--heading);
      border: none; cursor: pointer;
      display: flex; align-items: center; justify-content: center;
      font-size: 22px;
      box-shadow: 0 8px 32px rgba(0,0,0,.35);
      transition: transform .2s ease, background .2s ease;
    }
    .hero-play:hover { transform: translate(-50%, -50%) scale(1.06); background: var(--rose); color: #fff; }
    .hero-play i { margin-left: 3px; }
    .hero-caption {
      position: absolute; left: 24px; right: 24px; bottom: 24px; z-index: 3;
      display: flex; align-items: center; justify-content: space-between; gap: 16px;
    }
    .hero-caption-text { color: #fff; }
    .hero-caption-k {
      font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase;
      opacity: .75; margin-bottom: 4px;
    }
    .hero-caption-t {
      font-family: var(--fd); font-size: 20px; font-weight: 600; letter-spacing: .03em;
    }

    @media (max-width: 980px) {
      .hero { grid-template-columns: 1fr; min-height: 0; }
      .hero-left { padding: 40px 28px; }
      .hero-right { min-height: 280px; aspect-ratio: 16/9; }
      .header-inner { height: auto; flex-wrap: wrap; padding: 10px 0; }
    }
    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after { animation: none !important; transition: none !important; }
    }

    /* ── SECTION HEADER ── */
    .sec-head { display: flex; align-items: center; gap: 16px; margin-bottom: 28px; }
    .sec-label {
      font-family: var(--fb); font-size: 12px; font-weight: 600;
      letter-spacing: .1em; text-transform: uppercase; color: var(--text-dim);
      white-space: nowrap;
    }
    .sec-rule { flex: 1; height: 1px; background: var(--border); }
    .sec-more {
      font-family: var(--fb); font-size: 13px; font-weight: 600;
      color: var(--teal); white-space: nowrap;
      display: flex; align-items: center; gap: 6px; transition: gap .18s;
    }
    .sec-more:hover { gap: 10px; }

    /* ── CATS / BADGES ── */
    .cat {
      display: inline-block;
      font-family: var(--fb); font-size: 11px; font-weight: 600;
      letter-spacing: .04em;
      padding: 4px 9px; border-radius: 4px;
    }
    .cat-news     { background: var(--rose);  color: #fff; }
    .cat-plotka   { background: var(--gold);  color: #fff; }
    .cat-analiza  { background: #0891b2;      color: #fff; }
    .cat-poradnik { background: #16a34a;      color: #fff; }
    .cat-break    { background: var(--rose);  color: #fff; animation: catblink 2s infinite; }
    @keyframes catblink { 0%,100%{opacity:1}50%{opacity:.65} }

    /* ── AD ── */
    .ad {
      background: var(--card); border: 1px dashed rgba(0,0,0,.1);
      border-radius: 8px; display: flex; align-items: center; justify-content: center;
      font-size: 10px; letter-spacing: .1em; color: var(--text-dim); opacity: .65;
    }
    .ad-728 { height: 90px; margin: 28px 0; }

    /* ── FEATURED ── */
    .featured-sec { padding: 64px 0 52px; }
    .featured-card {
      display: grid; grid-template-columns: 1.2fr 1fr;
      background: var(--card); border: 1px solid var(--border);
      border-radius: var(--r-lg); overflow: hidden;
      box-shadow: var(--shadow);
      transition: border-color .3s, box-shadow .3s;
    }
    .featured-card:hover { border-color: var(--border-r); box-shadow: var(--shadow-h); }
    .featured-img { position: relative; overflow: hidden; min-height: 360px; }
    .featured-img img { height: 100%; transition: transform .6s; }
    .featured-card:hover .featured-img img { transform: scale(1.04); }
    /* Light gradient bleed */
    .featured-img::after {
      content: '';
      position: absolute; inset: 0;
      background:
        linear-gradient(to right, transparent 40%, rgba(255,255,255,.82) 78%, #fff 100%),
        linear-gradient(to top, rgba(0,0,0,.25) 0%, transparent 40%);
    }
    .feat-badge { position: absolute; top: 20px; left: 20px; z-index: 2; }
    .featured-body {
      padding: 44px 44px 44px 12px;
      display: flex; flex-direction: column; justify-content: center;
    }
    .feat-meta { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
    .feat-source {
      font-family: var(--fb); font-size: 12px; font-weight: 600;
      color: var(--teal);
    }
    .feat-title {
      font-family: var(--fb);
      font-size: clamp(22px, 2.4vw, 30px);
      font-weight: 700;
      letter-spacing: -.02em;
      color: var(--heading); line-height: 1.25; margin-bottom: 14px;
    }
    .feat-excerpt { font-size: 14px; color: var(--text-dim); line-height: 1.75; margin-bottom: 28px; }
    .feat-footer { display: flex; align-items: center; gap: 16px; font-size: 12px; color: var(--text-dim); }
    .feat-footer .dot { color: var(--border-h); }
    .read-more {
      display: inline-flex; align-items: center; gap: 7px;
      font-family: var(--fb); font-size: 14px; font-weight: 600;
      color: var(--teal); transition: gap .18s;
    }
    .read-more:hover { gap: 12px; }

    /* ── NEWS GRID ── */
    .news-sec { padding: 0 0 64px; }
    .news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
    .news-card {
      background: var(--card); border: 1px solid var(--border);
      border-radius: var(--r); overflow: hidden;
      box-shadow: var(--shadow);
      cursor: pointer; position: relative;
      transition: transform .3s, border-color .3s, box-shadow .3s;
    }
    .news-card::before {
      content: '';
      position: absolute; top: 0; left: 0; bottom: 0; width: 3px;
      background: var(--rose); border-radius: 0 2px 2px 0;
      transform: scaleY(0); transition: transform .3s ease; z-index: 3;
    }
    .news-card:hover { transform: translateY(-4px); border-color: var(--border-r); box-shadow: var(--shadow-h); }
    .news-card:hover::before { transform: scaleY(1); }
    .news-card.span2 { grid-column: span 2; }
    .card-img { position: relative; overflow: hidden; aspect-ratio: 16/9; }
    .news-card.span2 .card-img { aspect-ratio: 21/9; }
    .card-img img { transition: transform .6s; }
    .news-card:hover .card-img img { transform: scale(1.05); }
    /* Light mode: only a soft bottom gradient */
    .card-img::after {
      content: '';
      position: absolute; inset: 0;
      background: linear-gradient(to top, rgba(0,0,0,.35) 0%, transparent 60%);
    }
    .card-badge { position: absolute; top: 12px; left: 12px; z-index: 2; }
    .card-body { padding: 16px 18px 20px; }
    .card-title {
      font-family: var(--fb); font-size: 16px; font-weight: 600;
      color: var(--heading); line-height: 1.35; margin-bottom: 8px; letter-spacing: -.015em;
      display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
    }
    .news-card.span2 .card-title { font-size: 20px; font-weight: 700; }
    .card-meta { font-size: 11px; color: var(--text-dim); display: flex; gap: 8px; }

    /* ── KNOWLEDGE BASE ── */
    .kb-sec {
      padding: 72px 0; border-top: 1px solid var(--border);
      background: var(--bg-section);
    }
    .kb-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
    .kb-card {
      background: var(--card); border: 1px solid var(--border);
      border-radius: var(--r-lg); overflow: hidden;
      cursor: pointer; box-shadow: var(--shadow);
      transition: transform .3s, box-shadow .3s, border-color .3s;
      position: relative;
    }
    .kb-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-h); border-color: var(--border-h); }
    .kb-thumb {
      position: relative; overflow: hidden; aspect-ratio: 16/9;
    }
    .kb-thumb img { transition: transform .6s; }
    .kb-card:hover .kb-thumb img { transform: scale(1.06); }
    /* Top accent bar — per card color */
    .kb-accent {
      position: absolute; top: 0; left: 0; right: 0; height: 3px; z-index: 2;
    }
    .kb-card:nth-child(1) .kb-accent { background: var(--teal); }
    .kb-card:nth-child(2) .kb-accent { background: var(--rose); }
    .kb-card:nth-child(3) .kb-accent { background: var(--gold); }
    .kb-body { padding: 22px 22px 24px; }
    .kb-icon-row { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
    .kb-icon-box {
      width: 40px; height: 40px; border-radius: 10px;
      display: flex; align-items: center; justify-content: center; font-size: 17px;
      flex-shrink: 0;
    }
    .kb-card:nth-child(1) .kb-icon-box { background: rgba(11,148,136,.1); color: var(--teal); }
    .kb-card:nth-child(2) .kb-icon-box { background: rgba(227,28,90,.1);  color: var(--rose); }
    .kb-card:nth-child(3) .kb-icon-box { background: rgba(180,114,0,.1);  color: var(--gold); }
    .kb-tag {
      font-family: var(--fb); font-size: 12px; font-weight: 600;
      letter-spacing: .06em; text-transform: uppercase;
    }
    .kb-card:nth-child(1) .kb-tag { color: var(--teal); }
    .kb-card:nth-child(2) .kb-tag { color: var(--rose); }
    .kb-card:nth-child(3) .kb-tag { color: var(--gold); }
    .kb-title { font-family: var(--fb); font-size: 22px; font-weight: 700; letter-spacing: -.02em; color: var(--heading); margin-bottom: 7px; }
    .kb-desc  { font-size: 13px; color: var(--text-dim); line-height: 1.6; margin-bottom: 18px; }
    .kb-cta {
      display: inline-flex; align-items: center; gap: 7px;
      font-family: var(--fb); font-size: 14px; font-weight: 600;
      transition: gap .18s;
    }
    .kb-card:nth-child(1) .kb-cta { color: var(--teal); }
    .kb-card:nth-child(2) .kb-cta { color: var(--rose); }
    .kb-card:nth-child(3) .kb-cta { color: var(--gold); }
    .kb-cta:hover { gap: 12px; }

    /* ── PREORDER ── */
    .preorder-sec { padding: 72px 0; border-top: 1px solid var(--border); }
    .editions { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
    .edition {
      background: var(--card); border: 1.5px solid var(--border);
      border-radius: var(--r-lg); padding: 32px;
      display: flex; flex-direction: column;
      box-shadow: var(--shadow);
      transition: transform .3s, border-color .3s, box-shadow .3s;
      position: relative;
    }
    .edition:hover { transform: translateY(-5px); border-color: var(--border-h); box-shadow: var(--shadow-h); }
    .edition.rec {
      border-color: var(--rose);
      box-shadow: 0 2px 16px rgba(227,28,90,.15), 0 8px 32px rgba(227,28,90,.1);
    }
    .edition.rec::before {
      content: 'POLECAMY';
      position: absolute; top: -11px; left: 50%; transform: translateX(-50%);
      background: var(--rose); color: white;
      font-family: var(--fb); font-size: 11px; font-weight: 700; letter-spacing: .12em;
      padding: 4px 20px; border-radius: 100px; white-space: nowrap;
      box-shadow: 0 2px 10px rgba(227,28,90,.4);
    }
    /* Gradient top bar */
    .edition.rec::after {
      content: '';
      position: absolute; top: 0; left: 0; right: 0; height: 3px;
      background: linear-gradient(90deg, var(--rose), var(--gold));
      border-radius: var(--r-lg) var(--r-lg) 0 0;
    }
    .ed-type  { font-family: var(--fb); font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--text-dim); margin-bottom: 5px; }
    .ed-name  { font-family: var(--fb); font-size: 22px; font-weight: 700; letter-spacing: -.02em; color: var(--heading); margin-bottom: 2px; }
    .ed-price { font-family: var(--fd); font-size: 44px; font-weight: 600; color: var(--rose); line-height: 1; margin-bottom: 2px; }
    .ed-price span { font-size: 22px; }
    .ed-sub   { font-size: 12px; color: var(--text-dim); margin-bottom: 24px; }
    .ed-rule  { height: 1px; background: var(--border); margin-bottom: 22px; }
    .ed-list  { list-style: none; flex: 1; margin-bottom: 28px; }
    .ed-list li {
      display: flex; align-items: flex-start; gap: 10px;
      font-size: 13px; color: var(--text); padding: 7px 0;
      border-bottom: 1px solid rgba(0,0,0,.05); line-height: 1.45;
    }
    .ed-list li i { color: var(--teal); margin-top: 2px; flex-shrink: 0; font-size: 12px; }
    .btn-order {
      width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
      font-family: var(--fb); font-size: 14px; font-weight: 600; letter-spacing: -.01em;
      height: 48px; padding: 0 16px; border-radius: var(--r); border: none; cursor: pointer;
      background: var(--rose); color: white; transition: background .18s, transform .18s, box-shadow .18s;
    }
    .btn-order:hover { background: #C4184C; transform: translateY(-1px); box-shadow: 0 8px 20px rgba(227,28,90,.28); }
    .ed-bonus {
      display: inline-flex; align-items: center; gap: 6px;
      background: rgba(180,114,0,.1); border: 1px solid rgba(180,114,0,.3);
      color: var(--gold);
      font-family: var(--fb); font-size: 11px; font-weight: 600;
      padding: 4px 12px; border-radius: 100px; margin-bottom: 18px;
    }

    /* ── DISCORD ── */
    .discord-sec {
      padding: 80px 0; border-top: 1px solid var(--border);
      background: #F0EFF8;
      position: relative; overflow: hidden;
    }
    .discord-sec::before {
      content: '';
      position: absolute; top: -80px; right: -100px;
      width: 450px; height: 450px; border-radius: 50%;
      background: radial-gradient(circle, rgba(88,101,242,.12) 0%, transparent 70%);
      pointer-events: none;
    }
    .discord-inner { display: flex; align-items: center; justify-content: space-between; gap: 56px; flex-wrap: wrap; }
    .dc-left { flex: 1; min-width: 260px; }
    .dc-title { font-family: var(--fb); font-size: clamp(28px,4vw,40px); font-weight: 700; letter-spacing: -.03em; color: var(--heading); margin-bottom: 12px; }
    .dc-text  { font-size: 14.5px; color: var(--text-dim); max-width: 440px; line-height: 1.75; }
    .dc-stats { display: flex; gap: 36px; margin-top: 28px; }
    .dc-stat-n { font-family: var(--fd); font-size: 32px; font-weight: 600; color: var(--heading); display: block; }
    .dc-stat-l { font-size: 11px; color: var(--text-dim); text-transform: uppercase; letter-spacing: .08em; }
    .dc-right  { flex-shrink: 0; }
    .btn-discord-big {
      display: inline-flex; align-items: center; gap: 10px;
      background: #5865F2; color: white;
      font-family: var(--fb); font-size: 15px; font-weight: 600; letter-spacing: -.01em;
      height: 52px; padding: 0 28px; border-radius: var(--r); border: none; cursor: pointer;
      transition: background .18s, transform .18s, box-shadow .18s;
    }
    .btn-discord-big:hover { background: #4752C4; transform: translateY(-1px); box-shadow: 0 10px 28px rgba(88,101,242,.32); }

    /* ── FOOTER ── */
    footer { padding: 64px 0 36px; border-top: 1px solid var(--border); background: var(--bg-alt); }
    .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 56px; margin-bottom: 48px; }
    .f-desc { font-size: 13px; color: var(--text-dim); line-height: 1.7; margin: 12px 0 20px; }
    .f-socials { display: flex; gap: 9px; }
    .f-soc {
      width: 34px; height: 34px; background: var(--card); border: 1px solid var(--border); border-radius: 8px;
      display: flex; align-items: center; justify-content: center;
      color: var(--text-dim); font-size: 13px; transition: all .2s;
      box-shadow: var(--shadow);
    }
    .f-soc:hover { border-color: var(--border-h); color: var(--heading); }
    .f-col-title {
      font-family: var(--fb); font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase;
      color: var(--text-dim); margin-bottom: 14px; padding-bottom: 12px; border-bottom: 1px solid var(--border);
    }
    .f-links { list-style: none; }
    .f-links li { padding: 5px 0; }
    .f-links a { font-size: 13px; color: var(--text-dim); transition: color .2s; }
    .f-links a:hover { color: var(--heading); }
    .footer-bottom {
      padding-top: 24px; border-top: 1px solid var(--border);
      display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap;
    }
    .f-copy       { font-size: 12px; color: var(--text-dim); }
    .f-disclaimer { font-size: 11px; color: var(--text-dim); opacity: .6; max-width: 580px; line-height: 1.6; }

  

/* === extras === */
/* Extra theme CSS: nav, search, blog, TOC, comments, WP align, drawer */
.nav ul { display: flex; align-items: center; gap: 2px; list-style: none; margin: 0; padding: 0; flex: 1; flex-wrap: wrap; }
.nav li { margin: 0; }
.header-burger { display: none; }
.g6-live-search {
  position: absolute; left: 0; right: 0; top: 100%;
  background: var(--card); border-bottom: 1px solid var(--border);
  box-shadow: var(--shadow-h); padding: 16px 0 20px; z-index: 220;
}
.g6-live-search__box {
  display: flex; align-items: center; gap: 10px;
  background: var(--bg); border: 1px solid var(--border); border-radius: var(--r); padding: 0 14px;
}
.g6-live-search__input {
  flex: 1; height: 48px; border: 0; background: transparent; font: 500 15px var(--fb); outline: none;
}
.g6-live-search__results { margin-top: 12px; }
.g6-ls-group__title { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--text-dim); margin: 10px 0 6px; }
.g6-ls-item { display: flex; gap: 10px; align-items: center; padding: 8px 10px; border-radius: 8px; }
.g6-ls-item[aria-selected="true"], .g6-ls-item:hover { background: var(--bg-alt); }
.g6-ls-item__thumb { width: 44px; height: 44px; object-fit: cover; border-radius: 6px; }
.g6-ls-item__title { display: block; font-weight: 600; color: var(--heading); }
.g6-ls-item__meta { display: block; font-size: 12px; color: var(--text-dim); }
.g6-ls-more { padding: 10px; font-weight: 600; color: var(--teal); }
.g6-ls-empty { padding: 12px; color: var(--text-dim); }

.g6-drawer { position: fixed; inset: 0; z-index: 400; }
.g6-drawer__overlay { position: absolute; inset: 0; background: rgba(10,6,16,.45); }
.g6-drawer__panel {
  position: absolute; top: 0; right: 0; width: min(360px, 92vw); height: 100%;
  background: var(--bg); padding: 20px; overflow: auto;
  transform: translateX(100%); transition: transform .25s ease;
}
.g6-drawer.is-open .g6-drawer__panel { transform: none; }
.g6-drawer__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
html.g6-nav-open, body.g6-nav-open { overflow: hidden; }
.g6-menu--mobile { display: flex; flex-direction: column; gap: 4px; list-style: none; padding: 0; }
.g6-menu--mobile a { display: block; padding: 12px 8px; font-weight: 600; }

.wrap.g6-archive, .wrap.g6-single, .wrap.g6-page, .wrap.g6-search-results, .wrap.g6-hub, .wrap.g6-404 {
  padding: 40px 28px 80px; max-width: var(--container); margin: 0 auto;
}
.g6-archive__title, .g6-hub__title, .g6-entry__title, .g6-404__title {
  font-family: var(--fd); font-size: clamp(32px, 4vw, 48px); color: var(--heading); margin: 8px 0 12px; text-transform: uppercase;
}
.g6-entry__title { text-transform: none; font-family: var(--fb); font-weight: 800; letter-spacing: -.03em; line-height: 1.15; }
.g6-archive__desc, .g6-hub__lead { color: var(--text-dim); max-width: 640px; }
.g6-cat-pills { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 18px; }
.g6-cat-pills__item { padding: 6px 12px; border: 1px solid var(--border); border-radius: 999px; font-size: 13px; font-weight: 600; background: #fff; }
.g6-cat-pills__item.is-active { background: var(--heading); color: #fff; border-color: var(--heading); }
.news-grid--archive { margin-top: 28px; }
.g6-entry { max-width: var(--container); }
.g6-entry__header { margin-bottom: 22px; }
.g6-entry__meta { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; color: var(--text-dim); font-size: 14px; }
.g6-entry__thumb { border-radius: var(--r-lg); overflow: hidden; margin-bottom: 28px; }
.g6-entry__thumb img { width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; }
.entry-content { font-size: 17px; line-height: 1.75; color: var(--text); max-width: none; }
.entry-content h2, .entry-content h3 { font-family: var(--fd); text-transform: uppercase; color: var(--heading); margin: 1.6em 0 .5em; }
.entry-content p { margin: 0 0 1.1em; }
.entry-content a { color: var(--teal); text-decoration: underline; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 13px; color: var(--text-dim); margin-top: 8px; }
.g6-toc {
  background: var(--card); border: 1px solid var(--border); border-radius: var(--r-lg);
  padding: 18px 22px; margin: 0 0 28px; box-shadow: var(--shadow);
}
.g6-toc__title { font-weight: 700; margin: 0 0 10px; }
.g6-toc__list { margin: 0; padding-left: 18px; }
.g6-toc__list a { color: var(--teal); font-weight: 600; }
.g6-author, .g6-share, .g6-comments {
  background: var(--card); border: 1px solid var(--border); border-radius: var(--r-lg);
  padding: 22px; margin: 32px 0; box-shadow: var(--shadow);
}
.g6-author { display: flex; gap: 16px; align-items: flex-start; }
.g6-share__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.g6-share__btn {
  display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px;
  border: 1px solid var(--border); border-radius: var(--r); background: #fff; font-weight: 600; cursor: pointer;
}
.g6-related__title { font-family: var(--fd); text-transform: uppercase; margin: 40px 0 20px; }
.g6-tags { margin-bottom: 16px; display: flex; flex-wrap: wrap; gap: 8px; }
.g6-search-form__field { display: flex; align-items: center; gap: 8px; background: #fff; border: 1px solid var(--border); border-radius: var(--r); padding: 4px 4px 4px 14px; margin: 16px 0 28px; }
.g6-search-form__input { flex: 1; border: 0; height: 40px; font: 500 15px var(--fb); outline: none; }
.g6-hub__header { margin-bottom: 36px; }
.g6-hub__note { font-size: 13px; color: var(--text-dim); margin-top: 24px; }
.g6-compare-sec { padding: 0 0 72px; }
.g6-compare-sec .container { max-width: var(--container); margin: 0 auto; padding: 0 28px; }
.ed-legal { font-size: 11.5px; color: var(--text-dim); text-align: center; margin-top: 16px; opacity: .75; }
.ed-legal a { color: var(--teal); }
.g6-preorder-stores { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 24px; }
.g6-404 { text-align: center; padding: 80px 28px; }
.g6-lightbox { position: fixed; inset: 0; background: rgba(10,6,16,.88); z-index: 500; display: flex; align-items: center; justify-content: center; }
.g6-lightbox[hidden] { display: none; }
.g6-lightbox img { max-width: 92vw; max-height: 88vh; }
.g6-trailer {
  position: fixed; inset: 0; background: rgba(10,6,16,.88); z-index: 500;
  display: flex; align-items: center; justify-content: center; padding: 24px;
}
.g6-trailer[hidden] { display: none; }
.g6-trailer iframe { width: min(960px, 92vw); aspect-ratio: 16/9; height: auto; border: 0; border-radius: 12px; }
.ad-300 { min-height: 250px; margin: 24px 0; }
.ad-320 { min-height: 50px; margin: 16px 0; }
.g6-entry-products { margin: 36px 0; }
.g6-entry-products__head { margin-bottom: 18px; }
.g6-entry-products__title { font-family: var(--fd); text-transform: uppercase; }
.news-card a { color: inherit; display: block; }
.g6-art { background: var(--card); border: 1px solid var(--border); border-radius: var(--r); overflow: hidden; box-shadow: var(--shadow); }
.g6-btn, .g6-btn--primary { display: inline-flex; align-items: center; gap: 8px; height: var(--btn-h); padding: 0 22px; background: var(--rose); color: #fff; border-radius: var(--r); font-weight: 600; border: 0; }
.g6-btn--outline, .g6-btn--brand { background: #fff; color: var(--heading); border: 1px solid var(--border-h); }
.pagination, .nav-links { display: flex; gap: 8px; justify-content: center; margin: 36px 0; }
.page-numbers { padding: 8px 12px; border: 1px solid var(--border); border-radius: 8px; background: #fff; }
.page-numbers.current { background: var(--heading); color: #fff; }
.f-credit { opacity: .7; }
.f-credit a { color: var(--heading); }
.g6-comments__title { font-family: var(--fd); text-transform: uppercase; }
.comment-form input, .comment-form textarea {
  width: 100%; border: 1px solid var(--border); border-radius: var(--r); padding: 10px 12px; font: 15px var(--fb);
}
.woocommerce-notices-wrapper { max-width: var(--container); margin: 0 auto; padding: 0 28px; }
.woocommerce-message, .woocommerce-info, .woocommerce-error {
  display: flex; align-items: center; gap: 10px; padding: 11px 16px; border-radius: 12px; margin: 8px 0;
}

@media (max-width: 980px) {
  .header-burger { display: flex; }
  .nav { display: none; }
  .g6-preorder-stores, .news-grid, .kb-grid, .editions, .footer-grid { grid-template-columns: 1fr !important; }
  .news-card.span2 { grid-column: auto; }
  .featured-card { grid-template-columns: 1fr !important; }
  .btn-discord { display: none; }
}

@media (hover: hover) {
  .news-card:hover { transform: translateY(-4px); }
  .kb-card:hover { transform: translateY(-5px); }
}

.g6-container { max-width: var(--container); margin: 0 auto; padding: 0 28px; }
.g6-page-hero { padding: 8px 0 8px; }
.g6-page-hero__eyebrow { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--rose); }
.g6-page-hero__title { font-family: var(--fd); font-size: clamp(32px, 4vw, 48px); text-transform: uppercase; color: var(--heading); margin: 8px 0 12px; }
.g6-page-hero__lead { color: var(--text-dim); max-width: 640px; }
.g6-faq__list { margin: 28px 0; }
.g6-faq__item { background: #fff; border: 1px solid var(--border); border-radius: var(--r); margin-bottom: 8px; }
.g6-faq__item summary { cursor: pointer; padding: 14px 18px; font-weight: 600; display: flex; justify-content: space-between; gap: 12px; list-style: none; }
.g6-faq__item summary::-webkit-details-marker { display: none; }
.g6-faq__answer { padding: 0 18px 16px; color: var(--text); }
.g6-posts-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 28px; }
.g6-art__img img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.g6-art__body { padding: 16px; }
.g6-pill { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--rose); margin-bottom: 8px; }
.g6-post-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 32px 0; }
.g6-post-nav__item { display: flex; flex-direction: column; gap: 4px; padding: 16px; background: #fff; border: 1px solid var(--border); border-radius: var(--r); }
.g6-post-nav__item--next { text-align: right; }
.g6-post-nav__lbl { font-size: 12px; color: var(--text-dim); text-transform: uppercase; letter-spacing: .06em; font-weight: 700; }
.g6-post-nav__ttl { font-weight: 700; color: var(--heading); }
.g6-logo--footer { margin-bottom: 16px; width: fit-content; }
.g6-comment-form__field--half { width: calc(50% - 8px); display: inline-block; vertical-align: top; }
.g6-author__name { font-weight: 800; margin: 0 0 6px; }
.g6-author__eyebrow { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--rose); margin: 0 0 4px; }
.entry-content iframe, .entry-content .wp-block-embed { max-width: 100%; }
.entry-content .wp-block-embed, .entry-content iframe[src*="youtube"] { aspect-ratio: 16/9; width: 100%; height: auto; border-radius: var(--r); }

@media (max-width: 980px) {
  .g6-posts-grid, .g6-post-nav { grid-template-columns: 1fr; }
  .g6-comment-form__field--half { width: 100%; }
}

@media (hover: hover) {
  .g6-share__btn:hover, .g6-ls-item:hover { border-color: var(--border-h); }
  .g6-post-nav__item:hover { box-shadow: var(--shadow); }
}

@media (hover: none) {
  .btn-primary:hover, .btn-secondary:hover, .news-card:hover, .kb-card:hover, .edition:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}


/* === shortcodes / portal === */
/* --- Shortcodes treści wpisów (klasyczny edytor → GTA VI) --- */
.g6-sc-products{display:grid;grid-template-columns:1fr;gap:14px;margin:1.6em 0}
.g6-sc-products--cols-2{grid-template-columns:1fr}
.g6-sc-products--cols-3{grid-template-columns:1fr}
.g6-sc-products .g6-product-embed{margin:0}

.g6-sc-faq{display:flex;flex-direction:column;gap:10px;margin:1.8em 0}
.g6-sc-faq__item{
  background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;
}
.g6-sc-faq__q{
  list-style:none;cursor:pointer;padding:16px 18px;
  font-family:var(--font-head);font-weight:600;font-size:15px;color:var(--ink);
  display:flex;align-items:center;justify-content:space-between;gap:14px;
}
.g6-sc-faq__q::-webkit-details-marker{display:none}
.g6-sc-faq__icon{width:12px;height:12px;position:relative;flex-shrink:0}
.g6-sc-faq__icon::before,.g6-sc-faq__icon::after{
  content:"";position:absolute;background:var(--orange);border-radius:2px;transition:transform .2s;
}
.g6-sc-faq__icon::before{width:12px;height:2px;top:5px}
.g6-sc-faq__icon::after{width:2px;height:12px;left:5px}
.g6-sc-faq__item[open] .g6-sc-faq__icon::after{transform:scaleY(0)}
.g6-sc-faq__a{padding:0 18px 16px;color:var(--muted);font-size:14.5px;line-height:1.7}
.g6-sc-faq__a p{margin:0}

.g6-sc-compare{margin:2em 0}
.g6-sc-compare__title{
  font-family:var(--font-head);font-weight:700;font-size:14px;letter-spacing:.04em;
  text-transform:uppercase;color:var(--orange);margin-bottom:12px;
}
.g6-sc-compare__wrap{
  overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);
  background:var(--surface);box-shadow:var(--shadow);
}
.g6-sc-compare__table{width:100%;border-collapse:collapse;font-size:14px;min-width:480px}
.g6-sc-compare__table th,.g6-sc-compare__table td{padding:13px 16px;border-bottom:1px solid var(--border);text-align:left}
.g6-sc-compare__table thead th{
  font-family:var(--font-head);font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;
  color:var(--muted);background:var(--bg);font-weight:700;
}
.g6-sc-compare__table tbody th{
  font-family:var(--font-head);font-weight:700;color:var(--ink);background:rgba(248,115,21,.04);
}
.g6-sc-compare__table tbody tr:last-child th,
.g6-sc-compare__table tbody tr:last-child td{border-bottom:none}
.g6-sc-compare__table tbody tr:hover td,
.g6-sc-compare__table tbody tr:hover th{background:var(--orange-soft)}

.g6-sc-gallery{
  display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:1.8em 0;
}
.g6-sc-gallery__item{
  display:block;aspect-ratio:1;overflow:hidden;border-radius:12px;background:var(--bg);
}
.g6-sc-gallery__item img{
  width:100%;height:100%;object-fit:cover;transition:transform .35s ease;box-shadow:none!important;
}
.g6-sc-gallery__item:hover img{transform:scale(1.05)}

.g6-sc-callout{
  position:relative;margin:1.8em 0;padding:18px 20px 18px 64px;
  background:var(--surface);border:1px solid var(--border);border-radius:0 var(--radius) var(--radius) 0;
  box-shadow:var(--shadow);
}
.g6-sc-callout p{margin:0;line-height:1.65}
.g6-sc-callout--tip{border-left:4px solid var(--green)}
.g6-sc-callout--tip::before{
  content:"✓";position:absolute;left:18px;top:18px;width:30px;height:30px;border-radius:8px;
  background:rgba(31,157,87,.12);color:var(--green);font-weight:700;font-size:14px;
  line-height:30px;text-align:center;
}
.g6-sc-callout--note{border-left:4px solid var(--orange)}
.g6-sc-callout--note::before{
  content:"!";position:absolute;left:18px;top:18px;width:30px;height:30px;border-radius:8px;
  background:var(--orange-soft);color:var(--orange);font-weight:800;font-size:15px;
  line-height:30px;text-align:center;
}

.g6-sc-steps{margin:2em 0}
.g6-sc-steps__title{font-size:clamp(20px,2.2vw,24px);margin-bottom:18px}
.g6-sc-steps__list{display:flex;flex-direction:column;gap:14px;padding:0;list-style:none;counter-reset:none}
.g6-sc-steps__item{
  display:flex;gap:14px;align-items:flex-start;
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
  padding:18px;box-shadow:0 6px 18px rgba(18,24,31,.04);
}
.g6-sc-steps__num{
  width:36px;height:36px;border-radius:50%;flex-shrink:0;
  background:var(--orange);color:#fff;
  font-family:var(--font-head);font-weight:800;font-size:15px;
  display:flex;align-items:center;justify-content:center;
}
.g6-sc-steps__name{display:block;font-family:var(--font-head);font-size:15.5px;color:var(--ink);margin-bottom:4px}
.g6-sc-steps__text{font-size:14.5px;color:var(--muted);line-height:1.65}
.g6-sc-steps__text p{margin:0}

.g6-sc-cta{margin:2em 0;text-align:center}

/* Lightbox treści (galeria we wpisach) */
.g6-lightbox{
  position:fixed;inset:0;z-index:300;background:rgba(18,24,31,.88);
  display:flex;align-items:center;justify-content:center;padding:24px;
}
.g6-lightbox[hidden]{display:none!important}
.g6-lightbox img{max-width:min(960px,100%);max-height:90vh;border-radius:12px;object-fit:contain}
.g6-lightbox__close,.g6-lightbox__prev,.g6-lightbox__next{
  position:absolute;width:44px;height:44px;border-radius:50%;
  background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 20px rgba(0,0,0,.2);
}
.g6-lightbox__close{top:16px;right:16px}
.g6-lightbox__prev{left:16px;top:50%;transform:translateY(-50%)}
.g6-lightbox__next{right:16px;top:50%;transform:translateY(-50%)}

@media (min-width:640px){
  .g6-sc-products--cols-2{grid-template-columns:repeat(2,1fr)}
  .g6-sc-gallery--cols-3{grid-template-columns:repeat(3,1fr)}
  .g6-sc-gallery--cols-4{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:900px){
  .g6-sc-products--cols-3{grid-template-columns:repeat(3,1fr)}
  .g6-sc-gallery--cols-4{grid-template-columns:repeat(4,1fr)}
}

/* --- Reduced motion --- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}