/**
 * Quick View compatibility bridge.
 * Maps the current Base canonical selector to the exact visual language of the
 * supplied ecommerce theme. No commerce or selection logic lives here.
 */
.wapu-archive-qv__canonical-selector .wapu-sv-figma {
	width: 100%;
	padding: 0;
	gap: var(--wtds-s-1);
	background: transparent;
}
.wapu-archive-qv__canonical-selector .wapu-sv-figma__section--primary {
	gap: var(--wtds-s-1);
}
.wapu-archive-qv__canonical-selector .wapu-sv-figma__heading {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--wtds-s-1);
}
.wapu-archive-qv__canonical-selector .wapu-sv-figma__carousel {
	display: flex;
	align-items: center;
	gap: var(--wtds-s-1);
	min-width: 0;
	width: 100%;
	overflow: hidden;
}
.wapu-archive-qv__canonical-selector .wapu-sv-figma__carousel-viewport {
	overflow: hidden;
	flex: 1;
	min-width: 0;
	padding: .5rem 0;
	margin: -.5rem 0;
}
.wapu-archive-qv__canonical-selector .wapu-sv-figma__primary-options {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0;
	padding: 0;
	overflow: visible;
}
.wapu-archive-qv__canonical-selector .wapu-sv-figma__carousel-arrow {
	flex-shrink: 0;
	width: 1.875rem;
	height: 1.875rem;
	min-width: 1.875rem;
	min-height: 1.875rem;
	border-radius: 50%;
	border: .5px solid var(--wtds-separator-soft);
	background: var(--wtds-surface);
	color: var(--wtds-ink);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 1px .25rem var(--wtds-shadow-color-soft);
}
.wapu-archive-qv__canonical-selector .wapu-sv-figma__carousel-arrow:hover {
	background: var(--wtds-fill-3);
}
.wapu-archive-qv__canonical-selector .wapu-sv-figma__carousel-arrow:disabled {
	opacity: .25;
	cursor: default;
	box-shadow: none;
}
.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="carousel"] .wapu-sv-figma__primary-option:not(.is-text-only) {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3.5rem;
	height: 3.5rem;
	min-width: 3.5rem;
	min-height: 3.5rem;
	flex: 0 0 3.5rem;
	padding: .25rem;
	box-sizing: border-box;
	border: 0;
	background: transparent;
	border-radius: 50%;
	box-shadow: none;
	cursor: pointer;
	transition: transform var(--wtds-dur-fast) var(--wtds-ease);
	overflow: visible;
}
.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="carousel"] .wapu-sv-figma__primary-option:not(.is-text-only):hover:not(:disabled) {
	transform: scale(1.08);
	background: transparent;
	border-color: transparent;
}
.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="carousel"] .wapu-sv-figma__option-visual:not(.is-text) {
	width: 3rem;
	height: 3rem;
	min-width: 3rem;
	min-height: 3rem;
	border-radius: 50%;
	display: block;
	background-color: var(--wtds-fill-3);
	background-size: cover;
	background-position: center;
	box-shadow: inset 0 0 0 1px var(--wtds-shadow-color-soft);
	overflow: hidden;
}
.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="carousel"] .wapu-sv-figma__primary-option.is-active .wapu-sv-figma__option-visual:not(.is-text),
.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="carousel"] .wapu-sv-figma__primary-option[aria-selected="true"] .wapu-sv-figma__option-visual:not(.is-text) {
	box-shadow: 0 0 0 .125rem var(--wtds-surface), 0 0 0 .21875rem var(--wtds-ink);
}
.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="carousel"] .wapu-sv-figma__option-name {
	display: none;
}
.wapu-archive-qv__canonical-selector .wapu-sv-figma__primary-option:has(.wapu-sv-figma__badge-dot) {
	overflow: visible !important;
}

/* Large catalog = the supplied theme's compact scroll list. */
.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="compact-list"] .wapu-sv-figma__primary-options {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: .125rem;
	padding: 0;
	max-height: 13.5rem;
	overflow-y: auto;
	overflow-x: hidden;
}
.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="compact-list"] .wapu-sv-figma__primary-option {
	width: 100%;
	min-width: 0;
	min-height: 2.5rem;
	border-radius: var(--wtds-r-sm);
	justify-content: flex-start;
	gap: var(--wtds-s-1);
	padding: .375rem .5rem;
	text-align: left;
	background: transparent;
	border: 0;
	box-shadow: none;
}
.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="compact-list"] .wapu-sv-figma__primary-option:hover:not(:disabled) {
	background: var(--wtds-fill-3);
	transform: none;
}
.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="compact-list"] .wapu-sv-figma__primary-option.is-active,
.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="compact-list"] .wapu-sv-figma__primary-option[aria-selected="true"] {
	background: var(--wtds-fill-2);
}
.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="compact-list"] .wapu-sv-figma__option-visual {
	width: 1.75rem;
	height: 1.75rem;
	min-width: 1.75rem;
	min-height: 1.75rem;
	flex: 0 0 1.75rem;
	border-radius: 50%;
}
.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="compact-list"] .wapu-sv-figma__option-name {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


/* 1.5.5 · Quick View primary visual swatches at the same compact 40px scale. */
.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="carousel"]
.wapu-sv-figma__section--primary .wapu-sv-figma__primary-option:not(.is-text-only) {
	width: 40px !important;
	height: 40px !important;
	min-width: 40px !important;
	min-height: 40px !important;
	flex: 0 0 40px !important;
	padding: 3px !important;
}

.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="carousel"]
.wapu-sv-figma__section--primary .wapu-sv-figma__option-visual:not(.is-text) {
	width: 34px !important;
	height: 34px !important;
	min-width: 34px !important;
	min-height: 34px !important;
	border-radius: 50% !important;
}


/* ==========================================================================\n   1.5.8 · Quick View variations mirror Single on desktop, list on mobile\n   --------------------------------------------------------------------------\n   The canonical Wapuos variation DOM and behavior remain untouched. Huazotl\n   only changes how those controls are composed at each breakpoint.\n   ========================================================================== */

/* Desktop: use the same compact visual-primary language as the Single instead\n * of the Quick View rail. Existing selection, tooltips and states remain real. */
@media (min-width: 47.9376rem) {
	.wapu-archive-qv__canonical-selector .wapu-sv-figma__carousel {
		display: block !important;
		inline-size: 100%;
	}

	.wapu-archive-qv__canonical-selector .wapu-sv-figma__carousel-arrow {
		display: none !important;
	}

	.wapu-archive-qv__canonical-selector .wapu-sv-figma__carousel-viewport {
		overflow: visible !important;
		inline-size: 100%;
		padding: 0 !important;
		margin: 0 !important;
	}

	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="carousel"] .wapu-sv-figma__primary-options,
	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="compact-list"] .wapu-sv-figma__primary-options {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		align-items: center !important;
		gap: var(--wtds-s-1) !important;
		inline-size: 100% !important;
		min-inline-size: 0 !important;
		max-block-size: none !important;
		padding: 0 !important;
		overflow: visible !important;
	}

	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="compact-list"]
	.wapu-sv-figma__primary-option:not(.is-text-only) {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		inline-size: 40px !important;
		block-size: 40px !important;
		min-inline-size: 40px !important;
		min-block-size: 40px !important;
		flex: 0 0 40px !important;
		padding: 3px !important;
		border-radius: 50% !important;
		background: transparent !important;
		text-align: center !important;
	}

	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="compact-list"]
	.wapu-sv-figma__primary-option:not(.is-text-only) .wapu-sv-figma__option-visual:not(.is-text) {
		inline-size: 34px !important;
		block-size: 34px !important;
		min-inline-size: 34px !important;
		min-block-size: 34px !important;
		flex: 0 0 34px !important;
		border-radius: 50% !important;
	}

	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="carousel"]
	.wapu-sv-figma__primary-option:not(.is-text-only) .wapu-sv-figma__option-name,
	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="compact-list"]
	.wapu-sv-figma__primary-option:not(.is-text-only) .wapu-sv-figma__option-name {
		display: none !important;
	}

	/* If the primary axis is text-only, retain the canonical named/list treatment. */
	.wapu-archive-qv__canonical-selector .wapu-sv-figma__primary-options:has(> .is-text-only):not(:has(> :not(.is-text-only))) {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 0 !important;
	}
}

/* ==========================================================================
   1.5.12 · Quick View mobile variations — one canonical vertical list
   --------------------------------------------------------------------------
   Previous child-theme mobile overrides duplicated two different list models
   (flex rows + grid rows) and fought the parent selector. Keep the canonical
   buttons and selection behavior, but use one stable full-width composition.
   ========================================================================== */
@media (max-width: 47.9375rem) {
	.wapu-archive-qv__canonical-selector,
	.wapu-archive-qv__canonical-selector .wapu-sv-figma,
	.wapu-archive-qv__canonical-selector .wapu-sv-figma__section {
		box-sizing: border-box !important;
		inline-size: 100% !important;
		min-inline-size: 0 !important;
		max-inline-size: 100% !important;
	}

	/* Quick View must not become a horizontal swatch rail on phones. */
	.wapu-archive-qv__canonical-selector .wapu-sv-figma__carousel {
		display: block !important;
		inline-size: 100% !important;
		min-inline-size: 0 !important;
		overflow: visible !important;
	}

	.wapu-archive-qv__canonical-selector .wapu-sv-figma__carousel-arrow {
		display: none !important;
	}

	.wapu-archive-qv__canonical-selector .wapu-sv-figma__carousel-viewport {
		display: block !important;
		inline-size: 100% !important;
		min-inline-size: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		overflow: visible !important;
		scroll-snap-type: none !important;
	}

	.wapu-archive-qv__canonical-selector .wapu-sv-figma__primary-options,
	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="carousel"] .wapu-sv-figma__primary-options,
	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="compact-list"] .wapu-sv-figma__primary-options {
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		gap: 0 !important;
		inline-size: 100% !important;
		min-inline-size: 0 !important;
		max-block-size: none !important;
		padding: 0 !important;
		margin: 0 !important;
		overflow: visible !important;
	}

	.wapu-archive-qv__canonical-selector .wapu-sv-figma__primary-options[hidden] {
		display: none !important;
	}

	/* Primary variation = simple row: visual, name, optional badge. */
	.wapu-archive-qv__canonical-selector .wapu-sv-figma .wapu-sv-figma__primary-option {
		box-sizing: border-box !important;
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 12px !important;
		inline-size: 100% !important;
		block-size: auto !important;
		min-inline-size: 0 !important;
		min-block-size: 52px !important;
		max-inline-size: 100% !important;
		flex: 0 0 auto !important;
		margin: 0 !important;
		padding: 8px 6px !important;
		border: 0 !important;
		border-bottom: 1px solid var(--wtds-separator-soft) !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		text-align: left !important;
		transform: none !important;
		overflow: hidden !important;
	}

	.wapu-archive-qv__canonical-selector .wapu-sv-figma .wapu-sv-figma__primary-option:last-child {
		border-bottom: 0 !important;
	}

	.wapu-archive-qv__canonical-selector .wapu-sv-figma .wapu-sv-figma__primary-option:is(:hover:not(:disabled), .is-active, [aria-selected="true"]) {
		background: var(--wtds-state-hover-bg) !important;
	}

	.wapu-archive-qv__canonical-selector .wapu-sv-figma .wapu-sv-figma__primary-option .wapu-sv-figma__option-visual:not(.is-text) {
		display: block !important;
		inline-size: 32px !important;
		block-size: 32px !important;
		min-inline-size: 32px !important;
		min-block-size: 32px !important;
		max-inline-size: 32px !important;
		max-block-size: 32px !important;
		flex: 0 0 32px !important;
		margin: 0 !important;
		border-radius: 50% !important;
	}

	/* Text-only primaries do not reserve a phantom swatch column. */
	.wapu-archive-qv__canonical-selector .wapu-sv-figma .wapu-sv-figma__primary-option.is-text-only .wapu-sv-figma__option-visual {
		display: none !important;
	}

	.wapu-archive-qv__canonical-selector .wapu-sv-figma .wapu-sv-figma__primary-option .wapu-sv-figma__option-name {
		display: block !important;
		inline-size: auto !important;
		min-inline-size: 0 !important;
		max-inline-size: 100% !important;
		flex: 1 1 auto !important;
		margin: 0 !important;
		font-size: var(--wtds-fs-footnote) !important;
		font-weight: var(--wtds-fw-medium) !important;
		line-height: 1.35 !important;
		text-align: left !important;
		white-space: normal !important;
		overflow: hidden !important;
		overflow-wrap: anywhere !important;
		text-overflow: clip !important;
	}

	.wapu-archive-qv__canonical-selector .wapu-sv-figma .wapu-sv-figma__badge-dot {
		position: relative !important;
		inset: auto !important;
		flex: 0 0 .5rem !important;
		align-self: center !important;
		margin: 0 0 0 auto !important;
	}

	/* Secondary axes use the same row language instead of chips on mobile. */
	.wapu-archive-qv__canonical-selector .wapu-sv-figma__secondary-options {
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		gap: 0 !important;
		inline-size: 100% !important;
		min-inline-size: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	.wapu-archive-qv__canonical-selector .wapu-sv-figma__secondary-option {
		box-sizing: border-box !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		inline-size: 100% !important;
		min-inline-size: 0 !important;
		min-block-size: 50px !important;
		margin: 0 !important;
		padding: 8px 6px !important;
		border: 0 !important;
		border-bottom: 1px solid var(--wtds-separator-soft) !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		font-size: var(--wtds-fs-footnote) !important;
		font-weight: var(--wtds-fw-medium) !important;
		line-height: 1.35 !important;
		text-align: left !important;
		white-space: normal !important;
		overflow-wrap: anywhere !important;
	}

	.wapu-archive-qv__canonical-selector .wapu-sv-figma__secondary-option:last-child {
		border-bottom: 0 !important;
	}

	.wapu-archive-qv__canonical-selector .wapu-sv-figma__secondary-option:is(:hover:not(:disabled), .is-active, [aria-selected="true"]) {
		background: var(--wtds-state-hover-bg) !important;
	}
}

/* ==========================================================================\n   1.5.13 · Mobile Quick View: restore the canonical named list\n   --------------------------------------------------------------------------\n   The previous child override correctly stacked the controls, but an older\n   mode-specific rule still hid .wapu-sv-figma__option-name with !important.\n   Reuse the compact-list language that already exists in Wapuos: visual at\n   left, real option name at right, without changing variation behavior.\n   ========================================================================== */
@media (max-width: 47.9375rem) {
	.wapu-archive-qv__canonical-selector .wapu-sv-figma__primary-options,
	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="carousel"] .wapu-sv-figma__primary-options,
	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="compact-list"] .wapu-sv-figma__primary-options,
	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="tiles"] .wapu-sv-figma__primary-options,
	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="grid"] .wapu-sv-figma__primary-options,
	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="list"] .wapu-sv-figma__primary-options {
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		gap: 0 !important;
		inline-size: 100% !important;
		padding: .25rem 0 !important;
		margin: 0 !important;
		overflow-x: hidden !important;
	}

	.wapu-archive-qv__canonical-selector .wapu-sv-figma__primary-options[hidden] {
		display: none !important;
	}

	.wapu-archive-qv__canonical-selector .wapu-sv-figma .wapu-sv-figma__primary-option,
	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="carousel"] .wapu-sv-figma__primary-option,
	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="compact-list"] .wapu-sv-figma__primary-option,
	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="tiles"] .wapu-sv-figma__primary-option,
	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="grid"] .wapu-sv-figma__primary-option,
	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="list"] .wapu-sv-figma__primary-option {
		box-sizing: border-box !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: .625rem !important;
		inline-size: 100% !important;
		min-inline-size: 0 !important;
		min-block-size: 2.5rem !important;
		block-size: auto !important;
		padding: .375rem .5rem !important;
		margin: 0 !important;
		border: 0 !important;
		border-radius: var(--wtds-r-sm) !important;
		background: transparent !important;
		box-shadow: none !important;
		text-align: start !important;
		transform: none !important;
		overflow: hidden !important;
	}

	.wapu-archive-qv__canonical-selector .wapu-sv-figma .wapu-sv-figma__primary-option:is(:hover:not(:disabled), .is-active, [aria-selected="true"]) {
		background: var(--wtds-state-hover-bg) !important;
	}

	.wapu-archive-qv__canonical-selector .wapu-sv-figma .wapu-sv-figma__primary-option .wapu-sv-figma__option-visual:not(.is-text) {
		display: block !important;
		inline-size: 1.5rem !important;
		block-size: 1.5rem !important;
		min-inline-size: 1.5rem !important;
		min-block-size: 1.5rem !important;
		max-inline-size: 1.5rem !important;
		max-block-size: 1.5rem !important;
		flex: 0 0 1.5rem !important;
		margin: 0 !important;
		border-radius: 50% !important;
	}

	.wapu-archive-qv__canonical-selector .wapu-sv-figma .wapu-sv-figma__primary-option.is-text-only .wapu-sv-figma__option-visual {
		display: none !important;
	}

	/* Match or exceed the old mode-specific !important rule that hid names. */
	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="carousel"] .wapu-sv-figma__primary-option:not(.is-text-only) .wapu-sv-figma__option-name,
	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="compact-list"] .wapu-sv-figma__primary-option:not(.is-text-only) .wapu-sv-figma__option-name,
	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="tiles"] .wapu-sv-figma__primary-option:not(.is-text-only) .wapu-sv-figma__option-name,
	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="grid"] .wapu-sv-figma__primary-option:not(.is-text-only) .wapu-sv-figma__option-name,
	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="list"] .wapu-sv-figma__primary-option:not(.is-text-only) .wapu-sv-figma__option-name,
	.wapu-archive-qv__canonical-selector .wapu-sv-figma .wapu-sv-figma__primary-option .wapu-sv-figma__option-name {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		min-inline-size: 0 !important;
		max-inline-size: none !important;
		inline-size: auto !important;
		flex: 1 1 auto !important;
		margin: 0 !important;
		font-size: var(--wtds-fs-caption-1) !important;
		font-weight: var(--wtds-fw-semibold) !important;
		line-height: 1.25 !important;
		color: var(--wtds-on-surface) !important;
		text-align: start !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	/* Secondary axes remain lists as well, but do not invent visual swatches. */
	.wapu-archive-qv__canonical-selector .wapu-sv-figma__secondary-options {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 0 !important;
		inline-size: 100% !important;
		padding: .25rem 0 !important;
	}

	.wapu-archive-qv__canonical-selector .wapu-sv-figma__secondary-option {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		inline-size: 100% !important;
		min-block-size: 2.5rem !important;
		padding: .375rem .5rem !important;
		border: 0 !important;
		border-radius: var(--wtds-r-sm) !important;
		background: transparent !important;
		font-size: var(--wtds-fs-caption-1) !important;
		font-weight: var(--wtds-fw-semibold) !important;
		line-height: 1.25 !important;
		text-align: start !important;
	}

	.wapu-archive-qv__canonical-selector .wapu-sv-figma__secondary-option:is(:hover:not(:disabled), .is-active, [aria-selected="true"]) {
		background: var(--wtds-state-hover-bg) !important;
	}
}


/* ========================================================================== 
   1.5.14 · Mobile Quick View: restore the real named variation list
   --------------------------------------------------------------------------
   1.5.5 intentionally made visual primaries 40px circles. On mobile that rule
   has greater specificity than the later list override, leaving each button
   only 40px wide and clipping the real .option-name. Match that specificity
   here and restore the previous compact-list anatomy: swatch at left, label at
   right, full row clickable. Variation state/selection stays parent-owned.
   ========================================================================== */
@media (max-width: 47.9375rem) {
	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="carousel"]
	.wapu-sv-figma__section--primary .wapu-sv-figma__primary-option:not(.is-text-only),
	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="compact-list"]
	.wapu-sv-figma__section--primary .wapu-sv-figma__primary-option:not(.is-text-only),
	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="tiles"]
	.wapu-sv-figma__section--primary .wapu-sv-figma__primary-option:not(.is-text-only),
	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="grid"]
	.wapu-sv-figma__section--primary .wapu-sv-figma__primary-option:not(.is-text-only),
	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="list"]
	.wapu-sv-figma__section--primary .wapu-sv-figma__primary-option:not(.is-text-only) {
		box-sizing: border-box !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: var(--wtds-s-1, .5rem) !important;
		width: 100% !important;
		inline-size: 100% !important;
		height: auto !important;
		block-size: auto !important;
		min-width: 0 !important;
		min-inline-size: 0 !important;
		min-height: 40px !important;
		min-block-size: 40px !important;
		max-width: none !important;
		max-inline-size: none !important;
		flex: 0 0 auto !important;
		padding: .375rem .5rem !important;
		margin: 0 !important;
		border: 0 !important;
		border-radius: var(--wtds-r-sm) !important;
		background: transparent !important;
		box-shadow: none !important;
		text-align: left !important;
		transform: none !important;
		overflow: visible !important;
	}

	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="carousel"]
	.wapu-sv-figma__section--primary .wapu-sv-figma__primary-option:not(.is-text-only) .wapu-sv-figma__option-visual:not(.is-text),
	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="compact-list"]
	.wapu-sv-figma__section--primary .wapu-sv-figma__primary-option:not(.is-text-only) .wapu-sv-figma__option-visual:not(.is-text),
	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="tiles"]
	.wapu-sv-figma__section--primary .wapu-sv-figma__primary-option:not(.is-text-only) .wapu-sv-figma__option-visual:not(.is-text),
	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="grid"]
	.wapu-sv-figma__section--primary .wapu-sv-figma__primary-option:not(.is-text-only) .wapu-sv-figma__option-visual:not(.is-text),
	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="list"]
	.wapu-sv-figma__section--primary .wapu-sv-figma__primary-option:not(.is-text-only) .wapu-sv-figma__option-visual:not(.is-text) {
		display: block !important;
		width: 28px !important;
		inline-size: 28px !important;
		height: 28px !important;
		block-size: 28px !important;
		min-width: 28px !important;
		min-inline-size: 28px !important;
		min-height: 28px !important;
		min-block-size: 28px !important;
		max-width: 28px !important;
		max-inline-size: 28px !important;
		max-height: 28px !important;
		max-block-size: 28px !important;
		flex: 0 0 28px !important;
		border-radius: 50% !important;
		margin: 0 !important;
	}

	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="carousel"]
	.wapu-sv-figma__section--primary .wapu-sv-figma__primary-option:not(.is-text-only) .wapu-sv-figma__option-name,
	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="compact-list"]
	.wapu-sv-figma__section--primary .wapu-sv-figma__primary-option:not(.is-text-only) .wapu-sv-figma__option-name,
	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="tiles"]
	.wapu-sv-figma__section--primary .wapu-sv-figma__primary-option:not(.is-text-only) .wapu-sv-figma__option-name,
	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="grid"]
	.wapu-sv-figma__section--primary .wapu-sv-figma__primary-option:not(.is-text-only) .wapu-sv-figma__option-name,
	.wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode="list"]
	.wapu-sv-figma__section--primary .wapu-sv-figma__primary-option:not(.is-text-only) .wapu-sv-figma__option-name {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: static !important;
		width: auto !important;
		inline-size: auto !important;
		min-width: 0 !important;
		min-inline-size: 0 !important;
		max-width: none !important;
		max-inline-size: none !important;
		height: auto !important;
		block-size: auto !important;
		flex: 1 1 auto !important;
		margin: 0 !important;
		padding: 0 !important;
		font-family: var(--wtds-font-text) !important;
		font-size: var(--wtds-fs-footnote) !important;
		font-weight: var(--wtds-fw-medium) !important;
		line-height: 1.35 !important;
		color: var(--wtds-ink) !important;
		text-align: left !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		clip: auto !important;
		clip-path: none !important;
	}

	.wapu-archive-qv__canonical-selector .wapu-sv-figma__section--primary
	.wapu-sv-figma__primary-option:not(.is-text-only):is(.is-active, [aria-selected="true"]) {
		background: var(--wtds-fill-2, var(--wtds-state-hover-bg)) !important;
	}
}

/* Huazotl Quick View: full container image and compact product content. */
body.huazotl-theme .wapu-archive-qv__content {
  padding: 0 !important;
}
body.huazotl-theme .wapu-archive-qv__grid > .wapu-archive-qv__media {
  position: relative;
  padding: 0 !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1 !important;
  background: transparent !important;
  overflow: hidden !important;
}
body.huazotl-theme .wapu-archive-qv__media .wapu-archive-qv__main-image {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  inline-size: 100% !important;
  block-size: 100% !important;
  max-inline-size: none !important;
  aspect-ratio: auto !important;
  border-radius: 0 !important;
  background: transparent !important;
}
body.huazotl-theme .wapu-archive-qv__media .wapu-archive-qv__main-image img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center;
}
body.huazotl-theme .wapu-archive-qv__grid > .wapu-archive-qv__body {
  padding: 16px !important;
  box-sizing: border-box;
}
body.huazotl-theme .wapu-archive-qv__body .wapu-archive-qv__title {
  font-size: 20px !important;
  line-height: 1.3;
}
body.huazotl-theme .wapu-archive-qv__body .wapu-archive-qv__price,
body.huazotl-theme .wapu-archive-qv__body .wapu-archive-qv__price :is(.amount, bdi, ins, del) {
  font-size: 18px !important;
  line-height: 1.35;
}
body.huazotl-theme .wapu-archive-qv__canonical-selector .wapu-sv-figma__heading-title {
  font-size: 12px !important;
  line-height: 1.35;
}
body.huazotl-theme .wapu-archive-qv__canonical-selector .wapu-sv-figma[data-mode]
.wapu-sv-figma__section--primary .wapu-sv-figma__primary-option:not(.is-text-only) .wapu-sv-figma__option-name,
body.huazotl-theme .wapu-archive-qv__canonical-selector .wapu-sv-figma__option-name,
body.huazotl-theme .wapu-archive-qv__canonical-selector .wapu-sv-figma__secondary-option {
  font-size: 13px !important;
  line-height: 1.35;
}