.elementor-2101 .elementor-element.elementor-element-9c61baf:not(.elementor-motion-effects-element-type-background), .elementor-2101 .elementor-element.elementor-element-9c61baf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-2101 .elementor-element.elementor-element-9c61baf{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2101 .elementor-element.elementor-element-9c61baf > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2101 .elementor-element.elementor-element-e0681c5 > .elementor-element-populated{padding:11px 15px 11px 15px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2101 .elementor-element.elementor-element-3aa822c{width:var( --container-widget-width, 99.677% );max-width:99.677%;--container-widget-width:99.677%;--container-widget-flex-grow:0;}/* Start custom CSS for section, class: .elementor-element-5672cf7 *//* --- GŁÓWNY WRAPPER --- */
.materials-table {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 3rem auto;
  font-family: 'Plus Jakarta Sans', 'Montserrat', Arial, sans-serif;
  color: #1e5b8c;
}

/* --- BLOK NAGŁÓWKA I WIERSZY --- */
.materials-header,
.materials-row {
  display: flex;
  align-items: stretch;
  width: 100%;
  background: #eaf4fb;
  border-radius: 0; /* proste rogi */
  overflow: hidden;
  margin-bottom: 20px;
  box-sizing: border-box;
}

/* nagłówek nad wierszami */
.materials-header {
  background: transparent;
  margin-bottom: 20px;
  border: none;
  color: #1e5b8c;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  line-height: 1.3;
  font-size: clamp(8px, 1vw, 14px);
}

/* --- PROPORCJE KOLUMN --- */
.col-product {
  flex: 0 0 35%;
  padding: 0 1em;
  box-sizing: border-box;
}

.col-card,
.col-ingredients,
.col-photo,
.col-label {
  flex: 0 0 16%;
  padding: 0 1em;
  box-sizing: border-box;
}

/* --- KOMÓRKI NAGŁÓWKA --- */
.materials-header > div {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  word-break: break-word;
  hyphens: auto;
  height: clamp(60px, 6vw, 90px);
  padding-left: 1em;
  padding-right: 1em;
  box-sizing: border-box;
  transform: translateY(4px);
}

.materials-header .col-product {
  justify-content: flex-start;
  text-align: left;
  transform: translateY(0);
}

/* --- WIERSZE Z DANYMI --- */
.materials-row {
  background: #eaf4fb;
  color: #1e5b8c;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.3;
  font-size: clamp(9px, 1.3vw, 11px);
  transition: background 0.3s ease;
  border-radius: 0; /* proste rogi */
}

.materials-row:hover {
  background: #dcecf8;
}

/* kolumna z nazwą produktu */
.materials-row .col-product {
  display: flex;
  align-items: center;
  padding: 1.3em 1em;
  background: #e0eef9;
  border-radius: 0; /* proste rogi */
}

/* pozostałe kolumny */
.materials-row .col-card,
.materials-row .col-ingredients,
.materials-row .col-photo,
.materials-row .col-label {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.8em 1em;
  border-radius: 0;
}

/* --- KAFELKI DO KLIKNIĘCIA --- */
.file-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;

  background: #dcecf8;
  border-radius: 0; /* proste rogi */
  width: 100%;
  height: clamp(60px, 6vw, 90px);
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.1s ease;
  box-sizing: border-box;
  padding: 0.5em;
}

.file-cell:hover {
  background: #c9e3f7;
  transform: scale(1.02);
}

/* ikony w kafelkach */
.file-cell img {
  max-width: 40px;
  max-height: 40px;
  height: auto;
  width: auto;
  display: block;
  margin-bottom: 0.4em;
  filter: hue-rotate(190deg) brightness(1.1);
}

/* prawa krawędź kapsuły (teraz i tak prosta) */
.materials-row .col-label {
  border-radius: 0;
}

/* --- MOBILE --- */
@media (max-width: 480px) {
  .materials-header > div {
    transform: translateY(6px);
  }

  .materials-row .col-card,
  .materials-row .col-ingredients,
  .materials-row .col-photo,
  .materials-row .col-label {
    padding-left: 0.1em;
    padding-right: 0.1em;
  }

  .file-cell {
    width: 100%;
  }
}

/* --- BARDZO WĄSKIE EKRANY --- */
@media (max-width: 400px) {
  .materials-row {
    font-size: clamp(10px, 2vw, 14px);
  }

  .materials-header > div {
    font-size: 10px;
  }
}/* End custom CSS */