/*
 * AS Product Detail — desktop (media attribute: min-width = two-column breakpoint).
 * Gallery left (sticky), purchase column right.
 */

body.aspd-page {
	--aspd-gutter: var(--aspd-gutter-desk, 5vw);
}
body.aspd-page .aspd-main {
	padding: var(--aspd-top-space, 64px) 0 0;
}
body.aspd-page .aspd-main__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) calc((100% - var(--aspd-col-gap, 40px)) * var(--aspd-info, 39) / 100);
	align-items: start;
	column-gap: var(--aspd-col-gap, 40px);
}
body.aspd-page .aspd-main__media {
	margin: 0;
}
body.aspd-page .aspd-main.has-sticky-media .aspd-main__media {
	position: sticky;
	top: calc(var(--aspd-sticky-top, 0px) + 24px);
}
body.aspd-page .aspd-gallery__slide {
	flex-basis: var(--aspd-slide-desk, 81%);
}
body.aspd-page .aspd-trust__item {
	grid-template-columns: 30px minmax(0, 1fr);
	column-gap: 10px;
	min-height: 68px;
	padding: 11px 13px;
}
body.aspd-page .aspd-trust__icon {
	width: 30px;
	height: 30px;
}
body.aspd-page .aspd-trust__icon .aspd-icon {
	width: 18px;
	height: 18px;
}
body.aspd-page .aspd .aspd-trust__title {
	font-size: 11px;
	letter-spacing: .065em;
}
body.aspd-page .aspd .aspd-trust__desc {
	font-size: 10.5px;
}
body.aspd-page .aspd-reviews {
	padding: 72px 0 88px;
}
body.aspd-page .aspd-related {
	padding: 72px 0 88px;
}
body.aspd-page .aspd-related__cards > ul {
	grid-template-columns: repeat(var(--aspd-rel-grid, 5), minmax(0, 1fr));
	gap: 16px;
}
body.aspd-page .aspd-related.is-carousel .aspd-related__cards > ul {
	grid-auto-columns: calc((100% - (var(--aspd-rel-cols, 5) - 1) * 16px) / var(--aspd-rel-cols, 5));
	gap: 16px;
}

/* Sticky bar, autoboss.com style: a card floating over the purchase column. */
body.aspd-page .aspd-bar.is-autoboss {
	left: var(--aspd-bar-left, auto);
	right: auto;
	bottom: 24px;
	width: var(--aspd-bar-width, 480px);
	padding: 15px;
	border: 1px solid rgba(0, 0, 0, .02);
	border-radius: 20px;
	background: rgba(255, 255, 255, .96);
	box-shadow: 0 12px 36px rgba(31, 31, 51, .12);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	transform: translateY(calc(100% + 40px));
}
body.aspd-page .aspd-bar.is-autoboss.is-visible {
	transform: none;
}
body.aspd-page .aspd-bar.is-autoboss .aspd-bar__inner {
	gap: 12px;
	padding: 0;
}
body.aspd-page .aspd-bar.is-autoboss .aspd-bar__actions {
	flex: 1 1 auto;
}
body.aspd-page .aspd-bar.is-autoboss .aspd-bar__icons {
	display: none;
}
body.aspd-page .aspd-bar.is-autoboss .aspd-bar__actions .aspd-bar__btn {
	min-height: 48px;
	font-size: 14px;
}
body.aspd-page .aspd-bar.is-autoboss .aspd-bar__fav {
	display: block;
	flex: none;
}
body.aspd-page .aspd-bar.is-autoboss .aspd-bar__fav button {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
	width: 48px;
	height: 48px;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	color: rgba(9, 9, 10, .92);
	font-size: 12px;
	cursor: pointer;
}