/*
 * AUTOOL Product Reviews & Quote — the Customer Reviews popup design.
 *
 * PROVENANCE — read this before editing.
 *
 * These rules were not authored here. They were found duplicated into the
 * per-product inline CSS (`_autool_de_inline_css` post meta) of 136 of the 159
 * published products, under the comment "AUTOOL per-product migration:
 * autool-reviews-modal-enhancement-css". Four byte-different copies existed; they are
 * functionally identical, differing only by a stray comment that leaked in from a
 * neighbouring block. This file is taken verbatim from product 64655's copy.
 *
 * The other 23 products never received it, and 21 of those are the ones with the MOST
 * reviews — SDT206 (274), CT160 (231), HTS558 (150), SDT103 (145), HTS518 (44). On
 * those the popup fell back to plain runtime styles: measured 920x810 / display:block
 * against 1040x792 / display:grid on a product that had the copy. That is the whole of
 * the reported "有评价和没评价的样式不一致" and "每个产品都各异" — never per-product
 * intent, just an incomplete rollout.
 *
 * Shipping it here makes all 159 products identical: the 136 keep what they had, the
 * 23 finally get it.
 *
 * THREE THINGS THAT MATTER IF YOU EDIT THIS FILE
 *
 * 1. THE @media BLOCKS ARE LOAD-BEARING. There are three (899.98px, 689.98px,
 *    prefers-reduced-motion). An earlier extraction of this block flattened them, and
 *    the phone overrides then applied at every width — the desktop panel went from
 *    1040px to 1428px wide because a `width: 100%` escaped its query.
 * 2. SOURCE ORDER IS LOAD-BEARING. Several selectors appear more than once and rely
 *    on the later rule winning. Do not sort or dedupe.
 * 3. It must keep printing AFTER the per-post copies or the 136 products stay
 *    governed by their own copy. autool-direct-edit enqueues those at
 *    `wp_enqueue_scripts` priority 100, so Frontend\Assets runs at 120.
 *
 * Modernisations live in reviews.css, which loads after this file — kept separate so
 * this one stays a faithful record of the original design.
 */
/* AUTOOL per-product migration: autool-reviews-modal-enhancement-css;
global 3.3.0 retained. */ /* AUTOOL Customer Reviews modal enhancement - isolated browser candidate. */ .autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-product-modal-panel--reviews {
	--autool-review-card-border: #e3e7ec;
	--autool-review-card-muted: #657184;
	--autool-review-card-surface: #ffffff;
	--autool-review-card-soft: #f5f7f9;
	display: grid;
	grid-template-rows: auto minmax(0, 1fr);
	width: min(1040px, calc(100vw - 32px));
	height: min(88dvh, 860px);
	max-height: none;
	overflow: hidden;
	border: 1px solid rgba(26, 31, 37, .14);
	border-radius: 14px;
	background: var(--autool-review-card-soft);
	box-shadow: 0 28px 80px rgba(18, 24, 32, .24);
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-product-modal-header {
	position: relative;
	top: auto;
	min-height: 64px;
	padding-inline: 18px;
	border-bottom-width: 3px;
	background: rgba(255, 255, 255, .98);
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-product-modal-body {
	min-width: 0;
	min-height: 0;
	overflow: hidden;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup {
	position: relative;
	display: grid;
	grid-template-columns: minmax(220px, 250px) minmax(0, 1fr);
	grid-template-rows: minmax(0, 1fr) auto auto minmax(0, 1fr) auto;
	grid-template-areas: ". reviews" "summary reviews" "toolbar reviews" ". reviews" ". status";
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	overflow: hidden;
	background: var(--autool-review-card-soft);
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup::before {
	position: absolute;
	top: 12px;
	bottom: 12px;
	left: 14px;
	width: calc(250px - 28px);
	border-radius: 11px;
	background: var(--autool-review-card-surface);
	box-shadow: 0 0 0 1px var(--autool-review-card-border);
	content: "";
	pointer-events: none;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-product-modal-title {
	font-size: clamp(20px, 2vw, 25px);
	letter-spacing: .025em;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-product-modal-title-icon {
	width: 38px;
	height: 38px;
	border-radius: 8px;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup__summary {
	grid-area: summary;
	position: relative;
	z-index: 1;
	grid-template-columns: minmax(0, 1fr);
	grid-template-rows: auto auto;
	align-content: start;
	min-width: 0;
	min-height: 0;
	margin-inline: 14px;
	overflow: hidden;
	background: var(--autool-review-card-surface);
	border-bottom: 1px solid var(--autool-review-card-border);
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup__score {
	padding: 16px;
	border-right: 0;
	border-bottom: 1px solid var(--autool-review-card-border);
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup__bars {
	gap: 4px;
	padding: 12px;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup__score-value {
	font-size: clamp(48px, 6vw, 64px);
	letter-spacing: -.04em;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup__bar-row--button {
	min-height: 27px;
	padding: 3px 5px;
	transition: border-color .16s ease, background-color .16s ease, color .16s ease;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup__bar-track {
	height: 7px;
	overflow: hidden;
	border-radius: 999px;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup__bar-fill {
	border-radius: inherit;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup__toolbar {
	grid-area: toolbar;
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 8px;
	min-width: 0;
	min-height: 115px;
	margin-inline: 14px;
	padding: 12px;
	border-bottom: 1px solid var(--autool-review-card-border);
	background: var(--autool-review-card-surface);
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup__photo-filter {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 9px;
	flex: none;
	width: 100%;
	min-width: 0;
	min-height: 42px;
	margin: 0;
	padding: 9px 11px;
	border: 1px solid var(--autool-review-card-border);
	border-radius: 8px;
	background: var(--autool-review-card-soft);
	color: var(--autool-popup-ink-soft);
	box-shadow: none;
	font-family: var(--autool-popup-font-display);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .045em;
	line-height: 1.2;
	text-align: start;
	text-transform: uppercase;
	cursor: pointer;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup__photo-filter:hover, .autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup__photo-filter.is-active {
	border-color: color-mix(in srgb, var(--autool-popup-yellow) 58%, #c58b00);
	background: var(--autool-popup-yellow-soft);
	color: var(--autool-popup-yellow-dark);
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup__photo-filter:focus-visible {
	outline: 2px solid var(--autool-popup-yellow-dark);
	outline-offset: 2px;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup__photo-filter:disabled {
	cursor: not-allowed;
	opacity: .48;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup__photo-filter-icon, .autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup__photo-filter-icon svg {
	display: block;
	width: 17px;
	height: 17px;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup__photo-filter-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 28px;
	height: 24px;
	padding-inline: 7px;
	border-radius: 999px;
	background: #fff;
	color: var(--autool-popup-ink);
	font-size: 11px;
	letter-spacing: 0;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup__photo-filter.is-active .autool-reviews-popup__photo-filter-count {
	background: var(--autool-popup-yellow);
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup__filter-state, .autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup__filter-reset {
	width: 100%;
	margin: 0;
	border-radius: 8px;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup__filter-state {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	min-height: 0 !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup__filter-reset {
	flex: none;
	min-width: 0;
	min-height: 38px;
	padding: 8px 10px;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-product-all-reviews-grid {
	grid-area: reviews;
	gap: 12px;
	min-width: 0;
	min-height: 0;
	max-height: none;
	padding: 12px 14px;
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	overflow-anchor: none;
	scrollbar-gutter: stable;
	-webkit-overflow-scrolling: touch;
	touch-action: pan-y;
	contain: layout paint;
	background: var(--autool-review-card-soft);
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-product-all-reviews-grid:focus-visible {
	outline: 2px solid var(--autool-popup-yellow-dark);
	outline-offset: -3px;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-product-review-card {
	display: block;
	flex: 0 0 auto;
	height: auto !important;
	overflow: hidden;
	border: 1px solid var(--autool-review-card-border);
	border-radius: 11px;
	background: var(--autool-review-card-surface);
	box-shadow: 0 7px 22px rgba(23, 31, 42, .055);
	list-style: none;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-product-review-card.autool-review-hidden {
	display: none !important;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-product-review-card.autool-review-pending {
	display: none !important;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup--stabilizing .autool-product-review-card:not(.autool-review-initial) {
	display: none !important;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-product-review-card__inner {
	padding: 18px;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-product-reviewer-avatar {
	width: 42px;
	height: 42px;
	border: 0;
	border-radius: 50%;
	background: #20252b;
	box-shadow: inset 0 0 0 3px rgba(254, 181, 17, .2);
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-product-reviewer-meta .woocommerce-review__author {
	font-size: 13px;
	letter-spacing: .075em;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .ct-review-title {
	grid-column: 1 / -1;
	margin: 2px 0 0;
	color: var(--autool-popup-ink);
	font-family: var(--autool-popup-font-display);
	font-size: clamp(19px, 2vw, 23px);
	font-weight: 800;
	line-height: 1.24;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-product-review-body {
	color: #465266;
	font-size: 15px;
	line-height: 1.65;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .ct-review-images {
	grid-column: 1 / -1;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin: 15px 0 0;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .ct-review-images .ct-media-container {
	position: relative;
	display: block;
	flex: 0 0 76px;
	width: 76px !important;
	height: 76px !important;
	margin: 0;
	overflow: hidden;
	border: 1px solid #d8dee6;
	border-radius: 8px;
	background: #edf1f5;
	box-shadow: 0 3px 10px rgba(23, 31, 42, .08);
	cursor: zoom-in;
	transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .ct-review-images .ct-media-container:hover {
	border-color: var(--autool-popup-yellow-dark);
	box-shadow: 0 8px 20px rgba(23, 31, 42, .15);
	transform: translateY(-2px);
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .ct-review-images .ct-media-container:focus-visible {
	outline: 3px solid color-mix(in srgb, var(--autool-popup-yellow) 65%, #fff);
	outline-offset: 3px;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .ct-review-images .ct-media-container img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	object-fit: cover;
	object-position: center;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-review-photo-zoom {
	position: absolute;
	right: 5px;
	bottom: 5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border: 1px solid rgba(255, 255, 255, .68);
	border-radius: 50%;
	background: rgba(22, 27, 33, .82);
	color: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
	pointer-events: none;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-review-photo-zoom svg {
	width: 13px;
	height: 13px;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .ct-review-votes {
	border-top-color: var(--autool-review-card-border) !important;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup__loading {
	grid-area: status;
	background: #fff;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup__filter-empty {
	grid-area: status;
	margin: 0;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup--stabilizing [data-autool-photo-filter], .autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup--stabilizing [data-autool-modal-rating-filter], .autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup--stabilizing [data-autool-modal-rating-clear] {
	pointer-events: none;
	cursor: wait;
	opacity: .56;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup--stabilizing .autool-reviews-popup__photo-filter-count {
	position: relative;
	color: transparent;
}

.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup--stabilizing .autool-reviews-popup__photo-filter-count::after {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	color: var(--autool-popup-ink);
	content: "…";
}

html.autool-review-photo-lightbox-open .pswp.pswp--open {
	z-index: 1000002;
}

@media (max-width: 899.98px) {
	.autool-product-modal-backdrop[data-autool-modal-id="reviews"] {
		align-items: stretch;
		padding: 6px;
	}
	.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-product-modal-panel--reviews {
		width: 100%;
		height: calc(100dvh - 12px);
		border-radius: 12px;
	}
	.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup {
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: auto auto minmax(0, 1fr) auto;
		grid-template-areas: "summary" "toolbar" "reviews" "status";
		background: var(--autool-review-card-soft);
	}
	.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup::before {
		display: none;
	}
	.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup__summary {
		grid-template-columns: minmax(98px, .75fr) minmax(0, 1.55fr);
		grid-template-rows: auto;
		margin-inline: 0;
		border-right: 0;
		border-bottom: 1px solid var(--autool-review-card-border);
	}
	.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup__score {
		border-right: 1px solid var(--autool-review-card-border);
		border-bottom: 0;
	}
	.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup__toolbar {
		display: flex;
		flex-direction: row;
		align-items: center;
		flex-wrap: nowrap;
		gap: 6px;
		min-height: 50px;
		margin-inline: 0;
		padding: 6px 8px;
		border-right: 0;
	}
	.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup__photo-filter {
		flex: 1 1 auto;
		width: auto;
		max-width: none;
	}
	.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup__filter-reset {
		flex: 0 0 auto;
		width: auto;
		white-space: nowrap;
	}
	.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-product-all-reviews-grid {
		scrollbar-gutter: auto;
	}
}

@media (max-width: 689.98px) {
	.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-product-modal-header {
		min-height: 56px;
		padding-inline: 10px;
	}
	.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-product-modal-title {
		font-size: 18px;
	}
	.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-product-modal-title-icon {
		width: 34px;
		height: 34px;
	}
	.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup__score {
		padding: 10px;
	}
	.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup__score-value {
		font-size: 38px;
	}
	.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup__bars {
		gap: 3px;
		padding: 8px;
	}
	.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup__bar-row--button {
		min-height: 24px;
		padding: 2px 4px;
	}
	.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup__photo-filter {
		min-height: 38px;
		padding: 8px;
		font-size: 10px;
		letter-spacing: .035em;
	}
	.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup__filter-reset {
		min-height: 38px;
		padding-inline: 9px;
		font-size: 10px;
	}
	.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-product-all-reviews-grid {
		gap: 12px;
		padding: 8px;
	}
	.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-product-review-card__inner {
		gap: 12px;
		padding: 14px;
	}
	.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-product-review-card__content {
		gap: 11px;
	}
	.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .ct-review-title {
		font-size: 19px;
	}
	.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .ct-review-images .ct-media-container {
		flex-basis: 68px;
		width: 68px !important;
		height: 68px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.autool-product-modal-backdrop[data-autool-modal-id="reviews"] .ct-review-images .ct-media-container, .autool-product-modal-backdrop[data-autool-modal-id="reviews"] .autool-reviews-popup__photo-filter {
		transition: none;
	}
}