/* SilverStripe resized these images server-side (SetRatioSize); the box is kept in CSS. */
.category-list .category .image img {
	width: auto;
	height: auto;
	max-width: min(100%, 150px);
	max-height: 110px;
	object-fit: contain;
}

.bigMenu .product-name img {
	width: auto;
	height: auto;
	max-width: 60px;
	max-height: 70px;
	object-fit: contain;
}

/* Turnstile has no height unless a challenge needs the visitor; then it takes its own line under the fields. */
.requestForm .cf-turnstile {
	display: flex;
	justify-content: flex-end;
}

/* SilverStripe padded each dealer logo to a white 250×250 square (PaddedImage). The square keeps
   the neighbouring logos' edges out of the slider's 40px side padding. */
.dealer-slider .logo {
	width: min(100%, 100px);
	height: 100%;
	margin: 0 auto;
	background: no-repeat center center;
	background-size: contain;
}

/* SilverStripe content tables are plain layout tables (the contact page's department list) with the
   inline style the editor saved; EmDash's table component would draw a bordered, striped grid. Its
   scoped styles carry data-astro-cid attributes on every element, hence !important. */
.content article .emdash-table-wrapper {
	margin-block: 0 !important;
	overflow: visible !important;
}
.content article .emdash-table {
	inline-size: auto !important;
	min-width: 0 !important;
	border-collapse: separate !important;
	border-spacing: 0.5rem;
	padding: 0 10px;
	font-size: inherit !important;
}
.content article .emdash-table tr {
	background: none !important;
}
.content article .emdash-table td {
	border: 0 !important;
	padding: 1px !important;
}

.notification-dismissed .notificationBar {
	display: none;
}

/* SilverStripe padded product thumbnails to 90×90 (PaddedImage); tall originals would overflow the row. */
.product-list .product .product-image {
	width: 90px;
	height: 90px;
	object-fit: contain;
}

/* SilverStripe padded gallery thumbnails to 110×120; keep that box at every width. */
.ProductPage .slide-navigation .gotoslide img {
	width: 100%;
	max-width: 110px;
	height: auto;
	aspect-ratio: 110 / 120;
	object-fit: contain;
}

/* The theme's page background as WebP: 113 KiB instead of 388 KiB, same image. */
body {
	background-image: url(/themes/main/img/bg-1.webp);
}