/*
 * AS Product Detail — "Site style" skin, tablet and up (media: min-width = phone breakpoint + 1).
 */

body.aspd-style-site {
	--aspd-gap-section: 40px;
}
body.aspd-style-site .aspd-main {
	padding-top: var(--aspd-top-space, 24px);
}
body.aspd-style-site .aspd-main__media {
	margin-bottom: 24px;
}

/* Gallery: separate rounded slides with a visible gap on the white page. */
body.aspd-style-site .aspd-gallery__media {
	border-radius: 0;
	background: transparent;
}
body.aspd-style-site .aspd-gallery__slide {
	border-radius: var(--aspd-r-media);
	background: var(--aspd-media-bg);
}
body.aspd-style-site .aspd .aspd-gallery__arrow {
	width: 40px;
	height: 40px;
	margin-top: -20px;
	border: 1px solid var(--aspd-border);
	background: rgba(255, 255, 255, .96);
	box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
	color: var(--aspd-heading);
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}
body.aspd-style-site .aspd .aspd-gallery__arrow:hover {
	background: #fff;
	border-color: var(--aspd-heading);
}
body.aspd-style-site .aspd .aspd-gallery__arrow--prev {
	left: 12px;
}
body.aspd-style-site .aspd .aspd-gallery__arrow--next {
	right: 12px;
}
body.aspd-style-site .aspd-gallery__thumbs {
	gap: 8px;
	margin-top: 12px;
	padding: 2px;
}
body.aspd-style-site .aspd .aspd-gallery__thumb {
	border: 0;
	border-radius: var(--aspd-r-card) !important;
	box-shadow: inset 0 0 0 1px var(--aspd-border);
}
body.aspd-style-site .aspd .aspd-gallery__thumb-img {
	border-radius: inherit;
}
body.aspd-style-site .aspd .aspd-gallery__thumb.is-active {
	box-shadow: 0 0 0 2px var(--aspd-heading);
}

body.aspd-style-site .aspd .aspd-title {
	font-size: 26px;
	line-height: 34px;
}
body.aspd-style-site .aspd .aspd-price :is(.amount, .amount bdi, .woocommerce-Price-currencySymbol, ins, .wcpbc-price) {
	font-size: 28px;
}
body.aspd-style-site .aspd-kf {
	margin-bottom: 24px;
}
/* Trust row: one soft panel holding equal-width white cards (same padding each), icon above the text. */
body.aspd-style-site .aspd-trust {
	grid-template-columns: repeat(var(--aspd-trust-cols, 3), minmax(0, 1fr));
	gap: 6px;
	padding: 6px;
	border-radius: calc(var(--aspd-r-button) + 4px);
	background: var(--aspd-surface-alt);
}
body.aspd-style-site .aspd-trust__item,
body.aspd-style-site .aspd-trust__link {
	grid-template-columns: minmax(0, 1fr) auto;
	align-content: start;
	align-items: start;
	row-gap: 10px;
}
body.aspd-style-site .aspd-trust__item {
	min-width: 0;
	padding: 14px;
	border: 0;
	border-radius: var(--aspd-r-button);
	background: var(--aspd-surface);
	box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
body.aspd-style-site .aspd-trust__item:last-child {
	border-bottom: 0;
}
body.aspd-style-site .aspd-trust__icon {
	grid-column: 1;
	border-color: transparent;
	background: var(--aspd-surface-alt);
}
body.aspd-style-site .aspd-trust__copy {
	grid-column: 1 / -1;
}
body.aspd-style-site .aspd-trust__chev {
	grid-column: 2;
	grid-row: 1;
	align-self: center;
}
body.aspd-style-site .aspd .aspd-trust__title {
	font-size: 13px;
	line-height: 18px;
}

body.aspd-style-site .aspd .aspd-section-title {
	font-size: 24px;
	line-height: 32px;
}
body.aspd-style-site .aspd-reviews__layout {
	grid-template-columns: 320px minmax(0, 1fr);
	gap: 40px;
}
body.aspd-style-site .aspd-reviews__summary {
	top: calc(var(--aspd-sticky-top, 0px) + var(--aspd-snav-h, 0px) + 24px);
	padding: 24px;
}
body.aspd-style-site .aspd-reviews__score {
	grid-template-columns: minmax(0, 1fr);
	gap: 20px;
}
body.aspd-style-site .aspd .aspd-reviews__average {
	font-size: 48px;
}
body.aspd-style-site .aspd .aspd-review__vote {
	height: 36px;
	min-width: 36px;
}

body.aspd-style-site .aspd-snav {
	padding: 0 24px;
}
body.aspd-style-site .aspd-snav {
	min-height: 56px;
}
body.aspd-style-site .aspd-snav__links {
	gap: 4px;
}
body.aspd-style-site .aspd-snav__link {
	min-height: 38px;
	padding: 0 18px;
}

body.aspd-style-site .aspd-bar {
	padding: 10px 0;
}
body.aspd-style-site .aspd-bar__title {
	color: var(--aspd-heading);
	font-family: var(--aspd-font-text);
	font-size: 14px;
	line-height: 20px;
}
body.aspd-style-site .aspd-bar__img {
	border-radius: 6px;
	background: var(--aspd-media-bg);
}
body.aspd-style-site .aspd-bar .aspd-bar__price,
body.aspd-style-site .aspd-bar .aspd-bar__price :is(.amount, bdi, .woocommerce-Price-currencySymbol, ins, .wcpbc-price) {
	color: var(--aspd-price);
	font-family: var(--aspd-font-num) !important;
	font-size: 14px;
	line-height: 20px;
}
body.aspd-style-site .aspd-bar .aspd-bar__btn {
	min-width: 180px;
	padding: 0 24px;
}

/* Dialogs: centred cards from tablet up. */
body.aspd-style-site .aspd-dialog {
	width: min(640px, calc(100vw - 48px));
	max-height: calc(100dvh - 96px);
	margin: auto;
	border-radius: 16px;
	box-shadow: 0 24px 64px rgba(15, 23, 42, .2);
}
body.aspd-style-site .aspd-dialog--quote {
	width: min(720px, calc(100vw - 48px));
}
body.aspd-style-site .aspd-dialog[open] {
	animation: aspd-pop .2s ease;
}
body.aspd-style-site .aspd-dialog:not(.aspd-sheet).is-closing[open] {
	animation: aspd-dialog-out .18s ease-in forwards;
}
body.aspd-style-site .aspd-dialog__head {
	padding: 18px 24px;
}
body.aspd-style-site .aspd-dialog__body {
	padding: 24px;
}