/*
 * AS Description Builder — bridge for AUTOOL-style modules. The look itself comes from the original AUTOOL
 * description stylesheet and script; this file only covers what they cannot know: bands stacked as separate
 * builder modules, "space" settings, group rows in the specification table and alternating image / text rows.
 */

.asdb .asdb-m.asdb-at,
.asdb .asdb-m.asdb-legacy {
	margin: 0;
}
.asdb .asdb-m.asdb-at.asdb-space--tight section.autool-section {
	padding-top: 0 !important;
}
.asdb .asdb-m.asdb-at.asdb-space--none section.autool-section {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/*
 * Original geometry. AS Product Detail aligns imported AUTOOL content with the store container (1280 px);
 * AUTOOL-style modules use the original values instead (read from autoolstore.com): 90vw (92vw on tablets),
 * at most 1440 px, gutter clamp(16px, 4vw, 56px).
 */
body #tab-description .asdb-m.asdb-at :is(.autool-page-shell, .autool-description) {
	--autool-single-container-width: min(100%, 90vw);
	--autool-single-container-max: 1440px;
	--autool-product-content: 1440px;
	--autool-product-wide: 1440px;
	--autool-product-gutter: clamp(16px, 4vw, 56px);
}
@media (min-width: 690px) and (max-width: 999px) {
	body #tab-description .asdb-m.asdb-at :is(.autool-page-shell, .autool-description) {
		--autool-single-container-width: min(100%, 92vw);
	}
}

/*
 * Typography the store theme and AS Product Detail override on this site but the original page does not:
 * body text tracking, heading tracking / weight, and the child theme's monospace <label> rule.
 */
body #tab-description .asdb-m.asdb-at .autool-description {
	letter-spacing: normal;
}
body #tab-description .asdb-m.asdb-at .autool-product-hero__title {
	letter-spacing: -0.045em;
}
body #tab-description .asdb-m.asdb-at :is(.autool-product-card h3, .autool-resource-panel h3) {
	font-weight: 700;
}
body #tab-description .asdb-m.asdb-at .autool-resource-panel h3 {
	letter-spacing: -0.025em;
}
body #tab-description .asdb-m.asdb-at .autool-description label {
	font-family: inherit !important;
	font-variant-numeric: normal;
}
body #tab-description .asdb-m.asdb-at .autool-description label.autool-model-option {
	font-weight: 400 !important;
}
body #tab-description .asdb-m.asdb-at .autool-description label.autool-model-compare__difference-toggle {
	font-weight: 800 !important;
}

/* Specification table: group headings like the comparison table's category rows. */
.autool-product-page .autool-evidence-table tr.asdb-ev-group th {
	padding: 12px 16px !important;
	border: 0 !important;
	background: #262a2f !important;
	color: #ffffff !important;
	font-size: 10.5px !important;
	font-weight: 900 !important;
	letter-spacing: 0.06em;
	text-align: left;
	text-transform: uppercase;
}
.autool-product-page .autool-evidence-table tr.asdb-ev-group th::before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-right: 8px;
	background: #fdbb18;
	vertical-align: 1px;
}
.autool-product-page .asdb-ev-note {
	margin-top: 18px !important;
	font-size: 13px !important;
}

/* Image & text / feature rows: framed picture beside a copy panel (original card border, copy and button styles). */
.autool-product-page .asdb-at-rows .asdb-at-row {
	display: grid;
	overflow: hidden;
	border: 1px solid var(--autool-border, #dedfd9);
	background: #ffffff;
}
.autool-product-page .asdb-at-rows .asdb-at-row + .asdb-at-row {
	margin-top: 24px;
}
.autool-product-page .asdb-at-rows .asdb-at-media {
	margin: 0;
	overflow: hidden;
	background: #eef0ec;
	aspect-ratio: 4 / 3;
}
.autool-product-page .asdb-at-rows .asdb-at-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.autool-product-page .asdb-at-rows .asdb-at-video .asdb-poster {
	width: 100%;
	height: 100%;
}
.autool-product-page .asdb-at-rows .autool-copy-panel {
	display: grid;
	align-content: center;
	min-height: 0;
	padding: clamp(22px, 3.4vw, 48px);
	border: 0;
}
.autool-product-page .asdb-at-rows .autool-copy-panel .autool-title {
	margin-bottom: 14px;
}
.autool-product-page .asdb-at-rows .autool-product-hero__actions {
	margin-top: 24px;
}
.autool-product-page .asdb-at-rows .autool-product-button:not(.autool-product-button--primary) {
	border-color: rgba(17, 18, 20, 0.24);
	color: #111214;
}
.autool-product-page section[data-autool-surface="dark"].asdb-at-rows .asdb-at-row {
	border-color: rgba(255, 255, 255, 0.12);
	background: rgba(255, 255, 255, 0.04);
}
.autool-product-page section[data-autool-surface="dark"].asdb-at-rows .autool-product-button:not(.autool-product-button--primary) {
	border-color: rgba(255, 255, 255, 0.24);
	color: #ffffff;
}
@media (min-width: 1000px) {
	.autool-product-page .asdb-at-rows .asdb-at-row:not(.is-text-only) {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
	.autool-product-page .asdb-at-row.is-media-right > .asdb-at-media {
		order: 2;
	}
}
.autool-product-page .asdb-at-rows .asdb-at-checks li {
	color: #36383b;
}
.autool-product-page section[data-autool-surface="dark"].asdb-at-rows .asdb-at-checks li {
	color: rgba(255, 255, 255, 0.78);
}
/* The original page's own lightbox claims these images without a hint; keep the viewer, drop the chip. */
body #tab-description .asdb-m.asdb-at .autool-media-hint {
	display: none !important;
}

/* Call to action: the hero copy column on its own. */
.autool-product-page section.asdb-at-cta .autool-product-hero__copy {
	max-width: 860px;
}
.autool-product-page section.asdb-at-cta .autool-title {
	color: #ffffff;
}

/* Matches autoolstore.com, where theme / plugin CSS outside the description files sets these. */
body #tab-description .asdb-m.asdb-at label.autool-model-compare__difference-toggle {
	text-transform: uppercase;
}
body #tab-description .asdb-m.asdb-at .autool-model-overview h3.autool-title {
	letter-spacing: -0.018em;
}
body #tab-description .asdb-m.asdb-at .autool-model-overview-card__title {
	letter-spacing: -0.025em;
}
@media (min-width: 761px) and (max-width: 1080px) {
	body #tab-description .asdb-m.asdb-at .autool-product-page .autool-package-media {
		width: 100% !important;
		max-width: none !important;
	}
}
body #tab-description .asdb-m.asdb-at .autool-mobile-rail-controls {
	border-top-style: none;
}

/* Package contents: an item that is not included gets a neutral cross instead of the yellow check. */
.autool-product-page .autool-package-list li.asdb-pkg-not::before {
	content: "\00d7" !important;
	border: 1px solid #c7c7c7 !important;
	background: #eeeeee !important;
	color: #3d3d3d !important;
	font-size: 15px !important;
	font-weight: 900 !important;
}

/* Picture cards are not links: drop the guide cards' "Read →" footer. */
.autool-product-page .asdb-at .autool-guide-body::after,
body #tab-description .asdb-m--at_cards .autool-guide-body::after {
	display: none !important;
	content: none !important;
}
/* Call to action: one copy column, not the overview's two-column, image-height grid. */
body #tab-description .asdb-m--at_cta .autool-product-hero__grid {
	display: block !important;
	min-height: 0 !important;
	height: auto !important;
}
body #tab-description .asdb-m--at_cta section.autool-product-hero {
	min-height: 0 !important;
}

/* Gallery slides fill the stage. The original lightbox marks them figure.autool-enlargeable-media, whose
   position: relative outranks the slide's position: absolute and pushes the picture below the stage. */
body #tab-description .asdb-at .autool-product-gallery-slide {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
}
body #tab-description .asdb-at .autool-product-gallery-slide img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain;
}