.vbd-cart-thumb-link {
	display: inline-block;
	margin-top: 4px;
	line-height: 0;
}
.vbd-cart-thumb-link .vbd-cart-thumb {
	width: 96px !important;
	max-width: 96px !important;
	height: auto !important;
	border-radius: 8px;
	border: 1px solid #eee;
	display: block;
}
.vbd-cart-thumb-name {
	display: block;
	font-size: 11px;
	line-height: 1.3;
	color: #999;
	margin-top: 3px;
	word-break: break-all;
}

/*
 * Snackbar notices ("Coupon code … has been applied") are position:fixed with
 * left:24px AND right:24px, so they stretch the full viewport width and sit on
 * top of the Place Order button when the page is scrolled to the bottom.
 * Constrain them to a compact bottom-left toast instead.
 */
.wc-block-components-notices__snackbar.wc-block-components-notice-snackbar-list {
	right: auto !important;
	width: auto !important;
	max-width: min(420px, calc(100vw - 48px)) !important;
}

/*
 * Mobile: the title-bar hero (70px bottom padding) stacked on the content
 * section (70px top padding) leaves a large empty band between the page
 * title and the first content. This stylesheet loads only on cart +
 * checkout, so plain selectors stay scoped to those two pages.
 */
@media (max-width: 640px) {
	.fusion-tb-page-title-bar .fusion-fullwidth {
		padding-bottom: 24px !important;
	}
	#main .post-content > .fusion-fullwidth:first-child {
		padding-top: 20px !important;
		padding-bottom: 24px !important;
	}
	/* The checkout block adds its own 24px on top of the section padding. */
	.wp-block-woocommerce-checkout {
		padding-top: 8px !important;
	}
}

/*
 * These two checkout sub-blocks render as a bare   (local pickup and
 * the ship/pickup toggle are not used on this store) yet still occupy a
 * ~90px band between Contact information and Shipping address. Hide them.
 * If local pickup is ever enabled, remove these two lines.
 */
.wp-block-woocommerce-checkout-shipping-method-block,
.wp-block-woocommerce-checkout-pickup-options-block {
	display: none !important;
}

/* Line items never show the product short description (the long marketing
   sub-heading) in the cart or the checkout order summary. */
.wc-block-components-product-metadata__description {
	display: none !important;
}

/*
 * Consistent, smaller type for line items - cart page and checkout order
 * summary used a jumble of sizes (18px names over 13px details over
 * 11px prices).
 */
.wc-block-cart-item__product .wc-block-components-product-name {
	font-size: 15px !important;
	font-weight: 600;
	line-height: 1.35;
}
.wc-block-components-order-summary-item__description .wc-block-components-product-name {
	font-size: 14px !important;
	font-weight: 600;
	line-height: 1.35;
}
.wc-block-cart-item__prices,
.wc-block-cart-item__prices del,
.wc-block-cart-item__prices ins,
.wc-block-components-order-summary-item__individual-prices,
.wc-block-components-order-summary-item__individual-prices del,
.wc-block-components-order-summary-item__individual-prices ins {
	font-size: 13px !important;
}
.wc-block-components-product-details,
.wc-block-components-product-details .wc-block-components-product-details__name,
.wc-block-components-product-details .wc-block-components-product-details__value {
	font-size: 12.5px !important;
	line-height: 1.55;
}
.wc-block-cart-item__total .wc-block-components-product-price,
.wc-block-components-order-summary-item__total-price .wc-block-components-product-price {
	font-size: 14px !important;
	font-weight: 600;
}
.wc-block-components-sale-badge {
	font-size: 11px !important;
}