@import url("default.css");

/* Ukryty tytuł boxa z opisem na stronie głównej */
#dContentBox26 .contentBoxHeading { display: none; }

/* Kontener stron informacyjnych .ewc-page, kolory jasnego motywu */
#srodkowaKolumna .ewc-page {
  --ewc-ink: #141614;
  --ewc-text: #3A3F39;
  --ewc-muted: #5A6257;
  --ewc-accent: #76B620;
  --ewc-accent-hover: #69A31B;
  --ewc-accent-text: #4A7A12;
  --ewc-surface: #F2F5EE;
  --ewc-card: #FFFFFF;
  --ewc-line: #DCE2D5;
  --ewc-band: #1B1F1A;
  --ewc-band-text: #EEF1EA;
  --ewc-band-muted: #B4BCAE;
  --ewc-cta: #EAF3DD;
  container-type: inline-size;
  color: var(--ewc-text);
  font-size: 1rem;
  line-height: 1.65;
}

/* Kolory ciemnego motywu (.dark na html/body) */
html.dark #srodkowaKolumna .ewc-page,
body.dark #srodkowaKolumna .ewc-page {
  --ewc-ink: #F3F5F0;
  --ewc-text: #D2D7CE;
  --ewc-muted: #A4AC9F;
  --ewc-accent-text: #9BD146;
  --ewc-surface: #1A1D18;
  --ewc-card: #141613;
  --ewc-line: #30362D;
  --ewc-band: #232A20;
  --ewc-band-text: #F1F4ED;
  --ewc-band-muted: #B7BFB1;
  --ewc-cta: #1D2517;
}

/* H1 szablonu na stronach z .ewc-page */
#srodkowaKolumna:has(.ewc-page) .headTitle.pageHeading {
  margin: .25rem 0 .75rem;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.015em;
}
@media (min-width: 768px) {
  #srodkowaKolumna:has(.ewc-page) .headTitle.pageHeading { font-size: 2.5rem; }
}

/* Nagłówki, akapity, listy i sekcje .ewc-section */
#srodkowaKolumna .ewc-page h2 {
  margin: 0 0 1.25rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.01em;
  color: var(--ewc-ink);
}
#srodkowaKolumna .ewc-page h3 {
  margin: 0 0 .5rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--ewc-ink);
}
#srodkowaKolumna .ewc-page p { margin: 0 0 1rem; }
#srodkowaKolumna .ewc-page strong { font-weight: 700; color: var(--ewc-ink); }
#srodkowaKolumna .ewc-page ul,
#srodkowaKolumna .ewc-page ol { margin: 0; padding: 0; list-style: none; }
#srodkowaKolumna .ewc-page li { margin: 0; padding: 0; }
#srodkowaKolumna .ewc-page .ewc-section { margin: 0 0 3rem; }
#srodkowaKolumna .ewc-page > :last-child { margin-bottom: 0; }

/* Ikony .ewc-i-* */
#srodkowaKolumna .ewc-page [class*="ewc-i-"]::before {
  content: "";
  display: block;
  flex: none;
  width: 1.5rem;
  height: 1.5rem;
  background-color: currentColor;
  -webkit-mask: var(--ewc-ico) center / contain no-repeat;
  mask: var(--ewc-ico) center / contain no-repeat;
}
.ewc-i-shield { --ewc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E"); }
.ewc-i-coins { --ewc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='6'/%3E%3Cpath d='M18.09 10.37A6 6 0 1 1 10.34 18'/%3E%3Cpath d='M7 6h1v4'/%3E%3Cpath d='m16.71 13.88.7.71-2.82 2.82'/%3E%3C/svg%3E"); }
.ewc-i-doc { --ewc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Cpath d='m9 15 2 2 4-4'/%3E%3C/svg%3E"); }
.ewc-i-gauge { --ewc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 14 4-4'/%3E%3Cpath d='M3.34 19a10 10 0 1 1 17.32 0'/%3E%3C/svg%3E"); }
.ewc-i-search { --ewc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E"); }
.ewc-i-wrench { --ewc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z'/%3E%3C/svg%3E"); }
.ewc-i-chat { --ewc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z'/%3E%3C/svg%3E"); }
.ewc-i-phone { --ewc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E"); }
.ewc-i-mail { --ewc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E"); }

/* Wstęp pod H1 (.ewc-intro, .ewc-lead) */
#srodkowaKolumna .ewc-page .ewc-intro { max-width: 44rem; margin: 0 0 3rem; }
#srodkowaKolumna .ewc-page .ewc-lead {
  margin: 0 0 1rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--ewc-accent-text);
}
#srodkowaKolumna .ewc-page .ewc-intro p:last-child { margin: 0; font-size: 1.0625rem; }

/* Lista korzyści .ewc-benefits */
#srodkowaKolumna .ewc-page .ewc-benefits {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1px;
  overflow: hidden;
  background: var(--ewc-line);
  border: 1px solid var(--ewc-line);
  border-radius: 12px;
}
#srodkowaKolumna .ewc-page .ewc-benefits li {
  padding: 1.25rem 1.25rem 1.375rem;
  background: var(--ewc-card);
  color: var(--ewc-muted);
}
#srodkowaKolumna .ewc-page .ewc-benefits li::before {
  width: 2rem;
  height: 2rem;
  margin-bottom: .875rem;
  color: var(--ewc-accent-text);
}
#srodkowaKolumna .ewc-page .ewc-benefits strong,
#srodkowaKolumna .ewc-page .ewc-checks strong,
#srodkowaKolumna .ewc-page .ewc-steps strong {
  display: block;
  margin-bottom: .25rem;
  line-height: 1.35;
}

/* Usługi .ewc-services i galeria .ewc-gallery */
#srodkowaKolumna .ewc-page .ewc-services {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
#srodkowaKolumna .ewc-page .ewc-service {
  padding: 1.5rem;
  background: var(--ewc-surface);
  border-radius: 12px;
}
#srodkowaKolumna .ewc-page .ewc-service::before {
  width: 1.75rem;
  height: 1.75rem;
  margin-bottom: 1rem;
  color: var(--ewc-accent-text);
}
#srodkowaKolumna .ewc-page .ewc-service p { margin: 0; }
#srodkowaKolumna .ewc-page .ewc-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .75rem;
  margin-top: 1rem;
}
#srodkowaKolumna .ewc-page .ewc-gallery img {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border-radius: 10px;
  background: var(--ewc-surface);
}

/* Ciemny pas z krokami procesu (.ewc-band, .ewc-steps) */
#srodkowaKolumna .ewc-page .ewc-band {
  padding: 2rem 1.25rem;
  background: var(--ewc-band);
  color: var(--ewc-band-text);
  border-radius: 16px;
}
#srodkowaKolumna .ewc-page .ewc-band h2 { margin-bottom: 1.75rem; color: var(--ewc-band-text); }
#srodkowaKolumna .ewc-page .ewc-steps {
  display: grid;
  gap: 1.5rem;
  counter-reset: ewc-step;
}
#srodkowaKolumna .ewc-page .ewc-steps li {
  position: relative;
  min-height: 2.75rem;
  padding-left: 3.75rem;
  color: var(--ewc-band-muted);
  counter-increment: ewc-step;
}
#srodkowaKolumna .ewc-page .ewc-steps li::before {
  content: counter(ewc-step);
  position: absolute;
  top: 0;
  left: 0;
  display: grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  background: var(--ewc-accent);
  color: #141614;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
}
#srodkowaKolumna .ewc-page .ewc-steps li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 3.25rem;
  bottom: -1.25rem;
  left: calc(1.375rem - 1px);
  width: 2px;
  background: var(--ewc-accent);
  opacity: .5;
}
#srodkowaKolumna .ewc-page .ewc-steps strong { color: var(--ewc-band-text); }
#srodkowaKolumna .ewc-page .ewc-steps span { font-size: .9375rem; }

/* Lista „Dlaczego my” .ewc-checks */
#srodkowaKolumna .ewc-page .ewc-checks {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem 2.5rem;
}
#srodkowaKolumna .ewc-page .ewc-checks li {
  position: relative;
  padding-left: 2.75rem;
  color: var(--ewc-muted);
}
#srodkowaKolumna .ewc-page .ewc-checks li::before {
  content: "";
  position: absolute;
  top: .125rem;
  left: 0;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  background: var(--ewc-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141614' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 1rem no-repeat;
}

/* Blok kontaktowy .ewc-cta i przyciski .ewc-btn */
#srodkowaKolumna .ewc-page .ewc-cta {
  display: grid;
  gap: 1rem;
  margin: 0;
  padding: 2rem 1.5rem;
  background: var(--ewc-cta);
  border-radius: 16px;
}
#srodkowaKolumna .ewc-page .ewc-cta h2 { margin: 0; }
#srodkowaKolumna .ewc-page .ewc-cta p { margin: 0; color: var(--ewc-text); }
#srodkowaKolumna .ewc-page .ewc-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: .5rem;
}
#srodkowaKolumna .ewc-page .ewc-btn {
  display: inline-flex;
  flex: 1 1 16rem;
  align-items: center;
  justify-content: center;
  gap: .625rem;
  min-height: 3rem;
  padding: .75rem 1.25rem;
  border: 1px solid transparent;
  border-radius: 10px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  overflow-wrap: anywhere;
}
#srodkowaKolumna .ewc-page .ewc-btn::before { width: 1.25rem; height: 1.25rem; }
#srodkowaKolumna .ewc-page .ewc-btn-primary { background: var(--ewc-accent); color: #141614; }
#srodkowaKolumna .ewc-page .ewc-btn-primary:hover { background: var(--ewc-accent-hover); color: #141614; }
#srodkowaKolumna .ewc-page .ewc-btn-secondary {
  background: var(--ewc-card);
  border-color: var(--ewc-line);
  color: var(--ewc-ink);
}
#srodkowaKolumna .ewc-page .ewc-btn-secondary:hover { border-color: var(--ewc-accent-text); color: var(--ewc-ink); }
#srodkowaKolumna .ewc-page .ewc-btn:focus-visible { outline: 3px solid var(--ewc-accent-text); outline-offset: 2px; }

/* Układ sekcji przy szerszej kolumnie treści */
@container (min-width: 480px) {
  #srodkowaKolumna .ewc-page .ewc-benefits { grid-template-columns: repeat(2, 1fr); }
}
@container (min-width: 560px) {
  #srodkowaKolumna .ewc-page .ewc-checks { grid-template-columns: repeat(2, 1fr); }
}
@container (min-width: 700px) {
  #srodkowaKolumna .ewc-page h2 { font-size: 1.75rem; }
  #srodkowaKolumna .ewc-page .ewc-section { margin-bottom: 3.5rem; }
  #srodkowaKolumna .ewc-page .ewc-services { grid-template-columns: repeat(3, 1fr); }
  #srodkowaKolumna .ewc-page .ewc-gallery { gap: 1rem; margin-top: 1.25rem; }
}
@container (min-width: 760px) {
  #srodkowaKolumna .ewc-page .ewc-cta {
    grid-template-columns: 1fr minmax(16rem, auto);
    grid-template-areas: "t a" "p a";
    column-gap: 2.5rem;
    row-gap: .5rem;
    padding: 2.25rem 2.5rem;
  }
  #srodkowaKolumna .ewc-page .ewc-cta h2 { grid-area: t; align-self: end; }
  #srodkowaKolumna .ewc-page .ewc-cta p { grid-area: p; align-self: start; }
  #srodkowaKolumna .ewc-page .ewc-cta-actions {
    grid-area: a;
    flex-direction: column;
    align-self: center;
    margin: 0;
  }
  #srodkowaKolumna .ewc-page .ewc-btn { flex: none; justify-content: flex-start; }
}
@container (min-width: 860px) {
  #srodkowaKolumna .ewc-page .ewc-benefits { grid-template-columns: repeat(4, 1fr); }
  #srodkowaKolumna .ewc-page .ewc-band { padding: 2.5rem 2.25rem; }
  #srodkowaKolumna .ewc-page .ewc-steps { grid-template-columns: repeat(5, 1fr); gap: 1.25rem; }
  #srodkowaKolumna .ewc-page .ewc-steps li { padding: 4rem 0 0; }
  #srodkowaKolumna .ewc-page .ewc-steps li:not(:last-child)::after {
    top: calc(1.375rem - 1px);
    bottom: auto;
    left: 3.25rem;
    right: -.75rem;
    width: auto;
    height: 2px;
  }
}

/* Strona kategorii: H1, nagłówki opisu, filtry, nazwy produktów; nagłówki boxów w lewej kolumnie */
#srodkowaKolumna h1.pageHeading { font-size: 30px; font-weight: 700; line-height: 1.25; margin: 4px 0 16px; }
#srodkowaKolumna .category-description-additional h2 { font-size: 22px; font-weight: 700; line-height: 1.3; margin: 32px 0 12px; }
#srodkowaKolumna .category-description-additional h3 { font-size: 18px; font-weight: 700; line-height: 1.35; margin: 24px 0 8px; }
#srodkowaKolumna #filtryContentBox .contentBoxHeading { font-size: 17px; line-height: 1.4; margin: 4px 0 12px; }
#srodkowaKolumna #filtryContentBox #filters_switch { font-weight: 600; }
#srodkowaKolumna .listing p.nazwa { font-size: 17px; font-weight: 500; line-height: 1.35; margin: 8px 0; }
#lewaKolumna .infoBox .infoBoxHeading { font-size: 17px; font-weight: 600; }
@media (max-width: 770px) {
  #srodkowaKolumna h1.pageHeading { font-size: 22px; margin: 4px 0 12px; }
  #srodkowaKolumna .category-description-additional h2 { font-size: 19px; margin: 24px 0 10px; }
  #srodkowaKolumna .category-description-additional h3 { font-size: 17px; }
  #srodkowaKolumna #filtryContentBox .contentBoxHeading { font-size: 16px; margin: 4px 0 10px; }
  #srodkowaKolumna .listing p.nazwa { font-size: 15px; }
}

/* Lewa kolumna – miniatury produktów w kwadracie (Polecamy, Nowości, Bestsellery) */
#lewaKolumna .product-picture img,
#bestsellersInfoBox .listaIkony img {
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
}

/* ==========================================================
   13. Komponenty dodane dla strony „O firmie” (2026-11-02)
   ========================================================== */

/* Ikony oferty; hak jest też użyty na pasie z hasłem */
.ewc-i-hoist,
.ewc-statement { --ewc-hook: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='3.5' r='1.5'/%3E%3Cpath d='M12 5v5'/%3E%3Cpath d='M12 10a5 5 0 1 1-5 5'/%3E%3Cpath d='m7 15 2-2'/%3E%3C/svg%3E"); }
.ewc-i-hoist { --ewc-ico: var(--ewc-hook); }
.ewc-i-chain { --ewc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E"); }
.ewc-i-strap { --ewc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z'/%3E%3Cpath d='M12 22V12'/%3E%3Cpath d='m3.3 7 7.703 4.734a2 2 0 0 0 1.994 0L20.7 7'/%3E%3Cpath d='m7.5 4.27 9 5.15'/%3E%3C/svg%3E"); }
.ewc-i-parts { --ewc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z'/%3E%3Cpath d='M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z'/%3E%3Cpath d='M12 2v2'/%3E%3Cpath d='M12 22v-2'/%3E%3Cpath d='m17 20.66-1-1.73'/%3E%3Cpath d='M11 10.27 7 3.34'/%3E%3Cpath d='m20.66 17-1.73-1'/%3E%3Cpath d='m3.34 7 1.73 1'/%3E%3Cpath d='M14 12h8'/%3E%3Cpath d='M2 12h2'/%3E%3Cpath d='m20.66 7-1.73 1'/%3E%3Cpath d='m3.34 17 1.73-1'/%3E%3Cpath d='m17 3.34-1 1.73'/%3E%3Cpath d='m11 13.73-4 6.93'/%3E%3C/svg%3E"); }

/* Hasło na ciemnym pasie: lina z hakiem po lewej */
#srodkowaKolumna .ewc-page .ewc-statement {
  position: relative;
  padding: 2rem 1.5rem 2rem 4.25rem;
}
#srodkowaKolumna .ewc-page .ewc-statement::before {
  content: "";
  position: absolute;
  top: 0;
  left: 2rem;
  width: 2px;
  height: 1.75rem;
  background: var(--ewc-accent);
}
#srodkowaKolumna .ewc-page .ewc-statement::after {
  content: "";
  position: absolute;
  top: 1.5rem;
  left: calc(2rem - .875rem + 1px);
  width: 1.75rem;
  height: 1.75rem;
  background-color: var(--ewc-accent);
  -webkit-mask: var(--ewc-hook) center / contain no-repeat;
  mask: var(--ewc-hook) center / contain no-repeat;
}
#srodkowaKolumna .ewc-page .ewc-statement p {
  max-width: 24ch;
  margin: 0;
  color: var(--ewc-band-text);
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.015em;
}

/* Odstęp od H1, gdy treść zaczyna się od H2 */
#srodkowaKolumna .ewc-page > .ewc-intro:first-child > h2:first-child { margin-top: 1.25rem; }

/* Akapit pod siatką kart */
#srodkowaKolumna .ewc-page .ewc-benefits + p { max-width: 44rem; margin: 1.25rem 0 0; }

@container (min-width: 480px) {
  #srodkowaKolumna .ewc-page .ewc-cols-2 li {
    display: grid;
    grid-template-columns: 2rem 1fr;
    column-gap: 1rem;
    align-content: start;
    padding: 1.5rem;
  }
  #srodkowaKolumna .ewc-page .ewc-cols-2 li::before { grid-row: span 2; margin: 0; }
}
@container (min-width: 700px) {
  #srodkowaKolumna .ewc-page .ewc-statement { padding: 2.75rem 3rem 2.75rem 6.5rem; }
  #srodkowaKolumna .ewc-page .ewc-statement::before { left: 3.25rem; height: 2.5rem; }
  #srodkowaKolumna .ewc-page .ewc-statement::after {
    top: 2.125rem;
    left: calc(3.25rem - 1.25rem + 1px);
    width: 2.5rem;
    height: 2.5rem;
  }
  #srodkowaKolumna .ewc-page .ewc-statement p { font-size: 2.25rem; }
}
@container (min-width: 860px) {
  #srodkowaKolumna .ewc-page .ewc-benefits.ewc-cols-2 { grid-template-columns: repeat(2, 1fr); }
}

/* ==========================================================
   14. Komponenty dodane dla strony „Kontakt” (2026-11-02)
   ========================================================== */

.ewc-i-clock { --ewc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E"); }

/* Link w leadzie */
#srodkowaKolumna .ewc-page .ewc-lead a {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .15em;
}

/* Dwa panele: kontakt + dane firmy */
#srodkowaKolumna .ewc-page .ewc-contact {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}
#srodkowaKolumna .ewc-page .ewc-contact-main {
  padding: 1.75rem 1.5rem;
  background: var(--ewc-cta);
  border-radius: 16px;
}
#srodkowaKolumna .ewc-page .ewc-contact h2 { margin-bottom: .75rem; }
#srodkowaKolumna .ewc-page .ewc-hours {
  display: flex;
  align-items: flex-start;
  gap: .75rem;
  margin: 0 0 1.5rem;
}
#srodkowaKolumna .ewc-page .ewc-hours::before { margin-top: .1rem; color: var(--ewc-accent-text); }
#srodkowaKolumna .ewc-page .ewc-contact .ewc-cta-actions { flex-direction: column; margin: 0; }
#srodkowaKolumna .ewc-page .ewc-contact .ewc-btn {
  flex: none;
  justify-content: flex-start;
  min-height: 3.5rem;
  font-size: 1.125rem;
}

/* Dane firmy jako tabliczka znamionowa (nity w rogach) */
#srodkowaKolumna .ewc-page .ewc-plate {
  --ewc-rivet: rgba(255, 255, 255, .24);
  padding: 1.75rem 1.5rem;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 16px;
  color: var(--ewc-band-text);
  background:
    radial-gradient(circle at 16px 16px, var(--ewc-rivet) 0 3px, transparent 3.5px),
    radial-gradient(circle at calc(100% - 16px) 16px, var(--ewc-rivet) 0 3px, transparent 3.5px),
    radial-gradient(circle at 16px calc(100% - 16px), var(--ewc-rivet) 0 3px, transparent 3.5px),
    radial-gradient(circle at calc(100% - 16px) calc(100% - 16px), var(--ewc-rivet) 0 3px, transparent 3.5px),
    var(--ewc-band);
}
#srodkowaKolumna .ewc-page .ewc-plate h2 { color: var(--ewc-band-text); }
#srodkowaKolumna .ewc-page .ewc-plate p { margin: 0 0 1.25rem; color: var(--ewc-band-muted); }
#srodkowaKolumna .ewc-page .ewc-plate dl {
  display: grid;
  grid-template-columns: max-content 1fr;
  margin: 0;
}
#srodkowaKolumna .ewc-page .ewc-plate dt,
#srodkowaKolumna .ewc-page .ewc-plate dd {
  margin: 0;
  padding: .875rem 0;
  border-top: 1px solid rgba(255, 255, 255, .14);
}
#srodkowaKolumna .ewc-page .ewc-plate dt {
  padding-right: 1.5rem;
  color: var(--ewc-band-muted);
  font-size: .9375rem;
}
#srodkowaKolumna .ewc-page .ewc-plate dd {
  color: var(--ewc-band-text);
  font-weight: 700;
}

@container (min-width: 760px) {
  #srodkowaKolumna .ewc-page .ewc-contact { grid-template-columns: 1fr 1fr; gap: 1.5rem; }
  #srodkowaKolumna .ewc-page .ewc-contact-main,
  #srodkowaKolumna .ewc-page .ewc-plate { padding: 2.25rem; }
}

/* ==========================================================
   15. Komponenty dodane dla strony „Koszt dostawy” (2026-11-02)
   ========================================================== */

.ewc-i-truck { --ewc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2'/%3E%3Cpath d='M15 18H9'/%3E%3Cpath d='M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3C/svg%3E"); }
.ewc-i-gift { --ewc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13'/%3E%3Cpath d='M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7'/%3E%3Cpath d='M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5'/%3E%3C/svg%3E"); }
.ewc-i-alert { --ewc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E"); }

/* Panel z trzema kartami (bez pustej komórki przy 2 kolumnach) */
#srodkowaKolumna .ewc-page .ewc-benefits.ewc-cols-3 { grid-template-columns: 1fr; }

/* Tabela cennika */
#srodkowaKolumna .ewc-page .ewc-table-wrap {
  overflow-x: auto;
  margin: 0 0 1rem;
  border: 1px solid var(--ewc-line);
  border-radius: 12px;
}
#srodkowaKolumna .ewc-page .ewc-table {
  width: 100%;
  min-width: 30rem;
  margin: 0;
  border: 0;
  border-collapse: collapse;
  font-size: .9375rem;
  font-variant-numeric: tabular-nums;
}
#srodkowaKolumna .ewc-page .ewc-table th,
#srodkowaKolumna .ewc-page .ewc-table td {
  padding: .75rem .875rem;
  border: 0;
  border-top: 1px solid var(--ewc-line);
  background: var(--ewc-card);
  color: var(--ewc-text);
  text-align: right;
  vertical-align: middle;
  white-space: nowrap;
}
#srodkowaKolumna .ewc-page .ewc-table thead th {
  border-top: 0;
  background: var(--ewc-band);
  color: var(--ewc-band-text);
  font-weight: 700;
  line-height: 1.3;
  vertical-align: bottom;
  white-space: normal;
}
#srodkowaKolumna .ewc-page .ewc-table th:first-child { text-align: left; }
#srodkowaKolumna .ewc-page .ewc-table tbody th { color: var(--ewc-ink); font-weight: 700; }
#srodkowaKolumna .ewc-page .ewc-table tbody tr:nth-child(even) > * { background: var(--ewc-surface); }

/* Przypis pod tabelą */
#srodkowaKolumna .ewc-page .ewc-small {
  margin: 0;
  color: var(--ewc-muted);
  font-size: .875rem;
  line-height: 1.55;
}

/* Ostrzeżenie */
#srodkowaKolumna .ewc-page .ewc-alert {
  --ewc-alert-bg: #FFF4E0;
  --ewc-alert-line: #F3D29B;
  --ewc-alert-ico: #A15C07;
  display: flex;
  align-items: flex-start;
  gap: .875rem;
  margin: 1.25rem 0 0;
  padding: 1.125rem 1.25rem;
  background: var(--ewc-alert-bg);
  border: 1px solid var(--ewc-alert-line);
  border-radius: 12px;
  color: var(--ewc-ink);
}
html.dark #srodkowaKolumna .ewc-page .ewc-alert,
body.dark #srodkowaKolumna .ewc-page .ewc-alert {
  --ewc-alert-bg: #2A2112;
  --ewc-alert-line: #4D3B1C;
  --ewc-alert-ico: #F5A524;
}
#srodkowaKolumna .ewc-page .ewc-alert::before { margin-top: .1rem; color: var(--ewc-alert-ico); }
#srodkowaKolumna .ewc-page .ewc-alert p { margin: 0; }

@container (min-width: 700px) {
  #srodkowaKolumna .ewc-page .ewc-benefits.ewc-cols-3 { grid-template-columns: repeat(3, 1fr); }
}
@container (min-width: 860px) {
  #srodkowaKolumna .ewc-page .ewc-steps.ewc-steps-3 { grid-template-columns: repeat(3, 1fr); }
}

/* ==========================================================
   16. Dokumenty prawne: regulamin i polityka prywatności (2026-11-02)
   ========================================================== */

/* Data obowiązywania pod tytułem dokumentu */
#srodkowaKolumna .ewc-page .ewc-intro .ewc-doc-meta {
  margin: 0 0 1.25rem;
  color: var(--ewc-muted);
  font-size: .9375rem;
}

/* Spis treści */
#srodkowaKolumna .ewc-page .ewc-toc {
  margin: 0 0 3rem;
  padding: 1.5rem;
  background: var(--ewc-surface);
  border-radius: 12px;
}
#srodkowaKolumna .ewc-page .ewc-toc-title {
  margin: 0 0 .75rem;
  color: var(--ewc-ink);
  font-weight: 700;
}
#srodkowaKolumna .ewc-page .ewc-toc ol { column-gap: 2.5rem; }
#srodkowaKolumna .ewc-page .ewc-toc li { break-inside: avoid; }
#srodkowaKolumna .ewc-page .ewc-toc a {
  display: flex;
  gap: .625rem;
  padding: .375rem 0;
  color: var(--ewc-text);
  line-height: 1.4;
  text-decoration: none;
}
#srodkowaKolumna .ewc-page .ewc-toc a span {
  flex: none;
  min-width: 2.5rem;
  color: var(--ewc-accent-text);
  font-weight: 700;
}
#srodkowaKolumna .ewc-page .ewc-toc a:hover { color: var(--ewc-ink); text-decoration: underline; }

/* Treść dokumentu */
#srodkowaKolumna .ewc-page .ewc-legal { max-width: 46rem; }
#srodkowaKolumna .ewc-page .ewc-legal-intro { margin: 0 0 2.5rem; }
#srodkowaKolumna .ewc-page .ewc-par {
  padding: 2rem 0 0;
  border-top: 1px solid var(--ewc-line);
  scroll-margin-top: 1.5rem;
}
#srodkowaKolumna .ewc-page .ewc-par + .ewc-par { margin-top: 2rem; }
#srodkowaKolumna .ewc-page .ewc-legal h2 { margin-bottom: 1rem; font-size: 1.375rem; }
#srodkowaKolumna .ewc-page .ewc-par-no {
  margin-right: .5rem;
  color: var(--ewc-accent-text);
}
#srodkowaKolumna .ewc-page .ewc-legal h3 { margin: 1.75rem 0 .75rem; font-size: 1.0625rem; }
#srodkowaKolumna .ewc-page .ewc-legal ol { margin: 0 0 1rem; padding-left: 1.75rem; list-style: decimal; }
#srodkowaKolumna .ewc-page .ewc-legal ul { margin: .5rem 0; padding-left: 1.5rem; list-style: disc; }
#srodkowaKolumna .ewc-page .ewc-legal li { margin: 0 0 .625rem; padding-left: .25rem; }
#srodkowaKolumna .ewc-page .ewc-legal ul > li { margin-bottom: .375rem; }
#srodkowaKolumna .ewc-page .ewc-legal li::marker { color: var(--ewc-muted); font-weight: 700; }
#srodkowaKolumna .ewc-page .ewc-legal li > p { margin: .5rem 0 0; }
#srodkowaKolumna .ewc-page .ewc-legal ol.ewc-alpha {
  margin-top: .5rem;
  padding-left: 2rem;
  list-style: none;
  counter-reset: ewc-alpha;
}
#srodkowaKolumna .ewc-page .ewc-legal ol.ewc-alpha > li { position: relative; counter-increment: ewc-alpha; }
#srodkowaKolumna .ewc-page .ewc-legal ol.ewc-alpha > li::before {
  content: counter(ewc-alpha, lower-alpha) ")";
  position: absolute;
  left: -1.75rem;
  color: var(--ewc-muted);
  font-weight: 700;
}
#srodkowaKolumna .ewc-page .ewc-legal a {
  color: var(--ewc-accent-text);
  text-decoration: underline;
  text-underline-offset: .15em;
  overflow-wrap: anywhere;
}

/* Definicje (numerowane automatycznie) */
#srodkowaKolumna .ewc-page .ewc-defs { margin: 0; counter-reset: ewc-def; }
#srodkowaKolumna .ewc-page .ewc-defs dt {
  margin: 1rem 0 .25rem;
  color: var(--ewc-ink);
  font-weight: 700;
  counter-increment: ewc-def;
}
#srodkowaKolumna .ewc-page .ewc-defs dt:first-child { margin-top: 0; }
#srodkowaKolumna .ewc-page .ewc-defs dt::before {
  content: counter(ewc-def) ".";
  display: inline-block;
  min-width: 1.75rem;
  color: var(--ewc-accent-text);
}
#srodkowaKolumna .ewc-page .ewc-defs dd { margin: 0; padding-left: 1.75rem; }

@container (min-width: 700px) {
  #srodkowaKolumna .ewc-page .ewc-toc { padding: 1.75rem 2rem; }
  #srodkowaKolumna .ewc-page .ewc-toc ol { columns: 2; }
}

/* ==========================================================
   17. Formularze do wydruku: odstąpienie i reklamacja (2026-11-02)
   ========================================================== */

#srodkowaKolumna .ewc-page .ewc-send { margin: 1.25rem 0 0; max-width: 46rem; }
#srodkowaKolumna .ewc-page .ewc-benefits a,
#srodkowaKolumna .ewc-page .ewc-send a {
  color: var(--ewc-accent-text);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: .15em;
}
#srodkowaKolumna .ewc-page .ewc-benefits a { display: inline-block; margin-top: .375rem; }

/* Kartka formularza – zawsze jasna, jak papier */
#srodkowaKolumna .ewc-page .ewc-sheet {
  --ewc-paper: #FFFFFF;
  --ewc-paper-ink: #141614;
  --ewc-paper-muted: #5A6257;
  --ewc-paper-line: #8E978A;
  max-width: 46rem;
  padding: 2rem 1.5rem 2.25rem;
  background: var(--ewc-paper);
  color: var(--ewc-paper-ink);
  border: 1px solid var(--ewc-line);
  border-radius: 4px;
  box-shadow: 0 18px 32px -24px rgba(0, 0, 0, .45);
}
html.dark #srodkowaKolumna .ewc-page .ewc-sheet,
body.dark #srodkowaKolumna .ewc-page .ewc-sheet { --ewc-paper: #F4F5F1; border-color: transparent; }
#srodkowaKolumna .ewc-page .ewc-sheet p { margin: 0 0 1rem; color: var(--ewc-paper-ink); line-height: 2; }
#srodkowaKolumna .ewc-page .ewc-sheet strong { color: var(--ewc-paper-ink); }
#srodkowaKolumna .ewc-page .ewc-sheet p.ewc-sheet-title {
  margin: 2rem 0 1.25rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
#srodkowaKolumna .ewc-page .ewc-sheet p.ewc-sheet-date { width: 14rem; max-width: 100%; margin: 0 0 1.5rem auto; line-height: 1.4; text-align: center; }
#srodkowaKolumna .ewc-page .ewc-sheet p.ewc-sign { width: 16rem; max-width: 100%; margin: 2.5rem 0 0 auto; line-height: 1.4; text-align: center; }
#srodkowaKolumna .ewc-page .ewc-parties { display: grid; gap: 1.25rem; }
#srodkowaKolumna .ewc-page .ewc-sheet .ewc-party p { margin: 0; line-height: 1.6; overflow-wrap: anywhere; }
#srodkowaKolumna .ewc-page .ewc-sheet .ewc-party p + p { margin-top: .375rem; }

/* Pola do wypełnienia */
#srodkowaKolumna .ewc-page .ewc-blank {
  display: inline-block;
  min-width: 8rem;
  height: 1.25em;
  vertical-align: baseline;
  border-bottom: 1px dotted var(--ewc-paper-line);
}
#srodkowaKolumna .ewc-page .ewc-blank-wide { min-width: 14rem; }
#srodkowaKolumna .ewc-page .ewc-blank-lg {
  display: block;
  width: 100%;
  height: 4.5rem;
  border-bottom: 0;
  background: repeating-linear-gradient(to bottom, transparent 0, transparent calc(1.5rem - 1px), var(--ewc-paper-line) calc(1.5rem - 1px), var(--ewc-paper-line) 1.5rem);
  opacity: .8;
}
#srodkowaKolumna .ewc-page .ewc-sheet-date .ewc-blank,
#srodkowaKolumna .ewc-page .ewc-sign .ewc-blank { display: block; width: 100%; min-width: 0; }
#srodkowaKolumna .ewc-page .ewc-cap {
  display: block;
  margin-top: .25rem;
  color: var(--ewc-paper-muted);
  font-size: .75rem;
  line-height: 1.4;
}

@container (min-width: 600px) {
  #srodkowaKolumna .ewc-page .ewc-sheet { padding: 3rem 3.5rem; }
  #srodkowaKolumna .ewc-page .ewc-parties { grid-template-columns: 1fr 1fr; gap: 2rem; }
}

/* Wydruk: same kartki, każdy formularz na osobnej stronie */
@media print {
  #srodkowaKolumna .ewc-page .ewc-noprint { display: none; }
  #srodkowaKolumna .ewc-page .ewc-sheet { max-width: none; padding: 0; border: 0; box-shadow: none; }
  #srodkowaKolumna .ewc-page .ewc-sheet-break { break-before: page; }
}

/* ==========================================================
   18. Przyciski pobierania PDF na stronie „Formularze” (2026-11-02)
   ========================================================== */

.ewc-i-download { --ewc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15V3'/%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E"); }
#srodkowaKolumna .ewc-page .ewc-pdf-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem 1rem;
  max-width: 46rem;
  margin: 0 0 1.25rem;
}
#srodkowaKolumna .ewc-page .ewc-pdf-bar .ewc-btn { flex: none; }
#srodkowaKolumna .ewc-page .ewc-pdf-meta { color: var(--ewc-muted); font-size: .875rem; line-height: 1.4; }
#srodkowaKolumna .ewc-page .ewc-benefits a + a { margin-left: 1rem; }

/* ==========================================================
   19. Poprawka: box-sizing w blokach .ewc- (2026-11-02)
   Szablon nie ustawia border-box, przez co przyciski z min-height
   i paddingiem były wyższe niż w projekcie.
   ========================================================== */
#srodkowaKolumna .ewc-page,
#srodkowaKolumna .ewc-page *,
#srodkowaKolumna .ewc-page *::before,
#srodkowaKolumna .ewc-page *::after { box-sizing: border-box; }

/* ==========================================================
   20. Przyciski PDF na stronie „Formularze”: obrys w zieleni marki (2026-11-02)
   Obrys i hover w #76B620. Tekst w ciemniejszym odcieniu zieleni,
   bo #76B620 na białym ma tylko 2,5:1: #4A7A12 na białym = 5,1:1,
   w trybie ciemnym #9BD146 na #111 = 10:1, hover #141614 na #76B620 = 8,5:1.
   ========================================================== */
#srodkowaKolumna .ewc-page .ewc-pdf-bar .ewc-btn-primary,
#srodkowaKolumna .ewc-page .ewc-pdf-bar .ewc-btn-primary:visited {
  background: transparent;
  border: 2px solid #76B620;
  color: var(--ewc-accent-text);
  transition: background-color .15s ease, color .15s ease;
}
#srodkowaKolumna .ewc-page .ewc-pdf-bar .ewc-btn-primary:hover {
  background: #76B620;
  border-color: #76B620;
  color: #141614;
}

/* CLS - rezerwacja miejsca na Ruchomy banner (strona glowna).
   Banner jest doklejany do .sliderRev przez JS, wiec bez tej reguly <main> przeskakuje w dol.
   Proporcje z obecnych banerow: banner_yale_2.jpg 1198x444, 1689763699_banner_06-2023.jpg 1666x553;
   max. szerokosc slidera 1600 px (Wyglad i tresc > Strona glowna > Ruchomy banner > Ustawienia).
   Po zmianie wymiarow banerow lub ustawien slidera zaktualizowac wartosci ponizej. */
body.home .sliderRev.szeroki {
  aspect-ratio: 1666 / 553;
  max-height: 531px;
  min-height: min(444px, calc(100vw * 0.3706));
}

/* Szerokosc bloga.
   Blog (lista /blog i wpisy) nie ma lewej kolumny, wiec tresc zajmowala cala szerokosc kontenera (do 1399 px):
   na liscie 2 karty po ok. 690 px ze zdjeciami do 600 px wysokosci, we wpisach ok. 175 znakow w linii.
   Lista: 3 kolumny od 1024 px, 2 kolumny 601-1023 px (do 600 px 1 kolumna - bez zmian), staly kadr zdjec 4:3
   (object-fit z main.css, bez przycinania), przyciski "Czytaj wiecej" wyrownane w rzedzie.
   Wpis: kolumna tresci 46rem (ok. 85 znakow w linii), wysrodkowana, interlinia 1.6.
   Wpis rozpoznawany po linku do /blog w okruszkach + div.main w #srodkowaKolumna.
   Wycofanie: usunac ten blok do konca pliku. */
@media (min-width: 601px) {
  #srodkowaKolumna .stronaAktualnosci { column-gap: 2rem; }
  #srodkowaKolumna .stronaAktualnosci .aktualnosc { display: flex; flex-direction: column; }
  #srodkowaKolumna .stronaAktualnosci .aktualnosc .obrazek img { aspect-ratio: 4 / 3; height: auto; }
  #srodkowaKolumna .stronaAktualnosci .aktualnosc .wiecej { margin-top: auto; }
}
@media (min-width: 1024px) {
  #srodkowaKolumna .stronaAktualnosci { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #srodkowaKolumna .stronaAktualnosci .aktualnosc .tytul { font-size: 1.35em; }
}
#srodkowaKolumna:has(> div.main):has(> #sciezka a[href$="/blog"]) > :is(.news-image, .headTitleBox, .main) {
  max-width: 46rem;
  margin-left: auto;
  margin-right: auto;
}
#srodkowaKolumna:has(> div.main):has(> #sciezka a[href$="/blog"]) > .main :is(p, li) {
  line-height: 1.6;
}