/* SE Display zone shipping - neutralny, lekki styl. Nadpisz w motywie jesli trzeba. */
.se-dzs { font-size: 14px; line-height: 1.45; }
.se-dzs__title { font-size: 18px; margin: 0 0 12px; }
.se-dzs__free-info { margin: 0 0 12px; font-weight: 600; }

.se-dzs__carrier { border: 1px solid #e2e2e2; border-radius: 4px; margin-bottom: 12px; padding: 10px 12px; }
.se-dzs__carrier-head { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.se-dzs__logo { max-height: 32px; width: auto; }
.se-dzs__carrier-name { font-weight: 600; display: block; }
.se-dzs__delay { color: #777; font-size: 12px; display: block; }
.se-dzs__badge { margin-left: auto; background: #f4f4f4; border-radius: 3px; padding: 2px 8px; font-size: 12px; white-space: nowrap; }
.se-dzs__badge--free { background: #e6f4ea; color: #1b6e3c; }

.se-dzs__zone { border-top: 1px dashed #e2e2e2; padding-top: 8px; margin-top: 8px; }
.se-dzs__zone:first-of-type { border-top: 0; margin-top: 0; padding-top: 0; }
.se-dzs__zone-head { display: flex; justify-content: space-between; gap: 10px; }
.se-dzs__zone-name { font-weight: 600; }
.se-dzs__zone-price { white-space: nowrap; }

.se-dzs__countries { list-style: none; margin: 6px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 12px; }
.se-dzs__country { display: flex; align-items: center; gap: 5px; font-size: 13px; }
.se-dzs__flag { width: 16px; height: auto; }

.se-dzs__ranges,
.se-dzs__grid { width: 100%; border-collapse: collapse; margin-top: 8px; }
.se-dzs__ranges th, .se-dzs__ranges td,
.se-dzs__grid th, .se-dzs__grid td { border: 1px solid #e6e6e6; padding: 6px 8px; text-align: left; vertical-align: top; }
.se-dzs__ranges th, .se-dzs__grid th { background: #fafafa; font-weight: 600; }

.se-dzs__country-list { list-style: none; margin: 0; padding: 0; }
.se-dzs__country-row { display: flex; align-items: center; gap: 8px; padding: 5px 0; border-bottom: 1px solid #f0f0f0; }
.se-dzs__country-name { flex: 1 1 auto; }
.se-dzs__country-zone { color: #888; font-size: 12px; }
.se-dzs__country-price { font-weight: 600; white-space: nowrap; }

.se-dzs__range-list { list-style: none; margin: 0; padding: 0; }
.se-dzs__range-list li { display: flex; justify-content: space-between; gap: 12px; }
.se-dzs__cell-carrier { white-space: nowrap; }
.se-dzs__cell-countries { font-size: 13px; color: #555; }
.se-dzs__note { color: #777; font-size: 13px; margin: 6px 0 0; }

@media (max-width: 575px) {
  .se-dzs__grid, .se-dzs__grid tbody, .se-dzs__grid tr, .se-dzs__grid td { display: block; width: 100%; }
  .se-dzs__grid thead { display: none; }
  .se-dzs__grid tr { border-bottom: 2px solid #e6e6e6; }
}