/* AS Description Builder — tablet and up (media attribute: above the phone breakpoint). */

.asdb {
	--asdb-pad: 32px;
	--asdb-head-gap: 24px;
}
.asdb .asdb-title {
	font-size: 24px;
	line-height: 32px;
}
.asdb-actions > .asdb-btn:not(.asdb-btn--link) {
	flex: none;
	padding: 0 20px;
}
.asdb-compare__table :is(th, td) {
	min-width: 132px;
	padding: 12px 14px;
}
.asdb-compare__table :is(thead th:first-child, tbody tr > th[scope="row"]) {
	width: 30%;
	min-width: 140px;
}

/* Hero */
.asdb .asdb-hero__title {
	font-size: 30px;
	line-height: 38px;
}
.asdb-hero__lead {
	font-size: 16px;
	line-height: 26px;
}

/* Key figures */
.asdb-stats {
	grid-template-columns: repeat(min(var(--asdb-n, 4), 4), minmax(0, 1fr));
}
.asdb-stat {
	padding: 20px 24px;
}
.asdb-stat__value {
	font-size: 26px;
	line-height: 32px;
}

/* Feature grid */
.asdb-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}
.asdb-cards.is-phone-rail {
	display: grid;
	margin: 0;
	padding: 0;
	overflow: visible;
}
.asdb-cards.is-phone-rail .asdb-card.is-extra {
	display: flex;
}
.asdb-limit.is-cut:not(.is-expanded) .asdb-cards.is-phone-rail .is-extra {
	display: none !important;
}
.asdb-cards.is-phone-rail ~ .asdb-more {
	display: flex;
}
.asdb-cards:is(.is-plain, .is-numbered) {
	column-gap: 32px;
}
.asdb-card {
	padding: 24px;
}

/* Steps: numbered cards in two columns */
.asdb-steps.is-cards .asdb-steps__list {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

/* Specifications */
.asdb-specs.is-cols-2 .asdb-specs__rows {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 40px;
}

/* Comparison */
.asdb-compare__bar {
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}
.asdb-compare__chips {
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	overflow: visible;
}
.asdb-compare__scroll {
	margin: 0;
	padding: 0;
}
.asdb .asdb-switch {
	flex: none;
	align-self: center;
}

/* Downloads */
.asdb-downloads {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}
.asdb-file {
	grid-template-columns: 104px minmax(0, 1fr);
	padding: 20px;
}
.asdb-help {
	padding: 24px;
}

/* In the box */
.asdb-package__list {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.asdb-package.has-media .asdb-package__list {
	grid-template-columns: 1fr;
}
.asdb-package.has-media {
	grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
	align-items: center;
	gap: 32px;
}
.asdb-package__media {
	aspect-ratio: 1;
}

/* FAQ */
.asdb-faq.is-two .asdb-faq__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: start;
	column-gap: 32px;
	border-top: 0;
}
.asdb-faq.is-two .asdb-qa:nth-child(-n + 2) {
	border-top: 1px solid var(--asdb-line);
}
.asdb .asdb-qa__q {
	padding: 18px 0;
	font-size: 16px;
	line-height: 24px;
}
.asdb-qa__a {
	font-size: 15px;
	line-height: 25px;
}

/* Image & text */
.asdb-split {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: center;
	gap: 32px;
}
.asdb-split.is-media-right .asdb-split__media {
	order: 2;
}

/* Video */
.asdb-video__list {
	margin: 12px 0 0 !important;
	padding: 0 !important;
}
.asdb-poster__play {
	width: 76px;
	height: 76px;
}

/* Highlights */
.asdb-highlights {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 32px;
}
.asdb-highlight:nth-last-child(2):nth-child(odd) {
	border-bottom: 0;
}
.asdb-highlights.is-tiles {
	grid-template-columns: repeat(min(var(--asdb-n, 4), 4), minmax(0, 1fr));
	gap: 12px;
}

/* Gallery */
.asdb-gallery__list {
	grid-template-columns: repeat(min(var(--asdb-cols, 3), 3), minmax(0, 1fr));
	gap: 16px;
}
.asdb-gallery.is-rail .asdb-gallery__list {
	gap: 16px;
	margin: 0;
	padding: 0;
	scroll-padding: 0;
}
.asdb-gallery.is-rail .asdb-shot {
	flex-basis: calc((100% - 16px) / 2);
}
.asdb-lightbox__img {
	inset: 56px 72px;
	width: calc(100% - 144px);
}

/* Banner */
.asdb-banner.has-media {
	grid-template-columns: minmax(0, 1fr) minmax(0, 38%);
	align-items: center;
	gap: 32px;
}
.asdb .asdb-banner__title {
	font-size: 26px;
	line-height: 34px;
}

/* Promo cards */
.asdb-tiles {
	grid-template-columns: repeat(min(var(--asdb-n, 2), 2), minmax(0, 1fr));
	gap: 16px;
}
.asdb-tile {
	min-height: 200px;
	padding: 24px;
}

/* Products */
.asdb .asdb-products__row > ul {
	grid-auto-columns: calc((100% - 2 * 12px) / 3);
}

/* Compatibility */
.asdb-compat {
	grid-template-columns: repeat(min(var(--asdb-n, 2), 2), minmax(0, 1fr));
	gap: 16px;
}

/* Rail arrows from tablet up, for pointers that hover */
@media (hover: hover) {
	.asdb-head.has-railnav {
		padding-right: 104px;
	}
	.asdb-railnav:not([hidden]) {
		position: absolute;
		top: -60px;
		right: 0;
		display: flex;
		gap: 8px;
	}
	[data-asdb-railwrap] {
		position: relative;
	}
}