/* =========================================================
   Brini — Winkelwagen (cart)
   ontwerp: 482:9274 (gevuld) & 482:9042 (leeg)

   Stijlt de klassieke WooCommerce cart-markup
   (.woocommerce-cart-form, .cart_totals, .cart-empty,
   .wc-proceed-to-checkout) naar de Brini-design.
   Alle regels zijn gescoped op body.woocommerce-cart zodat ze
   alleen op de winkelwagen-pagina gelden.
   ========================================================= */

/* ---------------------------------------------------------
   Pagina-kop "WINKELWAGEN" (Impact, 40px, uppercase, zwart)
   --------------------------------------------------------- */
.woocommerce-cart .sellabees-entry__title {
	font-family: var(--sellabees-font-heading, "Impact"), sans-serif;
	font-weight: 400;
	font-size: 40px;
	line-height: 1.1;
	text-transform: uppercase;
	color: var(--sellabees-ink, #000);
	margin: 12px 0 20px;
}

/* De entry-content krijgt geen extra opmaak; layout zit in de cart-blokken. */
.woocommerce-cart .sellabees-entry__content {
	margin: 0;
}

/* ---------------------------------------------------------
   Twee-koloms layout: cart-tabel links, totalen rechts.
   ontwerp (482:9274): inhoud x360–1561 (1201px), met links 743px,
   tussenruimte 123px en rechts 335px → 61.9% / 10.2% / 27.9%.
   Als grid-percentages uitgedrukt, zodat de verhouding 1:1 met
   het design blijft in de bredere thema-container (i.p.v. een
   vaste 335px-kolom die proportioneel te smal wordt).
   --------------------------------------------------------- */
.woocommerce-cart .woocommerce {
	display: grid;
	grid-template-columns: 61.9% 27.9%;
	column-gap: 10.2%;
	row-gap: 48px;
	align-items: start;
}

.woocommerce-cart .woocommerce-notices-wrapper {
	grid-column: 1 / -1;
}

.woocommerce-cart .woocommerce-cart-form {
	min-width: 0;
	margin: 0;
}

/* Rechterkolom begint ~50px lager dan de eerste productrij
   (ontwerp: trust-check y361 vs. productfoto y311). */
.woocommerce-cart .cart-collaterals {
	margin-top: 50px;
	max-width: 100%;
}

/* WooCommerce zet cart-collaterals soms op 48% met floats: neutraliseren. */
.woocommerce-cart .cart-collaterals,
.woocommerce-cart .cart-collaterals .cart_totals {
	float: none;
	width: 100%;
}

/* ---------------------------------------------------------
   Producten-tabel (.woocommerce-cart-form__contents)
   --------------------------------------------------------- */
.woocommerce-cart .woocommerce-cart-form__contents {
	width: 100%;
	border: 0;
	border-collapse: collapse;
	margin: 0;
	font-family: var(--sellabees-font-body, "Avenir LT Pro"), sans-serif;
}

/* Koprij verbergen — de design toont geen tabelkoppen. */
.woocommerce-cart .woocommerce-cart-form__contents thead {
	display: none;
}

/* WooCommerce' plugin-CSS tekent een afgeronde buitenrand om .shop_table en
   schaalt de afbeelding naar 32px — beide neutraliseren (design heeft alleen
   dunne rij-hairlines en een 131px foto). */
.woocommerce-cart table.woocommerce-cart-form__contents,
.woocommerce-cart table.shop_table {
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

/* Productrij: dunne scheidingslijn boven en onder (ontwerp Line 10).
   De rij is een grid die het design 1:1 volgt (482:9274):
     foto (links, 2 rijen hoog) · titel+variatie boven, aantal eronder ·
     × rechtsboven · regeltotaal rechtsonder (op de aantal-regel).
   ┌───────┬──────────────┬──────────┐
   │       │ naam         │  ×       │
   │ foto  ├──────────────┼──────────┤
   │       │ aantal       │  prijs   │
   └───────┴──────────────┴──────────┘ */
.woocommerce-cart .woocommerce-cart-form__cart-item {
	border-top: 1px solid var(--sellabees-border, #e3e3e3);
	display: grid;
	grid-template-columns: 131px minmax(0, 1fr) auto;
	grid-template-areas:
		"thumb name remove"
		"thumb qty  price";
	column-gap: 22px;
	row-gap: 12px;
	align-content: center;
	padding: 26px 0;
}
.woocommerce-cart .woocommerce-cart-form__contents tbody
	.woocommerce-cart-form__cart-item:last-of-type {
	border-bottom: 1px solid var(--sellabees-border, #e3e3e3);
}

.woocommerce-cart .woocommerce-cart-form__cart-item td {
	border: 0 !important;   /* WC' `table.shop_table td{border-top}` (0,2,2) wint anders → halve lijnen */
	padding: 0;
	background: transparent;
}
/* Plaatsing in het grid (DOM = remove, thumb, name, price, qty, subtotal). */
.woocommerce-cart .woocommerce-cart-form__cart-item .product-thumbnail { grid-area: thumb; align-self: center; }
.woocommerce-cart .woocommerce-cart-form__cart-item .product-name      { grid-area: name; align-self: center; }
.woocommerce-cart .woocommerce-cart-form__cart-item .product-quantity  { grid-area: qty; align-self: center; justify-self: start; }
.woocommerce-cart .woocommerce-cart-form__cart-item .product-remove    { grid-area: remove; align-self: start; justify-self: end; }
.woocommerce-cart .woocommerce-cart-form__cart-item .product-subtotal  { grid-area: price; align-self: center; justify-self: end; }

/* Verwijder-knop (×) — rechts op de rij, fel rood (ontwerp #ff3a3a). */
.woocommerce-cart .product-remove {
	width: auto;
	padding: 0 !important;
}
.woocommerce-cart .product-remove .remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	font-size: 22px;
	line-height: 1;
	font-weight: 400;
	color: #ff3a3a !important;
	background: none !important;
	border-radius: 0;
	text-decoration: none;
}
.woocommerce-cart .product-remove .remove:hover {
	color: #e02525 !important;
	background: none !important;
}

/* Productafbeelding — 131px vierkant (ontwerp 130/131px).
   !important wint van WooCommerce' plugin-regel `table.cart img{width:32px}`. */
.woocommerce-cart .product-thumbnail {
	width: 131px;
	flex: 0 0 131px;
	padding: 0 !important;
}
.woocommerce-cart .product-thumbnail img {
	width: 131px !important;
	height: 131px !important;
	object-fit: cover;
	border-radius: 0;
}

/* Productnaam — Avenir Book 14px zwart, links uitgelijnd (ontwerp x=512). */
.woocommerce-cart .product-name {
	font-size: 14px;
	font-weight: 300;
	color: var(--sellabees-ink, #000);
	text-align: left;
}
.woocommerce-cart .product-name a {
	color: var(--sellabees-ink, #000);
	text-decoration: none;
	font-weight: 300;
}
.woocommerce-cart .product-name a:hover {
	color: var(--sellabees-red, #dd2532);
}

/* Variatie-/meta-regel onder de naam (bv. "Kleur: Platinum")
   — Avenir Roman italic 12px. */
.woocommerce-cart .product-name .variation,
.woocommerce-cart .product-name dl.variation {
	margin: 4px 0 0;
	font-size: 12px;
	font-style: italic;
	font-weight: 400;
	color: var(--sellabees-ink, #000);
}
.woocommerce-cart .product-name .variation dt,
.woocommerce-cart .product-name .variation dd {
	display: inline;
	margin: 0;
	font-weight: inherit;
}
.woocommerce-cart .product-name .variation dd { margin-right: 8px; }

/* Prijs- en subtotaal-cellen — Avenir Book 14px, rechts uitgelijnd. */
.woocommerce-cart .product-price,
.woocommerce-cart .product-subtotal {
	font-size: 14px;
	font-weight: 300;
	color: var(--sellabees-ink, #000);
	text-align: right;
	white-space: nowrap;
}
.woocommerce-cart .product-price .amount,
.woocommerce-cart .product-subtotal .amount {
	font-weight: 300;
}

/* ontwerp toont per rij één bedrag (het regeltotaal), rechts uitgelijnd.
   De aparte stukprijs-kolom van WooCommerce wordt verborgen zodat de subtotaal
   (regeltotaal) het enige bedrag op de rij is — exact zoals de design. */
.woocommerce-cart .woocommerce-cart-form__contents td.product-price {
	display: none;
}

/* ---------------------------------------------------------
   Aantal-veld — de stepper (− / waarde / +) komt uit de basis
   .sellabees-qty in layout.css (81×35). Hier alleen uitlijning.
   --------------------------------------------------------- */
.woocommerce-cart .product-quantity {
	flex: 0 0 81px;
	text-align: center;
}
/* ontwerp 482:9485: aantalwaarde Avenir Book 10px gecentreerd (cart-specifiek;
   de productpagina-stepper houdt zijn eigen grotere waarde). */
.woocommerce-cart .sellabees-qty input.qty {
	font-size: 10px;
}

/* ---------------------------------------------------------
   Acties-rij — het design toont GEEN coupon-veld en GEEN
   "Update winkelwagen"-knop. Coupon volledig verbergen; de
   update-knop blijft in de DOM (de stepper-JS klikt 'm) maar
   wordt visueel verborgen.
   --------------------------------------------------------- */
.woocommerce-cart .woocommerce-cart-form__contents td.actions {
	border: 0;
	padding: 0;
}
.woocommerce-cart td.actions .coupon {
	display: none;
}
.woocommerce-cart td.actions button[name="update_cart"] {
	position: absolute !important;   /* uit de flow houden — WC' smallscreen.css (≤768) zet 'm anders display:block;width:100% → 23px horizontale overflow */
	width: 1px !important;
	height: 1px !important;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

/* ---------------------------------------------------------
   Totalen-blok (.cart_totals) rechts
   --------------------------------------------------------- */
.woocommerce-cart .cart_totals {
	font-family: var(--sellabees-font-body, "Avenir LT Pro"), sans-serif;
}

/* "Cart totals"-kop verbergen — design toont alleen "Totaalbedrag". */
.woocommerce-cart .cart_totals > h2 {
	display: none;
}

.woocommerce-cart .cart_totals table {
	width: 100%;
	border: 0;
	border-collapse: collapse;
	margin: 0;
}
.woocommerce-cart .cart_totals table th,
.woocommerce-cart .cart_totals table td {
	border: 0;
	padding: 6px 0;
	background: transparent;
	font-size: 14px;
	color: var(--sellabees-ink, #000);
}
.woocommerce-cart .cart_totals table th {
	font-weight: 300;
	text-align: left;
}
.woocommerce-cart .cart_totals table td {
	text-align: right;
	font-weight: 300;
}

/* Design toont één regel "Totaalbedrag" (ontwerp 482:9507/9508) — alle
   overige totaal-rijen (subtotaal, verzending) verbergen. UITZONDERING: de
   btw-uitsplitsing "Waarvan btw" (tr.tax-rate, uit brini_tax_total_rows in
   functions.php) blijft WEL staan — die moet volgens de klant zichtbaar zijn op de
   winkelwagen én de afrekenpagina. `.tax-total` is WooCommerce' eigen samengevoegde
   variant (weergave "enkel totaal"); die blijft verborgen om dubbeling te voorkomen. */
.woocommerce-cart .cart_totals .cart-subtotal,
.woocommerce-cart .cart_totals .shipping,
.woocommerce-cart .cart_totals .woocommerce-shipping-totals,
.woocommerce-cart .cart_totals .tax-total,
.woocommerce-cart .cart_totals .fee {
	display: none;
}

/* Btw-uitsplitsing: zelfde opmaak als de andere regels, zonder WooCommerce' border-top
   op de cel (`.woocommerce table.shop_table tbody th` is specifieker dan de border:0
   in de tabelregel hierboven) — dus geen streepje boven "Waarvan btw". */
.woocommerce-cart .cart_totals table tr.tax-rate th,
.woocommerce-cart .cart_totals table tr.tax-rate td {
	border: 0 !important;
}

/* Eindtotaal "Totaalbedrag" (ontwerp 482:9507/9508): label links (Avenir 85 Heavy),
   bedrag rechts op DEZELFDE regel. De rij als flex zodat th/td netjes op één
   baseline uitlijnen; WC' td/th-rand (border-top) wordt geforceerd weggehaald
   (anders een streep door de regel). */
.woocommerce-cart .cart_totals .order-total {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	border: 0 !important;
	padding-top: 4px;
}
.woocommerce-cart .cart_totals .order-total th,
.woocommerce-cart .cart_totals .order-total td {
	border: 0 !important;
	padding: 0;
}
.woocommerce-cart .cart_totals .order-total th {
	font-weight: 800;
	color: var(--sellabees-ink, #000);
	font-size: 0;
}
.woocommerce-cart .cart_totals .order-total th::after {
	content: "Totaalbedrag";
	font-size: 14px;
}
.woocommerce-cart .cart_totals .order-total td,
.woocommerce-cart .cart_totals .order-total .amount {
	font-weight: 300;
	white-space: nowrap;
}

/* ---------------------------------------------------------
   "Ga verder met bestellen"-knop (.wc-proceed-to-checkout)
   — rood, 100% van de totalen-kolom, 40px, Impact uppercase.
   --------------------------------------------------------- */
.woocommerce-cart .wc-proceed-to-checkout {
	margin: 38px 0 0;
	padding: 0;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 40px;
	padding: 0 16px;
	border: 0;
	border-radius: 0;
	background-color: var(--sellabees-red, #dd2532);
	background-image: none;
	color: #fff;
	font-family: var(--sellabees-font-heading, "Impact"), sans-serif;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: .02em;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	transition: background-color .15s ease;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button:hover {
	background-color: var(--sellabees-red-dark, #c01f2b);
	color: #fff;
}

/* Engelse default-tekst van WooCommerce vervangen door de design-tekst.
   De originele tekst wordt onzichtbaar (font-size 0) en via ::after tonen
   we "Ga verder met bestellen". */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button {
	font-size: 0;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button::after {
	content: "Ga verder met bestellen";
	font-size: 14px;
}

/* Trust-checkmarks boven het totaal (ontwerp: groene checks #12b347). */
.woocommerce-cart .sellabees-cart-trust {
	list-style: none;
	margin: 0 0 16px;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

/* Twee kopieën staan in de DOM (functions.php): desktop in de totalen-kolom,
   mobiel bovenaan de cart-form. Desktop toont alleen de desktop-kopie. */
.woocommerce-cart .sellabees-cart-trust--mobile {
	display: none;
}
.woocommerce-cart .sellabees-cart-trust li {
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: var(--sellabees-font-body, "Avenir LT Pro"), sans-serif;
	font-size: 14px;
	font-weight: 300;
	color: var(--sellabees-ink, #000);
}
.woocommerce-cart .sellabees-cart-trust__check {
	color: #12b347;
	flex: 0 0 auto;
}

/* Betaallogo's onder de checkout-knop. */
.woocommerce-cart .sellabees-cart-payments {
	list-style: none;
	margin: 16px 0 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	justify-content: center;
}
.woocommerce-cart .sellabees-cart-payments img {
	height: 24px;
	width: auto;
	display: block;
}

/* ---------------------------------------------------------
   Lege winkelwagen (.cart-empty / eigen template-override)
   ontwerp 482:9042 — gecentreerd, kop Impact 40px, subtekst,
   rode "Verder winkelen"-knop (240px).
   --------------------------------------------------------- */

/* Verberg de standaard WP-paginakop "Winkelwagen" boven de lege staat;
   de override toont zijn eigen gecentreerde kop. */
.woocommerce-cart.woocommerce-page .sellabees-entry__content
	.woocommerce:has(.sellabees-cart-empty) {
	display: block;
}

/* Standaard WooCommerce-melding "Your cart is currently empty" verbergen. */
.woocommerce-cart .wc-empty-cart-message,
.woocommerce-cart .cart-empty {
	display: none;
}

.woocommerce-cart .sellabees-cart-empty {
	text-align: center;
	padding: 40px 0 64px;
	font-family: var(--sellabees-font-body, "Avenir LT Pro"), sans-serif;
}
.woocommerce-cart .sellabees-cart-empty__title {
	margin: 0 0 12px;
	font-family: var(--sellabees-font-heading, "Impact"), sans-serif;
	font-weight: 400;
	font-size: 40px;
	line-height: 1.1;
	text-transform: uppercase;
	color: var(--sellabees-ink, #000);
}
.woocommerce-cart .sellabees-cart-empty__text {
	margin: 0 0 28px;
	font-size: 14px;
	font-weight: 300;
	color: var(--sellabees-ink, #000);
}
.woocommerce-cart .sellabees-cart-empty__action {
	margin: 0;
}
.woocommerce-cart a.sellabees-cart-empty__button.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 240px;
	height: 40px;
	padding: 0 16px;
	border: 0;
	border-radius: 0;
	background-color: var(--sellabees-red, #dd2532);
	background-image: none;
	color: #fff;
	font-family: var(--sellabees-font-heading, "Impact"), sans-serif;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: .02em;
	text-transform: uppercase;
	text-decoration: none;
	transition: background-color .15s ease;
}
.woocommerce-cart a.sellabees-cart-empty__button.button:hover {
	background-color: var(--sellabees-red-dark, #c01f2b);
	color: #fff;
}

/* Op de lege staat staat de paginakop "Winkelwagen" niet in de design;
   verbergen wanneer de eigen lege-kop aanwezig is. */
.woocommerce-cart .sellabees-entry:has(.sellabees-cart-empty)
	.sellabees-entry__title {
	display: none;
}

/* ---------------------------------------------------------
   Responsive — tablet: stapel de twee kolommen onder elkaar.
   --------------------------------------------------------- */
@media (max-width: 980px) {
	.woocommerce-cart .woocommerce {
		grid-template-columns: 1fr;
		column-gap: 0;
		row-gap: 32px;
	}
	.woocommerce-cart .cart-collaterals {
		margin-top: 0;
	}
	.woocommerce-cart .woocommerce-cart-form,
	.woocommerce-cart .cart-collaterals {
		width: 100%;
	}
}

/* =========================================================
   MOBIEL (≤900px) — ontwerp 487:33318 (gevuld) / 487:32670 (leeg).
   393px breed, content-marge 49px → ±295px. Eén kolom: titel →
   trust-checks → producten → totaal → knop → betaallogo's.
   De productrij behoudt de desktop-grid (foto · naam/aantal ·
   ×/regeltotaal), met een kleinere foto (83px, ontwerp 487:33601).
   ========================================================= */
@media (max-width: 900px) {
	/* Paginakop "WINKELWAGEN" — Impact 35px (ontwerp 487:33603). */
	.woocommerce-cart .sellabees-entry__title,
	.woocommerce-cart .sellabees-cart-empty__title {
		font-size: 35px;
		margin: 4px 0 18px;
	}

	/* Eén kolom; productlijst boven, totalen/knop eronder. */
	.woocommerce-cart .woocommerce {
		grid-template-columns: 1fr;
		column-gap: 0;
		row-gap: 22px;
	}
	.woocommerce-cart .cart-collaterals {
		margin-top: 0;
	}

	/* Trust-checks bovenaan (ontwerp 487:33318, y166–222 → boven de producten).
	   De desktop-kopie in de totalen-kolom verbergen, de mobiele kopie (bovenaan
	   de cart-form, vóór de productentabel) tonen. */
	.woocommerce-cart .sellabees-cart-trust--desktop {
		display: none;
	}
	.woocommerce-cart .sellabees-cart-trust--mobile {
		display: flex;
		margin: 0 0 24px;
	}

	/* WooCommerce' woocommerce-smallscreen.css (≤768px) zet de cart-tabel om
	   naar block-rijen met "Label:"-prefixes en verbergt de thead. Dat moet hier
	   wijken voor de ontwerp-grid-rij. Specificiteit verhoogd met table.shop_table. */
	.woocommerce-cart table.shop_table_responsive tr.woocommerce-cart-form__cart-item,
	.woocommerce-cart .woocommerce-cart-form__cart-item {
		display: grid;
		grid-template-columns: 83px minmax(0, 1fr) auto;
		/* Areas expliciet zetten: foto links (2 rijen), naam + × bovenin, stepper +
		   prijs eronder. Zonder dit plaatst de grid auto → lege strook in het midden. */
		grid-template-areas:
			"thumb name remove"
			"thumb qty  price";
		column-gap: 14px;
		row-gap: 12px;
		padding: 22px 0;
	}
	/* td's terug naar hun grid-areas (smallscreen zet ze op display:block met
	   text-align:right + ::before-labels). */
	.woocommerce-cart table.shop_table_responsive tr.woocommerce-cart-form__cart-item td {
		display: block;
		text-align: inherit;
	}
	.woocommerce-cart table.shop_table_responsive
		tr.woocommerce-cart-form__cart-item td::before {
		content: none !important;   /* "Product:/Aantal:/Subtotaal:"-labels weg */
	}
	/* Herstel de grid-area-plaatsing + uitlijning (smallscreen zet td's op
	   text-align:right; naam/aantal expliciet links met !important terugzetten). */
	.woocommerce-cart .woocommerce-cart-form__cart-item .product-thumbnail { display: block; grid-area: thumb; }
	.woocommerce-cart .woocommerce-cart-form__cart-item .product-name      { display: block; grid-area: name; text-align: left !important; }
	.woocommerce-cart .woocommerce-cart-form__cart-item .product-quantity  { display: block; grid-area: qty; text-align: left !important; }
	.woocommerce-cart .woocommerce-cart-form__cart-item .product-remove    { display: block; grid-area: remove; text-align: right !important; }
	.woocommerce-cart .woocommerce-cart-form__cart-item .product-subtotal  { display: block; grid-area: price; text-align: right !important; }
	.woocommerce-cart table.shop_table_responsive tr.woocommerce-cart-form__cart-item td.product-price { display: none !important; }
	.woocommerce-cart .product-thumbnail {
		width: 83px;
		flex: 0 0 83px;
	}
	.woocommerce-cart .product-thumbnail img {
		width: 83px !important;
		height: 83px !important;
	}

	/* Productnaam Avenir ±14px (ontwerp 487:33606/33634). */
	.woocommerce-cart .product-name {
		font-size: 14px;
		line-height: 1.3;
	}
	.woocommerce-cart .product-name .variation,
	.woocommerce-cart .product-name dl.variation {
		font-size: 12px;
	}

	/* × rechtsboven (ontwerp 487:33622, 15px). */
	.woocommerce-cart .product-remove .remove {
		width: 18px;
		height: 18px;
		font-size: 20px;
	}

	/* Regeltotaal rechts, op de naam-regel uitgelijnd. */
	.woocommerce-cart .product-subtotal {
		font-size: 14px;
	}

	/* Aantal-stepper: 81×35 onder de naam (ontwerp 487:33616). */
	.woocommerce-cart .product-quantity {
		justify-self: start;
	}

	/* Totaalbedrag-regel: label links + bedrag rechts (ontwerp 482:20603/20604). */
	.woocommerce-cart .cart_totals .order-total th::after,
	.woocommerce-cart .cart_totals .order-total td,
	.woocommerce-cart .cart_totals .order-total .amount {
		font-size: 14px;
	}

	/* Knop "Ga verder met bestellen" — volle breedte, 40px (ontwerp 482:20605). */
	.woocommerce-cart .wc-proceed-to-checkout {
		margin-top: 20px;
	}

	/* Betaallogo's gecentreerd onder de knop (ontwerp 482:20607 e.v.). */
	.woocommerce-cart .sellabees-cart-payments {
		margin-top: 18px;
		gap: 12px;
	}
	.woocommerce-cart .sellabees-cart-payments img {
		height: 27px;
	}

	/* Lege winkelwagen (ontwerp 487:32670): gecentreerd, knop 240px. */
	.woocommerce-cart .sellabees-cart-empty {
		padding: 48px 0 56px;
	}
	.woocommerce-cart .sellabees-cart-empty__text {
		max-width: 280px;
		margin-left: auto;
		margin-right: auto;
	}
}