/* JEDNA ODRA — style strony: wsparcie */
/* Detailed support cards */
  .support-detailed{background:var(--cream)}
  .support-tabs{
    display:flex;gap:8px;flex-wrap:wrap;
    margin-bottom:40px;
  }
  .sup-tab{
    padding:12px 22px;
    border-radius:30px;
    font-size:0.78rem;font-weight:700;
    letter-spacing:0.12em;text-transform:uppercase;
    background:#fff;
    border:1px solid var(--line-dark);
    color:var(--navy-900);
    transition:all .25s;
  }
  .sup-tab:hover{border-color:var(--red);color:var(--red)}
  .sup-tab.active{
    background:var(--red);
    color:#fff;
    border-color:var(--red);
  }

  .support-options{
    display:grid;grid-template-columns:repeat(2, 1fr);gap:24px;
  }
  .sup-option{
    background:#fff;
    border:1px solid var(--line-dark);
    border-radius:var(--radius);
    padding:40px;
    transition:transform .3s, border-color .3s;
    position:relative;overflow:hidden;
  }
  .sup-option:hover{border-color:var(--red);transform:translateY(-4px)}
  .sup-option.dark{
    background:var(--navy-900);color:#fff;
    border-color:var(--navy-900);
  }
  .sup-option.dark::before{
    content:"";position:absolute;top:0;left:0;right:0;height:4px;
    background:var(--red);
  }
  .sup-option-head{
    display:flex;align-items:center;gap:18px;
    margin-bottom:22px;
  }
  .sup-icon{
    width:60px;height:60px;
    background:var(--navy-900);color:#fff;
    border-radius:var(--radius);
    display:grid;place-items:center;
    font-family:var(--font-display);font-size:1.5rem;
    flex-shrink:0;
  }
  .sup-option.dark .sup-icon{background:var(--red)}
  .sup-option h3{
    font-family:var(--font-display);font-size:1.8rem;
    line-height:1;letter-spacing:0.02em;color:var(--navy-900);
  }
  .sup-option.dark h3{color:#fff}
  .sup-option p{
    color:var(--muted);font-size:0.98rem;line-height:1.7;margin-bottom:22px;
  }
  .sup-option.dark p{color:#C8D5EC}
  .sup-data{
    background:var(--cream);
    border-radius:var(--radius-sm);
    padding:18px 22px;
    margin-bottom:22px;
  }
  .sup-option.dark .sup-data{background:rgba(255,255,255,0.06)}
  .sup-data-row{
    display:flex;justify-content:space-between;
    padding:6px 0;
    font-size:0.88rem;
  }
  .sup-data-row .lbl{color:var(--muted);letter-spacing:0.06em}
  .sup-option.dark .sup-data-row .lbl{color:#9DB1D8}
  .sup-data-row .val{
    font-family:var(--font-display);font-size:1.05rem;
    color:var(--navy-900);letter-spacing:0.02em;
  }
  .sup-option.dark .sup-data-row .val{color:#fff}
  .sup-actions{display:flex;gap:12px;flex-wrap:wrap}

  /* Money flow with toggle */
  .money-flow-section{background:var(--paper)}
  .toggle-card{
    background:#fff;
    border:1px solid var(--line-dark);
    border-radius:var(--radius);
    overflow:hidden;
  }
  .toggle-card-head{
    padding:32px 40px;
    display:flex;justify-content:space-between;align-items:center;
    cursor:pointer;
    background:#fff;
    transition:background .25s;
    width:100%;text-align:left;
  }
  .toggle-card-head:hover{background:var(--cream)}
  .toggle-card-head h3{
    font-family:var(--font-display);font-size:1.6rem;
    color:var(--navy-900);letter-spacing:0.02em;
  }
  .toggle-card-head h3 em{font-family:var(--font-editorial);font-style:italic;color:var(--red);font-weight:400}
  .toggle-card-head .arrow-icon{
    width:34px;height:34px;
    border:1px solid var(--navy-900);
    border-radius:50%;
    display:grid;place-items:center;
    transition:transform .3s, background .3s, color .3s;
    color:var(--navy-900);
  }
  .toggle-card[open] .toggle-card-head .arrow-icon{
    background:var(--red);color:#fff;border-color:var(--red);
    transform:rotate(180deg);
  }
  .toggle-card-body{
    max-height:0;overflow:hidden;
    transition:max-height .5s ease;
  }
  .toggle-card[open] .toggle-card-body{max-height:600px}
  .toggle-card-inner{
    padding:0 40px 40px;
    border-top:1px solid var(--line-dark);
  }
  .money-grid{
    display:grid;grid-template-columns:repeat(4, 1fr);gap:30px;
    padding-top:30px;
  }
  .money-item .money-icon{
    width:48px;height:48px;
    border:2px solid var(--navy-900);color:var(--navy-900);
    border-radius:50%;
    display:grid;place-items:center;
    margin-bottom:14px;font-size:1.2rem;
  }
  .money-item .money-percent{
    font-family:var(--font-display);font-size:1.8rem;
    color:var(--red);line-height:1;margin-bottom:4px;
  }
  .money-item .money-label{
    font-family:var(--font-display);font-size:1rem;letter-spacing:0.04em;
    color:var(--navy-900);margin-bottom:6px;
  }
  .money-item .money-desc{font-size:0.85rem;color:var(--muted);line-height:1.5}

  /* Yearly summary */
  .yearly{
    margin-top:24px;
    background:var(--navy-900);color:#fff;
    border-radius:var(--radius);
    padding:40px;
  }
  .yearly h4{
    font-family:var(--font-display);font-size:1.6rem;
    margin-bottom:24px;letter-spacing:0.02em;
  }
  .yearly h4 em{font-family:var(--font-editorial);font-style:italic;color:var(--red-bright);font-weight:400}
  .yearly-stats{
    display:grid;grid-template-columns:repeat(3, 1fr);gap:30px;
  }
  .yearly-stat{}
  .ys-num{
    font-family:var(--font-display);font-size:2.6rem;
    color:var(--red-bright);line-height:1;margin-bottom:6px;
  }
  .ys-lbl{
    font-size:0.7rem;letter-spacing:0.16em;color:#9DB1D8;
    text-transform:uppercase;font-weight:600;
  }

  /* FAQ */
  .faq-section{background:var(--cream)}
  .faq-list{max-width:920px}
  .faq-item{
    background:#fff;
    border:1px solid var(--line-dark);
    border-radius:var(--radius);
    margin-bottom:12px;
    overflow:hidden;
    transition:border-color .25s;
  }
  .faq-item[open]{border-color:var(--red)}
  .faq-q{
    width:100%;padding:24px 28px;
    text-align:left;
    display:flex;justify-content:space-between;align-items:center;gap:20px;
    font-family:var(--font-display);
    font-size:1.2rem;letter-spacing:0.02em;
    color:var(--navy-900);
  }
  .faq-q .plus{
    width:28px;height:28px;
    border:1px solid var(--navy-900);
    border-radius:50%;
    display:grid;place-items:center;
    font-family:var(--font-body);font-size:1rem;font-weight:400;
    transition:transform .3s, background .3s, color .3s;
    flex-shrink:0;
  }
  .faq-item[open] .faq-q .plus{
    background:var(--red);color:#fff;border-color:var(--red);
    transform:rotate(45deg);
  }
  .faq-a{
    max-height:0;overflow:hidden;
    transition:max-height .4s ease, padding .4s ease;
    color:var(--ink);font-size:0.95rem;line-height:1.7;
    padding:0 28px;
  }
  .faq-item[open] .faq-a{
    max-height:400px;
    padding:0 28px 24px;
  }

  /* Trust banner */
  .trust{
    background:var(--navy-900);color:#fff;
    text-align:center;padding:80px 0;
    position:relative;overflow:hidden;
  }
  .trust::before{
    content:"";position:absolute;
    inset:0;
    background:
      radial-gradient(ellipse at 20% 50%, rgba(215,38,56,0.18), transparent 60%),
      radial-gradient(ellipse at 80% 50%, rgba(215,38,56,0.12), transparent 60%);
    pointer-events:none;
  }
  .trust-inner{position:relative;z-index:1}
  .trust h2{
    font-family:var(--font-display);
    font-size:clamp(2rem, 4vw, 3rem);
    line-height:1;margin-bottom:16px;
  }
  .trust h2 em{font-family:var(--font-editorial);font-style:italic;color:var(--red-bright);font-weight:400}
  .trust p{
    color:#C8D5EC;max-width:640px;margin:0 auto 30px;
    font-size:1.05rem;line-height:1.6;
  }
  .trust-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

  @media (max-width:1024px){
    .support-options{grid-template-columns:1fr}
    .money-grid{grid-template-columns:1fr 1fr}
    .yearly-stats{grid-template-columns:1fr}
  }
  @media (max-width:680px){
    .sup-option{padding:30px}
    .toggle-card-head{padding:24px 28px}
    .toggle-card-inner{padding:0 28px 28px}
    .money-grid{grid-template-columns:1fr}
  }