.warunki-page {
  background: #ffffff;
  color: #141b34; }

.warunki-shell {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 18px 96px; }

.warunki-hero {
  padding: 126px 0 92px;
  text-align: center; }

.warunki-eyebrow {
  display: inline-block;
  padding: 8px 16px;
  border-radius: 999px;
  background: #e31e24;
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase; }

.warunki-title {
  max-width: 640px;
  margin: 28px auto 0;
  font-family: "Montserrat", sans-serif;
  font-size: 4.5em;
  font-weight: 800;
  line-height: 1.02;
  color: #141b34; }

.warunki-title span {
  color: #e31e24; }

.warunki-subtitle {
  max-width: 560px;
  margin: 24px auto 0;
  font-size: 18px;
  line-height: 1.8;
  color: #6e748b; }

.warunki-grid {
  display: flex;
  flex-direction: column;
  gap: 54px; }

.warunki-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 240px;
  align-items: center;
  gap: 48px; }

.warunki-item.reverse {
  grid-template-columns: 240px minmax(0, 1fr); }

.warunki-item.reverse .warunki-copy {
  order: 2; }

.warunki-item.reverse .warunki-visual {
  order: 1; }

.warunki-copy {
  max-width: 410px; }

.warunki-termin {
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 24px; }

.warunki-termin .warunki-copy {
  max-width: none; }

.icon-shield {
  grid-template-columns: 180px minmax(0, 2fr);
  gap: 24px; }

.icon-shield .warunki-copy {
  max-width: none; }

.icon-balance {
  grid-template-columns: minmax(0, 2fr) 180px;
  gap: 24px; }

.icon-balance .warunki-copy {
  max-width: none; }

.icon-lock {
  grid-template-columns: 180px minmax(0, 2fr);
  gap: 24px; }

.icon-lock .warunki-copy {
  max-width: none; }

.icon-file {
  grid-template-columns: minmax(0, 2fr) 180px;
  gap: 24px; }

.icon-file .warunki-copy {
  max-width: none; }

.icon-chat {
  grid-template-columns: 180px minmax(0, 2fr);
  gap: 24px; }

.icon-chat .warunki-copy {
  max-width: none; }

.warunki-copy h2 {
  margin: 0 0 18px;
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.18;
  color: #141b34; }

.warunki-copy p {
  margin: 0;
  font-size: 14px;
  line-height: 1.95;
  color: #5d647b; }

.warunki-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: #e31e24;
  font-family: "Montserrat", sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase; }

.warunki-label::before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(227, 30, 36, 0.18);
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 10px 22px rgba(26, 30, 59, 0.06);
  font-family: FontAwesome;
  font-size: 15px; }

.warunki-visual {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 230px; }

.warunki-visual::before {
  content: "";
  width: 176px;
  height: 176px;
  border-radius: 22px;
  border: 8px solid #e8edf4;
  background: linear-gradient(180deg, #ffffff 0%, #fcfbfb 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 18px 40px rgba(26, 30, 59, 0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  animation: warunkiVisualFloat 4.8s ease-in-out infinite; }

.warunki-visual::after {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border: 4px solid #f7d6dd;
  border-radius: 50%;
  background: #ffffff;
  color: #e31e24;
  font-family: FontAwesome;
  font-size: 23px;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, color 0.25s ease;
  animation: warunkiVisualPulse 4.8s ease-in-out infinite; }

.warunki-termin .warunki-visual::before {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  border: 8px solid #e8edf4;
  background: #ffffff;
  box-shadow: 0 18px 40px rgba(26, 30, 59, 0.08); }

.icon-shield .warunki-visual::before {
  border-radius: 50%; }

.icon-clock .warunki-label::before,
.icon-clock .warunki-visual::after {
  content: "\f017"; }

.icon-shield .warunki-label::before,
.icon-shield .warunki-visual::after {
  content: "\f132"; }

.icon-balance .warunki-label::before,
.icon-balance .warunki-visual::after {
  content: "\f0e3";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal; }

.icon-balance .warunki-visual::before {
  border-radius: 50%; }

.icon-lock .warunki-label::before,
.icon-lock .warunki-visual::after {
  content: "\f023"; }

.icon-lock .warunki-visual::before {
  border-radius: 50%; }

.icon-chat .warunki-label::before,
.icon-chat .warunki-visual::after {
  content: "\f0e6"; }

.icon-chat .warunki-visual::before {
  border-radius: 50%; }

.icon-file .warunki-label::before,
.icon-file .warunki-visual::after {
  content: "\f15c"; }

.icon-file .warunki-visual::before {
  border-radius: 50%; }

.warunki-feature {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) 200px;
  gap: 38px;
  align-items: center;
  padding: 38px 32px;
  border: 1px solid rgba(227, 30, 36, 0.14);
  border-radius: 30px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(250, 248, 246, 0.98) 100%);
  box-shadow: 0 24px 48px rgba(26, 30, 59, 0.06); }

.warunki-feature-copy h2 {
  margin: 0 0 18px;
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.18;
  color: #141b34; }

.warunki-feature-copy p {
  margin: 0 0 24px;
  max-width: 640px;
  font-size: 14px;
  line-height: 1.95;
  color: #5d647b; }

.warunki-stats {
  display: flex;
  gap: 16px;
  flex-wrap: wrap; }

.warunki-stat {
  min-width: 122px;
  padding: 18px 16px;
  border: 1px solid #ece8eb;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(26, 30, 59, 0.04); }

.warunki-stat strong {
  display: block;
  margin-bottom: 6px;
  font-family: "Montserrat", sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: 1;
  color: #e31e24; }

.warunki-stat span {
  display: block;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #7b8195; }

.warunki-feature-visual {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 210px; }

.warunki-feature-visual::before {
  content: "";
  width: 126px;
  height: 126px;
  border-radius: 20px;
  background: linear-gradient(180deg, #e31e24 0%, #e31e24 100%);
  box-shadow: 0 24px 36px rgba(227, 30, 36, 0.24);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-radius 0.25s ease;
  animation: warunkiVisualFloat 4.8s ease-in-out infinite; }

.warunki-feature-visual::after {
  content: "\f0d6";
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 82px;
  height: 82px;
  color: #ffffff;
  font-family: FontAwesome;
  font-size: 31px;
  transition: transform 0.25s ease, text-shadow 0.25s ease;
  animation: warunkiVisualPulse 4.8s ease-in-out infinite; }

.warunki-item:hover .warunki-visual::before,
.warunki-item:focus-within .warunki-visual::before {
  transform: translateY(-6px) scale(1.03);
  border-color: #dce5f2;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 24px 46px rgba(26, 30, 59, 0.12); }

.warunki-item:hover .warunki-visual::after,
.warunki-item:focus-within .warunki-visual::after {
  transform: scale(1.08);
  border-color: #f2c6d0;
  box-shadow: 0 14px 26px rgba(227, 30, 36, 0.12); }

.warunki-feature:hover .warunki-feature-visual::before,
.warunki-feature:focus-within .warunki-feature-visual::before {
  transform: translateY(-6px) rotate(-3deg) scale(1.03);
  box-shadow: 0 28px 42px rgba(227, 30, 36, 0.28); }

.warunki-feature:hover .warunki-feature-visual::after,
.warunki-feature:focus-within .warunki-feature-visual::after {
  transform: scale(1.08);
  text-shadow: 0 10px 20px rgba(255, 255, 255, 0.18); }

@keyframes warunkiVisualFloat {
  0%,
  100% {
    transform: translateY(0); }
  50% {
    transform: translateY(-4px); } }
@keyframes warunkiVisualPulse {
  0%,
  100% {
    transform: scale(1); }
  50% {
    transform: scale(1.04); } }
.warunki-cta {
  margin-top: 58px;
  padding: 78px 24px;
  border-radius: 34px;
  background: linear-gradient(135deg, #141b34 0%, #1f2544 55%, #24182d 100%);
  text-align: center;
  color: #ffffff; }

.warunki-cta h2 {
  margin: 0 0 16px;
  font-family: "Montserrat", sans-serif;
  font-size: 3em;
  font-weight: 800; }

.warunki-cta p {
  max-width: 520px;
  margin: 0 auto 28px;
  font-size: 16px;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.72); }

.warunki-cta a {
  display: inline-block;
  padding: 14px 28px;
  border-radius: 999px;
  background: linear-gradient(180deg, #e31e24 0%, #e31e24 100%);
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 0 18px 30px rgba(227, 30, 36, 0.28);
  transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease; }

.warunki-cta a:hover,
.warunki-cta a:focus {
  transform: translateY(-1px);
  background: linear-gradient(180deg, #cf171d 0%, #cf171d 100%); }

.warunki-cta a:active {
  transform: translateY(1px); }

@media (max-width: 991px) {
  .warunki-title {
    font-size: 3.5em; }

  .warunki-item,
  .warunki-item.reverse {
    grid-template-columns: 1fr;
    gap: 26px; }

  .warunki-item.reverse .warunki-copy,
  .warunki-item.reverse .warunki-visual {
    order: initial; }

  .warunki-copy,
  .warunki-feature-copy {
    max-width: none; }

  .warunki-feature {
    grid-template-columns: minmax(0, 1fr) 150px;
    gap: 24px;
    align-items: center; }

  .warunki-feature-visual {
    min-height: 0; }

  .warunki-feature-visual::before {
    width: 114px;
    height: 114px;
    border-radius: 18px; }

  .warunki-feature-visual::after {
    width: 72px;
    height: 72px;
    font-size: 28px; } }
@media (max-width: 767px) {
  .warunki-shell {
    padding-bottom: 64px; }

  .warunki-hero {
    padding: 94px 0 54px; }

  .warunki-title {
    font-size: 2.6em; }

  .warunki-subtitle {
    font-size: 16px;
    line-height: 1.7; }

  .warunki-grid {
    gap: 40px; }

  .warunki-item {
    gap: 18px; }

  .warunki-copy h2,
  .warunki-feature-copy h2 {
    font-size: 20px; }

  .warunki-copy p,
  .warunki-feature-copy p {
    font-size: 13px;
    line-height: 1.85; }

  .warunki-visual,
  .warunki-feature-visual {
    display: none; }

  .warunki-visual::before {
    width: 132px;
    height: 132px;
    border-width: 6px; }

  .warunki-visual::after {
    width: 48px;
    height: 48px;
    font-size: 19px; }

  .warunki-termin .warunki-visual::before {
    width: 148px;
    height: 148px; }

  .warunki-feature {
    grid-template-columns: 1fr; }

  .warunki-feature {
    padding: 26px 18px;
    border-radius: 24px; }

  .warunki-feature-visual::before {
    width: 112px;
    height: 112px; }

  .warunki-feature-visual::after {
    width: 68px;
    height: 68px;
    font-size: 26px; }

  .warunki-stat {
    min-width: 0;
    flex: 1 1 120px; }

  .warunki-stat strong {
    font-size: 24px; }

  .warunki-cta {
    margin-top: 44px;
    padding: 52px 20px;
    border-radius: 28px; }

  .warunki-cta h2 {
    font-size: 2.1em; }

  .warunki-cta p {
    font-size: 14px; } }
@media (prefers-reduced-motion: reduce) {
  .warunki-visual::before,
  .warunki-visual::after,
  .warunki-feature-visual::before,
  .warunki-feature-visual::after {
    animation: none;
    transition: none; } }