/* Scoped to the CMS marker; the active Shopware theme supplies font and colors. */
#senta-shipping-costs { max-width: 100%; }
#senta-shipping-costs .senta-shipping-picker { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; margin: 20px 0; }
#senta-shipping-costs .senta-shipping-picker > div { flex: 1 1 240px; max-width: 430px; }
#senta-shipping-costs label { display: block; margin-bottom: 8px; font-weight: 600; }
#senta-shipping-costs select { width: 100%; font: inherit; }
#senta-shipping-costs button { font: inherit; }
#senta-shipping-costs table { width: 100%; border-collapse: collapse; margin-bottom: 16px; }
#senta-shipping-costs th, #senta-shipping-costs td { padding: 12px 16px; border-bottom: 1px solid var(--bs-border-color, #ddd); vertical-align: top; text-align: start; }
#senta-shipping-costs thead { background: var(--bs-tertiary-bg, #f9f9f9); }
#senta-shipping-costs thead th { overflow-wrap: normal; word-break: normal; }
#senta-shipping-costs tbody + tbody tr:first-child > * { border-top: 1px solid var(--bs-border-color, #ddd); }
#senta-shipping-costs .senta-shipping-price { white-space: nowrap; font-variant-numeric: tabular-nums; }
#senta-shipping-costs .senta-shipping-notes p { margin-bottom: 12px; }
#senta-shipping-costs details { margin: 16px 0; }
#senta-shipping-costs summary { font-weight: 600; padding: 12px 0; cursor: pointer; }
@media (max-width: 575px) {
    #senta-shipping-costs th, #senta-shipping-costs td { padding: 10px 8px; }
    #senta-shipping-costs button, #senta-shipping-costs select { min-height: 44px; }
}