/* Resin article tables: keep words intact and isolate scrolling to the table. */
.almara-resin-comparison {
  container-type: inline-size;
  container-name: almara-resin;
}
.almara-resin-comparison .almara-resin-table-frame {
  overflow-x: auto;
  max-width: 100%;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
}
.almara-resin-comparison .almara-resin-table-frame:focus-visible {
  outline: 2px solid #203c42;
  outline-offset: 3px;
}
.almara-resin-comparison .almara-resin-table-frame::before {
  content: "Scroll horizontally to compare all columns \2192";
  display: block;
  position: sticky;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 12px;
  background: #f3f0e9;
  color: #203c42;
  font-size: 13px;
  line-height: 1.5;
  text-align: left;
}
html[lang^="pl"] .almara-resin-comparison .almara-resin-table-frame::before {
  content: "Przewiń w poziomie, aby porównać wszystkie kolumny \2192";
}
html[lang^="de"] .almara-resin-comparison .almara-resin-table-frame::before {
  content: "Horizontal scrollen, um alle Spalten zu vergleichen \2192";
}
html[lang^="es"] .almara-resin-comparison .almara-resin-table-frame::before {
  content: "Desplázate horizontalmente para comparar todas las columnas \2192";
}
html[lang^="fr"] .almara-resin-comparison .almara-resin-table-frame::before {
  content: "Faites défiler horizontalement pour comparer toutes les colonnes \2192";
}
.almara-resin-comparison table {
  width: 100% !important;
  min-width: 1120px !important;
  max-width: none !important;
  table-layout: auto !important;
}
.almara-resin-comparison caption,
.almara-resin-comparison th,
.almara-resin-comparison td,
.almara-resin-comparison td::before {
  box-sizing: border-box;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  white-space: normal !important;
  text-transform: none !important;
}
.almara-resin-comparison thead th:first-child,
.almara-resin-comparison tbody th {
  min-width: 190px;
  width: 18% !important;
}
.almara-resin-comparison thead th:nth-child(2),
.almara-resin-comparison tbody td:nth-child(2) {
  min-width: 260px;
  width: 25% !important;
}

@container almara-resin (max-width: 760px) {

  .almara-resin-comparison table,
  .almara-resin-comparison caption,
  .almara-resin-comparison tbody,
  .almara-resin-comparison tbody tr,
  .almara-resin-comparison .almara-resin-table-frame tbody th,
  .almara-resin-comparison .almara-resin-table-frame tbody td {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  .almara-resin-comparison thead {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip-path: inset(50%);
    white-space: nowrap !important;
  }
  .almara-resin-comparison .almara-resin-table-frame {
    border: 0 !important;
    overflow: visible;
  }
  .almara-resin-comparison .almara-resin-table-frame::before { display: none; }
  .almara-resin-comparison caption { margin-bottom: 16px; border-radius: 8px; }
  .almara-resin-comparison tbody tr {
    margin-bottom: 18px;
    border: 1px solid #e5e1d8;
    border-radius: 8px;
  }
  .almara-resin-comparison tbody tr:last-child { margin-bottom: 0; }
  .almara-resin-comparison tbody th {
    background: #203c42 !important;
    color: #fff !important;
    font-size: 16px;
  }
  .almara-resin-comparison tbody td::before {
    content: attr(data-label);
    display: block;
    font-weight: 700;
    color: #203c42;
    margin-bottom: 4px;
  }
  .almara-resin-comparison tbody td:last-child { border-bottom: 0 !important; }
}

/* A viewport fallback also serves browsers without container queries. */
@media (max-width: 760px) {

  .almara-resin-comparison table,
  .almara-resin-comparison caption,
  .almara-resin-comparison tbody,
  .almara-resin-comparison tbody tr,
  .almara-resin-comparison .almara-resin-table-frame tbody th,
  .almara-resin-comparison .almara-resin-table-frame tbody td {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  .almara-resin-comparison thead {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip-path: inset(50%);
    white-space: nowrap !important;
  }
  .almara-resin-comparison .almara-resin-table-frame {
    border: 0 !important;
    overflow: visible;
  }
  .almara-resin-comparison .almara-resin-table-frame::before { display: none; }
  .almara-resin-comparison caption { margin-bottom: 16px; border-radius: 8px; }
  .almara-resin-comparison tbody tr {
    margin-bottom: 18px;
    border: 1px solid #e5e1d8;
    border-radius: 8px;
  }
  .almara-resin-comparison tbody tr:last-child { margin-bottom: 0; }
  .almara-resin-comparison tbody th {
    background: #203c42 !important;
    color: #fff !important;
    font-size: 16px;
  }
  .almara-resin-comparison tbody td::before {
    content: attr(data-label);
    display: block;
    font-weight: 700;
    color: #203c42;
    margin-bottom: 4px;
  }
  .almara-resin-comparison tbody td:last-child { border-bottom: 0 !important; }
}