/* =============================================================================
 * Phoenix B2B — PANEL KLIENTA UI 2.12.92 (panel-ui-polish).
 * -----------------------------------------------------------------------------
 * Warstwa CSS-only ładowana PO pb2b-client-ui-2.12.86.css (wygrywa kaskadę).
 * SCOPED do `.phoenix-b2b-panel.pb2b-app` — NIE dotyka sklepu publicznego,
 * rejestracji ani panelu admina. Zakres:
 *   §1  ZAMÓWIENIE (checkout panelowy): układ 2 kolumny, stepper, karty
 *       produktów podsumowania, metody dostawy jako radio-cardy, przycisk
 *       „Wybierz paczkomat" pełnej szerokości, mapa InPost nad panelem.
 *   §2  LISTY ZAKUPOWE: czytelne karty/akordeon, widoczne przyciski, wiersze
 *       produktów (tabela na PC / karty na mobile).
 *   §3  KONTENERY (klient): responsywna siatka kafelków, brak uciętych
 *       przycisków, spójny dark/light.
 * ========================================================================== */

/* =======================================================================
 * §1 — ZAMÓWIENIE / CHECKOUT
 * ===================================================================== */

/* Stepper kroków — czytelny, przewijalny na mobile. */
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-steps {
	display: flex !important;
	align-items: stretch !important;
	gap: 10px !important;
	list-style: none !important;
	margin: 0 0 20px !important;
	padding: 4px !important;
	border: 1px solid var(--pb2b-border, rgba(255, 255, 255, .08)) !important;
	border-radius: 14px !important;
	background: var(--pb2b-bg-3, rgba(255, 255, 255, .02)) !important;
	overflow-x: auto !important;
	scrollbar-width: thin;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-step {
	display: flex !important;
	align-items: center !important;
	gap: 9px !important;
	flex: 1 1 0 !important;
	min-width: 150px !important;
	padding: 10px 14px !important;
	border-radius: 11px !important;
	color: var(--pb2b-text-muted, #9aa3b2) !important;
	white-space: nowrap !important;
	transition: background .15s ease, color .15s ease;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-step-no {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 auto !important;
	width: 26px !important;
	height: 26px !important;
	border-radius: 50% !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	background: var(--pb2b-bg-1, #0f131a) !important;
	border: 1px solid var(--pb2b-border-strong, rgba(255, 255, 255, .16)) !important;
	color: inherit !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-step-txt {
	font-size: 13.5px !important;
	font-weight: 600 !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-step.is-active {
	background: var(--pb2b-primary-soft, rgba(124, 58, 237, .14)) !important;
	color: var(--pb2b-text-strong, #fff) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-step.is-active .pb2b-checkout-step-no {
	background: var(--pb2b-primary, #7c3aed) !important;
	border-color: var(--pb2b-primary, #7c3aed) !important;
	color: #fff !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-step.is-done {
	color: var(--pb2b-success, #22c55e) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-step.is-done .pb2b-checkout-step-no {
	background: var(--pb2b-success-soft, rgba(16, 185, 129, .16)) !important;
	border-color: var(--pb2b-success, #22c55e) !important;
	color: var(--pb2b-success, #22c55e) !important;
	font-size: 0 !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-step.is-done .pb2b-checkout-step-no::after {
	content: "✓";
	font-size: 14px;
}

/* ---- Układ 2 kolumny WooCommerce checkoutu wewnątrz panelu. ---- */
@media (min-width: 1000px) {
	.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo form.checkout {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) clamp(420px, 34%, 480px) !important;
		grid-template-rows: auto 1fr !important;
		gap: 22px 26px !important;
		align-items: start !important;
	}
	.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo #customer_details {
		grid-column: 1 !important;
		grid-row: 1 / span 2 !important;
		width: auto !important;
		float: none !important;
	}
	.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo #order_review_heading {
		grid-column: 2 !important;
		grid-row: 1 !important;
		margin: 0 !important;
	}
	.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo #order_review {
		grid-column: 2 !important;
		grid-row: 2 !important;
		width: auto !important;
		float: none !important;
		position: sticky !important;
		top: calc(var(--pb2b-topbar-h, 64px) + 14px) !important;
		align-self: start !important;
	}
	/* Kolumny wewnętrzne billing/shipping — pełna szerokość (koniec col2-set). */
	.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .col2-set .col-1,
	.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .col2-set .col-2 {
		width: 100% !important;
		float: none !important;
		margin: 0 !important;
	}
}

/* Prawa kolumna „Twoje zamówienie" — karta. */
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo #order_review {
	background: var(--pb2b-bg-2, rgba(255, 255, 255, .03)) !important;
	border: 1px solid var(--pb2b-border, rgba(255, 255, 255, .08)) !important;
	border-radius: 16px !important;
	padding: 18px !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo #order_review_heading {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: var(--pb2b-text-strong, #fff) !important;
	padding-bottom: 4px !important;
}

/* Tabela podsumowania → czytelne wiersze/karty produktów. */
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-checkout-review-order-table {
	width: 100% !important;
	border: 0 !important;
	border-collapse: collapse !important;
	margin: 0 !important;
	background: transparent !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-checkout-review-order-table thead {
	display: none !important; /* nagłówek „Produkt / Suma" zbędny w karcie */
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-checkout-review-order-table .cart_item td,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot th,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot td {
	border: 0 !important;
	padding: 10px 0 !important;
	background: transparent !important;
	color: var(--pb2b-text, #e7e9ee) !important;
	vertical-align: middle !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-checkout-review-order-table .cart_item {
	border-bottom: 1px solid var(--pb2b-border, rgba(255, 255, 255, .08)) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-checkout-review-order-table .product-name {
	font-size: 13.5px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	padding-right: 12px !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-checkout-review-order-table .product-name .product-quantity {
	display: inline-block !important;
	margin-left: 4px !important;
	color: var(--pb2b-text-muted, #9aa3b2) !important;
	font-weight: 500 !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-checkout-review-order-table .product-total,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-checkout-review-order-table td.product-total {
	text-align: right !important;
	white-space: nowrap !important;
	font-weight: 600 !important;
}
/* Wiersze sum (kwota produktów / dostawa / razem). */
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot tr {
	border-top: 1px solid var(--pb2b-border, rgba(255, 255, 255, .08)) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot th {
	font-weight: 600 !important;
	color: var(--pb2b-text-soft, #c7cdd9) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot .order-total th,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot .order-total td {
	padding-top: 14px !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	color: var(--pb2b-text-strong, #fff) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-checkout-review-order-table tfoot .order-total td {
	text-align: right !important;
}

/* ---- Metody dostawy jako radio-cardy. ---- */
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo #shipping_method,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-shipping-methods {
	list-style: none !important;
	margin: 6px 0 !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo #shipping_method > li,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-shipping-methods > li {
	margin: 0 !important;
	padding: 12px 14px !important;
	border: 1.5px solid var(--pb2b-border-strong, rgba(255, 255, 255, .16)) !important;
	border-radius: 12px !important;
	background: var(--pb2b-bg-1, #0f131a) !important;
	transition: border-color .15s ease, background .15s ease;
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 8px 10px !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo #shipping_method > li:hover,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-shipping-methods > li:hover {
	border-color: var(--pb2b-primary, #7c3aed) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo #shipping_method > li input[type="radio"],
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-shipping-methods > li input[type="radio"] {
	flex: 0 0 auto !important;
	width: 18px !important;
	height: 18px !important;
	margin: 0 !important;
	accent-color: var(--pb2b-primary, #7c3aed) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo #shipping_method > li label,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-shipping-methods > li label {
	flex: 1 1 auto !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	color: var(--pb2b-text, #e7e9ee) !important;
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo #shipping_method > li label .amount,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-shipping-methods > li label .amount {
	font-weight: 700 !important;
	color: var(--pb2b-text-strong, #fff) !important;
	white-space: nowrap !important;
}
/* Zaznaczona metoda — podświetlona (checked radio → obramowanie karty). */
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo #shipping_method > li:has(input:checked),
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-shipping-methods > li:has(input:checked) {
	border-color: var(--pb2b-primary, #7c3aed) !important;
	background: var(--pb2b-primary-soft, rgba(124, 58, 237, .10)) !important;
}

/* Dopisek „Darmowa od progu" (dokładany przez filtr etykiety metody). */
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .pb2b-ship-freehint {
	display: inline-block !important;
	margin-left: 8px !important;
	padding: 1px 8px !important;
	border-radius: 999px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	background: var(--pb2b-success-soft, rgba(16, 185, 129, .16)) !important;
	color: var(--pb2b-success, #22c55e) !important;
	white-space: nowrap !important;
}

/* ---- Przycisk „Wybierz paczkomat" (InPost) — pełna szerokość w cardzie. ---- */
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo #shipping_method > li button,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-shipping-methods > li button,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .inpost-widget-button,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo button.easypack-open,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo button[id*="paczkomat"],
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo a.select-pickup-point {
	flex: 1 1 100% !important;
	width: 100% !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	min-height: 42px !important;
	margin: 4px 0 0 !important;
	padding: 10px 14px !important;
	white-space: normal !important;      /* nie łam litera-pod-literą */
	word-break: normal !important;
	line-height: 1.25 !important;
	text-align: center !important;
	border-radius: 10px !important;
	border: 1px solid var(--pb2b-primary, #7c3aed) !important;
	background: var(--pb2b-primary-soft, rgba(124, 58, 237, .12)) !important;
	color: var(--pb2b-primary, #7c3aed) !important;
	font-weight: 700 !important;
	font-size: 13.5px !important;
	cursor: pointer !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo #shipping_method > li button:hover,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .inpost-widget-button:hover {
	background: var(--pb2b-primary, #7c3aed) !important;
	color: #fff !important;
}
/* Wybrany punkt → czytelna mini-karta. */
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .inpost-chosen-point,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .pb2b-chosen-point,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo [class*="selected-point"] {
	flex: 1 1 100% !important;
	width: 100% !important;
	margin-top: 8px !important;
	padding: 10px 12px !important;
	border: 1px dashed var(--pb2b-primary, #7c3aed) !important;
	border-radius: 10px !important;
	background: var(--pb2b-primary-soft, rgba(124, 58, 237, .08)) !important;
	font-size: 12.5px !important;
	line-height: 1.4 !important;
	color: var(--pb2b-text, #e7e9ee) !important;
}

/* ---- Mapa/geowidget InPost — nad panelem, ale nie rozbija checkoutu. ---- */
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .inpost-geowidget,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo [class*="geowidget"],
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo #inpost-geowidget-modal {
	max-width: 100% !important;
	z-index: 10000 !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo iframe {
	max-width: 100% !important;
}

/* ---- Płatności ---- */
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo #payment {
	background: transparent !important;
	border-radius: 12px !important;
	margin-top: 6px !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo #payment ul.wc_payment_methods {
	list-style: none !important;
	margin: 0 0 12px !important;
	padding: 0 !important;
	border: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo #payment ul.wc_payment_methods > li {
	padding: 11px 13px !important;
	border: 1.5px solid var(--pb2b-border-strong, rgba(255, 255, 255, .16)) !important;
	border-radius: 12px !important;
	background: var(--pb2b-bg-1, #0f131a) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo #payment ul.wc_payment_methods > li:has(input:checked) {
	border-color: var(--pb2b-primary, #7c3aed) !important;
	background: var(--pb2b-primary-soft, rgba(124, 58, 237, .10)) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo #payment .payment_box {
	background: var(--pb2b-bg-3, rgba(255, 255, 255, .03)) !important;
	border-radius: 10px !important;
	margin-top: 8px !important;
	padding: 10px 12px !important;
	font-size: 12.5px !important;
	color: var(--pb2b-text-soft, #c7cdd9) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo #payment .payment_box::before {
	display: none !important; /* usuń brzydki trójkąt Woo */
}
/* Przycisk finalizacji — duży, pełnej szerokości. */
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo #place_order {
	width: 100% !important;
	min-height: 50px !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	border-radius: 12px !important;
	margin-top: 6px !important;
}

/* Walidacja — czytelne komunikaty, nie rozbijają layoutu. */
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-invalid input.input-text,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-invalid select {
	border-color: var(--pb2b-danger, #ef4444) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-error,
.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo .woocommerce-NoticeGroup {
	margin: 0 0 16px !important;
	padding: 12px 14px !important;
	list-style: none !important;
	border-radius: 12px !important;
	border: 1px solid var(--pb2b-danger, #ef4444) !important;
	background: var(--pb2b-danger-soft, rgba(211, 51, 51, .10)) !important;
	color: var(--pb2b-text, #e7e9ee) !important;
	font-size: 13px !important;
}

/* =======================================================================
 * §2 — LISTY ZAKUPOWE
 * ===================================================================== */
.phoenix-b2b-panel.pb2b-app .pb2b-lists-head {
	display: flex !important;
	align-items: flex-end !important;
	justify-content: space-between !important;
	gap: 16px !important;
	flex-wrap: wrap !important;
	margin-bottom: 16px !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-lists-title {
	margin: 0 !important;
	font-size: 17px !important;
	font-weight: 700 !important;
	color: var(--pb2b-text-strong, #fff) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-lists-create {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	flex: 1 1 320px !important;
	max-width: 460px !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-lists-create .pb2b-shop-input {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	padding: 10px 12px !important;
	border-radius: 10px !important;
	border: 1px solid var(--pb2b-border-strong, rgba(255, 255, 255, .16)) !important;
	background: var(--pb2b-bg-1, #0f131a) !important;
	color: var(--pb2b-text, #e7e9ee) !important;
	font-size: 13.5px !important;
}

/* Siatka kart list. */
.phoenix-b2b-panel.pb2b-app .pb2b-lists-grid {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-card {
	border: 1px solid var(--pb2b-border, rgba(255, 255, 255, .08)) !important;
	border-radius: 14px !important;
	background: var(--pb2b-bg-2, rgba(255, 255, 255, .03)) !important;
	overflow: hidden !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-head {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	flex-wrap: wrap !important;
	padding: 14px 16px !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-toggle {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	flex: 1 1 260px !important;
	min-width: 0 !important;
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	cursor: pointer !important;
	text-align: left !important;
	color: inherit !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-caret {
	flex: 0 0 auto !important;
	display: inline-flex !important;
	transition: transform .18s ease;
	color: var(--pb2b-text-muted, #9aa3b2) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-card:not(.is-collapsed) .pb2b-list-card-caret {
	transform: rotate(90deg);
}
.phoenix-b2b-panel.pb2b-app .pb2b-card-title {
	font-size: 15px !important;
	font-weight: 700 !important;
	color: var(--pb2b-text-strong, #fff) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-summary {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	flex-wrap: wrap !important;
	margin-top: 3px !important;
	font-size: 12.5px !important;
	color: var(--pb2b-text-muted, #9aa3b2) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-value strong {
	color: var(--pb2b-text-soft, #c7cdd9) !important;
}
/* Akcje listy — ZAWSZE widoczne przyciski (żadnych pustych prostokątów). */
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-actions {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	flex-wrap: wrap !important;
	margin-left: auto !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-actions .pb2b-link {
	font-size: 12.5px !important;
	font-weight: 600 !important;
	color: var(--pb2b-text-soft, #c7cdd9) !important;
	background: transparent !important;
	border: 1px solid var(--pb2b-border-strong, rgba(255, 255, 255, .16)) !important;
	border-radius: 8px !important;
	padding: 6px 10px !important;
	cursor: pointer !important;
	text-decoration: none !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-actions .pb2b-link:hover {
	border-color: var(--pb2b-text-muted, #9aa3b2) !important;
	color: var(--pb2b-text-strong, #fff) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-actions .pb2b-link-danger {
	color: var(--pb2b-danger, #ef4444) !important;
	border-color: var(--pb2b-danger-soft, rgba(211, 51, 51, .35)) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-actions .pb2b-link-danger:hover {
	background: var(--pb2b-danger-soft, rgba(211, 51, 51, .12)) !important;
	border-color: var(--pb2b-danger, #ef4444) !important;
	color: var(--pb2b-danger, #ef4444) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-card-body {
	padding: 0 16px 16px !important;
	border-top: 1px solid var(--pb2b-border, rgba(255, 255, 255, .08)) !important;
}

/* Tabela produktów listy (PC) → czytelne wiersze. */
.phoenix-b2b-panel.pb2b-app .pb2b-list-table {
	width: 100% !important;
	border-collapse: collapse !important;
	margin-top: 12px !important;
	font-size: 13.5px !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-table thead th {
	text-align: left !important;
	font-size: 11.5px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: .03em !important;
	color: var(--pb2b-text-muted, #9aa3b2) !important;
	padding: 6px 10px !important;
	border-bottom: 1px solid var(--pb2b-border, rgba(255, 255, 255, .08)) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-table tbody td {
	padding: 10px !important;
	border-bottom: 1px solid var(--pb2b-border, rgba(255, 255, 255, .06)) !important;
	color: var(--pb2b-text, #e7e9ee) !important;
	vertical-align: middle !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-td-name {
	font-weight: 600 !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-td-name .pb2b-link {
	color: var(--pb2b-text-strong, #fff) !important;
	text-decoration: none !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-td-name .pb2b-link:hover {
	color: var(--pb2b-primary, #7c3aed) !important;
}
/* Miniatura + nazwa w jednej komórce (dodawana w markupie renderera). */
.phoenix-b2b-panel.pb2b-app .pb2b-list-name-flex {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	min-width: 0 !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-thumb {
	flex: 0 0 auto !important;
	width: 42px !important;
	height: 42px !important;
	border-radius: 9px !important;
	object-fit: cover !important;
	background: var(--pb2b-bg-3, rgba(255, 255, 255, .04)) !important;
	border: 1px solid var(--pb2b-border, rgba(255, 255, 255, .08)) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-td-sku {
	color: var(--pb2b-text-muted, #9aa3b2) !important;
	font-size: 12.5px !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-td-price {
	font-weight: 700 !important;
	white-space: nowrap !important;
	color: var(--pb2b-text-strong, #fff) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-qty {
	width: 84px !important;
	padding: 7px 9px !important;
	border-radius: 8px !important;
	border: 1px solid var(--pb2b-border-strong, rgba(255, 255, 255, .16)) !important;
	background: var(--pb2b-bg-1, #0f131a) !important;
	color: var(--pb2b-text, #e7e9ee) !important;
	font-size: 13px !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-td-act {
	text-align: right !important;
	white-space: nowrap !important;
}
/* Ikona-przycisk (usuń) — widoczna, z obrysem (nie pusty prostokąt). */
.phoenix-b2b-panel.pb2b-app .pb2b-shop-icon-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 34px !important;
	height: 34px !important;
	border-radius: 9px !important;
	border: 1px solid var(--pb2b-border-strong, rgba(255, 255, 255, .16)) !important;
	background: var(--pb2b-bg-1, #0f131a) !important;
	color: var(--pb2b-text-muted, #9aa3b2) !important;
	cursor: pointer !important;
	transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.phoenix-b2b-panel.pb2b-app .pb2b-shop-icon-btn.pb2b-link-danger:hover {
	background: var(--pb2b-danger-soft, rgba(211, 51, 51, .12)) !important;
	border-color: var(--pb2b-danger, #ef4444) !important;
	color: var(--pb2b-danger, #ef4444) !important;
}
/* Empty state listy. */
.phoenix-b2b-panel.pb2b-app .pb2b-list-empty {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	text-align: center !important;
	gap: 6px !important;
	padding: 22px 16px !important;
	border: 1px dashed var(--pb2b-border-strong, rgba(255, 255, 255, .16)) !important;
	border-radius: 12px !important;
	margin-top: 12px !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-empty-title {
	font-weight: 700 !important;
	color: var(--pb2b-text-strong, #fff) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-list-empty-text {
	font-size: 12.5px !important;
	color: var(--pb2b-text-muted, #9aa3b2) !important;
}

/* =======================================================================
 * §3 — KONTENERY (panel klienta)
 * ===================================================================== */
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tiles {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
	gap: 16px !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile {
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
	padding: 18px !important;
	border: 1px solid var(--pb2b-border, rgba(255, 255, 255, .08)) !important;
	border-radius: 16px !important;
	background: var(--pb2b-bg-2, rgba(255, 255, 255, .03)) !important;
	overflow: hidden !important;
	transition: border-color .15s ease, transform .15s ease;
}
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile:hover {
	border-color: var(--pb2b-primary, #7c3aed) !important;
}
/* Klikalny obszar całego kafla (przycisk-hit) — pod treścią. */
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile-hit {
	position: absolute !important;
	inset: 0 !important;
	z-index: 1 !important;
	background: transparent !important;
	border: 0 !important;
	cursor: pointer !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-illus,
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile-body,
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile-cta {
	position: relative !important;
	z-index: 2 !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile-body {
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile-top {
	display: flex !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	gap: 10px !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile-title {
	margin: 0 !important;
	font-size: 15.5px !important;
	font-weight: 700 !important;
	color: var(--pb2b-text-strong, #fff) !important;
	line-height: 1.3 !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-badge {
	flex: 0 0 auto !important;
	padding: 3px 10px !important;
	border-radius: 999px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	white-space: nowrap !important;
	background: var(--pb2b-bg-3, rgba(255, 255, 255, .06)) !important;
	color: var(--pb2b-text-soft, #c7cdd9) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-badge--arrived {
	background: var(--pb2b-success-soft, rgba(16, 185, 129, .16)) !important;
	color: var(--pb2b-success, #22c55e) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-badge--in_transit {
	background: var(--pb2b-primary-soft, rgba(124, 58, 237, .16)) !important;
	color: var(--pb2b-primary, #7c3aed) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-badge--planned {
	background: var(--pb2b-warning-soft, rgba(217, 138, 0, .16)) !important;
	color: var(--pb2b-warning, #d98a00) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile-meta {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 8px 12px !important;
	margin: 0 !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile-meta dt {
	font-size: 11.5px !important;
	color: var(--pb2b-text-muted, #9aa3b2) !important;
	margin: 0 !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile-meta dd {
	margin: 1px 0 0 !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	color: var(--pb2b-text, #e7e9ee) !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-followflag {
	margin: 0 !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	color: var(--pb2b-success, #22c55e) !important;
}
/* CTA kafla — nigdy ucięte, zawijają się i są nad hit-boxem. */
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile-cta {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	flex-wrap: wrap !important;
	margin-top: auto !important;
}
.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile-cta .pb2b-app-button {
	flex: 1 1 auto !important;
	justify-content: center !important;
	white-space: normal !important;
}

/* =======================================================================
 * §4 — MOBILE (≤768px)
 * ===================================================================== */
@media (max-width: 768px) {
	.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo #customer_details,
	.phoenix-b2b-panel.pb2b-app .pb2b-checkout-woo #order_review {
		width: 100% !important;
		float: none !important;
		position: static !important;
	}
	.phoenix-b2b-panel.pb2b-app .pb2b-checkout-step {
		min-width: 128px !important;
	}
	.phoenix-b2b-panel.pb2b-app .pb2b-lists-create {
		max-width: none !important;
	}
	.phoenix-b2b-panel.pb2b-app .pb2b-list-card-actions {
		margin-left: 0 !important;
		width: 100% !important;
	}
	/* Tabela produktów listy → karty na mobile (etykiety z data-label). */
	.phoenix-b2b-panel.pb2b-app .pb2b-list-table thead {
		display: none !important;
	}
	.phoenix-b2b-panel.pb2b-app .pb2b-list-table,
	.phoenix-b2b-panel.pb2b-app .pb2b-list-table tbody {
		display: block !important;
		width: 100% !important;
	}
	.phoenix-b2b-panel.pb2b-app .pb2b-list-table tbody tr {
		display: grid !important;
		grid-template-columns: 1fr auto !important;
		align-items: center !important;
		gap: 8px 12px !important;
		padding: 12px !important;
		margin-bottom: 10px !important;
		border: 1px solid var(--pb2b-border, rgba(255, 255, 255, .08)) !important;
		border-radius: 12px !important;
		background: var(--pb2b-bg-1, #0f131a) !important;
	}
	.phoenix-b2b-panel.pb2b-app .pb2b-list-table tbody td {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 10px !important;
		padding: 0 !important;
		border: 0 !important;
	}
	/* Etykieta kolumny przed wartością (mobile). */
	.phoenix-b2b-panel.pb2b-app .pb2b-list-table tbody td::before {
		content: attr(data-label);
		font-size: 11px !important;
		font-weight: 700 !important;
		text-transform: uppercase !important;
		letter-spacing: .03em !important;
		color: var(--pb2b-text-muted, #9aa3b2) !important;
	}
	/* Nazwa produktu zajmuje pełną szerokość karty; bez etykiety „Produkt". */
	.phoenix-b2b-panel.pb2b-app .pb2b-list-td-name {
		grid-column: 1 / -1 !important;
	}
	.phoenix-b2b-panel.pb2b-app .pb2b-list-td-name::before {
		display: none !important;
	}
	.phoenix-b2b-panel.pb2b-app .pb2b-list-td-act {
		grid-column: 1 / -1 !important;
		justify-content: flex-end !important;
	}
	.phoenix-b2b-panel.pb2b-app .pb2b-list-td-act::before {
		display: none !important;
	}
	.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tiles {
		grid-template-columns: 1fr !important;
	}
	.phoenix-b2b-panel.pb2b-app .pb2b-ctr-tile-meta {
		grid-template-columns: 1fr 1fr !important;
	}
}