/* WYGENEROWANE przez ops/artefakt-css.py z artefaktu Claude Design — nie edytować ręcznie.
 * Strona PODMIENIONA z paczki: pełny CSS z artefaktu zastępuje scoped CSS z produkcji.
 * Filtr różnicowy jest tu zakazany — dawał nowy markup ze starym stylem (02.08.2026).
 * Scope kanwy `.bzd`/`.bzm` przetłumaczony na media queries. */

.ty-hero { background: radial-gradient(ellipse at 30% 20%, rgba(129,189,81,0.08), transparent 55%), linear-gradient(160deg, #232D4B 0%, #1a2235 100%); padding: 112px 0 128px; }
.ty-content { max-width: 640px; margin: 0 auto; padding: 0 24px; text-align: center; }
.ty-icon { width: 76px; height: 76px; border-radius: 50%; background: rgba(129,189,81,0.15); display: flex; align-items: center; justify-content: center; margin: 0 auto 32px; }
.ty-icon svg { width: 32px; height: 32px; stroke: #81BD51; fill: none; }
/*ikona*/ .ty-icon .bz-ico.bz-ico { width: 32px; height: 32px; color: #81BD51; }
/*ikona*/ .ty-icon li::before { width: 32px; height: 32px; color: #81BD51; }
.ty-title { font-family: 'Inter', sans-serif; font-size: 40px; font-weight: 700; color: #fff; line-height: 1.2; margin-bottom: 16px; }
.ty-card { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.12); border-radius: 16px; padding: 28px 32px; text-align: left; margin-bottom: 36px; }
.ty-card-title { font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #81BD51; margin-bottom: 18px; }
.ty-steps { display: flex; flex-direction: column; gap: 14px; }
.ty-steps li { display: flex; align-items: flex-start; gap: 12px; font-size: 15px; color: rgba(255,255,255,0.85); line-height: 1.55; }
.ty-steps svg { width: 20px; height: 20px; stroke: #81BD51; fill: none; flex-shrink: 0; margin-top: 1px; }
/*ikona*/ .ty-steps .bz-ico.bz-ico { width: 20px; height: 20px; flex-shrink: 0; margin-top: 1px; color: #81BD51; }
/*ikona*/ .ty-steps li::before { width: 20px; height: 20px; flex-shrink: 0; margin-top: 1px; color: #81BD51; }
.ty-hero--jasny { background: #fff; padding: 96px 24px 112px; }
.ty-content--szeroki { max-width: 720px; }
.ty-title--granat { color: #232D4B; font-size: 36px; margin-bottom: 24px; }
.ty-steps--jasne { max-width: 520px; margin: 0 auto 48px; }
.ty-steps--jasne li { font-size: 17px; color: #4B5563; }
.ty-card--jasna { background: #fff; border: 1px solid #E5E7EB; border-radius: 16px; padding: 36px 40px; text-align: center; margin-bottom: 0; }
.ty-card-title--kontakt { font-size: 17px; font-weight: 600; line-height: 1.5; letter-spacing: normal; text-transform: none; color: #232D4B; margin-bottom: 24px; }
.ty-phone { font-family: 'Inter', sans-serif; font-size: 32px; font-weight: 700; line-height: 1.2; margin-bottom: 8px; }
.ty-phone a { color: #232D4B; }
.ty-phone a:hover { color: #4F7D2C; }
.ty-hours { font-size: 15px; line-height: 1.6; color: #6B7280; margin-bottom: 20px; }
.ty-mail { font-size: 17px; font-weight: 600; line-height: 1.5; }

@media (max-width: 768px) {
  .ty-hero { padding: 80px 0 96px; }
  .ty-content { padding: 0 16px; }
  .ty-title { font-size: 30px; }
  .ty-card { padding: 24px 20px; }
  .ty-hero--jasny { padding: 64px 16px 80px; }
  .ty-title--granat { font-size: 28px; }
  .ty-steps--jasne { margin-bottom: 40px; }
  .ty-steps--jasne li { font-size: 16px; }
  .ty-card--jasna { padding: 28px 20px; }
  .ty-phone { font-size: 28px; }
}

/*przycisk*/ .wp-block-button:where([class*="btn"]) { background: none; border: 0; padding: 0; box-shadow: none; }
/*przycisk*/ .wp-block-button:where([class*="btn"]) > .wp-block-button__link { background: none; border: 0; }