.shippingSelectorsMessage {
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
}

.paymentPluginContainer:empty,
.paymentSystemSelector:not(.paymentSystemSelectorSelected) .paymentPluginContainer {
  display: none;
}

.paymentPluginContainer {
  width: 100%;
}

.selectShippingMethodType {
  font-size: 12px;
  color: var(--gray-700);
  margin-bottom: 0.5rem;
}

:where(div.paymentSystemSelector, div.shippingSelector) {
  display: flex;
  flex-wrap: wrap;
  padding: 1.25rem 1.25rem 0;
  border: 1px solid #ddd;
  background-color: var(--color-background-gray);
  position: relative;
  transition: border-color 350ms ease-in-out;
}

div.paymentSystemSelector+div.paymentSystemSelector,
div.shippingSelector+div.shippingSelector {
  margin-top: -1px;
}

:where(div.paymentSystemSelector, div.shippingSelector) {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

:where(div.paymentSystemSelectors, div.shippings)>div {
  padding-bottom: 1.25rem;
}

:where(div.paymentSystemSelector, div.shippingSelector)+:where(div.paymentSystemSelector, div.shippingSelector) {
  border-radius: 0;
}

:where(div.paymentSystemSelector,
  div.shippingSelector):last-of-type {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

:where(div.paymentSystemSelector, div.shippingSelector).basketSelectorSelected {
  background-color: var(--color-light);
  color: inherit;
}

:where(div.paymentSystemSelector, div.shippingSelector):hover {
  border-color: #b5b5b5;
}

:where(div.paymentSystemSelector, div.shippingSelector):hover+:where(div.paymentSystemSelector, div.shippingSelector) {
  border-top-color: #b5b5b5;
}

:where(div.paymentSystemSelector, div.shippingSelector)>label {
  font-family: var(--ff-bold);
  margin-top: -1.25rem;
  cursor: pointer;
}

:where(div.paymentSystemSelector, div.shippingSelector) input[type="radio"] {
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  margin: 0;
  height: var(--checkbox-size);
  width: var(--checkbox-size);
  cursor: pointer;
}

:where(div.paymentSystemSelector, div.shippingSelector) .basketSelectorName {
  padding: 1.25rem .75rem 0rem 1.25rem;
  margin-left: -1.25rem;
  width: calc(100% - 40px);
}

:where(div.paymentSystemSelector, div.shippingSelector) .basketSelectorPrice {
  padding: 1.25rem 1.25rem 1.25rem 0;
  margin-right: -1.25rem;
  text-align: right;
  width: calc(40px + 2.5rem);
}

:where(div.paymentSystemSelector, div.shippingSelector) .basketSelectorPrice {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
}

:where(div.shippingSelector) .previousPrice {
  font-size: small;
  text-decoration: line-through;
}

:where(div.shippingSelector) .free-shipping-label {
  font-family: var(--ff-default);
  font-size: 11px;
  text-wrap-mode: nowrap;
  text-transform: uppercase;
}

:where(div.paymentSystemSelector) .basketSelectorPrice {
  display: none;
}

:where(div.paymentSystemSelector, div.shippingSelector) input[type="radio"]~.basketSelectorName {
  padding-left: calc(1.25rem + var(--checkbox-size) + .75rem);
}

:where(div.paymentSystemSelector, div.shippingSelector) .shipperNameSpacer {
  display: none;
}

:where(div.paymentSystemSelector, div.shippingSelector) .shippingTypeName {
  display: block;
  font-size: 13px;
  margin-top: 0.5rem;
  font-weight: var(--fw-default);
}

:where(div.paymentSystemSelector, div.shippingSelector) .shippingTypeDescription {
  font-size: 13px;
  font-weight: var(--fw-default);
}

.paymentSystemImage {
  clear: both;
  height: auto;
  max-width: 100px;
  display: block;
  margin-top: -5px;
}

.paymentSystemImage+.basketSelectorDescription {
  margin-top: 12px;
}

.basketSelectorDescription {
  display: block;
  font-size: 12px;
  color: var(--gray-700);
}

.paymentSystemImage:last-child,
.basketSelectorDescription:last-child {
  padding-bottom: 1.25rem;
}

.deliverySelector+.deliverySelector {
  margin-top: 2rem;
}

.deliveryType {
  font-weight: var(--fw-bold);
  margin-bottom: .5rem;
  display: none;
}

:where(.shipment, .picking) .deliveryProductsTitle {
  font-weight: var(--fw-bold);
  font-size: 13px;
  color: var(--gray-600);
  margin-bottom: .25rem;
  display: none;
}

:where(.shipment, .picking) .products {
  font-size: 12px;
  margin-bottom: 0.75rem;
  display: none;
}

.delivery div.selectPickingButton {
  margin-top: 1rem;
  display: flex;
  justify-content: center;
}

.pickingMessage {
  text-align: center;
  color: var(--bs-gray-500);
}

.expeditionNumber {
  font-size: 12px;
  margin: -1rem -1.25rem 1.25rem;
  padding: .75rem 1rem;
  background-color: var(--color-background-gray);
  position: relative;
  font-weight: var(--fw-bold);
}

.shipments .basketWarning {
  padding: 0.75rem 1rem;
}

.shipment+.shipment {
  margin-top: 1.5rem;
}

:where(.shipment, .picking) .products .product {
  display: flex;
  align-items: center;
}

:where(.shipment, .picking) .products .product+.product {
  margin-top: 0.5rem;
}

:where(.shipment, .picking) .products .product img {
  margin-right: 10px;
  width: 40px;
}

:where(.shipment, .picking) .col:where(.products, .shipping) {
  width: 100%;
  flex: 0 0 auto;
}

:where(.shipment, .picking) :where(.productName, .productQuantity) {
  display: block;
}

:where(.shipment, .picking) .productQuantity {
  color: var(--gray-600);
}

/* .shipment.selected .expeditionNumber::after {
  content: "";
  background-image: url('../../img/selected-shipment.svg');
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 1rem;
  height: 1rem;
  background-position: center;
  background-repeat: no-repeat;
  transform: translateY(-50%);
} */

.deliveryTypesNavTabs {
  gap: 1rem;
}

.deliveryTypesNavTabs .icon {
  width: 2rem;
  height: 2rem;
}

.deliveryTypesNavTabs .nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: .5rem 1rem;
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.deliveryTypesNavTabs .nav-link.active {
  border: 1px solid var(--gray-700);
}

.deliveryTypesNavTabs .nav-link:not(.active) {
  border: 1px solid var(--bs-gray-400);
  color: var(--gray-700);
}

.deliveryTypesTabContent .deliveryWarnings {

  padding-bottom: 1rem;
}

.deliveryTypesTabContent div.shippingSelector {
  border: 0;
  background-color: transparent;
}

.deliveryTypesTabContent div.shippingSelector:first-child {
  padding-top: 0;
}

.deliveryTypesTabContent div.shippingSelector:first-child input[type="radio"] {
  top: 0;
}

.deliveryTypesNavTabs~.deliveryTypesTabContent {
  padding-top: 1rem;
}

.deliveryTypesTabContent .shipment+.shipment {
  padding-top: 1.25rem;
  margin-top: 1.25rem;
}

.deliveryTypesTabContent :where(.shipments, .pickings) {
  border: 1px solid var(--bs-gray-300);
  border-radius: 0.5rem;
  padding: 1.25rem 0;
  overflow: hidden;
}

.deliveryTypesTabContent :where(.shipments, .pickings)>* {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.deliveryTypesTabContent div.shippingSelector input[type="radio"] {
  left: 0;
}

.deliveryTypesTabContent div.shippingSelector input[type="radio"]~.basketSelectorName {
  padding-left: calc(var(--checkbox-size) + 0.75rem);
}

.deliveryTypesTabContent div.shippingSelector .basketSelectorPrice {
  padding-right: 0;
}

.deliveryTypesTabContent .shippingSelectorsMessage {
  text-align: center;
  padding: 1rem;
}

.deliveryTypesTabContent .products {
  margin-bottom: 2rem;
}

.shippingSelectorSelected :where(.shipperName, .basketSelectorPrice) {
  color: var(--color-primary);
}