/* IN Strona główna 2.0 · konkurs „Kup zestaw, wygraj GTA VI”: sekcja na głównej (.kk) i strona /konkurs/ (.kk-main).
   IN Rama i Smak 1.0 (22.10.2026): karta s1 z górną krawędzią 2 px w gradiencie marki, Archivo, bez neonów i poświat. */
.kk{padding-block:clamp(40px,6vw,80px)}
.kk-card{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,5vw,64px);align-items:center;padding:clamp(28px,4.5vw,56px);border-radius:28px;border:1px solid var(--line-2);background:var(--surface-1);overflow:hidden;isolation:isolate}
.kk-card::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--brand-grad);pointer-events:none;z-index:2}
.kk-card>*{position:relative;z-index:1}
.kk-copy{display:grid;gap:20px;justify-items:start}
.kk .hud span{color:var(--text-1)}
.kk .h2{font-family:var(--font);font-stretch:var(--wd-cond);font-weight:800;font-size:var(--fs-h1);line-height:1.02;letter-spacing:-0.015em;text-transform:none;color:var(--text-1)}
.kk .h2 em{font-style:normal;color:var(--text-1)}
.kk .lead{max-width:600px}
.kk .lead b{color:var(--text-1)}
.kk-note{color:var(--text-2);font-size:15px;line-height:1.45;max-width:560px}
.kk-wyniki{white-space:pre-line}
.kk-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}
.kk-steps li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;align-items:start;padding:16px;border-radius:16px;border:1px solid var(--line-1);background:var(--surface-2)}
.kk-steps i{grid-row:1/span 2;font-style:normal;font-family:var(--font);font-stretch:100%;font-weight:700;font-size:var(--fs-num-xl);line-height:1;letter-spacing:-0.02em;font-variant-numeric:tabular-nums;color:var(--text-1)}
.kk-steps b{font-weight:600;font-size:17px;line-height:1.3;letter-spacing:0;color:var(--text-1)}
.kk-steps span{color:var(--text-2);font-size:15px;line-height:1.4}
.kk-cta{display:flex;flex-wrap:wrap;gap:12px}
.kk-visual{display:grid;gap:18px;justify-items:center;text-align:center}
/* „GTA VI”: duże słowa w wąskim Archivo, bez obrysu, poświaty i migotania */
.kk-neon{font-family:var(--font);font-stretch:var(--wd-cond);font-weight:800;line-height:1;letter-spacing:-0.02em;text-transform:none;display:grid;justify-items:center}
.kk-neon span{font-size:var(--fs-h1);color:var(--text-2)}
.kk-neon em{font-style:normal;font-size:var(--fs-display);color:var(--text-1)}
.kk-neon-lg span{font-size:var(--fs-h1)}
.kk-neon-lg em{font-size:var(--fs-display)}
.kk-timer{display:grid;gap:8px;justify-items:center}
.kk-timer .hud{margin:0}
.kk-timer div{display:flex;gap:8px}
.kk-timer span{display:grid;justify-items:center;min-width:64px;padding:10px 8px 8px;border-radius:12px;border:1px solid var(--line-1);background:var(--surface-2)}
.kk-timer b{font-family:var(--font);font-stretch:100%;font-weight:700;font-size:var(--fs-num-xl);line-height:1;letter-spacing:-0.02em;color:var(--text-1);font-variant-numeric:tabular-nums}
.kk-timer small{font-family:var(--font);font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--text-2);margin-top:4px}
.kk-small{margin:0;max-width:300px;white-space:normal;text-align:center}
.kk-po .kk-neon,.kk-wyniki .kk-neon{opacity:.6}

/* strona /konkurs/ */
.kk-main .kk-hero .h2{font-family:var(--font);font-stretch:var(--wd-cond);font-weight:800;font-size:var(--fs-h1);line-height:1.02;letter-spacing:-0.015em;text-transform:none}
.kk-main .kk-hero .h2 em{font-style:normal;color:var(--text-1)}
.kk-visual.bb-visual{justify-items:center}
.kk-chips{width:100%}
.kk-zgl{scroll-margin-top:90px}
.kk-zgl-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,64px);align-items:start}
.kk-zgl-grid .faq-head{display:grid;gap:16px}
.kk-box-page{margin:0}
.kk-cards{grid-template-columns:repeat(5,minmax(0,1fr))}
.kk-reg{max-width:68ch;color:var(--text-2);font-size:var(--fs-body);line-height:1.65;margin-top:clamp(16px,3vw,32px)}
.kk-reg h3{color:var(--text-1);font-weight:700;font-size:var(--fs-h3);line-height:1.25;letter-spacing:-0.01em;text-wrap:balance;margin:28px 0 8px}
.kk-reg h3:first-child{margin-top:0}
.kk-reg ol{margin:0;padding-left:22px;display:grid;gap:8px}
.kk-reg a{color:var(--text-1);text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-decoration-thickness:1px;text-underline-offset:.18em}
.kk-reg a:hover{text-decoration-color:var(--text-1)}
.kk-main .bb-18{margin-bottom:clamp(32px,5vw,60px)}

@media (max-width:1000px){
  .kk-card{grid-template-columns:minmax(0,1fr)}
  .kk-visual{order:-1}
  .kk-neon{flex-direction:row}
  .kk-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kk-zgl-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  .kk{padding-block:32px}
  .kk-card{padding:24px 20px;border-radius:28px;gap:24px}
  .kk-steps{grid-template-columns:minmax(0,1fr)}
  .kk-steps li{padding:12px 16px}
  .kk-cta{width:100%}
  .kk-cta .btn{flex:1 1 auto}
  .kk-timer span{min-width:0;flex:1}
  .kk-timer div{width:100%}
  .kk-cards{grid-template-columns:minmax(0,1fr)}
}
.ze-konkurs{color:var(--text-1);text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-decoration-thickness:1px;text-underline-offset:.18em;border-bottom:0}
.ze-konkurs:hover{text-decoration-color:var(--text-1)}