/*
 * Componentes — un bloque por componente, en el mismo orden que
 * template-parts/. Cada componente asume las variables de tokens.css.
 */

/* ===== Botones ===== */

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-2);
	box-sizing: border-box;
	width: auto;
	max-width: 100%;
	min-width: 0;
	min-height: 44px;
	padding: var(--space-3) var(--space-5);
	border: 1px solid transparent;
	border-radius: var(--radius-full);
	font-size: var(--text-sm);
	font-weight: var(--font-weight-medium);
	line-height: 1.15;
	text-align: center;
	white-space: normal;
	cursor: pointer;
	appearance: none;
	text-decoration: none;
	transition:
		background-color var(--duration-fast) var(--ease-standard),
		border-color var(--duration-fast) var(--ease-standard);
}

.btn:hover {
	text-decoration: none;
}

.btn-primary {
	background: var(--color-accent);
	color: var(--color-text-primary);
	border-radius: var(--radius-full);
}

/*
 * Se fija `color` explícito en el hover: sin esto, como el botón es un
 * `<a>`, hereda la regla global `a:hover { color: var(--color-accent-hover) }`
 * — que coincide con el nuevo `background`, dejando el texto invisible
 * contra su propio fondo (bug real reportado en el header).
 */
.btn-primary:hover {
	background: var(--color-accent-hover);
	color: var(--color-text-primary);
	text-decoration: none;
}

.btn-pill {
	border-radius: var(--radius-full);
}

.btn-secondary {
	background: transparent;
	border-color: var(--color-border-strong);
	color: var(--color-text-primary);
}

.btn-secondary:hover {
	color: var(--color-text-primary);
	border-color: var(--color-accent);
	text-decoration: none;
}

/* ===== Header ===== */

.site-header {
	position: sticky;
	top: 0;
	z-index: var(--z-dropdown);
	background: var(--color-bg-base);
	border-bottom: 1px solid var(--color-border);
}

.site-header__inner {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-4);
	padding-block: var(--space-3);
}

/*
 * `.cluster` es un utilitario genérico con `flex-wrap: wrap` (pensado para
 * grupos de chips) — en el header específicamente no debe envolver nunca:
 * confirmado como bug real en iPhone 14, el header se partía en 3 filas
 * (logo, luego el corazón+CTA, luego el menú) porque el CTA competía por el
 * mismo ancho angosto. El CTA ya se retira de acá en mobile
 * (`.site-header__cta`, abajo), pero esta regla queda como garantía
 * adicional para cualquier ancho futuro.
 */
.site-header__inner .cluster {
	flex-wrap: nowrap;
}

.site-header__logo {
	display: inline-flex;
	align-items: center;
	min-width: 0;
	flex-shrink: 1;
}

.site-header__logo img {
	height: 60px;
	width: auto;
	max-width: 100%;
	aspect-ratio: 1644 / 690;
	object-fit: contain;
}

@media (min-width: 768px) {
	.site-header__logo img {
		height: 80px;
	}
}

/*
 * Oculto en mobile: compite por el mismo espacio angosto que el logo y el
 * menú (bug real en iPhone 14). Se repite como primer botón dentro de
 * `site-mobile-nav.php` en su lugar. Mismo quiebre que `.site-header__nav`
 * — "desktop = más espacio disponible" ya es el criterio establecido acá.
 */
.site-header__cta {
	display: none;
}

@media (min-width: 1024px) {
	.site-header__cta {
		display: inline-flex;
	}
}

.site-header__nav {
	display: none;
}

@media (min-width: 1024px) {
	.site-header__nav {
		display: flex;
		align-items: center;
		gap: var(--space-5);
	}

	.site-header__nav a {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
		color: var(--color-text-secondary);
		line-height: 1.2;
	}

	.site-header__nav a:hover {
		color: var(--color-text-primary);
	}

	.site-header__nav a[aria-current='page'] {
		color: var(--color-accent);
	}
}

.site-header__privacy-control {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-2);
	min-width: 40px;
	height: 44px;
	min-height: 44px;
	padding: 0 var(--space-3);
	border: 1px solid var(--color-border-strong);
	border-radius: var(--radius-full);
	background: transparent;
	color: var(--color-text-secondary);
	font: inherit;
	font-size: var(--text-xs);
	font-weight: var(--font-weight-semibold);
	line-height: 1;
	cursor: pointer;
	transition:
		background-color var(--duration-fast) var(--ease-standard),
		border-color var(--duration-fast) var(--ease-standard),
		color var(--duration-fast) var(--ease-standard);
}

.site-header__privacy-control:hover,
.site-header__privacy-control:focus-visible {
	border-color: var(--color-accent);
	color: var(--color-text-primary);
}

.site-header__privacy-control[aria-pressed='true'] {
	border-color: var(--color-accent);
	background: var(--color-accent-muted);
	color: var(--color-accent-hover);
}

@media (max-width: 767px) {
	/* Icon-only controls must remain true circles at every mobile width. */
	.site-header__privacy-control {
		width: 44px;
		height: 44px;
		min-width: 44px;
		min-height: 44px;
		aspect-ratio: 1 / 1;
		padding: 0;
		border-radius: 50%;
	}

	.site-header__privacy-control > span:not(.site-header__help-tooltip) {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}
}

.site-header__help-tooltip {
	position: absolute;
	top: calc(100% + 10px);
	left: 50%;
	z-index: var(--z-modal);
	display: block;
	width: min(280px, calc(100vw - 24px));
	max-width: calc(100vw - 24px);
	box-sizing: border-box;
	padding: var(--space-2) var(--space-3);
	border: 1px solid var(--color-border-strong);
	border-radius: var(--radius-md);
	background: var(--color-bg-elevated);
	box-shadow: var(--shadow-md);
	color: var(--color-text-primary);
	font-size: var(--text-xs);
	font-weight: var(--font-weight-regular);
	line-height: 1.35;
	text-align: left;
	white-space: normal;
	overflow-wrap: anywhere;
	transform: translateX(-50%);
	pointer-events: none;
}

.site-header__help-tooltip[hidden] {
	display: none;
}

@media (max-width: 1023px) {
	.site-header__help-tooltip {
		width: min(280px, calc(100vw - 24px));
		max-width: calc(100vw - 24px);
		white-space: normal;
	}
}

.site-header__favorite {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	background: transparent;
	border: none;
	color: var(--color-text-secondary);
	cursor: pointer;
}

.site-header__favorite:hover {
	color: var(--color-accent);
}

.site-header__favorite-count {
	position: absolute;
	top: 2px;
	right: 2px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 16px;
	height: 16px;
	padding: 0 4px;
	border-radius: var(--radius-full);
	background: var(--color-accent);
	color: var(--color-text-primary);
	font-size: var(--text-2xs);
	font-weight: var(--font-weight-semibold);
	line-height: 1;
}

/*
 * `display: inline-flex` de arriba gana siempre sobre el estilo del
 * navegador para `[hidden]` (misma especificidad, pero el navegador es hoja
 * de estilo de usuario/agente, no de autor) — sin esta regla el badge queda
 * visible con "0" aunque `favorites.js` le ponga el atributo `hidden`.
 */
.site-header__favorite-count[hidden],
.mobile-nav__count[hidden] {
	display: none;
}

/*
 * Visible en todas las resoluciones (antes se ocultaba en desktop): el
 * menú hamburguesa es el único lugar donde viven Ingresar/Crear perfil/
 * Registrar/Novedades — el nav inline de desktop solo trae Explorar/Ayuda/
 * Iniciar sesión, así que sin el botón siempre visible esas opciones no
 * eran alcanzables en desktop.
 */
/*
 * Sin borde, fondo sólido y más grande que el resto de los íconos del
 * header: es la puerta de entrada a Ingresar/Crear perfil/Registrar, así
 * que debe leerse como un botón real, no como un ícono discreto más.
 */
.site-header__menu-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--color-bg-elevated);
	border: none;
	border-radius: var(--radius-full);
	color: var(--color-text-primary);
	width: 52px;
	height: 52px;
	padding: 0;
	transition:
		background-color var(--duration-fast) var(--ease-standard),
		color var(--duration-fast) var(--ease-standard);
}

.site-header__menu-toggle:hover {
	background: var(--color-bg-elevated-hover);
	color: var(--color-accent);
}

/* ===== Footer ===== */

.site-footer {
	background: var(--color-bg-deepest);
	border-top: 1px solid var(--color-border);
	color: var(--color-text-tertiary);
	padding-block: var(--space-7);
}

.site-footer__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: var(--space-4);
	row-gap: var(--space-6);
}

@media (min-width: 768px) {
	.site-footer__grid {
		grid-template-columns: minmax(150px, 1.15fr) repeat(3, minmax(0, 1fr));
		gap: var(--space-6);
	}
}

.site-footer__brand-column,
.site-footer__legal {
	grid-column: 1 / -1;
}

@media (min-width: 768px) {
	.site-footer__brand-column,
	.site-footer__legal {
		grid-column: auto;
	}
}

.site-footer__brand-column {
	justify-self: start;
	text-align: left;
}

.site-footer__brand-column .site-footer__brand {
	width: 100px;
	overflow: hidden;
}

.site-footer__brand-column .site-footer__brand img {
	width: 116px;
	max-width: none;
	transform: translateX(-9.7px);
}

.site-footer__brand {
	display: inline-flex;
	width: min(116px, 100%);
	margin: 0;
}

.site-footer__brand img {
	display: block;
	width: 100%;
	height: auto;
}

.site-footer__brand-column > p {
	max-width: 62ch;
	margin-top: var(--space-3);
	color: var(--color-text-tertiary);
	font-size: var(--text-xs);
}

.site-footer__legal ul {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 var(--space-3);
}

@media (min-width: 768px) {
	.site-footer__brand-column > p {
		max-width: 28ch;
	}

	.site-footer__legal ul {
		display: flex;
		grid-template-columns: none;
	}
}

.site-footer__brand--dashboard {
	width: 78px;
}

.site-footer__heading {
	color: var(--color-text-secondary);
	font-size: var(--text-sm);
	font-weight: var(--font-weight-semibold);
	margin-bottom: var(--space-3);
}

.site-footer__grid a,
.site-footer__link-button {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: var(--color-text-tertiary);
	font-size: var(--text-sm);
}

.site-footer__grid ul.stack {
	--gap: 0 !important;
}

.site-footer__link-button {
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	font: inherit;
	font-size: var(--text-sm);
	line-height: inherit;
	text-align: left;
}

.site-footer__grid a:hover,
.site-footer__grid a:focus-visible,
.site-footer__link-button:hover,
.site-footer__link-button:focus-visible {
	color: var(--color-text-primary);
}

.site-footer__payments {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-3);
	margin-top: var(--space-6);
	padding-top: var(--space-5);
	border-top: 1px solid var(--color-border);
}

.site-footer__payments-label {
	font-size: var(--text-xs);
	color: var(--color-text-tertiary);
}

/*
 * Placeholder genérico, sin logos de marca reales: recrear los isotipos de
 * Visa/Mastercard/WebPay pixel a pixel sin licencia de esas marcas no
 * corresponde en esta etapa. Se reemplaza por assets reales cuando exista
 * el acuerdo/licencia correspondiente con cada pasarela.
 */
.payment-badge {
	display: inline-flex;
	align-items: center;
	padding: var(--space-1) var(--space-3);
	background: var(--color-bg-elevated);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-sm);
	color: var(--color-text-tertiary);
	font-size: var(--text-xs);
	font-weight: var(--font-weight-medium);
}

.site-footer__bottom {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: var(--space-2) var(--space-5);
	margin-top: var(--space-5);
	padding-top: var(--space-5);
	border-top: 1px solid var(--color-border);
	font-size: var(--text-xs);
}

.site-footer__bottom p {
	margin: 0;
}

.site-footer__bottom strong {
	color: var(--color-text-secondary);
}

@media (max-width: 767px) {
	.site-footer {
		padding-block: var(--space-5);
	}

	.site-footer__grid {
		row-gap: var(--space-5);
	}

	.site-footer__heading {
		margin-bottom: var(--space-2);
		font-size: var(--text-xs);
	}

	.site-footer__grid a,
	.site-footer__link-button {
		min-height: 34px;
		font-size: var(--text-xs);
	}

	.site-footer__brand-column .site-footer__brand {
		width: 88px;
	}

	.site-footer__brand-column .site-footer__brand img {
		width: 102px;
		transform: translateX(-8.5px);
	}

	.site-footer__payments,
	.site-footer__bottom {
		margin-top: var(--space-4);
		padding-top: var(--space-4);
	}
}

/* ===== Breadcrumbs ===== */

.breadcrumbs {
	font-size: var(--text-sm);
	color: var(--color-text-tertiary);
	padding-block: var(--space-4);
}

/*
 * Segundo intento: el `::before` anidado dentro de cada `<li>` no bastó —
 * mezclar en la misma línea el label (`--text-sm`) con el conteo más chico
 * (`--text-xs`) hacía que cada `<li>` calculara su propia altura de línea
 * (`line-height: normal` del navegador, nunca fijado explícitamente), y el
 * separador se centraba contra la altura de SU `<li>`, no contra la fila
 * completa. Fix real: el separador pasa a ser su propio `<li>` hermano
 * directo dentro de la misma fila flex (no un pseudo-elemento anidado), y
 * `line-height: 1` fijo en todo — sin eso, ningún `align-items: center`
 * puede compensar alturas de línea que ya partieron distintas.
 */
.breadcrumbs__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	max-width: 100%;
	min-width: 0;
	line-height: 1;
}

.breadcrumbs__item,
.breadcrumbs__sep {
	display: flex;
	align-items: center;
	min-width: 0;
	line-height: 1;
}

.breadcrumbs__item:not(.breadcrumbs__item--menu) {
	max-width: 100%;
}

.breadcrumbs__sep {
	margin-inline: var(--space-2);
	color: var(--color-border-strong);
}

.breadcrumbs a {
	display: flex;
	align-items: center;
	gap: 4px;
	min-width: 0;
	color: var(--color-text-tertiary);
	overflow-wrap: anywhere;
	line-height: 1;
}

.breadcrumbs a:hover {
	color: var(--color-text-primary);
}

.breadcrumbs__current {
	display: flex;
	align-items: center;
	gap: 4px;
	min-width: 0;
	color: var(--color-text-secondary);
	overflow-wrap: anywhere;
	line-height: 1;
}

.breadcrumbs__count {
	color: var(--color-text-tertiary);
	font-size: var(--text-xs);
}

/* Menú contextual de ubicaciones: exclusivo de la miga de pan. */
.breadcrumbs__item--menu {
	position: relative;
}

.breadcrumbs__expand {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
	min-width: 36px;
	min-height: 36px;
	margin-left: var(--space-1);
	padding: 0;
	box-sizing: border-box;
	background: var(--color-bg-elevated);
	border: 1px solid var(--color-border-strong);
	border-radius: var(--radius-full);
	color: var(--color-text-tertiary);
	font-size: 0;
	line-height: 1;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
	transition:
		background-color var(--duration-fast) var(--ease-standard),
		border-color var(--duration-fast) var(--ease-standard),
		color var(--duration-fast) var(--ease-standard);
}

.breadcrumbs__expand[aria-expanded='true'] {
	background: var(--color-bg-elevated-hover);
	color: var(--color-text-primary);
	border-color: var(--color-border-strong);
}

.breadcrumbs__expand svg {
	display: block;
	flex: 0 0 14px;
	width: 14px;
	height: 14px;
	transition: transform var(--duration-fast) var(--ease-standard);
}

.breadcrumbs__expand[aria-expanded='true'] svg {
	transform: rotate(180deg);
}

.breadcrumbs__menu {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: auto;
	z-index: var(--z-dropdown);
	width: min(320px, calc(100vw - (var(--space-4) * 2)));
	min-width: min(220px, calc(100vw - (var(--space-4) * 2)));
	max-width: calc(100vw - (var(--space-4) * 2));
	max-height: min(60vh, 420px);
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: auto;
	padding: var(--space-3);
	background: var(--color-bg-elevated);
	border: 1px solid var(--color-border-strong);
	border-radius: var(--radius-lg);
	box-shadow: 0 18px 48px rgba(0, 0, 0, 0.38);
}

.breadcrumbs__menu[data-open='true'] {
	display: block;
}

.breadcrumbs__menu-heading {
	margin: 0 0 var(--space-2);
	font-size: var(--text-xs);
	color: var(--color-text-tertiary);
}

.breadcrumbs__menu li + li {
	margin-top: var(--space-1);
}

.breadcrumbs__menu a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
	padding: var(--space-3);
	font-size: var(--text-sm);
	color: var(--color-text-secondary);
	border-radius: var(--radius-md);
}

.breadcrumbs__menu a > span:first-child {
	min-width: 0;
	overflow-wrap: anywhere;
}

.breadcrumbs__menu .breadcrumbs__count {
	flex: 0 0 auto;
}

.breadcrumbs__menu a:hover,
.breadcrumbs__menu a:focus-visible {
	color: var(--color-text-primary);
	background: var(--color-bg-elevated-hover);
}

@media (max-width: 40rem) {
	.breadcrumbs {
		padding-block: var(--space-3);
	}

	.breadcrumbs__menu {
		width: min(300px, calc(100vw - (var(--space-3) * 2)));
		max-width: calc(100vw - (var(--space-3) * 2));
	}
}

/* ===== Selector de ubicación ===== */

.location-selector {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
}

.location-selector__level {
	display: inline-flex;
	align-items: center;
	gap: var(--space-1);
	padding: var(--space-2) var(--space-4);
	background: var(--color-bg-elevated);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-full);
	color: var(--color-text-secondary);
	font-size: var(--text-sm);
}

.location-selector__level:hover {
	border-color: var(--color-accent);
	text-decoration: none;
}

.location-selector__select {
	flex: 1 1 14rem;
	min-width: 12rem;
	padding: var(--space-3) calc(var(--space-6) + 12px) var(--space-3) var(--space-4);
	background: var(--color-bg-elevated);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath d='M7 9.75l5 5 5-5' fill='none' stroke='%23f5f1f2' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right var(--space-4) center;
	background-size: 16px 16px;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-md);
	color: var(--color-text-primary);
	font: inherit;
	font-size: var(--text-sm);
	-webkit-appearance: none;
	appearance: none;
}

.location-selector__select:disabled {
	opacity: 0.55;
	cursor: not-allowed;
}

.location-selector__select:focus {
	outline: 2px solid var(--color-accent-muted);
	outline-offset: 2px;
	border-color: var(--color-accent);
}

/* ===== Barra de filtros ===== */

.filter-bar {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	padding-block: var(--space-4);
	border-bottom: 1px solid var(--color-border);
}

.filter-chip {
	display: inline-flex;
	align-items: center;
	gap: var(--space-2);
	padding: var(--space-2) var(--space-4);
	background: transparent;
	border: 1px solid var(--color-border-strong);
	border-radius: var(--radius-full);
	color: var(--color-text-secondary);
	font-size: var(--text-sm);
	cursor: pointer;
	transition:
		border-color var(--duration-fast) var(--ease-standard),
		color var(--duration-fast) var(--ease-standard);
}

.filter-chip[aria-pressed='true'] {
	border-color: var(--color-accent);
	background: var(--color-accent-muted);
	color: var(--color-text-primary);
}

/* ===== Búsqueda por Nombre / Ubicación / Servicios ===== */

.filter-bar__search {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	width: 100%;
}

.filter-search {
	position: relative;
}

.filter-search__trigger {
	display: inline-flex;
	align-items: center;
	gap: var(--space-2);
	padding: var(--space-2) var(--space-4);
	background: var(--color-bg-elevated);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-full);
	color: var(--color-text-secondary);
	font-size: var(--text-sm);
	cursor: pointer;
}

.filter-search__trigger[aria-expanded='true'] {
	border-color: var(--color-accent);
	color: var(--color-text-primary);
}

.filter-search__panel {
	display: none;
	position: absolute;
	top: calc(100% + var(--space-2));
	left: 0;
	z-index: var(--z-dropdown);
	width: max(260px, 100%);
	padding: var(--space-3);
	background: var(--color-bg-elevated);
	border: 1px solid var(--color-border-strong);
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-md);
}

.filter-search__panel[data-open='true'] {
	display: block;
}

.filter-search__input {
	width: 100%;
	padding: var(--space-2) var(--space-3);
	background: var(--color-bg-base);
	border: 1px solid var(--color-border-strong);
	border-radius: var(--radius-sm);
	color: var(--color-text-primary);
	font-size: var(--text-sm);
}

.filter-search__suggestions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	margin-top: var(--space-3);
}

.filter-bar__mobile-actions {
	display: flex;
	gap: var(--space-3);
	width: 100%;
}

@media (min-width: 768px) {
	.filter-bar__mobile-actions {
		display: none;
	}

	.filter-bar__chips {
		display: flex;
		flex-wrap: wrap;
		gap: var(--space-2);
	}
}

.filter-bar__chips {
	display: none;
}

@media (min-width: 768px) {
	.filter-bar__chips {
		display: flex;
	}
}

/* Drawer de filtros (móvil) */
.filter-drawer {
	position: fixed;
	inset: 0;
	z-index: var(--z-drawer);
	display: none;
}

.filter-drawer[data-open='true'] {
	display: block;
}

.filter-drawer__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.6);
}

.filter-drawer__panel {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	max-height: 80vh;
	overflow-y: auto;
	background: var(--color-bg-elevated);
	border-top-left-radius: var(--radius-lg);
	border-top-right-radius: var(--radius-lg);
	padding: var(--space-5);
}

/* ===== Búsqueda avanzada (landing geográfica) ===== */

.search-bar-trigger {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
	width: 100%;
	max-width: 480px;
	padding: var(--space-3) var(--space-4);
	margin-top: var(--space-4);
	background: var(--color-bg-elevated);
	border: 1px solid var(--color-border-strong);
	border-radius: var(--radius-full);
	color: var(--color-text-primary);
	font-size: var(--text-sm);
	cursor: pointer;
	text-align: left;
}

.search-bar-trigger__label {
	display: inline-flex;
	align-items: center;
	gap: var(--space-2);
}

.search-bar-trigger__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	flex-shrink: 0;
	background: var(--color-accent);
	border-radius: var(--radius-full);
	color: var(--color-text-primary);
}

.advanced-search__panel {
	position: absolute;
	inset: 0;
	width: 100%;
	max-width: 100vw;
	max-height: none;
	height: 100%;
	min-height: 0;
	display: flex;
	flex-direction: column;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
}

.filter-drawer[data-advanced-search] {
	position: fixed;
	inset: 0;
	height: 100%;
	min-height: 0;
	overflow: hidden;
}

.filter-drawer[data-advanced-search] .filter-drawer__backdrop {
	position: fixed;
}

.advanced-search__panel .section-header {
	padding: var(--space-4) var(--space-4) var(--space-3);
	margin-bottom: 0;
	border-bottom: 1px solid var(--color-border);
}

.advanced-search__panel .section-header h3 {
	margin: 0;
	font-size: var(--text-xl);
	line-height: var(--line-height-heading);
}

.advanced-search__panel .section-header [data-drawer-close] {
	min-height: 40px;
	padding: var(--space-2) var(--space-4);
	font-size: var(--text-sm);
}

.advanced-search__body {
	overflow-y: auto;
	overflow-x: hidden;
	flex: 1 1 auto;
	min-height: 0;
	min-width: 0;
	width: 100%;
	padding: 0 var(--space-4);
	box-sizing: border-box;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
}

.advanced-search__location {
	padding: var(--space-4) 0;
	border-bottom: 1px solid var(--color-border);
}

.advanced-search__location-heading {
	margin: 0 0 var(--space-3);
	color: var(--color-text-primary);
	font-size: var(--text-base);
	font-weight: var(--font-weight-regular);
}

.advanced-search__location .location-selector {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-2);
}

.advanced-search__location .location-selector__select {
	min-width: 0;
	width: 100%;
	border-radius: var(--radius-full);
	border-color: var(--color-border-strong);
}

.filter-search--block {
	position: static;
	border-bottom: 1px solid var(--color-border);
}

.advanced-search__category-trigger {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-height: 44px;
	padding: var(--space-2) 0;
	background: transparent;
	border: none;
	color: var(--color-text-primary);
	font-size: var(--text-base);
	font-weight: var(--font-weight-medium);
	line-height: 1.25;
	text-align: left;
	cursor: pointer;
}

.advanced-search__category-trigger svg {
	color: var(--color-text-tertiary);
	transition: transform var(--duration-fast) var(--ease-standard);
}

.advanced-search__category-trigger[aria-expanded='true'] svg {
	transform: rotate(180deg);
}

.advanced-search__category-panel {
	display: none;
	position: static;
	width: 100%;
	padding: 0 0 var(--space-3);
	border: none;
	box-shadow: none;
}

.advanced-search__category-panel[data-open='true'] {
	display: block;
}

.advanced-search__category:not(.advanced-search__category--general) .advanced-search__category-panel[data-open='true'] {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--space-2) var(--space-5);
}

.advanced-search__category {
	border-bottom: 1px solid var(--color-border);
}

.advanced-search__category-trigger > span:first-child {
	display: inline-flex;
	align-items: center;
	gap: var(--space-2);
	font-weight: var(--font-weight-medium);
}

.advanced-search__category-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	color: var(--color-text-tertiary);
}

.advanced-search__category-icon svg {
	width: 16px;
	height: 16px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2.2;
	transition: transform 160ms ease;
}

.advanced-search__category-trigger[aria-expanded='true'] .advanced-search__category-icon svg {
	transform: rotate(180deg);
}

.advanced-search__general-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-3);
}

.advanced-search__field {
	display: flex;
	flex-direction: column;
	gap: var(--space-1);
	color: var(--color-text-primary);
	font-size: var(--text-sm);
	font-weight: var(--font-weight-medium);
}

.advanced-search__field h4 {
	margin: 0 0 var(--space-2);
	color: var(--color-text-primary);
	font-size: var(--text-sm);
	font-weight: var(--font-weight-semibold);
}

.advanced-search__field--dropdown {
	grid-column: 1 / -1;
	min-width: 0;
}

.advanced-search__field-trigger {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
	width: 100%;
	min-height: 46px;
	padding: var(--space-3) var(--space-4);
	box-sizing: border-box;
	background: var(--color-bg-elevated);
	border: 1px solid var(--color-border-strong);
	border-radius: var(--radius-full);
	color: var(--color-text-primary);
	font-size: var(--text-sm);
	font-weight: var(--font-weight-semibold);
	cursor: pointer;
	list-style: none;
}

.advanced-search__field-trigger::-webkit-details-marker {
	display: none;
}

.advanced-search__field-trigger::marker {
	display: none;
}

.advanced-search__field-trigger svg {
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2.4;
	color: var(--color-text-tertiary);
	transition: transform var(--duration-fast) var(--ease-standard);
}

.advanced-search__field--dropdown[open] .advanced-search__field-trigger {
	border-color: var(--color-border-strong);
	border-radius: var(--radius-full);
	box-shadow: none;
}

.advanced-search__field--dropdown[open] .advanced-search__field-trigger svg {
	transform: rotate(180deg);
}

.advanced-search__dropdown-panel {
	margin-top: var(--space-2);
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.advanced-search__field select {
	width: 100%;
	min-height: 46px;
	padding: 0 calc(var(--space-6) + 12px) 0 var(--space-4);
	background: var(--color-bg-elevated);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath d='M7 9.75l5 5 5-5' fill='none' stroke='%23f5f1f2' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right var(--space-4) center;
	background-size: 16px 16px;
	border: 1px solid var(--color-border-strong);
	border-radius: var(--radius-full);
	color: var(--color-text-primary);
	font: inherit;
	font-size: var(--text-sm);
	-webkit-appearance: none;
	appearance: none;
	transition:
		background-color var(--duration-fast) var(--ease-standard),
		border-color var(--duration-fast) var(--ease-standard),
		box-shadow var(--duration-fast) var(--ease-standard);
}

.advanced-search__field select:hover:not(:disabled) {
	background-color: var(--color-bg-elevated-hover);
	border-color: var(--color-accent-muted);
}

.advanced-search__field select:focus {
	border-color: var(--color-accent);
	box-shadow: 0 0 0 3px var(--color-accent-muted);
	outline: none;
}

.advanced-search__field .location-selector {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--space-2);
}

.advanced-search__field .location-selector__select {
	min-width: 0;
	width: 100%;
	min-height: 46px;
	padding: 0 calc(var(--space-6) + 12px) 0 var(--space-4);
	border-radius: var(--radius-full);
	font-size: var(--text-sm);
}

.advanced-search__field--location {
	grid-column: 1 / -1;
}

.advanced-search__range {
	--range-min-percent: 0%;
	--range-max-percent: 100%;
	--range-thumb-size: 16px;
	--range-track-height: 5px;
	--range-track-center: 14px;
	padding: var(--space-2) 0;
}

.advanced-search__range-heading {
	display: flex;
	align-items: baseline;
	gap: var(--space-3);
	margin-bottom: var(--space-2);
	color: var(--color-text-primary);
	font-size: var(--text-sm);
}

.advanced-search__range-heading output {
	font-weight: var(--font-weight-regular);
	color: var(--color-text-secondary);
}

.advanced-search__range-track {
	position: relative;
	height: calc(var(--range-track-center) * 2);
	margin-inline: calc(var(--range-thumb-size) / 2);
	overflow: visible;
}

.advanced-search__range-track::before {
	content: '';
	position: absolute;
	top: var(--range-track-center);
	left: 0;
	right: 0;
	height: var(--range-track-height);
	background: var(--color-border);
	border-radius: var(--radius-full);
	transform: translateY(-50%);
}

.advanced-search__range-track::after {
	content: '';
	position: absolute;
	top: var(--range-track-center);
	left: var(--range-min-percent);
	width: calc(var(--range-max-percent) - var(--range-min-percent));
	height: var(--range-track-height);
	background: var(--color-accent);
	border-radius: var(--radius-full);
	transform: translateY(-50%);
}

.advanced-search__range-thumb {
	position: absolute;
	top: var(--range-track-center);
	width: var(--range-thumb-size);
	height: var(--range-thumb-size);
	background: var(--color-accent);
	border-radius: var(--radius-full);
	box-shadow: var(--shadow-sm);
	pointer-events: none;
	transform: translate(-50%, -50%);
	z-index: 3;
}

.advanced-search__range-thumb--min {
	left: var(--range-min-percent);
}

.advanced-search__range-thumb--max {
	left: var(--range-max-percent);
}

.advanced-search__range-track input[type='range'] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(var(--range-track-center) * 2);
	margin: 0;
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
	pointer-events: none;
	z-index: 2;
}

.advanced-search__range-track input[type='range']::-webkit-slider-runnable-track,
.advanced-search__range-track input[type='range']::-moz-range-track {
	height: var(--range-track-height);
	background: transparent;
}

.advanced-search__range-track input[type='range']::-webkit-slider-thumb {
	width: var(--range-thumb-size);
	height: var(--range-thumb-size);
	margin-top: 0;
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
	border: 0;
	border-radius: 50%;
	box-shadow: none;
	pointer-events: auto;
	cursor: grab;
}

.advanced-search__range-track input[type='range']::-moz-range-thumb {
	width: var(--range-thumb-size);
	height: var(--range-thumb-size);
	background: transparent;
	border: 0;
	border-radius: 50%;
	pointer-events: auto;
	cursor: grab;
}

.advanced-search__group {
	padding: var(--space-1) 0;
}

.advanced-search__group h4 {
	margin: 0 0 var(--space-1);
	color: var(--color-text-primary);
	font-size: var(--text-sm);
	font-weight: var(--font-weight-semibold);
	line-height: 1.25;
}

.advanced-search__options {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-1) var(--space-2);
}

.advanced-search__options .filter-chip {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	gap: var(--space-2);
	width: 100%;
	min-width: 0;
	min-height: 38px;
	padding: var(--space-1) var(--space-2);
	background: rgba(255, 255, 255, 0.02);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-full);
	color: var(--color-text-secondary);
	font-size: var(--text-xs);
	line-height: 1.25;
	text-align: left;
	white-space: normal;
	transition:
		background-color var(--duration-fast) var(--ease-standard),
		border-color var(--duration-fast) var(--ease-standard),
		color var(--duration-fast) var(--ease-standard);
}

.advanced-search__options .filter-chip::before {
	content: '';
	width: 14px;
	height: 14px;
	flex: 0 0 14px;
	border: 1.5px solid var(--color-text-tertiary);
	border-radius: 50%;
	box-sizing: border-box;
	transition:
		background-color var(--duration-fast) var(--ease-standard),
		border-color var(--duration-fast) var(--ease-standard),
		box-shadow var(--duration-fast) var(--ease-standard);
}

.advanced-search__options .filter-chip[aria-pressed='true'] {
	background: var(--color-accent-muted);
	border-color: var(--color-accent);
	color: var(--color-text-primary);
}

.advanced-search__options .filter-chip[aria-pressed='true']::before {
	background: var(--color-accent);
	border-color: var(--color-accent);
	box-shadow: inset 0 0 0 4px var(--color-bg-elevated);
}

@media (max-width: 767px) {
	.advanced-search__general-grid {
		grid-template-columns: 1fr;
		gap: var(--space-2);
	}

	.advanced-search__field--location {
		order: -1;
	}

	.advanced-search__field--location .location-selector {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.advanced-search__field--location .location-selector__select[data-location-station] {
		grid-column: 1 / -1;
	}

	.advanced-search__options .filter-chip {
		min-height: 38px;
		font-size: var(--text-xs);
		line-height: 1.25;
	}

	.advanced-search__panel .section-header {
		padding: var(--space-3) var(--space-4) var(--space-2);
	}

	.advanced-search__body {
		padding: 0 var(--space-4);
	}

	.advanced-search__footer {
		padding-right: var(--space-4);
		padding-left: var(--space-4);
	}
}

@media (min-width: 768px) {
	.advanced-search__category:not(.advanced-search__category--general)
		.advanced-search__category-panel[data-open='true'] {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.advanced-search__options {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.advanced-search__field--category .advanced-search__options {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.advanced-search__field--availability .advanced-search__options {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	.filter-drawer[data-advanced-search] {
		padding: var(--space-6) var(--space-8);
	}

	.advanced-search__panel {
		position: relative;
		inset: auto;
		width: min(1120px, calc(100vw - 6rem));
		max-width: 1120px;
		height: auto;
		max-height: 90vh;
		min-height: auto;
		margin: 0 auto var(--space-8);
		border: 1px solid var(--color-border);
		border-radius: var(--radius-lg);
		box-shadow: var(--shadow-lg);
		overflow: hidden;
	}

	.advanced-search__panel .section-header,
	.advanced-search__body,
	.advanced-search__footer {
		padding-right: clamp(var(--space-6), 4vw, var(--space-8));
		padding-left: clamp(var(--space-6), 4vw, var(--space-8));
	}

	.advanced-search__general-grid {
		gap: var(--space-3) var(--space-6);
	}

	.advanced-search__field--category .advanced-search__options {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.advanced-search__category:not(.advanced-search__category--general)
		.advanced-search__category-panel[data-open='true'] {
		gap: var(--space-3) var(--space-7);
	}
}

.advanced-search__footer {
	position: sticky;
	bottom: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
	padding: var(--space-3) var(--space-4);
	border-top: 1px solid var(--color-border);
	background: var(--color-bg-elevated);
}

.advanced-search__clear {
	background: transparent;
	border: none;
	color: var(--color-accent);
	font-size: var(--text-sm);
	font-weight: var(--font-weight-medium);
	cursor: pointer;
}

@media (min-width: 1024px) {
	.advanced-search__footer {
		padding-right: clamp(var(--space-6), 4vw, var(--space-8));
		padding-left: clamp(var(--space-6), 4vw, var(--space-8));
	}
}

/*
 * Menú móvil (Explorar/Ayuda/Iniciar sesión/Favoritos replegados acá en
 * <1024px). Mismo mecanismo de drawer que arriba (backdrop compartido vía
 * `.filter-drawer__backdrop`), solo con su propio panel/lista.
 */
.mobile-nav {
	position: fixed;
	inset: 0;
	z-index: var(--z-drawer);
	display: none;
}

.mobile-nav[data-open='true'] {
	display: block;
}

.mobile-nav__panel {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: min(320px, 85vw);
	overflow-y: auto;
	background: var(--color-bg-elevated);
	padding: var(--space-5);
}

.mobile-nav__heading {
	font-size: var(--text-sm);
	font-weight: var(--font-weight-semibold);
	color: var(--color-text-secondary);
}

.mobile-nav__cta {
	width: 100%;
	margin-top: var(--space-5);
}

.mobile-nav__list {
	margin-top: var(--space-5);
	display: flex;
	flex-direction: column;
	gap: var(--space-4);
}

.mobile-nav__list a,
.mobile-nav__list button {
	display: flex;
	align-items: center;
	width: 100%;
	gap: var(--space-3);
	padding: 0;
	background: transparent;
	border: none;
	font-size: var(--text-base);
	color: var(--color-text-primary);
	text-align: left;
	cursor: pointer;
}

.mobile-nav__count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	height: 20px;
	padding: 0 6px;
	margin-left: auto;
	border-radius: var(--radius-full);
	background: var(--color-accent);
	color: var(--color-text-primary);
	font-size: var(--text-2xs);
	font-weight: var(--font-weight-semibold);
	line-height: 1;
}

.mobile-nav__list a:hover,
.mobile-nav__list button:hover {
	color: var(--color-accent);
	text-decoration: none;
}

.mobile-nav__list a[aria-current='page'] {
	color: var(--color-accent);
}

.mobile-nav__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	flex-shrink: 0;
	background: var(--color-bg-base);
	border-radius: var(--radius-full);
	color: var(--color-text-secondary);
	transition: color var(--duration-fast) var(--ease-standard);
}

.mobile-nav__icon--avatar {
	overflow: hidden;
	border: 1px solid var(--color-border-strong);
}

.mobile-nav__avatar-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mobile-nav__list a:hover .mobile-nav__icon,
.mobile-nav__list button:hover .mobile-nav__icon {
	color: var(--color-accent);
}

.mobile-nav__list a[aria-current='page'] .mobile-nav__icon {
	color: var(--color-accent);
}

.mobile-nav__divider {
	margin: var(--space-5) 0 0;
	border: none;
	border-top: 1px solid var(--color-border);
}

/*
 * Sin límite de ancho máximo del panel en desktop: en mobile ya usa
 * `min(320px, 85vw)` (ver `.mobile-nav__panel`), que sigue funcionando
 * bien en desktop tal cual — el panel deja de forzarse oculto acá porque
 * el botón que lo abre (`.site-header__menu-toggle`) ahora es visible en
 * todas las resoluciones, no solo mobile.
 */

/*
 * Panel de favoritos — mismo mecanismo de drawer que `.mobile-nav`. El
 * contenido de `.favorites-panel__list` lo arma `assets/js/favorites.js`
 * en el navegador (lee `localStorage`, sin backend); ver `favorites-panel.php`.
 */
.favorites-panel {
	position: fixed;
	inset: 0;
	z-index: var(--z-drawer);
	display: none;
}

.favorites-panel[data-open='true'] {
	display: block;
}

.favorites-panel__panel {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: min(360px, 90vw);
	overflow-y: auto;
	background: var(--color-bg-elevated);
	padding: var(--space-5);
}

.favorites-panel__heading {
	font-size: var(--text-sm);
	font-weight: var(--font-weight-semibold);
	color: var(--color-text-secondary);
}

.favorites-panel__list {
	margin-top: var(--space-5);
	display: flex;
	flex-direction: column;
	gap: var(--space-4);
}

.favorites-panel__item {
	display: flex;
	align-items: center;
	gap: var(--space-3);
}

.favorites-panel__link {
	display: flex;
	align-items: center;
	gap: var(--space-3);
	flex: 1;
	min-width: 0;
}

.favorites-panel__link img {
	width: 40px;
	height: 40px;
	border-radius: var(--radius-full);
	object-fit: cover;
	flex-shrink: 0;
}

.favorites-panel__text {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.favorites-panel__name {
	font-size: var(--text-sm);
	font-weight: var(--font-weight-medium);
	color: var(--color-text-primary);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.favorites-panel__location {
	font-size: var(--text-xs);
	color: var(--color-text-tertiary);
}

.favorites-panel__whatsapp,
.favorites-panel__remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	min-height: 44px;
	padding: 0;
	background: transparent;
	border: none;
	flex-shrink: 0;
	cursor: pointer;
}

.favorites-panel__whatsapp svg,
.favorites-panel__remove svg {
	width: 24px;
	height: 24px;
}

.favorites-panel__whatsapp {
	color: var(--color-success);
}

.favorites-panel__remove {
	color: var(--color-text-tertiary);
}

.favorites-panel__remove:hover {
	color: var(--color-danger);
}

.favorites-panel__empty {
	margin-top: var(--space-5);
	color: var(--color-text-tertiary);
	font-size: var(--text-sm);
}

/*
 * Toast ("¡Tu primer Favorito!") — esquina inferior, por encima de
 * drawers/modales (`--z-toast`). Oculto por defecto vía `data-open="false"`,
 * `favorites.js` lo abre cada vez que se pasa de 0 a 1 favorito.
 */
.favorites-toast {
	position: fixed;
	left: var(--space-4);
	right: var(--space-4);
	bottom: var(--space-4);
	z-index: var(--z-toast);
	display: flex;
	align-items: flex-start;
	gap: var(--space-3);
	max-width: 360px;
	margin: 0 auto;
	padding: var(--space-4);
	background: var(--color-bg-elevated);
	border: 1px solid var(--color-border-strong);
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-md);
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition:
		opacity var(--duration-base) var(--ease-standard),
		transform var(--duration-base) var(--ease-standard),
		visibility var(--duration-base);
}

.favorites-toast[data-open='true'] {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.favorites-toast__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	flex-shrink: 0;
	border-radius: var(--radius-full);
	background: var(--color-accent-muted);
	color: var(--color-accent);
}

.favorites-toast__title {
	font-size: var(--text-sm);
	font-weight: var(--font-weight-semibold);
	color: var(--color-text-primary);
}

.favorites-toast__body {
	margin-top: var(--space-1);
	font-size: var(--text-xs);
	color: var(--color-text-secondary);
}

.favorites-toast__close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	min-height: 24px;
	padding: 0;
	margin-left: auto;
	background: transparent;
	border: none;
	color: var(--color-text-tertiary);
	cursor: pointer;
	flex-shrink: 0;
}

.favorites-toast__close:hover {
	color: var(--color-text-primary);
}

/* ===== Listing profile ===== */

.listing-profile {
	padding-bottom: var(--space-8);
}

.listing-profile__header {
	margin-bottom: var(--space-2);
}

.listing-profile .breadcrumbs {
	margin-bottom: var(--space-2);
	padding-block: var(--space-1);
}

.listing-profile__header .breadcrumbs {
	margin-bottom: 0;
}

.listing-profile__hero {
	display: grid;
	grid-template-columns: clamp(88px, 24vw, 112px) minmax(0, 1fr);
	align-items: center;
	gap: var(--space-2);
	padding: var(--space-3);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	background: radial-gradient(circle at 18% 20%, rgba(201, 83, 107, 0.18), transparent 28%), var(--color-bg-elevated);
}

.listing-profile__avatar {
	position: relative;
	display: grid;
	place-items: center;
	box-sizing: border-box;
	width: 100%;
	aspect-ratio: 1;
	padding: 0;
	border: 0;
	border-radius: var(--radius-full);
	background: transparent;
	box-shadow:
		var(--shadow-md),
		0 0 0 1px var(--color-border-strong);
	overflow: hidden;
}

.listing-profile__avatar.has-stories {
	padding: 4px;
	border: 0;
	background: conic-gradient(
		from 210deg,
		var(--color-warning) 0deg,
		var(--plan-hot-icon-color) 75deg,
		var(--color-danger) 155deg,
		var(--color-accent) 235deg,
		#a94ddd 310deg,
		var(--color-warning) 360deg
	);
}

.listing-profile__avatar img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: var(--radius-full);
}

/* Recorta la expansión del blur desde el borde exterior del avatar. */
html.is-discreet .listing-profile__avatar {
	clip-path: circle(50% at 50% 50%);
}

.listing-profile__avatar span {
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
	border-radius: var(--radius-full);
	background: linear-gradient(145deg, #2b2b2b, #111);
	color: var(--color-text-primary);
	font-size: var(--text-3xl);
	font-weight: var(--font-weight-semibold);
}

.listing-profile__summary {
	min-width: 0;
}

.listing-profile__heading {
	display: flex;
	align-items: center;
	gap: var(--space-2);
	min-width: 0;
}

.listing-profile__heading h1 {
	margin: 0;
	font-size: clamp(1.6rem, 6.5vw, 2.5rem);
	line-height: 1.05;
	letter-spacing: -0.04em;
	overflow-wrap: anywhere;
}

.listing-profile__favorite {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	min-height: 40px;
	padding: 0;
	border: 1px solid var(--color-border-strong);
	border-radius: var(--radius-full);
	background: transparent;
	color: var(--color-text-primary);
	cursor: pointer;
	line-height: 0;
	transition:
		color var(--duration-fast) var(--ease-standard),
		border-color var(--duration-fast) var(--ease-standard),
		background-color var(--duration-fast) var(--ease-standard);
}

.listing-profile__favorite svg {
	display: block;
	width: 28px;
	height: 28px;
	transform: translateY(2px);
}

.listing-profile__favorite:hover,
.listing-profile__favorite[aria-pressed='true'] {
	border-color: var(--color-accent);
	background: var(--color-accent-muted);
	color: var(--color-accent);
}

.listing-profile__favorite[aria-pressed='true'] svg {
	fill: currentColor;
}

.listing-profile__favorite:disabled,
.listing-profile__favorite[aria-disabled='true'] {
	opacity: 0.45;
	cursor: not-allowed;
}

.listing-profile__favorite:disabled:hover,
.listing-profile__favorite[aria-disabled='true']:hover {
	border-color: var(--color-border-strong);
	background: transparent;
	color: var(--color-text-primary);
}

.listing-profile__location,
.listing-profile__availability {
	margin: var(--space-1) 0 0;
	color: var(--color-text-secondary);
	font-size: var(--text-sm);
	line-height: 1.35;
}

.listing-profile__availability {
	display: inline-flex;
	align-items: center;
	gap: var(--space-1);
	color: var(--color-text-tertiary);
	font-size: var(--text-xs);
	font-weight: var(--font-weight-medium);
}

.listing-profile__availability-dot {
	width: 8px;
	height: 8px;
	border-radius: var(--radius-full);
	background: var(--color-text-tertiary);
}

.listing-profile__availability.is-active {
	color: var(--color-text-primary);
	animation: availability-text-pulse 1.8s ease-out infinite;
}

.listing-profile__availability.is-active .listing-profile__availability-dot {
	background: var(--color-accent);
	box-shadow: 0 0 0 0 rgba(201, 83, 107, 0.55);
	animation: availability-pulse 1.8s ease-out infinite;
}

.listing-profile__location {
	color: var(--color-text-tertiary);
}

.listing-profile__chips {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-1);
	padding: 0;
	margin: var(--space-2) 0 0;
	list-style: none;
}

.listing-profile__chips li {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: var(--space-1) var(--space-2);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-full);
	background: rgba(255, 255, 255, 0.04);
	color: var(--color-text-secondary);
	font-size: var(--text-sm);
	line-height: 1;
}

.listing-profile__chips--large li {
	min-height: 40px;
	padding-inline: var(--space-4);
}

.listing-profile__owner-edit {
	margin-top: var(--space-3);
	min-width: 170px;
}

.listing-profile__actions {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: var(--space-2);
	margin-top: var(--space-4);
	padding-block: 5px;
	max-width: 720px;
	overflow: visible;
}

.listing-profile__stories {
	display: grid;
	gap: var(--space-3);
	padding: var(--space-4);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	background: var(--color-bg-elevated);
}

.listing-profile__stories-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
}

.listing-profile__stories-header h2 {
	margin: 0;
	font-size: var(--text-lg);
}

.listing-profile__stories-header span {
	color: var(--color-text-tertiary);
	font-size: var(--text-xs);
}

.listing-profile__stories-list {
	display: grid;
	grid-auto-columns: minmax(108px, 132px);
	grid-auto-flow: column;
	gap: var(--space-3);
	overflow-x: auto;
	overscroll-behavior-inline: contain;
	scroll-snap-type: inline proximity;
	padding-bottom: var(--space-1);
}

.listing-profile__story {
	display: grid;
	gap: var(--space-2);
	scroll-snap-align: start;
	margin: 0;
}

.listing-profile__story video {
	display: block;
	width: 100%;
	aspect-ratio: 9 / 16;
	object-fit: cover;
	border: 1px solid rgba(201, 83, 107, 0.38);
	border-radius: var(--radius-md);
	background: var(--color-bg-deepest);
}

.listing-profile__story span {
	color: var(--color-text-secondary);
	font-size: var(--text-xs);
	font-weight: var(--font-weight-semibold);
	text-align: center;
}

.listing-profile__actions .btn {
	flex: 1 1 0;
	min-height: 52px;
	padding-inline: var(--space-3);
	border-radius: var(--radius-lg);
	font-size: var(--text-base);
	font-weight: var(--font-weight-semibold);
}

.listing-profile__contact-button {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	min-width: 58px;
	height: 58px;
	border: 1px solid var(--color-border-strong);
	border-radius: var(--radius-full);
	background: var(--color-bg-elevated);
	color: var(--color-text-primary);
	box-shadow: var(--shadow-sm);
	cursor: pointer;
	transition:
		transform var(--duration-fast) var(--ease-standard),
		border-color var(--duration-fast) var(--ease-standard),
		background-color var(--duration-fast) var(--ease-standard),
		color var(--duration-fast) var(--ease-standard);
}

.listing-profile__contact-button:hover,
.listing-profile__contact-button:focus {
	border-color: var(--color-accent);
	background: var(--color-bg-elevated-hover);
	color: var(--color-accent);
	box-shadow:
		inset 0 0 0 1px rgba(201, 83, 107, 0.34),
		var(--shadow-sm);
	text-decoration: none;
	transform: translateY(-2px);
	outline: none;
}

.listing-profile__contact-button--primary {
	border-color: var(--color-border-strong);
	background: var(--color-bg-elevated);
	color: var(--color-text-primary);
}

.listing-profile__contact-button--primary:hover,
.listing-profile__contact-button--primary:focus {
	background: var(--color-bg-elevated-hover);
	color: var(--color-accent);
}

.listing-profile__contact-button--more {
	width: 58px;
	min-width: 58px;
}

.listing-profile__contact-button[data-copy-state='copied']::after {
	content: 'Copiado';
	position: absolute;
	bottom: calc(100% + var(--space-1));
	left: 50%;
	padding: 4px 8px;
	border-radius: var(--radius-full);
	background: var(--color-accent);
	color: var(--color-text-primary);
	font-size: var(--text-xs);
	font-weight: var(--font-weight-semibold);
	white-space: nowrap;
	transform: translateX(-50%);
}

.listing-profile__overflow {
	position: relative;
	display: inline-flex;
}

.listing-profile__overflow-menu {
	position: absolute;
	top: calc(100% + var(--space-2));
	right: 0;
	z-index: 20;
	width: min(78vw, 280px);
	padding: var(--space-2);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	background: rgba(25, 25, 25, 0.98);
	box-shadow: var(--shadow-lg);
	backdrop-filter: blur(12px);
}

.listing-profile__overflow-menu[hidden] {
	display: none;
}

.listing-profile__overflow-menu a,
.listing-profile__overflow-menu button {
	display: flex;
	align-items: center;
	width: 100%;
	gap: var(--space-3);
	padding: var(--space-3);
	border: 0;
	border-radius: var(--radius-md);
	background: transparent;
	color: var(--color-text-secondary);
	font: inherit;
	font-weight: var(--font-weight-medium);
	text-align: left;
	cursor: pointer;
}

.listing-profile__overflow-menu a:hover,
.listing-profile__overflow-menu button:hover,
.listing-profile__overflow-menu a:focus,
.listing-profile__overflow-menu button:focus {
	background: rgba(255, 255, 255, 0.06);
	color: var(--color-text-primary);
	text-decoration: none;
	outline: none;
}

.listing-profile__overflow-menu a:last-child,
.listing-profile__overflow-menu button:last-child {
	color: var(--color-text-secondary);
}

.listing-profile__tabs {
	position: sticky;
	top: var(--site-header-sticky-offset, 85px);
	z-index: 5;
	display: flex;
	gap: 0;
	margin-top: var(--space-5);
	overflow-x: auto;
	overscroll-behavior-x: contain;
	border-bottom: 1px solid var(--color-border);
	background: rgba(17, 17, 17, 0.92);
	backdrop-filter: blur(10px);
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.listing-profile__tabs::-webkit-scrollbar {
	display: none;
}

.listing-profile__tab {
	flex: 0 0 auto;
	display: inline-flex;
	justify-content: center;
	min-width: max-content;
	padding: var(--space-4) var(--space-3);
	border: 0;
	border-bottom: 3px solid transparent;
	background: transparent;
	color: var(--color-text-tertiary);
	font-size: var(--text-sm);
	font-weight: var(--font-weight-semibold);
	letter-spacing: 0.04em;
	text-transform: uppercase;
	white-space: nowrap;
	cursor: pointer;
}

.listing-profile__tab:hover,
.listing-profile__tab:focus,
.listing-profile__tab[aria-selected='true'] {
	border-bottom-color: var(--color-accent);
	color: var(--color-text-primary);
	text-decoration: none;
}

.listing-profile__section {
	padding-block: var(--space-6);
	border-bottom: 1px solid var(--color-border);
}

.listing-profile__section[hidden] {
	display: none;
}

.listing-profile__service-group h3 {
	margin: 0 0 var(--space-4);
}

.listing-profile__schedule {
	margin-bottom: var(--space-6);
}

.listing-profile__schedule > h3 {
	margin: 0 0 var(--space-3);
	font-size: var(--text-2xl);
	letter-spacing: -0.03em;
}

.listing-profile__schedule-grid {
	display: flex;
	gap: var(--space-2);
	max-width: 100%;
	overflow-x: auto;
	padding-bottom: var(--space-2);
	scrollbar-width: thin;
}

.listing-profile__schedule-day {
	display: grid;
	flex: 1 0 82px;
	min-width: 82px;
	gap: var(--space-2);
	color: var(--color-text-secondary);
	text-align: center;
}

.listing-profile__schedule-day-name {
	display: block;
	padding: var(--space-2) var(--space-3);
	border-radius: var(--radius-full);
	background: var(--color-bg-elevated);
	color: var(--color-text-secondary);
	font-size: var(--text-sm);
	font-weight: var(--font-weight-semibold);
	line-height: 1.1;
	text-transform: uppercase;
	white-space: nowrap;
}

.listing-profile__schedule-day time {
	display: block;
	color: var(--color-text-secondary);
	font-size: var(--text-base);
	line-height: 1;
}

.listing-profile__schedule-fulltime {
	display: inline-flex;
	margin: 0;
	padding: var(--space-2) var(--space-3);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-full);
	background: var(--color-bg-elevated);
	color: var(--color-text-secondary);
	font-size: var(--text-sm);
	font-weight: var(--font-weight-semibold);
}

@media (min-width: 768px) {
	.listing-profile__schedule-grid {
		overflow-x: visible;
	}

	.listing-profile__schedule-day {
		flex: 1 1 0;
	}
}

.listing-profile__section > h2 {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.listing-profile__section-intro {
	max-width: 70ch;
	margin: 0 0 var(--space-4);
	color: var(--color-text-tertiary);
	font-size: var(--text-sm);
}

.listing-profile__review-actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	margin-bottom: var(--space-5);
}

.listing-profile__reviews-list {
	display: grid;
	gap: var(--space-3);
}

.listing-profile__review-card {
	min-width: 0;
	padding: var(--space-4);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	background: rgba(255, 255, 255, 0.025);
}

.listing-profile__review-card header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-2);
}

.listing-profile__review-card header span {
	padding: 2px var(--space-2);
	border-radius: var(--radius-pill);
	background: rgba(201, 83, 107, 0.14);
	color: var(--color-accent);
	font-size: var(--text-xs);
}

.listing-profile__review-card p {
	margin: var(--space-3) 0 0;
	color: var(--color-text-secondary);
	line-height: 1.6;
	overflow-wrap: anywhere;
}

.listing-profile__gallery {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2px;
}

.listing-profile__gallery-item {
	margin: 0;
	aspect-ratio: 4 / 5;
	overflow: hidden;
	border-radius: 0;
	background: var(--color-bg-elevated);
}

.listing-profile__gallery-item img,
.listing-profile__gallery-item video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.listing-profile__description {
	max-width: 760px;
	color: var(--color-text-secondary);
	font-size: var(--text-base);
	line-height: 1.75;
}

.listing-profile__service-group + .listing-profile__service-group {
	margin-top: var(--space-6);
}

.listing-profile__empty {
	padding: var(--space-6);
	border: 1px dashed var(--color-border-strong);
	border-radius: var(--radius-lg);
	background: rgba(255, 255, 255, 0.03);
	color: var(--color-text-tertiary);
}

.listing-profile__empty p {
	margin: 0;
}

.listing-profile__report {
	display: flex;
	gap: var(--space-2);
	align-items: center;
	padding: var(--space-3) 0;
	border-top: 1px solid var(--color-border);
	border-bottom: 1px solid var(--color-border);
	color: var(--color-text-tertiary);
}

.listing-profile__report-icon {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	color: var(--color-accent);
	opacity: 0.62;
}

.listing-profile__report-copy {
	display: inline-flex;
	align-items: center;
}

.listing-profile__report a,
.listing-profile__report button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--color-text-tertiary);
	font: inherit;
	font-size: var(--text-xs);
	font-weight: var(--font-weight-regular);
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
}

.listing-profile__report a:hover,
.listing-profile__report a:focus,
.listing-profile__report button:hover,
.listing-profile__report button:focus {
	background: transparent;
	color: var(--color-accent);
	text-decoration: underline;
	text-underline-offset: 3px;
	outline: none;
}

.listing-profile__report-modal[hidden],
.listing-profile__review-modal[hidden] {
	display: none;
}

.listing-profile__report-modal,
.listing-profile__review-modal {
	position: fixed;
	inset: 0;
	z-index: var(--z-modal);
	display: grid;
	place-items: center;
	padding: var(--space-4);
}

.listing-profile__report-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.72);
	backdrop-filter: blur(10px);
}

.listing-profile__report-dialog {
	position: relative;
	z-index: 1;
	display: grid;
	gap: var(--space-4);
	width: min(100%, 560px);
	max-height: min(760px, calc(100vh - var(--space-6)));
	overflow: auto;
	border: 1px solid rgba(201, 83, 107, 0.32);
	border-radius: var(--radius-xl);
	background: linear-gradient(135deg, rgba(201, 83, 107, 0.16), transparent 38%), var(--color-bg-elevated);
	box-shadow: var(--shadow-lg);
	padding: clamp(var(--space-4), 4vw, var(--space-6));
}

.listing-profile__report-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--space-3);
}

.listing-profile__report-header p,
.listing-profile__report-header h2,
.listing-profile__report-status {
	margin: 0;
}

.listing-profile__report-header p {
	color: var(--color-text-tertiary);
	font-size: var(--text-sm);
}

.listing-profile__report-header h2 {
	font-size: var(--text-2xl);
	letter-spacing: -0.04em;
}

.listing-profile__report-close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-full);
	background: var(--color-bg-deepest);
	color: var(--color-text-primary);
	font-size: var(--text-2xl);
	line-height: 1;
	cursor: pointer;
}

.listing-profile__report-field {
	display: grid;
	gap: var(--space-2);
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.listing-profile__report-field span,
.listing-profile__report-field legend {
	color: var(--color-text-primary);
	font-size: var(--text-sm);
	font-weight: var(--font-weight-semibold);
}

.listing-profile__report-field input[type='text'],
.listing-profile__report-field textarea {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-md);
	background: var(--color-bg-deepest);
	color: var(--color-text-primary);
	padding: var(--space-3);
	font: inherit;
}

.listing-profile__report-field input[readonly] {
	color: var(--color-text-secondary);
}

.listing-profile__report-reasons {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-2);
}

.listing-profile__report-reasons label {
	display: flex;
	align-items: center;
	gap: var(--space-2);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-md);
	background: rgba(255, 255, 255, 0.03);
	padding: var(--space-3);
	color: var(--color-text-secondary);
}

.listing-profile__report-reasons input {
	flex: 0 0 auto;
}

.listing-profile__report-honeypot {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}

.listing-profile__report-actions {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-2);
}

.listing-profile__report-status {
	min-height: 1.3em;
	color: var(--color-text-tertiary);
	font-size: var(--text-sm);
}

.listing-profile__report-status[data-status='success'] {
	color: var(--color-success);
}

.listing-profile__report-status[data-status='error'] {
	color: var(--color-danger);
}

@media (min-width: 640px) {
	.listing-profile__report-reasons,
	.listing-profile__report-actions {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.listing-profile__actions > :nth-child(n + 5):not(.listing-profile__overflow) {
		display: none;
	}

	.listing-profile__owner-edit {
		width: 100%;
	}
}

@media (min-width: 768px) {
	.listing-profile__hero {
		grid-template-columns: 168px 1fr;
		gap: var(--space-6);
		padding: var(--space-6);
	}

	.listing-profile__heading h1 {
		font-size: clamp(2.25rem, 4.5vw, 3.5rem);
	}

	.listing-profile__gallery {
		grid-template-columns: repeat(3, 1fr);
		gap: var(--space-2);
	}

	.listing-profile__report-copy {
		gap: var(--space-2);
	}
}

@keyframes availability-pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(201, 83, 107, 0.45);
	}

	72% {
		box-shadow: 0 0 0 8px rgba(201, 83, 107, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(201, 83, 107, 0);
	}
}

@keyframes availability-text-pulse {
	0% {
		text-shadow: 0 0 0 rgba(201, 83, 107, 0);
	}

	45% {
		text-shadow:
			0 0 5px rgba(201, 83, 107, 0.35),
			0 0 12px rgba(201, 83, 107, 0.18);
	}

	100% {
		text-shadow: 0 0 0 rgba(201, 83, 107, 0);
	}
}

@media (min-width: 1024px) {
	.listing-profile__hero {
		grid-template-columns: 190px 1fr;
	}
}

/* ===== ListingCard ===== */
/* La imagen ocupa toda la card; el texto se superpone sobre un degradado
   en la base de la foto — sin panel aparte, menos alto de card. */

.listing-card {
	position: relative;
	border-radius: var(--radius-md);
	overflow: hidden;
	background: var(--color-bg-elevated);
	transition: transform var(--duration-base) var(--ease-standard);
}

.listing-card:hover {
	transform: translateY(-2px);
}

.listing-card__media {
	position: relative;
	aspect-ratio: 3 / 4;
	background: var(--color-bg-base);
}

.listing-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Todas las superficies de media conservan su espacio y transición visual. */
[data-discreet-media] {
	transition:
		filter var(--duration-base) var(--ease-standard),
		opacity var(--duration-base) var(--ease-standard);
}

/* El modo discreto difumina la media para volverla irreconocible sin colapsar el layout. */
html.is-discreet [data-discreet-media] {
	filter: blur(18px) saturate(0.7);
	opacity: 0.45;
}

/* La marca se difumina con menor intensidad para conservar la orientación. */
[data-discreet-brand] {
	transition:
		filter var(--duration-base) var(--ease-standard),
		opacity var(--duration-base) var(--ease-standard);
}

html.is-discreet [data-discreet-brand] {
	filter: blur(6px) saturate(0.85);
	opacity: 0.62;
}

/* Solo los encabezados de las LP públicas marcados por la plantilla cambian
   su presentación visual; el texto continúa siendo real y rastreable. */
[data-discreet-heading] {
	transition:
		filter var(--duration-base) var(--ease-standard),
		opacity var(--duration-base) var(--ease-standard);
}

html.is-discreet [data-discreet-heading] {
	filter: blur(5px);
	opacity: 0.72;
}

/* En equipos con puntero, la persona puede comprobar un elemento sin salir
   del modo discreto. El desenfoque vuelve al retirar el puntero. */
@media (hover: hover) and (pointer: fine) {
	html.is-discreet [data-discreet-media]:hover,
	html.is-discreet .listing-card:hover [data-discreet-media],
	html.is-discreet [data-discreet-brand]:hover,
	html.is-discreet .site-header__logo:hover [data-discreet-brand],
	html.is-discreet [data-discreet-heading]:hover {
		filter: none;
		opacity: 1;
	}
}

html.is-discreet .listing-card:focus-within [data-discreet-media],
html.is-discreet .site-header__logo:focus-visible [data-discreet-brand] {
	filter: none;
	opacity: 1;
}

/* Texto centrado — igual en todas las resoluciones, no hay overrides por
   breakpoint para este bloque a propósito. */
.listing-card__scrim {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	text-align: center;
	gap: 0;
	padding: var(--space-4) var(--space-3);
	background: linear-gradient(to top, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.45) 40%, rgba(0, 0, 0, 0) 75%);
}

/*
 * Inerte hoy: ningún Presenter real setea `planName` todavía (ver docblock
 * de listing-card.php) — el modificador `--default` es el único que existe
 * hasta que llegue Plan/PlanVersion con sus propios `badgeStyle`.
 */
.listing-card__badge {
	display: inline-flex;
	padding: 2px var(--space-2);
	margin-bottom: var(--space-1);
	border-radius: var(--radius-full);
	background: var(--color-bg-elevated);
	color: var(--color-text-primary);
	font-size: var(--text-2xs);
	font-weight: var(--font-weight-semibold);
	letter-spacing: 0.02em;
	text-transform: uppercase;
	line-height: 1;
}

/* Jerarquía: nombre > ubicación > disponibilidad (ver .listing-card__location
   y .listing-card__availability más abajo). Disponibilidad va en su propia
   línea, debajo de la ubicación — no comparten renglón. */
.listing-card__name {
	font-size: var(--text-lg);
	font-weight: var(--font-weight-semibold);
	line-height: var(--line-height-heading);
	color: var(--color-text-primary);
}

.listing-card__location {
	margin: 0;
	font-size: var(--text-xs);
	line-height: var(--line-height-heading);
	color: rgba(250, 250, 248, 0.75);
}

/* Enlace de bloque: cubre toda la card, texto e imagen incluidos. Nombre y
   ubicación son texto plano (no enlaces propios) — solo este elemento
   navega al perfil. El botón de favoritos va en un z-index superior para
   poder recibir su propio click sin activar este enlace. */
.listing-card__link {
	position: absolute;
	inset: 0;
	z-index: 1;
}

.listing-card__link:hover {
	text-decoration: none;
}

/* Propia línea, debajo de la ubicación (columna flex de .listing-card__scrim,
   gap: 0). Más pequeña que la ubicación — es una señal secundaria, no debe
   competir con el nombre/ubicación. */
.listing-card__availability {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	font-size: 0.625rem;
	color: var(--color-accent);
	animation: availability-text-pulse 1.8s ease-out infinite;
}

.listing-card__availability::before {
	content: '';
	width: 5px;
	height: 5px;
	border-radius: var(--radius-full);
	background: currentColor;
	box-shadow: 0 0 0 0 rgba(201, 83, 107, 0.55);
	flex-shrink: 0;
	animation: availability-pulse 1.8s ease-out infinite;
}

.listing-card__favorite {
	position: absolute;
	z-index: 2;
	right: var(--space-3);
	bottom: var(--space-3);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	min-height: 32px;
	padding: 0;
	background: transparent;
	border: none;
	color: var(--color-text-primary);
	cursor: pointer;
	filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
	transition: color var(--duration-fast) var(--ease-standard);
}

.listing-card__favorite:hover {
	color: var(--color-accent);
}

.listing-card__favorite[aria-pressed='true'] {
	color: var(--color-accent);
}

.listing-card__favorite[aria-pressed='true'] svg {
	fill: currentColor;
}

.listing-card__favorite:disabled,
.listing-card__favorite[aria-disabled='true'] {
	opacity: 0.45;
	cursor: not-allowed;
}

/* ===== Featured section ===== */

.featured-section {
	background: var(--color-bg-deepest);
}

.featured-section .listing-grid {
	grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 768px) {
	.featured-section .listing-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

/* ===== PlanSection ===== */
/* El color del plan vive acá (encabezado), no en la card individual —
   decisión de minimalismo del Sprint UX/UI: la card queda neutra, el
   plan se comunica agrupando. */

.plan-section + .plan-section {
	margin-top: var(--space-7);
}

.plan-section__heading {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: var(--space-2);
	row-gap: var(--space-1);
	font-size: var(--text-xl);
	font-weight: var(--font-weight-semibold);
	letter-spacing: 0.02em;
	margin-bottom: var(--space-4);
}

.plan-section__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 1.25em;
	height: 1.25em;
	align-self: center;
	color: var(--color-accent);
}

.plan-section__icon svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: currentColor;
}

.plan-section__icon--hot-icon {
	color: var(--plan-hot-icon-color, var(--color-accent));
}

.plan-section__icon--hot-prime {
	color: var(--plan-hot-prime-color, var(--color-accent-hover));
}

.plan-section__icon--hot-plus {
	color: var(--plan-hot-plus-color, var(--color-text-secondary));
}

.plan-section__icon--hot-start {
	color: var(--plan-hot-start-color, var(--color-warning));
}

/* Color ya lo resuelve la regla global `a { color: var(--color-accent); }` —
   gana sobre el color heredado del H2 por plan porque hay una coincidencia
   directa de selector, no herencia. Acá solo se ajusta el espaciado. */
.plan-section__heading-link {
	color: var(--color-accent);
	min-height: 0;
	line-height: inherit;
}

.plan-section__badge {
	display: inline-flex;
	align-items: center;
	align-self: center;
	flex: 0 0 auto;
	border: 1px solid rgba(255, 157, 77, 0.48);
	border-radius: var(--radius-full);
	background: rgba(255, 157, 77, 0.16);
	color: var(--plan-hot-icon-color);
	font-size: var(--text-2xs);
	font-weight: var(--font-weight-semibold);
	letter-spacing: 0;
	line-height: 1;
	padding: var(--space-1) var(--space-2);
	text-transform: uppercase;
	white-space: nowrap;
}

/*
 * El nombre del plan (Hot Icon/Prime/Plus/Start) va en blanco — el color
 * por plan queda reservado para iconos/badges, no para competir con el H.
 */
.plan-section__heading--hot-icon,
.plan-section__heading--hot-prime,
.plan-section__heading--hot-plus,
.plan-section__heading--hot-start {
	color: var(--color-text-primary);
}

/* ===== Advertiser dashboard ===== */

.delihot-login-page {
	background: radial-gradient(circle at 50% 12%, rgba(201, 83, 107, 0.2), transparent 36rem), var(--color-bg-deepest);
}

.delihot-login {
	display: grid;
	place-items: center;
	min-height: 100vh;
	padding: var(--space-5);
}

.delihot-login__card {
	display: grid;
	gap: var(--space-4);
	width: min(100%, 420px);
}

.delihot-login__logo {
	justify-self: center;
	width: 156px;
	height: auto;
}

.delihot-login__intro {
	display: grid;
	gap: var(--space-1);
	text-align: center;
}

.delihot-login__intro p,
.delihot-login__links,
.delihot-login__remember {
	margin: 0;
	color: var(--color-text-tertiary);
}

.delihot-login__intro h1 {
	margin: 0;
	font-size: var(--text-lg);
	letter-spacing: -0.04em;
}

.delihot-login__form {
	display: grid;
	gap: var(--space-2);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	background: var(--color-bg-elevated);
	box-shadow: var(--shadow-lg);
	padding: var(--space-4);
}

.delihot-login__form label {
	color: var(--color-text-secondary);
	font-size: var(--text-sm);
	font-weight: var(--font-weight-medium);
}

.delihot-login__form input[type='text'],
.delihot-login__form input[type='email'],
.delihot-login__form input[type='password'] {
	min-height: 40px;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid var(--color-border-strong);
	border-radius: var(--radius-full);
	background: var(--color-bg-deepest);
	color: var(--color-text-primary);
	font-size: var(--text-sm);
	padding: 0 var(--space-3);
}

.delihot-login__form input:focus {
	border-color: var(--color-accent);
	box-shadow: 0 0 0 3px rgba(201, 83, 107, 0.22);
	outline: none;
}

.delihot-login__form input::placeholder,
.delihot-password-recovery__form input::placeholder {
	color: var(--color-text-tertiary);
	opacity: 1;
}

.delihot-login__form input::placeholder {
	font-size: var(--text-xs);
}

.delihot-login__password-field {
	position: relative;
	min-width: 0;
}

.delihot-login__password-field input {
	padding-right: calc(var(--space-3) + 32px);
}

.delihot-login__password-toggle {
	position: absolute;
	top: 50%;
	right: var(--space-2);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 28px;
	min-width: 28px;
	height: 28px;
	min-height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: var(--radius-full);
	background: transparent;
	color: var(--color-text-tertiary);
	cursor: pointer;
	transform: translateY(-50%);
}

.delihot-login__password-toggle:hover {
	background: rgba(255, 255, 255, 0.06);
	color: var(--color-text-primary);
}

.delihot-login__password-toggle:focus-visible {
	outline: 2px solid var(--color-accent);
	outline-offset: 2px;
}

.delihot-login__password-icon {
	display: block;
	width: 16px;
	height: 16px;
}

.delihot-login__password-icon[data-password-icon='hidden'] {
	display: none;
}

.delihot-login__password-field[data-password-visible='true']
	.delihot-login__password-icon[data-password-icon='visible'] {
	display: none;
}

.delihot-login__password-field[data-password-visible='true']
	.delihot-login__password-icon[data-password-icon='hidden'] {
	display: block;
}

.delihot-login__row {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: var(--space-3);
	margin-top: var(--space-1);
}

.delihot-login__remember {
	display: inline-flex;
	align-items: center;
	gap: var(--space-2);
}

/* Checkbox de marca compartido por login y nuevos flujos del sitio. */
.delihot-checkbox {
	appearance: none;
	box-sizing: border-box;
	min-width: 16px;
	min-height: 16px;
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	margin: 0;
	padding: 0;
	border: 1px solid var(--color-border-strong);
	border-radius: 50%;
	background: var(--color-bg-deepest);
	cursor: pointer;
}

.delihot-checkbox:checked {
	border-color: var(--color-accent);
	background: var(--color-accent);
	box-shadow: inset 0 0 0 4px var(--color-bg-deepest);
}

.delihot-checkbox:focus-visible {
	outline: 2px solid var(--color-accent);
	outline-offset: 2px;
}

/* Selector de archivos de marca: el botón queda centrado dentro del control. */
.delihot-file-input {
	box-sizing: border-box;
	width: 100%;
	height: 48px;
	min-height: 48px;
	padding: 6px 12px;
	border: 1px solid var(--color-border-strong);
	border-radius: var(--radius-full);
	background: var(--color-bg-deepest);
	color: var(--color-text-tertiary);
	font: inherit;
	line-height: 1.2;
}

.delihot-file-input::file-selector-button {
	box-sizing: border-box;
	height: 34px;
	min-height: 34px;
	margin: 0 var(--space-2) 0 0;
	padding: 0 var(--space-3);
	border: 1px solid var(--color-accent);
	border-radius: var(--radius-full);
	background: var(--color-accent-muted);
	color: var(--color-text-primary);
	font: inherit;
	line-height: 1;
	vertical-align: middle;
	cursor: pointer;
}

.delihot-file-input::file-selector-button:hover {
	background: var(--color-accent);
}

.delihot-login__remember input {
	appearance: none;
	box-sizing: border-box;
	min-width: 16px;
	min-height: 16px;
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	margin: 0;
	padding: 0;
	border: 1px solid var(--color-border-strong);
	border-radius: 50%;
	background: var(--color-bg-deepest);
	cursor: pointer;
}

.delihot-login__remember input:checked {
	border-color: var(--color-accent);
	background: var(--color-accent);
	box-shadow: inset 0 0 0 4px var(--color-bg-deepest);
}

.delihot-login__password-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-2);
}

.delihot-login__password-heading label {
	margin: 0;
}

.delihot-login__recovery {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	min-height: 21px;
	margin: 0;
	color: var(--color-text-tertiary);
	font-size: var(--text-xs);
	line-height: 21px;
	text-align: right;
	transform: translateY(1px);
	white-space: nowrap;
}

.delihot-login__submit {
	display: block;
	width: min(100%, 240px);
	margin-inline: auto;
}

.delihot-login__error {
	box-sizing: border-box;
	min-width: 0;
	max-width: 100%;
	border: 1px solid rgba(240, 87, 107, 0.4);
	border-radius: var(--radius-md);
	background: rgba(240, 87, 107, 0.12);
	color: var(--color-text-primary);
	overflow-wrap: anywhere;
	padding: var(--space-3);
}

.delihot-login__notice {
	box-sizing: border-box;
	min-width: 0;
	max-width: 100%;
	border: 1px solid rgba(61, 214, 140, 0.4);
	border-radius: var(--radius-md);
	background: rgba(61, 214, 140, 0.1);
	color: var(--color-text-primary);
	overflow-wrap: anywhere;
	padding: var(--space-3);
}

.delihot-login__notice strong {
	display: block;
	color: var(--color-success);
}

.delihot-login__notice p {
	margin: var(--space-2) 0 0;
	color: var(--color-text-secondary);
}

.delihot-login__error ul {
	min-width: 0;
	margin: var(--space-2) 0 0;
	padding-left: 1.2rem;
}

.delihot-login__error li,
.delihot-login__error p {
	overflow-wrap: anywhere;
	word-break: break-word;
}

.delihot-login__links {
	display: flex;
	position: relative;
	align-items: center;
	box-sizing: border-box;
	justify-content: center;
	gap: var(--space-2);
	font-size: var(--text-sm);
	line-height: 21px;
	min-width: 0;
	text-align: center;
	width: 100%;
}

.delihot-login__links > span:first-child {
	min-width: 0;
	min-height: 21px;
	padding: 0;
	text-align: right;
	white-space: nowrap;
}

.delihot-login__links > a:last-child {
	min-width: 0;
	min-height: 21px;
	padding: 0;
	text-align: left;
	white-space: nowrap;
}

.delihot-login__links a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 21px;
	color: var(--color-text-secondary);
}

.delihot-login__separator {
	position: static;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 21px;
	height: 21px;
	line-height: 1;
	color: var(--color-border-strong);
	transform: none;
}

.delihot-password-recovery-page {
	background: radial-gradient(circle at 50% 12%, rgba(201, 83, 107, 0.2), transparent 36rem), var(--color-bg-deepest);
}

.delihot-password-recovery {
	display: grid;
	place-items: center;
	min-height: 100vh;
	min-height: 100dvh;
	box-sizing: border-box;
	padding: var(--space-5);
}

.delihot-password-recovery__content {
	display: grid;
	justify-items: stretch;
	gap: var(--space-3);
	width: min(100%, 420px);
	text-align: center;
}

.delihot-password-recovery__brand {
	justify-self: center;
}

.delihot-password-recovery__brand img {
	display: block;
	width: 156px;
	height: auto;
}

.delihot-password-recovery__content h1,
.delihot-password-recovery__content h2 {
	margin: 0;
	letter-spacing: -0.03em;
}

.delihot-password-recovery__content h1 {
	font-size: var(--text-lg);
}

.delihot-password-recovery__content h2 {
	font-size: var(--text-lg);
	font-weight: var(--font-weight-medium);
}

.delihot-password-recovery__helper {
	margin: 0;
	color: var(--color-text-tertiary);
	font-size: var(--text-sm);
}

.delihot-password-recovery__form {
	display: grid;
	justify-items: stretch;
	gap: var(--space-2);
	margin-top: var(--space-2);
	text-align: left;
}

.delihot-password-recovery__form label {
	color: var(--color-text-secondary);
	font-size: var(--text-sm);
	font-weight: var(--font-weight-medium);
}

.delihot-password-recovery__form input {
	box-sizing: border-box;
	width: 100%;
	min-height: 42px;
	border: 1px solid var(--color-border-strong);
	border-radius: var(--radius-full);
	background: var(--color-bg-deepest);
	color: var(--color-text-primary);
	font-size: var(--text-sm);
	padding: 0 var(--space-3);
}

.delihot-password-recovery__form input:focus {
	border-color: var(--color-accent);
	box-shadow: 0 0 0 3px rgba(201, 83, 107, 0.22);
	outline: none;
}

.delihot-password-recovery__form .btn {
	width: min(100%, 260px);
	min-height: 42px;
	justify-self: center;
	margin-top: var(--space-3);
}

.delihot-password-recovery__notice,
.delihot-password-recovery__error {
	border: 1px solid rgba(201, 83, 107, 0.42);
	border-radius: var(--radius-md);
	background: rgba(201, 83, 107, 0.1);
	color: var(--color-text-secondary);
	font-size: var(--text-sm);
	line-height: 1.45;
	padding: var(--space-3);
	text-align: left;
}

.delihot-password-recovery__notice {
	border-color: rgba(61, 214, 140, 0.4);
	background: rgba(61, 214, 140, 0.1);
}

.delihot-password-recovery__links {
	display: grid;
	align-items: center;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	margin-top: var(--space-2);
	color: var(--color-text-tertiary);
	font-size: var(--text-xs);
	line-height: 21px;
}

.delihot-password-recovery__links > a:first-child {
	text-align: right;
}

.delihot-password-recovery__links > a:last-child {
	text-align: left;
}

.delihot-password-recovery__links a {
	color: var(--color-text-secondary);
}

/* ===== Progressive registration ===== */

.delihot-registration {
	display: grid;
	justify-items: center;
	align-content: center;
	align-content: safe center;
	min-height: 100vh;
	min-height: 100dvh;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
	gap: var(--space-5);
	padding: var(--space-5);
	background: radial-gradient(circle at 50% 10%, rgba(201, 83, 107, 0.2), transparent 32rem), var(--color-bg-deepest);
}

.delihot-registration__content {
	display: grid;
	justify-items: center;
	box-sizing: border-box;
	width: min(100%, 560px);
	min-width: 0;
	max-width: 100%;
	gap: var(--space-5);
}

.delihot-registration__panel {
	display: grid;
	gap: var(--space-5);
	width: min(100%, 560px);
	min-width: 0;
	max-width: 100%;
	max-height: calc(100vh - 32px);
	max-height: calc(100dvh - 32px);
	overflow-x: hidden;
	overflow-y: auto;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	background: var(--color-bg-elevated);
	box-shadow: var(--shadow-md);
	padding: var(--space-6);
}

.delihot-registration__header,
.delihot-registration__actions,
.delihot-registration__success {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-width: 0;
	max-width: 100%;
	gap: var(--space-3);
}

.delihot-registration__header h1,
.delihot-registration__step h2,
.delihot-registration__success h2 {
	margin: 0;
	letter-spacing: -0.03em;
}

.delihot-registration__provider-note,
.delihot-registration__hint,
.delihot-registration__success p {
	margin: 0;
	color: var(--color-text-tertiary);
	font-size: var(--text-sm);
}

.delihot-registration__email-status {
	min-height: 1.25em;
	margin: 0;
	color: var(--color-text-tertiary);
	font-size: var(--text-xs);
}

.delihot-registration__email-status[data-state='error'] {
	color: var(--color-danger);
}

.delihot-registration__email-status[data-state='success'] {
	color: var(--color-success);
}

.delihot-registration__email-status[data-state='warning'] {
	color: var(--color-warning);
}

.delihot-registration__close {
	position: relative;
	display: grid;
	flex: 0 0 36px;
	place-items: center;
	width: 36px;
	height: 36px;
	min-width: 36px;
	max-width: 36px;
	min-height: 0;
	max-height: 36px;
	aspect-ratio: 1 / 1;
	box-sizing: border-box;
	padding: 0;
	border: 1px solid var(--color-border-strong);
	border-radius: 50%;
	background: var(--color-bg-elevated-hover);
	color: transparent;
	font-size: 0;
	line-height: 1;
	text-decoration: none;
}

.delihot-registration__close::before,
.delihot-registration__close::after {
	position: absolute;
	width: 14px;
	height: 2px;
	border-radius: var(--radius-full);
	background: var(--color-text-secondary);
	content: '';
}

.delihot-registration__close::before {
	transform: rotate(45deg);
}

.delihot-registration__close::after {
	transform: rotate(-45deg);
}

.delihot-registration__close:hover {
	border-color: var(--color-accent);
	background: var(--color-accent-muted);
	color: transparent;
}

.delihot-registration__form,
.delihot-registration__step,
.delihot-registration__step [data-registration-model-fields],
.delihot-registration__step [data-registration-visitor-fields],
.delihot-registration__step [data-registration-verification-fields] {
	display: grid;
	min-width: 0;
	max-width: 100%;
	gap: var(--space-2);
}

.delihot-registration__form {
	width: 100%;
	margin-inline: auto;
}

.delihot-registration__step h2 {
	font-size: var(--text-xl);
}

.delihot-registration__step label,
.delihot-registration__legal label {
	font-size: var(--text-sm);
}

.delihot-registration__step input,
.delihot-registration__step select {
	box-sizing: border-box;
	height: 48px;
	min-height: 48px;
	min-width: 0;
	width: 100%;
	border: 1px solid var(--color-border-strong);
	border-radius: var(--radius-full);
	background: var(--color-bg-deepest);
	color: var(--color-text-primary);
	font: inherit;
	font-size: var(--text-base);
	padding: 0 var(--space-4);
}

.delihot-registration__step input[type='file'] {
	min-height: 58px;
	border-radius: var(--radius-lg);
	font-size: var(--text-sm);
	padding: var(--space-2) var(--space-3);
}

.delihot-registration__step input[type='file']::file-selector-button {
	min-height: 36px;
	margin-right: var(--space-2);
	border: 1px solid var(--color-border-strong);
	border-radius: var(--radius-full);
	background: var(--color-bg-elevated-hover);
	color: var(--color-text-primary);
	font: inherit;
	cursor: pointer;
	padding: 0 var(--space-3);
}

.delihot-registration__step select {
	appearance: none;
	cursor: pointer;
	padding-right: 56px;
}

.delihot-registration__select-wrap {
	position: relative;
}

.delihot-registration__select-wrap::after,
.delihot-registration__select-arrow {
	position: absolute;
	right: 22px;
	top: 50%;
	display: block;
	width: 9px;
	height: 9px;
	border-right: 2px solid var(--color-text-secondary);
	border-bottom: 2px solid var(--color-text-secondary);
	content: '';
	pointer-events: none;
	transform: translateY(-65%) rotate(45deg);
}

.delihot-registration__step input:focus,
.delihot-registration__step select:focus,
.delihot-registration__location-trigger:focus {
	border-color: var(--color-accent);
	box-shadow: var(--shadow-focus);
	outline: none;
}

.delihot-registration__google {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-3);
	height: 48px;
	min-height: 48px;
	width: 100%;
	max-width: 640px;
	min-width: 0;
	margin-inline: auto;
	border: 0;
	border-radius: var(--radius-full);
	background: #4285f4;
	color: #ffffff;
	font: inherit;
	font-weight: var(--font-weight-semibold);
	cursor: pointer;
}

.delihot-registration__google-icon {
	display: inline-grid;
	place-items: center;
	width: 24px;
	height: 24px;
	border-radius: var(--radius-full);
	background: #ffffff;
	color: #4285f4;
	font-weight: 800;
}

.delihot-registration__divider {
	display: flex;
	align-items: center;
	gap: var(--space-3);
	color: var(--color-text-tertiary);
	text-transform: uppercase;
}

.delihot-registration__divider::before,
.delihot-registration__divider::after {
	content: '';
	height: 1px;
	flex: 1;
	background: var(--color-border);
}

.delihot-registration__account-options {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-3);
}

.delihot-registration__account-card {
	display: grid;
	align-content: center;
	gap: var(--space-2);
	width: 100%;
	min-height: 112px;
	border: 1px solid var(--color-border-strong);
	border-radius: var(--radius-lg);
	background: var(--color-bg-deepest);
	color: var(--color-text-primary);
	font: inherit;
	text-align: center;
	cursor: pointer;
	padding: var(--space-4);
}

.delihot-registration__account-card[aria-pressed='true'] {
	border-color: var(--color-accent);
	box-shadow: var(--shadow-focus);
	color: var(--color-accent-hover);
}

.delihot-registration__account-card strong {
	font-size: var(--text-xl);
}

.delihot-registration__account-card small {
	font-size: var(--text-base);
	line-height: 1.35;
}

.delihot-registration__location {
	position: relative;
	border: 0;
	margin-top: var(--space-2);
	padding: 0;
}

.delihot-registration__location legend {
	font-size: var(--text-base);
}

.delihot-registration__location-trigger {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-height: 48px;
	border: 1px solid var(--color-border-strong);
	border-radius: var(--radius-full);
	background: var(--color-bg-deepest);
	color: var(--color-text-primary);
	font: inherit;
	font-size: var(--text-base);
	line-height: 1.3;
	text-align: left;
	cursor: pointer;
	padding: var(--space-3) 56px var(--space-3) var(--space-4);
}

.delihot-registration__location-trigger[aria-invalid='true'] {
	border-color: var(--color-danger);
}

.delihot-registration__location-control {
	position: relative;
}

.delihot-registration__location-country-label {
	display: block;
	margin-bottom: var(--space-1);
	color: var(--color-text-secondary);
	font-size: var(--text-sm);
}

.delihot-registration__location-panel {
	position: absolute;
	top: calc(100% + var(--space-2));
	right: 0;
	left: 0;
	z-index: var(--z-dropdown);
	border: 1px solid var(--color-border-strong);
	border-radius: var(--radius-lg);
	background: var(--color-bg-elevated);
	box-shadow: var(--shadow-lg);
	padding: var(--space-3);
}

.delihot-registration__location-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: var(--space-2);
	padding: var(--space-2) var(--space-2) var(--space-3);
}

@media (max-width: 520px) {
	.delihot-registration__location-panel {
		position: fixed;
		top: auto;
		right: max(var(--space-3), env(safe-area-inset-right));
		bottom: max(var(--space-3), env(safe-area-inset-bottom));
		left: max(var(--space-3), env(safe-area-inset-left));
		max-height: min(70dvh, 520px);
		box-sizing: border-box;
		padding: var(--space-3);
	}

	.delihot-registration__location-heading {
		position: sticky;
		top: 0;
		z-index: 1;
		background: var(--color-bg-elevated);
	}

	.delihot-registration__location-options {
		max-height: min(48dvh, 360px);
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
	}
}

.delihot-registration__location-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: var(--space-1);
	max-width: 100%;
	margin-left: auto;
}

.delihot-registration__location-back,
.delihot-registration__location-skip {
	border: 0;
	background: transparent;
	color: var(--color-accent-hover);
	cursor: pointer;
	font: inherit;
	font-size: var(--text-sm);
	padding: var(--space-1) var(--space-2);
}

.delihot-registration__location-options {
	display: grid;
	max-height: 220px;
	overflow-y: auto;
	gap: var(--space-1);
}

.delihot-registration__location-status {
	margin: var(--space-1) var(--space-2) 0;
	color: var(--color-text-tertiary);
	font-size: var(--text-xs);
}

.delihot-registration__location-status[data-state='error'] {
	color: var(--color-danger);
}

.delihot-registration__location-option {
	min-height: 42px;
	border: 0;
	border-radius: var(--radius-md);
	background: transparent;
	color: var(--color-text-primary);
	font: inherit;
	text-align: left;
	cursor: pointer;
	padding: var(--space-2) var(--space-3);
}

.delihot-registration__location-option:hover,
.delihot-registration__location-option:focus-visible {
	background: var(--color-accent-muted);
	color: var(--color-text-primary);
	outline: none;
}

.delihot-registration__location-option--secondary {
	border-bottom: 1px solid var(--color-border);
	border-radius: 0;
	color: var(--color-text-tertiary);
	margin-bottom: var(--space-1);
}

.delihot-registration__location-error {
	margin: var(--space-1) 0 0;
	color: var(--color-danger);
	font-size: var(--text-sm);
}

.delihot-registration__legal {
	display: grid;
	gap: var(--space-3);
	margin-top: var(--space-2);
}

.delihot-registration__legal label {
	display: grid;
	grid-template-columns: 20px minmax(0, 1fr);
	align-items: center;
	gap: var(--space-2);
	line-height: 1.35;
}

.delihot-registration__legal input {
	appearance: none;
	display: grid;
	place-items: center;
	width: 20px;
	height: 20px;
	min-height: 20px;
	border: 1px solid var(--color-border-strong);
	border-radius: var(--radius-full);
	background: var(--color-bg-deepest);
	margin: 0;
	padding: 0;
}

.delihot-registration__legal input:checked {
	border-color: var(--color-accent);
	background: var(--color-accent);
}

.delihot-registration__legal input:checked::after {
	width: 7px;
	height: 7px;
	border-radius: var(--radius-full);
	background: var(--color-text-primary);
	content: '';
}

.delihot-registration__panel {
	width: min(100%, 520px);
	gap: var(--space-4);
	padding: var(--space-5);
}

.delihot-registration__header h1 {
	font-size: var(--text-xl);
}

.delihot-registration__progress {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-2);
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.delihot-registration__progress[hidden] {
	display: none;
}

.delihot-registration__progress li {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-2);
	min-height: 42px;
	box-sizing: border-box;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-full);
	color: var(--color-text-tertiary);
	font-size: var(--text-sm);
	font-weight: var(--font-weight-semibold);
	text-align: center;
	white-space: nowrap;
	padding: var(--space-2) var(--space-3);
}

.delihot-registration__progress li span {
	display: grid;
	place-items: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: var(--color-bg-deepest);
	font-size: var(--text-xs);
	font-weight: var(--font-weight-bold);
}

.delihot-registration__progress li strong {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.delihot-registration__progress li[data-state='current'] {
	border-color: var(--color-accent);
	background: var(--color-accent-muted);
	color: var(--color-text-primary);
}

.delihot-registration__progress li[data-state='complete'] {
	border-color: var(--color-success);
	color: var(--color-success);
}

.delihot-registration__progress li[data-state='complete'] span {
	background: var(--color-success);
	color: var(--color-bg-deepest);
}

.delihot-registration__hint {
	font-size: var(--text-xs);
}

.delihot-registration__password-field {
	position: relative;
	min-width: 0;
}

.delihot-registration__password-field input {
	width: 100%;
	padding-right: 52px;
}

.delihot-registration__password-toggle {
	position: absolute;
	top: 50%;
	right: var(--space-2);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 40px;
	min-width: 40px;
	height: 40px;
	min-height: 40px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: var(--radius-full);
	background: transparent;
	color: var(--color-text-tertiary);
	cursor: pointer;
	transform: translateY(-50%);
}

.delihot-registration__password-toggle:hover {
	background: rgba(255, 255, 255, 0.06);
	color: var(--color-text-primary);
}

.delihot-registration__password-toggle:focus-visible {
	outline: 2px solid var(--color-accent);
	outline-offset: 1px;
}

.delihot-registration__password-icon {
	display: block;
	width: 20px;
	height: 20px;
}

.delihot-registration__password-icon[data-password-icon='hidden'] {
	display: none;
}

.delihot-registration__password-field[data-password-visible='true']
	.delihot-registration__password-icon[data-password-icon='visible'] {
	display: none;
}

.delihot-registration__password-field[data-password-visible='true']
	.delihot-registration__password-icon[data-password-icon='hidden'] {
	display: block;
}

.delihot-registration__password-field[data-password-match-state='invalid'] input {
	border-color: var(--color-danger);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-danger) 20%, transparent);
}

.delihot-registration__password-match {
	display: flex;
	align-items: flex-start;
	gap: var(--space-2);
	margin: 0;
	color: var(--color-text-tertiary);
	font-size: var(--text-xs);
	line-height: 1.35;
}

.delihot-registration__password-match::before {
	display: grid;
	flex: 0 0 18px;
	place-items: center;
	width: 18px;
	height: 18px;
	border: 1px solid currentcolor;
	border-radius: 50%;
	content: '·';
	font-size: 14px;
	font-weight: var(--font-weight-bold);
	line-height: 1;
}

.delihot-registration__password-match[data-state='valid'] {
	color: var(--color-success);
}

.delihot-registration__password-match[data-state='valid']::before {
	content: '✓';
}

.delihot-registration__password-match[data-state='invalid'] {
	color: var(--color-danger);
}

.delihot-registration__password-match[data-state='invalid']::before {
	content: '×';
}

.delihot-registration__password-requirements {
	display: grid;
	gap: var(--space-2);
	margin-top: var(--space-1);
	padding: var(--space-3);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-md);
	background: var(--color-bg-elevated);
	font-size: var(--text-xs);
}

.delihot-registration__password-requirements strong {
	font-size: var(--text-sm);
	color: var(--color-text-primary);
}

.delihot-registration__password-requirements ul {
	display: grid;
	gap: var(--space-1);
	margin: 0;
	padding: 0;
	list-style: none;
}

.delihot-registration__password-requirements li {
	display: flex;
	align-items: flex-start;
	gap: var(--space-2);
	color: var(--color-text-tertiary);
	line-height: 1.35;
}

.delihot-registration__password-requirements li::before {
	display: grid;
	flex: 0 0 18px;
	place-items: center;
	width: 18px;
	height: 18px;
	border: 1px solid currentcolor;
	border-radius: 50%;
	content: '·';
	font-size: 14px;
	font-weight: var(--font-weight-bold);
	line-height: 1;
}

.delihot-registration__password-requirements li[data-state='valid'] {
	color: var(--color-success);
}

.delihot-registration__password-requirements li[data-state='valid']::before {
	content: '✓';
}

.delihot-registration__password-requirements li[data-state='invalid'] {
	color: var(--color-danger);
}

.delihot-registration__password-requirements li[data-state='invalid']::before {
	content: '×';
}

.delihot-registration__field-label {
	display: flex;
	align-items: center;
	gap: var(--space-2);
	min-width: 0;
}

.delihot-registration__field-label > label {
	margin: 0;
}

.delihot-registration__field {
	display: grid;
	gap: var(--space-2);
	min-width: 0;
}

.delihot-registration__field-pair {
	display: grid;
	min-width: 0;
	gap: var(--space-3);
}

.delihot-registration__email-field {
	width: 100%;
	max-width: 640px;
	margin-inline: auto;
}

.delihot-registration__info-trigger,
.delihot-registration__info-dialog-close {
	display: grid;
	place-items: center;
	flex: 0 0 32px;
	width: 32px;
	height: 32px;
	min-width: 32px;
	min-height: 32px;
	aspect-ratio: 1 / 1;
	box-sizing: border-box;
	border: 1px solid var(--color-border-strong);
	border-radius: 50%;
	padding: 0;
	line-height: 1;
	text-align: center;
}

.delihot-registration__info-trigger {
	background: transparent;
	color: var(--color-text-tertiary);
	cursor: pointer;
	font-size: var(--text-xs);
	font-weight: var(--font-weight-bold);
}

.delihot-registration__info-trigger:hover,
.delihot-registration__info-trigger:focus-visible {
	border-color: var(--color-accent);
	background: var(--color-accent-muted);
	color: var(--color-text-primary);
	outline: none;
}

.delihot-registration__info-dialog {
	width: min(420px, calc(100vw - 32px));
	max-width: calc(100vw - 32px);
	box-sizing: border-box;
	margin: auto;
	padding: 0;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	background: var(--color-bg-elevated);
	color: var(--color-text-primary);
	box-shadow: var(--shadow-lg);
}

.delihot-registration__info-dialog::backdrop {
	background: rgba(0, 0, 0, 0.72);
}

.delihot-registration__info-dialog-content {
	padding: var(--space-5);
}

.delihot-registration__info-dialog-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
}

.delihot-registration__info-dialog-header h3 {
	margin: 0;
	font-size: var(--text-lg);
}

.delihot-registration__info-dialog-close {
	border: 1px solid var(--color-border);
	background: var(--color-bg-deepest);
	color: var(--color-text-primary);
	cursor: pointer;
	font-size: var(--text-lg);
}

.delihot-registration__info-dialog-close:hover,
.delihot-registration__info-dialog-close:focus-visible {
	border-color: var(--color-accent);
	background: var(--color-accent-muted);
	outline: none;
}

.delihot-registration__info-dialog-body {
	display: grid;
	gap: var(--space-3);
	margin-top: var(--space-4);
	color: var(--color-text-secondary);
	font-size: var(--text-sm);
	line-height: 1.5;
}

.delihot-registration__info-dialog-body p {
	margin: 0;
}

.delihot-registration__step[hidden],
.delihot-registration__step [hidden],
.delihot-registration__success[hidden],
.delihot-registration__location-panel[hidden],
.delihot-registration__location-error[hidden] {
	display: none !important;
}

.delihot-registration__form,
.delihot-registration__step,
.delihot-registration__step [data-registration-model-fields],
.delihot-registration__step [data-registration-visitor-fields],
.delihot-registration__step [data-registration-verification-fields] {
	display: grid;
	gap: var(--space-2);
}

.delihot-registration__step input:disabled,
.delihot-registration__step select:disabled {
	display: none;
}

.delihot-registration__step input[type='hidden'] {
	display: none;
}

.delihot-registration__step input::placeholder {
	color: var(--color-text-tertiary);
}

.delihot-registration__step input:focus,
.delihot-registration__step select:focus {
	border-color: var(--color-accent);
	box-shadow: var(--shadow-focus);
	outline: none;
}

.delihot-registration__step input,
.delihot-registration__step select {
	box-sizing: border-box;
	margin-bottom: var(--space-1);
}

.delihot-registration__actions {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: var(--space-2);
	width: 100%;
	min-width: 0;
	margin-top: var(--space-2);
}

.delihot-registration__actions .btn {
	height: 48px;
	min-height: 48px;
	width: min(100%, 260px);
	max-width: 260px;
}

.delihot-registration__actions .btn-primary {
	margin-left: 0;
}

.delihot-registration__primary {
	width: 100%;
	max-width: 260px;
	margin-inline: auto;
}

@media (max-width: 480px) {
	.delihot-registration {
		align-content: start;
		padding: var(--space-3);
	}

	.delihot-registration__panel {
		max-height: none;
		padding: var(--space-4);
	}

	.delihot-registration__account-options {
		grid-template-columns: 1fr;
	}

	.delihot-registration__actions .btn {
		width: 100%;
	}
}

.delihot-registration__success {
	align-items: stretch;
	flex-direction: column;
	text-align: center;
}

@media (min-width: 768px) {
	.delihot-registration__content,
	.delihot-registration__panel {
		width: min(100%, 720px);
	}

	.delihot-registration__panel {
		gap: var(--space-5);
		padding: var(--space-6);
	}
}

@media (min-width: 1024px) {
	.delihot-registration__content,
	.delihot-registration__panel {
		width: min(100%, 840px);
	}

	.delihot-registration__form {
		max-width: 720px;
	}

	.delihot-registration__panel {
		padding: var(--space-8);
	}

	.delihot-registration__step [data-registration-model-fields],
	.delihot-registration__step [data-registration-visitor-fields],
	.delihot-registration__step [data-registration-verification-fields] {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: var(--space-5);
	}

	.delihot-registration__step [data-registration-model-fields] > h2,
	.delihot-registration__step [data-registration-model-fields] > .delihot-registration__field-hint,
	.delihot-registration__step [data-registration-model-fields] > .delihot-registration__location,
	.delihot-registration__step [data-registration-model-fields] > .delihot-registration__field-pair,
	.delihot-registration__step [data-registration-visitor-fields] > h2,
	.delihot-registration__step [data-registration-verification-fields] > h2,
	.delihot-registration__step [data-registration-verification-fields] > .delihot-registration__hint,
	.delihot-registration__step [data-registration-verification-fields] > .delihot-registration__info-dialog,
	.delihot-registration__step [data-registration-verification-fields] > .delihot-registration__legal {
		grid-column: 1 / -1;
	}

	.delihot-registration__field-pair {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 520px) {
	.delihot-registration {
		align-content: center;
		align-content: safe center;
		padding: var(--space-4) var(--space-3);
		gap: var(--space-4);
	}

	.delihot-registration__content {
		gap: var(--space-4);
	}

	.delihot-registration__panel {
		max-height: calc(100vh - 24px);
		max-height: calc(100dvh - 24px);
		padding: var(--space-4);
	}

	.delihot-registration__account-options {
		grid-template-columns: 1fr;
	}

	.delihot-registration__actions .btn,
	.delihot-registration__primary {
		width: 100%;
		max-width: none;
		margin-inline: 0;
	}
}

/* Integrated advertiser onboarding: one page scroll and one control system. */
.delihot-registration {
	align-content: start;
	min-height: 100dvh;
	padding: clamp(24px, 5vw, 64px) 16px;
}

.delihot-registration__content,
.delihot-registration__panel {
	width: min(100%, 760px);
	max-width: 760px;
}

.delihot-registration__content {
	gap: 24px;
}

.delihot-registration__brand {
	display: block;
	width: min(132px, 40vw);
	margin-inline: auto;
}

.delihot-registration__brand img {
	display: block;
	width: 100%;
	height: auto;
}

.delihot-registration__panel {
	gap: 24px;
	max-height: none;
	overflow: visible;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	padding: 0;
}

.delihot-registration__form {
	width: 100%;
	max-width: 720px;
	margin-inline: auto;
}

.delihot-registration__step input,
.delihot-registration__step select {
	height: 48px;
	min-height: 48px;
	border-radius: var(--radius-full);
}

.delihot-registration__step input[type='file'] {
	height: 48px;
	min-height: 48px;
	border-radius: var(--radius-full);
	padding: 6px 12px;
}

.delihot-registration__step input[type='file']::file-selector-button {
	height: 34px;
	min-height: 34px;
	border-radius: var(--radius-full);
}

.delihot-registration__email-field {
	width: 100%;
	max-width: 440px;
	margin-inline: auto;
}

.delihot-registration__actions .btn,
.delihot-registration__primary {
	width: min(100%, 360px);
	max-width: 360px;
	margin-inline: auto;
}

.delihot-registration__location-panel {
	position: static;
	inset: auto;
	max-height: none;
	overflow: visible;
	margin-top: 12px;
	box-shadow: none;
}

.delihot-registration__location-heading {
	position: static;
}

.delihot-registration__location-options {
	max-height: none;
	overflow: visible;
	overscroll-behavior: auto;
}

@media (min-width: 768px) {
	.delihot-registration__location-options {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: var(--space-2);
	}
}

@media (min-width: 1024px) {
	.delihot-registration__panel {
		padding: 0;
	}

	.delihot-registration__step [data-registration-model-fields],
	.delihot-registration__step [data-registration-visitor-fields],
	.delihot-registration__step [data-registration-verification-fields] {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: var(--space-5);
	}

	.delihot-registration__step [data-registration-model-fields] > h2,
	.delihot-registration__step [data-registration-model-fields] > .delihot-registration__field-hint,
	.delihot-registration__step [data-registration-model-fields] > .delihot-registration__location,
	.delihot-registration__step [data-registration-model-fields] > .delihot-registration__field-pair,
	.delihot-registration__step [data-registration-model-fields] > .delihot-registration__legal,
	.delihot-registration__step [data-registration-visitor-fields] > h2,
	.delihot-registration__step [data-registration-verification-fields] > h2,
	.delihot-registration__step [data-registration-verification-fields] > .delihot-registration__hint,
	.delihot-registration__step [data-registration-verification-fields] > .delihot-registration__info-dialog,
	.delihot-registration__step [data-registration-verification-fields] > .delihot-registration__legal {
		grid-column: 1 / -1;
	}

	.delihot-registration__step [data-registration-contact-pair],
	.delihot-registration__step .delihot-registration__actions {
		grid-column: 1 / -1;
	}

	.delihot-registration__step [data-registration-password-pair],
	.delihot-registration__step [data-registration-contact-pair] {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: var(--space-5);
	}
}

@media (max-width: 767px) {
	.delihot-registration__panel {
		padding: 0;
	}

	.delihot-registration__actions .btn,
	.delihot-registration__primary {
		width: 100%;
		max-width: none;
	}

	.delihot-registration__location-options {
		grid-template-columns: 1fr;
	}
}

/* Registration progress alignment: match the form width. */
@media (min-width: 768px) {
	.delihot-registration__progress {
		width: min(100%, 720px);
		max-width: 720px;
		margin-inline: auto;
	}
}

/* Registration polish: centered hierarchy, symmetric controls and compact selection. */
.delihot-registration {
	align-content: safe center;
}

.delihot-registration__step[data-registration-step='account'] > h2 {
	width: min(100%, 680px);
	margin-top: var(--space-2);
	margin-bottom: var(--space-4);
	margin-inline: auto;
	text-align: center;
	font-size: var(--text-base);
}

.delihot-registration__step[data-registration-step='account'] .delihot-registration__account-options {
	width: min(100%, 680px);
	max-width: 680px;
	margin-inline: auto;
}

.delihot-registration__step[data-registration-step='account'] .delihot-registration__account-card {
	box-sizing: border-box;
	min-width: 0;
	min-height: 96px;
	padding: var(--space-4);
}

.delihot-registration__step[data-registration-step='account'] .delihot-registration__account-card strong {
	font-size: var(--text-lg);
}

.delihot-registration__step[data-registration-step='account'] .delihot-registration__account-card small {
	font-size: 15px;
	line-height: 1.3;
}

.delihot-registration [data-registration-validation-message] {
	width: min(100%, 720px);
	max-width: 720px;
	margin-inline: auto;
	padding: var(--space-2) var(--space-3);
	font-size: var(--text-sm);
	line-height: 1.35;
}

.delihot-registration [data-registration-validation-message] strong {
	display: block;
	font-size: var(--text-sm);
	line-height: 1.25;
}

.delihot-registration [data-registration-validation-message] p {
	margin: var(--space-1) 0 0;
	font-size: var(--text-xs);
	line-height: 1.35;
}

/* Account selection desktop copy fit. */
@media (min-width: 1024px) {
	.delihot-registration__step[data-registration-step='account'] .delihot-registration__account-card small {
		max-width: 100%;
		font-size: 14px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

.delihot-registration__content {
	--registration-control-width: 440px;
	--registration-control-height: 40px;
	--registration-control-text: var(--text-sm);
	gap: 20px;
}

.delihot-registration__panel {
	gap: 20px;
}

.delihot-registration__header {
	justify-content: center;
	text-align: center;
}

.delihot-registration__header h1 {
	font-size: 18px;
	font-weight: var(--font-weight-semibold);
	line-height: 1.15;
}

.delihot-registration__step h2 {
	font-size: 15px;
	font-weight: var(--font-weight-medium);
	line-height: 1.25;
}

.delihot-registration__step[data-registration-step='email'] h2 {
	font-size: 13px;
	margin-top: -17px;
	margin-bottom: 49px;
	text-align: center;
}

.delihot-registration__step label,
.delihot-registration__legal label {
	font-size: 13px;
}

.delihot-registration__step[data-registration-step='email'] .delihot-registration__email-field {
	gap: 4px;
}

.delihot-registration__step[data-registration-step='email'] input {
	padding-top: 6px;
	padding-bottom: 2px;
}

.delihot-registration__step[data-registration-step='email'] .delihot-registration__hint {
	margin-top: -2px;
	text-align: center;
	line-height: 1.2;
}

.delihot-registration__email-field,
.delihot-registration__actions .btn,
.delihot-registration__primary {
	width: min(100%, var(--registration-control-width));
	max-width: var(--registration-control-width);
}

.delihot-registration__footer-links {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
	align-items: center;
	width: min(100%, var(--registration-control-width));
	gap: 0;
	margin: 0 auto;
	color: var(--color-text-tertiary);
	font-size: var(--text-sm);
	text-align: center;
}

.delihot-registration__footer-links a {
	color: var(--color-text-secondary);
}

.delihot-registration__footer-links > a {
	display: inline-flex;
	align-items: center;
	width: 100%;
	min-width: 0;
	min-height: 21px;
	font-size: 13px;
}

.delihot-registration__footer-links > a:first-of-type {
	justify-content: flex-end;
	padding-inline-end: 8px;
	text-align: right;
}

.delihot-registration__footer-links > a:last-of-type {
	justify-content: flex-start;
	padding-inline-start: 8px;
	text-align: left;
}

.delihot-registration__footer-links a:hover,
.delihot-registration__footer-links a:focus-visible {
	color: var(--color-accent);
}

.delihot-registration__footer-separator {
	display: inline-block;
	grid-column: 2;
	grid-row: 1;
	justify-self: center;
	width: 1px;
	height: 1rem;
	min-height: 23px;
	align-self: center;
	font-size: 0;
	line-height: 0;
	color: transparent;
	background: var(--color-border-strong);
}

.delihot-registration__legal input {
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	min-height: 20px;
	max-height: 20px;
	border-radius: 50%;
}

.delihot-registration__location-panel {
	margin-top: 4px;
	padding: 4px;
}

.delihot-registration__location-heading {
	gap: 4px;
	padding: 2px 4px 4px;
	font-size: var(--text-xs);
}

.delihot-registration__location-options {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	column-gap: 6px;
	row-gap: 0;
}

.delihot-registration__location-options[data-location-level='commune'] {
	display: block;
	column-count: 4;
	column-gap: 6px;
}

.delihot-registration__location-options[data-location-level='commune'] .delihot-registration__location-option {
	display: block;
	width: 100%;
	break-inside: avoid;
}

.delihot-registration__location-option {
	min-height: 28px;
	padding: 2px 6px;
	border-radius: var(--radius-sm);
	font-size: var(--text-xs);
	line-height: 1.15;
}

.delihot-registration__step input,
.delihot-registration__step select,
.delihot-registration__location-trigger {
	height: var(--registration-control-height);
	min-height: var(--registration-control-height);
	font-size: var(--registration-control-text);
}

.delihot-registration__legal input[type='checkbox'] {
	box-sizing: border-box;
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	min-width: 20px;
	min-height: 20px;
	max-width: 20px;
	max-height: 20px;
	padding: 0;
	border-radius: 50%;
}

.delihot-registration__location-trigger {
	padding-top: 8px;
	padding-bottom: 8px;
}

.delihot-registration__step input[type='file'] {
	height: var(--registration-control-height);
	min-height: var(--registration-control-height);
	padding: 4px 10px;
}

.delihot-registration__step input::placeholder {
	opacity: 0.72;
}

@media (max-width: 767px) {
	.delihot-registration__location-options[data-location-level='commune'] {
		column-count: 2;
	}
}

.delihot-registration__step input[type='file']::file-selector-button {
	height: 30px;
	min-height: 30px;
	font-size: var(--text-xs);
	padding-inline: 10px;
}

.delihot-registration__actions .btn,
.delihot-registration__primary {
	height: var(--registration-control-height);
	min-height: var(--registration-control-height);
	font-size: var(--registration-control-text);
}

.delihot-registration__field,
.delihot-registration__field-pair {
	align-content: start;
}

.delihot-registration__field-pair {
	align-items: start;
}

.delihot-registration__info-trigger,
.delihot-registration__info-dialog-close {
	flex: 0 0 24px;
	width: 24px;
	height: 24px;
	min-width: 24px;
	min-height: 24px;
	max-height: 24px;
	font-size: 11px;
}

.delihot-registration__step[data-registration-step='verification'] .delihot-registration__field {
	align-content: start;
}

.delihot-registration__step[data-registration-step='verification'] .delihot-registration__field > label,
.delihot-registration__step[data-registration-step='verification'] .delihot-registration__field-label {
	display: flex;
	align-items: center;
	min-height: 28px;
	margin: 0;
	line-height: 1.2;
}

@media (max-width: 767px) {
	.delihot-registration__content {
		--registration-control-width: 100%;
	}

	.delihot-registration__email-field,
	.delihot-registration__actions .btn,
	.delihot-registration__primary {
		width: 100%;
		max-width: none;
	}

	.delihot-registration__location-option {
		font-size: var(--text-xs);
	}
}

.visitor-dashboard {
	max-width: 760px;
}

.visitor-dashboard__card {
	display: grid;
	gap: var(--space-4);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	background: var(--color-bg-elevated);
	box-shadow: var(--shadow-md);
	padding: var(--space-6);
}

.visitor-dashboard__eyebrow {
	margin: 0;
	color: var(--color-accent);
	font-size: var(--text-sm);
	font-weight: var(--font-weight-semibold);
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.visitor-dashboard h1,
.visitor-dashboard h2,
.visitor-dashboard p {
	margin: 0;
}

.visitor-dashboard__intro,
.visitor-dashboard__guide p {
	color: var(--color-text-secondary);
}

.visitor-dashboard__status,
.visitor-dashboard__guide {
	display: grid;
	gap: var(--space-2);
	border: 1px solid var(--color-border-strong);
	border-radius: var(--radius-md);
	background: var(--color-bg-deepest);
	padding: var(--space-4);
}

.visitor-dashboard__status span {
	color: var(--color-text-tertiary);
}

.visitor-dashboard__status.is-confirmed strong {
	color: var(--color-success);
}

.visitor-dashboard__status.is-pending strong {
	color: var(--color-warning);
}

.visitor-dashboard__actions {
	display: flex;
	justify-content: flex-end;
	gap: var(--space-3);
}

@media (max-width: 520px) {
	.visitor-dashboard__card {
		padding: var(--space-4);
	}

	.visitor-dashboard__actions {
		align-items: stretch;
		flex-direction: column;
	}

	.visitor-dashboard__actions .btn {
		width: 100%;
	}
}

.advertiser-dashboard__onboarding {
	display: grid;
	gap: var(--space-4);
	margin-bottom: var(--space-5);
	border: 1px solid rgba(201, 83, 107, 0.32);
	border-radius: var(--radius-lg);
	background: linear-gradient(135deg, rgba(201, 83, 107, 0.1), transparent 62%), var(--color-bg-elevated);
	padding: var(--space-5);
}

.advertiser-dashboard__onboarding-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-4);
}

.advertiser-dashboard__onboarding-heading h2 {
	margin: 0;
}

.advertiser-dashboard__onboarding-steps {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: var(--space-2);
	margin: 0;
	padding: 0;
	list-style: none;
}

.advertiser-dashboard__onboarding-step {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	gap: var(--space-2);
	min-width: 0;
	color: var(--color-text-tertiary);
	font-size: var(--text-xs);
}

.advertiser-dashboard__onboarding-index {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border: 1px solid var(--color-border-strong);
	border-radius: var(--radius-full);
	font-size: var(--text-2xs);
}

.advertiser-dashboard__onboarding-step--active,
.advertiser-dashboard__onboarding-step--pending,
.advertiser-dashboard__onboarding-step--needs_changes {
	color: var(--color-text-primary);
	font-weight: var(--font-weight-semibold);
}

.advertiser-dashboard__onboarding-step--complete .advertiser-dashboard__onboarding-index {
	border-color: var(--color-success);
	background: rgba(74, 194, 132, 0.12);
	color: var(--color-success);
}

.advertiser-dashboard__onboarding-step--active .advertiser-dashboard__onboarding-index {
	border-color: var(--color-accent);
	background: rgba(201, 83, 107, 0.16);
	color: var(--color-accent);
}

.advertiser-dashboard__onboarding-step--needs_changes .advertiser-dashboard__onboarding-index {
	border-color: var(--color-danger);
	color: var(--color-danger);
}

@media (max-width: 520px) {
	.delihot-login {
		padding-inline: var(--space-4);
	}

	.delihot-login__form {
		padding: var(--space-4);
	}

	.delihot-login__password-heading {
		align-items: flex-start;
		flex-wrap: wrap;
	}

	.delihot-login__recovery {
		margin-left: auto;
		white-space: normal;
	}

	.delihot-login__links {
		font-size: var(--text-xs);
	}

	.delihot-login__links > span:first-child {
		padding: 0;
	}

	.delihot-login__links > a:last-child {
		padding: 0;
	}

	.advertiser-dashboard__onboarding {
		padding: var(--space-4);
	}

	.advertiser-dashboard__onboarding-heading {
		align-items: stretch;
		flex-direction: column;
	}

	.advertiser-dashboard__onboarding-heading .btn {
		width: 100%;
	}

	.advertiser-dashboard__onboarding-steps {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.advertiser-access-denied {
	display: grid;
	place-items: center;
	min-height: min(720px, calc(100vh - 160px));
}

.advertiser-access-denied__card {
	display: grid;
	gap: var(--space-5);
	width: min(100%, 920px);
	border: 1px solid rgba(201, 83, 107, 0.22);
	border-radius: var(--radius-xl);
	background: linear-gradient(135deg, rgba(201, 83, 107, 0.2), transparent 40%), var(--color-bg-elevated);
	box-shadow: var(--shadow-lg);
	padding: clamp(var(--space-5), 5vw, var(--space-8));
}

.advertiser-access-denied__eyebrow,
.advertiser-access-denied__help {
	margin: 0;
	color: var(--color-text-tertiary);
	font-size: var(--text-sm);
}

.advertiser-access-denied h1,
.advertiser-access-denied p {
	margin: 0;
}

.advertiser-access-denied h1 {
	max-width: 100%;
	font-size: clamp(var(--text-3xl), 4.2vw, var(--text-5xl));
	line-height: 1.04;
	letter-spacing: -0.05em;
	text-wrap: balance;
}

.advertiser-access-denied__card > p:not(.advertiser-access-denied__eyebrow):not(.advertiser-access-denied__help) {
	max-width: 64ch;
	color: var(--color-text-secondary);
	font-size: var(--text-lg);
}

.advertiser-access-denied__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3);
}

.advertiser-access-denied__actions .btn {
	min-width: min(100%, 220px);
}

@media (max-width: 640px) {
	.advertiser-access-denied {
		place-items: stretch;
		min-height: auto;
	}

	.advertiser-access-denied__card {
		border-radius: var(--radius-lg);
	}

	.advertiser-access-denied h1 {
		font-size: clamp(var(--text-2xl), 9vw, var(--text-4xl));
	}

	.advertiser-access-denied__card > p:not(.advertiser-access-denied__eyebrow):not(.advertiser-access-denied__help) {
		font-size: var(--text-base);
	}

	.advertiser-access-denied__actions {
		display: grid;
	}

	.advertiser-access-denied__actions .btn {
		width: 100%;
	}
}

.advertiser-dashboard {
	display: grid;
	gap: var(--space-5);
	min-width: 0;
	overflow-x: clip;
	padding-bottom: calc(84px + env(safe-area-inset-bottom));
}

.advertiser-dashboard__shell {
	display: grid;
	gap: var(--space-4);
	width: 100%;
	min-width: 0;
}

.advertiser-dashboard__main {
	display: grid;
	gap: var(--space-4);
	min-width: 0;
}

.advertiser-dashboard__sidebar {
	display: none;
}

.advertiser-dashboard__nav {
	display: grid;
	gap: var(--space-2);
}

.advertiser-dashboard__nav a,
.advertiser-dashboard__section-tabs a {
	border-radius: var(--radius-md);
	color: var(--color-text-secondary);
	font-weight: var(--font-weight-semibold);
}

.advertiser-dashboard__nav a,
.advertiser-dashboard__logout {
	padding: var(--space-3);
	font-size: var(--text-base);
}

.advertiser-dashboard__logout {
	align-self: stretch;
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin-top: var(--space-5);
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 0;
	padding-top: var(--space-4);
	color: var(--color-accent);
}

.advertiser-dashboard__nav a.is-active,
.advertiser-dashboard__section-tabs a.is-active {
	background: linear-gradient(135deg, rgba(201, 83, 107, 0.22), rgba(201, 83, 107, 0.1));
	color: var(--color-accent);
}

.advertiser-dashboard__section-tabs {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0;
	position: fixed;
	box-sizing: border-box;
	right: max(var(--space-2), env(safe-area-inset-right));
	bottom: max(var(--space-2), env(safe-area-inset-bottom));
	left: max(var(--space-2), env(safe-area-inset-left));
	width: auto;
	max-width: none;
	z-index: 999;
	border: 1px solid var(--color-border);
	border-radius: 24px;
	background: rgba(18, 18, 18, 0.94);
	box-shadow: 0 -18px 48px rgba(0, 0, 0, 0.42);
	padding: 6px;
	backdrop-filter: blur(18px);
}

.advertiser-dashboard__section-tabs::-webkit-scrollbar {
	display: none;
}

.advertiser-dashboard__section-tabs a {
	display: grid;
	gap: 4px;
	place-items: center;
	min-height: 58px;
	padding: 7px 4px;
	background: transparent;
	border: 0;
	border-radius: 18px;
	font-size: var(--text-xs);
	line-height: 1.1;
	text-align: center;
}

.advertiser-dashboard__section-tabs a.is-active {
	background: transparent;
	color: var(--color-accent);
}

.advertiser-dashboard__section-icon {
	display: grid;
	place-items: center;
	width: 22px;
	height: 22px;
	color: currentColor;
}

.advertiser-dashboard__section-icon svg {
	width: 20px;
	height: 20px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.9;
}

.advertiser-dashboard__section-icon--avatar {
	overflow: hidden;
	border: 1px solid var(--color-border-strong);
	border-radius: var(--radius-full);
}

.advertiser-dashboard__section-icon--avatar img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.advertiser-dashboard__header,
.advertiser-dashboard__hero,
.advertiser-dashboard__status-row,
.advertiser-dashboard__panel-header,
.advertiser-dashboard__summary-row,
.advertiser-dashboard__checklist li {
	display: flex;
	align-items: center;
	gap: var(--space-3);
}

.advertiser-dashboard__header,
.advertiser-dashboard__hero,
.advertiser-dashboard__panel-header,
.advertiser-dashboard__summary-row,
.advertiser-dashboard__checklist li {
	justify-content: space-between;
}

.advertiser-dashboard__panel-header {
	width: 100%;
	box-sizing: border-box;
}

.advertiser-dashboard__header {
	flex-wrap: wrap;
	margin-bottom: calc(var(--space-2) * -1);
}

.advertiser-dashboard__header .btn {
	min-height: 0;
	padding: var(--space-2) var(--space-3);
	color: var(--color-accent);
}

.advertiser-dashboard__eyebrow {
	margin: 0 0 var(--space-1);
	color: var(--color-text-tertiary);
	font-size: var(--text-sm);
}

.advertiser-dashboard h1,
.advertiser-dashboard h2,
.advertiser-dashboard p {
	margin: 0;
}

.advertiser-dashboard__hero,
.advertiser-dashboard__empty,
.advertiser-dashboard__metric,
.advertiser-dashboard__panel {
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	background: var(--color-bg-elevated);
}

.advertiser-dashboard__hero {
	align-items: flex-start;
	flex-direction: column;
	padding: var(--space-5);
	background: linear-gradient(135deg, rgba(201, 83, 107, 0.18), transparent 48%), var(--color-bg-elevated);
}

.advertiser-dashboard__hero p {
	margin-top: var(--space-2);
	color: var(--color-text-tertiary);
}

.advertiser-dashboard__status-row {
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: var(--space-3);
}

.advertiser-dashboard__status,
.advertiser-dashboard__plan {
	display: inline-flex;
	align-items: center;
	border-radius: var(--radius-full);
	padding: var(--space-1) var(--space-2);
	font-size: var(--text-xs);
	font-weight: var(--font-weight-semibold);
}

.advertiser-dashboard__status {
	background: rgba(61, 214, 140, 0.14);
	color: var(--color-success);
}

.advertiser-dashboard__status--published {
	background: rgba(61, 214, 140, 0.14);
	color: var(--color-success);
}

.advertiser-dashboard__status-stack {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: var(--space-2);
}

.advertiser-dashboard__plan {
	gap: var(--space-1);
	background: rgba(255, 157, 77, 0.14);
	color: var(--plan-hot-icon-color);
}

.advertiser-dashboard__plan-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.1em;
	height: 1.1em;
}

.advertiser-dashboard__plan-icon svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: currentColor;
}

.advertiser-dashboard__plan--hot-prime {
	background: rgba(242, 184, 75, 0.14);
	color: var(--plan-hot-prime-color);
}

.advertiser-dashboard__plan--hot-plus {
	background: rgba(237, 200, 93, 0.14);
	color: var(--plan-hot-plus-color);
}

.advertiser-dashboard__plan--hot-start {
	background: rgba(228, 197, 119, 0.14);
	color: var(--plan-hot-start-color);
}

.advertiser-dashboard__actions {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-2);
	width: 100%;
}

.advertiser-dashboard__countdown {
	display: grid;
	gap: var(--space-1);
	width: 100%;
	border: 1px solid rgba(255, 157, 77, 0.3);
	border-radius: var(--radius-lg);
	background: rgba(255, 157, 77, 0.1);
	padding: var(--space-4);
}

.advertiser-dashboard__countdown span,
.advertiser-dashboard__countdown small,
.advertiser-dashboard__countdown p {
	color: var(--color-text-tertiary);
}

.advertiser-dashboard__countdown strong {
	color: var(--plan-hot-icon-color);
	font-size: var(--text-3xl);
	line-height: 1;
}

.advertiser-dashboard__countdown p {
	margin-top: var(--space-2);
	font-size: var(--text-sm);
}

.advertiser-dashboard__countdown.is-urgent {
	border-color: rgba(240, 87, 107, 0.5);
	background: rgba(240, 87, 107, 0.14);
}

.advertiser-dashboard__countdown.is-urgent strong {
	color: var(--color-danger);
}

.advertiser-dashboard__metric-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-3);
}

.advertiser-dashboard__metric,
.advertiser-dashboard__panel,
.advertiser-dashboard__empty {
	padding: var(--space-4);
}

.advertiser-dashboard__metric span,
.advertiser-dashboard__metric small,
.advertiser-dashboard__panel-header > span:not(.advertiser-dashboard__status):not(.advertiser-dashboard__plan),
.advertiser-dashboard__summary-row span {
	color: var(--color-text-tertiary);
}

.advertiser-dashboard__metric strong {
	display: block;
	margin-block: var(--space-1);
	font-size: var(--text-2xl);
	line-height: 1;
}

.advertiser-dashboard__metric small {
	font-size: var(--text-xs);
}

.advertiser-dashboard__content {
	display: grid;
	gap: var(--space-4);
}

.advertiser-dashboard__panel {
	display: grid;
	gap: var(--space-4);
}

.advertiser-dashboard__panel h2 {
	font-size: var(--text-lg);
}

.advertiser-dashboard__summary-row {
	border-top: 1px solid var(--color-border);
	padding-top: var(--space-3);
}

.advertiser-dashboard__account-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-3);
	width: 100%;
	align-items: start;
	grid-auto-rows: auto;
}

.advertiser-dashboard__account-card {
	display: grid;
	align-content: start;
	align-self: start;
	gap: var(--space-2);
	min-width: 0;
	min-height: 0;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	background: var(--color-bg-deepest);
	padding: var(--space-3);
}

.advertiser-dashboard__account-card-action {
	justify-self: start;
	align-self: start;
	width: max-content;
	max-width: 100%;
	min-height: 38px;
	border-radius: var(--radius-full);
	font-size: var(--text-xs);
}

.advertiser-dashboard__account-panel > .advertiser-dashboard__account-grid,
.advertiser-dashboard__account-panel > .advertiser-dashboard__account-status-summary,
.advertiser-dashboard__account-panel > .advertiser-dashboard__account-section-heading,
.advertiser-dashboard__account-panel > .advertiser-dashboard__account-editor,
.advertiser-dashboard__account-panel > .advertiser-dashboard__account-actions {
	width: 100%;
}

.advertiser-dashboard__account-panel > div:first-child h2 {
	font-size: var(--text-xl);
}

.advertiser-dashboard__account-panel > div:first-child > p:not(.advertiser-dashboard__eyebrow) {
	font-size: var(--text-sm);
}

.advertiser-dashboard__account-card .advertiser-dashboard__eyebrow {
	font-size: var(--text-sm);
	font-weight: var(--font-weight-medium);
	line-height: 1.25;
}

.advertiser-dashboard__account-card .advertiser-dashboard__summary-row span,
.advertiser-dashboard__account-card .advertiser-dashboard__summary-row strong {
	font-size: var(--text-sm);
}

.advertiser-dashboard__account-card .advertiser-dashboard__summary-row {
	gap: var(--space-2);
}

.advertiser-dashboard__account-card .advertiser-dashboard__summary-row strong {
	min-width: 0;
	text-align: right;
	overflow-wrap: anywhere;
}

.advertiser-dashboard__account-value {
	display: block;
	color: var(--color-success);
	font-size: var(--text-lg);
}

.advertiser-dashboard__account-value--small {
	color: var(--color-text-primary);
	font-size: var(--text-base);
}

.advertiser-dashboard__account-status-summary {
	display: grid;
	grid-template-columns: minmax(0, auto) minmax(0, 1fr);
	align-items: center;
	gap: var(--space-4);
	box-sizing: border-box;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	padding: var(--space-4);
}

.advertiser-dashboard__account-status-summary > div {
	display: grid;
	gap: var(--space-1);
}

.advertiser-dashboard__account-status-summary p,
.advertiser-dashboard__account-section-heading p,
.advertiser-dashboard__account-form-lede {
	margin: 0;
	color: var(--color-text-tertiary);
	font-size: var(--text-sm);
	line-height: 1.5;
}

.advertiser-dashboard__account-status-summary .advertiser-dashboard__eyebrow {
	color: var(--color-text-primary);
}

.advertiser-dashboard__account-section-heading {
	display: grid;
	gap: var(--space-1);
}

.advertiser-dashboard__account-section-heading h3 {
	margin: 0;
	font-size: var(--text-lg);
}

.advertiser-dashboard__account-actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	justify-content: flex-start;
}

.advertiser-dashboard__account-actions .btn {
	flex: 0 1 auto;
}

.advertiser-dashboard__account-editor {
	display: grid;
	gap: var(--space-3);
	align-self: start;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	background: var(--color-surface);
	padding: var(--space-4);
}

.advertiser-dashboard__account-editor-header {
	display: grid;
	gap: var(--space-1);
}

.advertiser-dashboard__account-editor-header h3,
.advertiser-dashboard__account-form h4,
.advertiser-dashboard__account-delete h4 {
	margin: 0;
	font-size: var(--text-lg);
	line-height: 1.25;
}

.advertiser-dashboard__account-editor-header > p,
.advertiser-dashboard__account-delete p {
	margin: 0;
	color: var(--color-text-tertiary);
	font-size: var(--text-sm);
	line-height: 1.45;
}

.advertiser-dashboard__account-editor-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-3);
	align-items: start;
	grid-auto-rows: auto;
}

.advertiser-dashboard__account-form {
	display: grid;
	align-content: start;
	align-self: start;
	gap: var(--space-2);
	min-width: 0;
	min-height: 0;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	background: var(--color-bg-deepest);
	padding: var(--space-3);
}

.advertiser-dashboard__account-form h4,
.advertiser-dashboard__account-delete h4 {
	font-size: var(--text-sm);
}

.advertiser-dashboard__account-contact-row {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-2);
	min-width: 0;
}

.advertiser-dashboard__account-form .advertiser-dashboard__field {
	gap: var(--space-1);
}

.advertiser-dashboard__account-form .advertiser-dashboard__field span {
	font-size: var(--text-xs);
	font-weight: var(--font-weight-medium);
}

.advertiser-dashboard__account-form .advertiser-dashboard__field input {
	box-sizing: border-box;
	min-height: 38px;
	border-radius: var(--radius-full);
	font-size: var(--text-xs);
	padding: 0 var(--space-3);
}

.advertiser-dashboard__account-form .btn,
.advertiser-dashboard__account-delete .btn {
	min-height: 38px;
	border-radius: var(--radius-full);
	font-size: var(--text-xs);
}

.advertiser-dashboard__account-confirmation {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
	align-items: end;
	gap: var(--space-3);
	box-sizing: border-box;
	width: 100%;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-md);
	background: rgba(0, 0, 0, 0.18);
	padding: var(--space-3);
}

.advertiser-dashboard__account-confirmation > div {
	display: grid;
	gap: var(--space-1);
	min-width: 0;
}

.advertiser-dashboard__account-confirmation p {
	margin: 0;
	color: var(--color-text-tertiary);
	font-size: var(--text-sm);
	line-height: 1.4;
}

.advertiser-dashboard__account-confirmation .advertiser-dashboard__field {
	gap: var(--space-1);
}

.advertiser-dashboard__account-confirmation .advertiser-dashboard__field span {
	font-size: var(--text-xs);
	font-weight: var(--font-weight-medium);
}

.advertiser-dashboard__account-confirmation .advertiser-dashboard__field input[type='password'] {
	box-sizing: border-box;
	width: 100%;
	min-height: 38px;
	border: 1px solid var(--color-border-strong);
	border-radius: var(--radius-full);
	background: var(--color-bg-deepest);
	color: var(--color-text-primary);
	font-size: var(--text-sm);
	line-height: 1;
	padding: 0 var(--space-3);
}

.advertiser-dashboard__account-empty {
	display: grid;
	gap: var(--space-1);
	margin: 0;
	color: var(--color-text-tertiary);
	font-size: var(--text-sm);
	line-height: 1.45;
}

.advertiser-dashboard__account-empty strong {
	color: var(--color-text-primary);
	font-weight: var(--font-weight-semibold);
}

.advertiser-dashboard__account-delete {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: var(--space-2) var(--space-3);
	border: 1px solid rgba(240, 87, 107, 0.34);
	border-radius: var(--radius-lg);
	background: rgba(240, 87, 107, 0.08);
	padding: var(--space-3);
}

.advertiser-dashboard__account-delete .advertiser-dashboard__consent {
	grid-column: 1 / -1;
}

.advertiser-dashboard__account-delete .advertiser-dashboard__consent input[type='checkbox'] {
	appearance: none;
	box-sizing: border-box;
	flex: 0 0 18px;
	width: 18px;
	min-width: 18px;
	height: 18px;
	min-height: 18px;
	margin: 0;
	padding: 0;
	border-radius: 50%;
}

.advertiser-dashboard__account-delete .btn {
	border: 1px solid rgba(240, 87, 107, 0.48);
	background: transparent;
	color: var(--color-danger);
}

.advertiser-dashboard__checklist {
	display: grid;
	gap: var(--space-2);
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.advertiser-dashboard__checklist li {
	align-items: center;
	box-sizing: border-box;
	min-height: 64px;
	border-radius: var(--radius-md);
	background: var(--color-bg-deepest);
	padding: var(--space-3);
}

.advertiser-dashboard__checklist li > span {
	min-width: 0;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.advertiser-dashboard__checklist a,
.advertiser-dashboard__checklist button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 1 auto;
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	color: var(--color-accent);
	line-height: 1.1;
	text-align: right;
	white-space: normal;
	overflow-wrap: anywhere;
	font-weight: var(--font-weight-semibold);
}

.advertiser-dashboard__checklist button {
	border: 0;
	background: transparent;
	font: inherit;
	cursor: pointer;
}

.advertiser-dashboard__empty {
	display: grid;
	gap: var(--space-4);
	justify-items: start;
}

.advertiser-dashboard__section-card {
	justify-items: start;
	align-content: start;
	gap: var(--space-4);
	min-width: 0;
	padding: var(--space-5);
}

.advertiser-dashboard__section-card > h2 {
	font-size: var(--text-xl);
	line-height: var(--line-height-heading);
}

.advertiser-dashboard__section-card .advertiser-dashboard__eyebrow {
	font-size: var(--text-sm);
	line-height: 1.3;
}

.advertiser-dashboard__summary-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	align-items: baseline;
	width: 100%;
	min-width: 0;
}

.advertiser-dashboard__summary-row span,
.advertiser-dashboard__summary-row strong {
	min-width: 0;
	font-size: var(--text-sm);
	line-height: 1.35;
}

.advertiser-dashboard__summary-row strong {
	color: var(--color-text-secondary);
	text-align: right;
	overflow-wrap: anywhere;
}

.advertiser-dashboard__section-card > .btn {
	justify-self: start;
	margin-top: var(--space-1);
}

.advertiser-dashboard__section-card > p:not(.advertiser-dashboard__eyebrow) {
	max-width: 64ch;
	color: var(--color-text-tertiary);
	font-size: var(--text-sm);
	line-height: var(--line-height-body);
}

.advertiser-dashboard__commercial-history {
	display: grid;
	gap: var(--space-4);
	min-width: 0;
}

.advertiser-dashboard__listing-overview {
	gap: var(--space-4);
}

.advertiser-dashboard__listing-preview {
	display: grid;
	grid-template-columns: 92px minmax(0, 1fr);
	gap: var(--space-3);
	align-items: center;
	width: 100%;
}

.advertiser-dashboard__listing-preview h3 {
	margin: 0 0 var(--space-1);
	font-size: var(--text-xl);
}

.advertiser-dashboard__listing-preview p {
	margin: var(--space-1) 0 0;
	color: var(--color-text-tertiary);
}

.advertiser-dashboard__commercial-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-3);
	width: 100%;
}

.advertiser-dashboard__commercial-grid > div {
	display: grid;
	align-content: start;
	gap: var(--space-1);
	min-width: 0;
	border-top: 1px solid var(--color-border);
	padding-top: var(--space-3);
}

.advertiser-dashboard__commercial-grid span,
.advertiser-dashboard__commercial-grid small {
	color: var(--color-text-tertiary);
	font-size: var(--text-sm);
}

.advertiser-dashboard__commercial-grid strong {
	color: var(--color-text-primary);
	font-size: var(--text-lg);
}

.advertiser-dashboard__quick-control {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-content: start;
	gap: var(--space-4);
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	background: rgba(0, 0, 0, 0.16);
	padding: var(--space-3) var(--space-4);
}

.advertiser-dashboard__quick-control > div {
	display: grid;
	flex: 1 1 auto;
	max-width: 100%;
	align-content: start;
	gap: var(--space-1);
	min-width: 0;
	overflow-wrap: anywhere;
}

.advertiser-dashboard__quick-control .advertiser-dashboard__eyebrow {
	margin: 0;
}

.advertiser-dashboard__quick-control strong {
	font-size: var(--text-lg);
}

.advertiser-dashboard__quick-control p {
	color: var(--color-text-tertiary);
	font-size: var(--text-sm);
	overflow-wrap: anywhere;
}

.advertiser-dashboard__availability-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 1 auto;
	margin-left: auto;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	gap: var(--space-2);
	min-height: 44px;
	border: 1px solid var(--color-border-strong);
	border-radius: var(--radius-full);
	background: var(--color-bg-deepest);
	padding: var(--space-2) var(--space-3);
	color: var(--color-text-primary);
	font: inherit;
	font-size: var(--text-sm);
	font-weight: var(--font-weight-semibold);
	cursor: pointer;
	transition:
		background-color var(--duration-fast) var(--ease-standard),
		border-color var(--duration-fast) var(--ease-standard),
		color var(--duration-fast) var(--ease-standard);
}

.advertiser-dashboard__availability-toggle:hover,
.advertiser-dashboard__availability-toggle:focus-visible {
	border-color: var(--color-accent);
	color: var(--color-accent);
}

.advertiser-dashboard__availability-toggle.is-active {
	border-color: rgba(61, 214, 140, 0.5);
	background: rgba(61, 214, 140, 0.12);
	color: var(--color-success);
}

.advertiser-dashboard__availability-toggle:disabled {
	opacity: 0.65;
	cursor: wait;
}

.advertiser-dashboard__availability-switch {
	display: inline-flex;
	align-items: center;
	width: 34px;
	height: 20px;
	box-sizing: border-box;
	border-radius: var(--radius-full);
	background: var(--color-border-strong);
	padding: 2px;
	transition: background-color var(--duration-fast) var(--ease-standard);
}

.advertiser-dashboard__availability-switch > span {
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: var(--color-text-tertiary);
	transition:
		transform var(--duration-fast) var(--ease-standard),
		background-color var(--duration-fast) var(--ease-standard);
}

.advertiser-dashboard__availability-toggle [data-dashboard-availability-action] {
	min-width: 0;
	overflow-wrap: anywhere;
}

.advertiser-dashboard__availability-toggle.is-active .advertiser-dashboard__availability-switch {
	background: rgba(61, 214, 140, 0.35);
}

.advertiser-dashboard__availability-toggle.is-active .advertiser-dashboard__availability-switch > span {
	transform: translateX(14px);
	background: var(--color-success);
}

.advertiser-dashboard__photo-placeholder,
.advertiser-dashboard__mini-gallery div {
	overflow: hidden;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-md);
	background:
		linear-gradient(180deg, transparent 45%, rgba(0, 0, 0, 0.7)),
		linear-gradient(135deg, rgba(201, 83, 107, 0.18), rgba(255, 157, 77, 0.08)), var(--color-bg-deepest);
}

.advertiser-dashboard__photo-placeholder {
	width: 92px;
	min-width: 92px;
	aspect-ratio: 1;
	border-radius: 999px;
}

.advertiser-dashboard__photo-placeholder img,
.advertiser-dashboard__mini-gallery img,
.advertiser-dashboard__featured-photo img,
.advertiser-dashboard__media-item img,
.advertiser-dashboard__media-item video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.advertiser-dashboard__feature-grid {
	display: grid;
	gap: var(--space-4);
}

.advertiser-dashboard__mini-gallery {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--space-2);
	width: 100%;
}

.advertiser-dashboard__mini-gallery div {
	aspect-ratio: 3 / 4;
}

.advertiser-dashboard__media-manager > .advertiser-dashboard__media-section {
	padding-top: var(--space-5);
	border-top: 1px solid var(--color-border);
}

.advertiser-dashboard__media-manager > .advertiser-dashboard__media-section--profile {
	padding-top: 0;
	border-top: 0;
}

.advertiser-dashboard__media-section > .advertiser-dashboard__panel-header {
	width: 100%;
}

.advertiser-dashboard__media-section > .advertiser-dashboard__panel-header h3 {
	margin: 0;
}

.advertiser-dashboard__media-tools--gallery,
.advertiser-dashboard__media-tools--stories {
	display: block;
}

.advertiser-dashboard__media-tools--gallery .advertiser-dashboard__upload-card,
.advertiser-dashboard__media-tools--stories .advertiser-dashboard__upload-card {
	max-width: 360px;
}

.advertiser-dashboard__media-access-note {
	max-width: 720px;
	border-color: rgba(201, 83, 107, 0.28);
	background: linear-gradient(135deg, rgba(201, 83, 107, 0.12), rgba(255, 255, 255, 0.02) 48%), var(--color-surface);
}

.advertiser-dashboard__status-pill {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	box-sizing: border-box;
	border: 1px solid rgba(201, 83, 107, 0.36);
	border-radius: var(--radius-pill);
	padding: 6px 12px;
	color: var(--color-text-secondary);
	font-size: var(--text-xs);
	font-weight: var(--font-weight-semibold);
	white-space: nowrap;
}

.advertiser-dashboard__media-intro {
	margin: 0;
	color: var(--color-text-secondary);
}

.advertiser-dashboard__media-upload-grid {
	display: grid;
	gap: var(--space-3);
	width: 100%;
}

.advertiser-dashboard__media-upload-card {
	position: relative;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: var(--space-3);
	min-width: 0;
	box-sizing: border-box;
	border: 1px solid rgba(201, 83, 107, 0.36);
	border-radius: var(--radius-lg);
	background:
		linear-gradient(135deg, rgba(201, 83, 107, 0.12), rgba(255, 255, 255, 0.02) 62%), var(--color-bg-deepest);
	padding: var(--space-3);
	cursor: pointer;
	transition:
		border-color var(--duration-fast) var(--ease-standard),
		background var(--duration-fast) var(--ease-standard);
}

.advertiser-dashboard__media-upload-card:hover,
.advertiser-dashboard__media-upload-card:focus-within {
	border-color: var(--color-accent);
	background:
		linear-gradient(135deg, rgba(201, 83, 107, 0.18), rgba(255, 255, 255, 0.03) 62%), var(--color-bg-deepest);
}

.advertiser-dashboard__media-upload-card.is-disabled {
	opacity: 0.55;
	cursor: not-allowed;
	pointer-events: none;
}

.advertiser-dashboard__media-upload-card__icon {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: var(--radius-full);
	background: rgba(201, 83, 107, 0.18);
	color: var(--color-accent);
}

.advertiser-dashboard__media-upload-card__icon svg {
	width: 22px;
	height: 22px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.7;
}

.advertiser-dashboard__media-upload-card__copy {
	display: grid;
	min-width: 0;
	gap: 2px;
}

.advertiser-dashboard__media-upload-card__copy strong {
	color: var(--color-text-primary);
	font-size: var(--text-base);
}

.advertiser-dashboard__media-upload-card__copy small,
.advertiser-dashboard__media-upload-card__helper {
	color: var(--color-text-tertiary);
	font-size: var(--text-xs);
	line-height: 1.35;
}

.advertiser-dashboard__media-upload-card__action {
	grid-column: 2;
	justify-self: start;
	min-height: 36px;
	padding: var(--space-2) var(--space-3);
	font-size: var(--text-xs);
	pointer-events: none;
}

.advertiser-dashboard__media-upload-card__helper {
	grid-column: 2;
	margin: 0;
}

.advertiser-dashboard__media-upload-card input {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}

.advertiser-dashboard__media-upload-card input:focus-visible {
	opacity: 0;
	outline: 3px solid rgba(201, 83, 107, 0.6);
	outline-offset: -3px;
}

.advertiser-dashboard__media-profile-copy {
	display: grid;
	align-content: center;
	gap: var(--space-1);
	min-width: 0;
}

.advertiser-dashboard__media-profile-copy strong {
	color: var(--color-text-primary);
	font-size: var(--text-sm);
}

.advertiser-dashboard__media-profile-copy > span {
	color: var(--color-text-tertiary);
	font-size: var(--text-xs);
}

.advertiser-dashboard__media-profile-copy .advertiser-dashboard__small-action {
	justify-self: start;
	margin-top: var(--space-2);
}

.advertiser-dashboard__locked-copy {
	margin: 0;
	color: var(--color-text-tertiary);
	font-size: var(--text-sm);
}

.btn.is-disabled {
	opacity: 0.55;
	cursor: not-allowed;
	pointer-events: none;
}

.btn:disabled,
.advertiser-dashboard__public-preview--disabled {
	opacity: 0.55;
	cursor: not-allowed;
	pointer-events: none;
}

.advertiser-dashboard__notice,
.advertiser-dashboard__form-actions {
	display: grid;
	gap: var(--space-3);
}

.advertiser-dashboard__notice p {
	margin: 0;
	color: var(--color-text-tertiary);
	font-size: var(--text-sm);
	font-weight: var(--font-weight-regular);
}

.advertiser-dashboard__notice {
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	border: 1px solid rgba(255, 157, 77, 0.24);
	border-radius: var(--radius-md);
	background: rgba(255, 157, 77, 0.08);
	padding: var(--space-3);
}

.advertiser-dashboard__notice strong {
	display: block;
	font-size: var(--text-sm);
	line-height: 1.35;
	color: var(--plan-hot-icon-color);
}

.advertiser-dashboard__notice--success {
	border-color: rgba(61, 214, 140, 0.24);
	background: rgba(61, 214, 140, 0.08);
}

.advertiser-dashboard__notice--success strong {
	color: var(--color-success);
}

.advertiser-dashboard__notice--danger {
	border-color: rgba(240, 87, 107, 0.32);
	background: rgba(240, 87, 107, 0.1);
}

.advertiser-dashboard__notice--danger strong {
	color: var(--color-danger);
}

.advertiser-dashboard__verification-overview {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-3);
}

.advertiser-dashboard__verification-summary-card {
	display: grid;
	align-content: center;
	gap: var(--space-2);
	min-width: 0;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-md);
	background: rgba(255, 255, 255, 0.02);
	padding: var(--space-3);
}

.advertiser-dashboard__verification-summary-card > span {
	color: var(--color-text-tertiary);
	font-size: var(--text-sm);
}

.advertiser-dashboard__verification-summary-card__status {
	color: var(--color-text-primary);
	font-size: var(--text-lg);
	line-height: 1.25;
}

.advertiser-dashboard__verification-summary-card__status[data-status='complete'] {
	color: var(--color-success);
}

.advertiser-dashboard__verification-summary-card__status[data-status='correction'] {
	color: var(--color-danger);
}

.advertiser-dashboard__verification-summary-card__status[data-status='review'] {
	color: var(--plan-hot-icon-color);
}

.advertiser-dashboard__verification-summary-card__metric {
	display: flex;
	align-items: baseline;
	gap: var(--space-2);
}

.advertiser-dashboard__verification-summary-card__metric strong {
	color: var(--color-text-primary);
	font-size: var(--text-lg);
}

.advertiser-dashboard__verification-summary-card__metric small {
	color: var(--color-text-tertiary);
	font-size: var(--text-sm);
}

.advertiser-dashboard__verification-control {
	box-sizing: border-box;
	width: 100%;
	height: 48px;
	min-height: 48px;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-full);
	background-color: var(--color-bg-deepest);
	color: var(--color-text-primary);
	font: inherit;
}

.advertiser-dashboard__verification-steps {
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: 1fr;
	gap: var(--space-2);
}

.advertiser-dashboard__verification-step {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	min-width: 0;
	gap: var(--space-2);
	border: 1px solid rgba(201, 83, 107, 0.26);
	border-radius: var(--radius-md);
	background: rgba(201, 83, 107, 0.08);
	padding: var(--space-2) var(--space-3);
}

.advertiser-dashboard__verification-step[data-status='complete'] {
	border-color: rgba(61, 214, 140, 0.42);
	background: rgba(61, 214, 140, 0.08);
}

.advertiser-dashboard__verification-step[data-status='review'] {
	border-color: rgba(255, 157, 77, 0.42);
	background: rgba(255, 157, 77, 0.08);
}

.advertiser-dashboard__verification-step[data-status='correction'] {
	border-color: rgba(240, 87, 107, 0.42);
	background: rgba(240, 87, 107, 0.08);
}

.advertiser-dashboard__verification-step-index {
	display: inline-grid;
	place-items: center;
	width: 28px;
	height: 28px;
	border-radius: var(--radius-full);
	background: rgba(201, 83, 107, 0.18);
	color: var(--color-text-primary);
	font-size: var(--text-sm);
	font-weight: var(--font-weight-semibold);
}

.advertiser-dashboard__verification-step[data-status='complete'] .advertiser-dashboard__verification-step-index {
	background: rgba(61, 214, 140, 0.22);
	color: var(--color-success);
}

.advertiser-dashboard__verification-step[data-status='review'] .advertiser-dashboard__verification-step-index {
	background: rgba(255, 157, 77, 0.22);
	color: var(--plan-hot-icon-color);
}

.advertiser-dashboard__verification-step[data-status='correction'] .advertiser-dashboard__verification-step-index {
	background: rgba(240, 87, 107, 0.22);
	color: var(--color-danger);
}

.advertiser-dashboard__verification-step-copy {
	display: grid;
	min-width: 0;
	gap: 2px;
}

.advertiser-dashboard__verification-step-copy strong {
	min-width: 0;
	color: var(--color-text-primary);
	font-size: var(--text-sm);
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.advertiser-dashboard__verification-step-copy small {
	color: var(--color-text-tertiary);
	font-size: var(--text-xs);
}

.advertiser-dashboard__verification-step[data-status='complete'] .advertiser-dashboard__verification-step-copy small {
	color: var(--color-success);
}

.advertiser-dashboard__verification-step[data-status='review'] .advertiser-dashboard__verification-step-copy small {
	color: var(--plan-hot-icon-color);
}

.advertiser-dashboard__verification-step[data-status='correction'] .advertiser-dashboard__verification-step-copy small {
	color: var(--color-danger);
}

.advertiser-dashboard__verification-step[aria-current='step'] {
	border-color: var(--color-accent);
	box-shadow: 0 0 0 2px rgba(201, 83, 107, 0.12);
}

.advertiser-dashboard__verification-wizard {
	gap: var(--space-4);
}

.advertiser-dashboard__verification-wizard-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-2);
	color: var(--color-text-primary);
}

.advertiser-dashboard__verification-wizard-header strong {
	font-size: var(--text-sm);
}

.advertiser-dashboard__verification-wizard-panels,
.advertiser-dashboard__verification-wizard-panels > section,
.advertiser-dashboard__verification-confirmation {
	display: grid;
	gap: var(--space-3);
}

.advertiser-dashboard__verification-wizard-panels > [hidden],
.advertiser-dashboard__verification-confirmation[hidden] {
	display: none;
}

.advertiser-dashboard__verification-step-heading {
	display: grid;
	gap: var(--space-1);
}

.advertiser-dashboard__verification-step-heading h3 {
	margin: 0;
	color: var(--color-text-primary);
	font-size: var(--text-lg);
}

.advertiser-dashboard__verification-step-heading p {
	margin: 0;
	color: var(--color-text-tertiary);
	font-size: var(--text-sm);
}

.advertiser-dashboard__verification-step-feedback {
	min-height: 1.4em;
}

.advertiser-dashboard__verification-step-feedback:empty {
	display: none;
}

.advertiser-dashboard__verification-step-feedback[data-status='complete'] {
	color: var(--color-success);
}

.advertiser-dashboard__verification-step-feedback[data-status='error'] {
	color: var(--color-danger);
}

.advertiser-dashboard__verification-wizard-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: var(--space-2);
	padding-top: var(--space-1);
}

.advertiser-dashboard__verification-wizard-actions .btn {
	min-width: 118px;
}

.advertiser-dashboard__verification-privacy {
	border-top: 1px solid var(--color-border);
	padding-top: var(--space-3);
}

.advertiser-dashboard__verification-privacy summary {
	color: var(--color-text-secondary);
	cursor: pointer;
	font-size: var(--text-sm);
}

.advertiser-dashboard__verification-privacy-copy {
	display: grid;
	gap: var(--space-2);
	padding-top: var(--space-2);
}

.advertiser-dashboard__verification-privacy-copy p {
	margin: 0;
	color: var(--color-text-tertiary);
	font-size: var(--text-xs);
	line-height: 1.45;
}

.advertiser-dashboard__verification-progress {
	margin: 0;
	color: var(--color-text-secondary);
	font-size: var(--text-sm);
	font-weight: var(--font-weight-semibold);
}

.advertiser-dashboard__verification-requirements {
	margin: 0;
	color: var(--color-text-tertiary);
	font-size: var(--text-sm);
}

.advertiser-dashboard__verification-requirements[data-status='complete'] {
	color: var(--color-success);
}

.advertiser-dashboard__verification-requirements[data-status='error'] {
	color: var(--color-danger);
}

.advertiser-dashboard__consent {
	display: flex;
	align-items: center;
	gap: var(--space-3);
	color: var(--color-text-secondary);
	font-size: var(--text-sm);
	line-height: 1.45;
}

.advertiser-dashboard__consent input {
	appearance: none;
	flex: 0 0 auto;
	min-width: 18px;
	min-height: 18px;
	width: 18px;
	height: 18px;
	margin: 0;
	border: 1px solid var(--color-border-strong);
	border-radius: 50%;
	background: var(--color-bg-deepest);
	cursor: pointer;
}

.advertiser-dashboard__consent input:checked {
	border-color: var(--color-accent);
	background: var(--color-accent);
	box-shadow: inset 0 0 0 4px var(--color-bg-deepest);
}

.advertiser-dashboard__consent input:focus-visible {
	outline: none;
	box-shadow: 0 0 0 3px rgba(201, 83, 107, 0.42);
}

.advertiser-dashboard__consent input:checked:focus-visible {
	box-shadow:
		inset 0 0 0 4px var(--color-bg-deepest),
		0 0 0 3px rgba(201, 83, 107, 0.42);
}

.advertiser-dashboard__consent span {
	display: block;
	min-width: 0;
}

.advertiser-dashboard__locked-plan {
	max-width: 760px;
	border-color: rgba(201, 83, 107, 0.24);
	background: linear-gradient(135deg, rgba(201, 83, 107, 0.12), rgba(255, 255, 255, 0.02) 42%), var(--color-surface);
}

.advertiser-dashboard__plan-heading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: var(--space-3);
	min-width: 0;
	margin-bottom: var(--space-3);
}

.advertiser-dashboard__plan-heading-main {
	min-width: 0;
}

.advertiser-dashboard__plan-heading-main h2 {
	max-width: 100%;
	overflow-wrap: anywhere;
	word-break: normal;
	text-wrap: balance;
}

.advertiser-dashboard__plan-heading-main .advertiser-dashboard__eyebrow {
	margin-bottom: var(--space-1);
}

.advertiser-dashboard__plan-ready {
	display: flex;
	align-items: center;
	flex: 0 1 auto;
	box-sizing: border-box;
	gap: var(--space-2);
	max-width: min(620px, 100%);
	min-width: 0;
	width: fit-content;
	border: 1px solid rgba(61, 214, 140, 0.38);
	border-radius: var(--radius-full);
	background: rgba(61, 214, 140, 0.1);
	padding: var(--space-1) var(--space-2);
	color: var(--color-success);
	font-size: var(--text-xs);
	line-height: 1.3;
}

.advertiser-dashboard__plan-ready strong {
	display: block;
	min-width: 0;
	color: var(--color-success);
	font-weight: var(--font-weight-semibold);
	white-space: normal;
	overflow-wrap: anywhere;
	word-break: normal;
}

.advertiser-dashboard__plan-ready span,
.advertiser-dashboard__plan-ready small {
	min-width: 0;
	color: var(--color-text-tertiary);
	font-size: inherit;
}

.advertiser-dashboard__plan-ready small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.advertiser-dashboard__plan-decision {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--space-3);
	width: 100%;
	min-width: 0;
	margin: var(--space-2) 0 var(--space-1);
}

.advertiser-dashboard__plan-current,
.advertiser-dashboard__plan-upgrade-card,
.advertiser-dashboard__plan-upgrade-complete {
	display: grid;
	align-content: start;
	gap: var(--space-2);
	min-width: 0;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	background: rgba(0, 0, 0, 0.18);
	padding: var(--space-3);
}

.advertiser-dashboard__plan-upgrade-card {
	border-color: rgba(201, 83, 107, 0.72);
	background: linear-gradient(160deg, rgba(201, 83, 107, 0.15), rgba(0, 0, 0, 0.18) 62%);
}

.advertiser-dashboard__plan-decision-eyebrow {
	margin: 0;
	color: var(--color-text-tertiary);
	font-size: var(--text-xs);
	font-weight: var(--font-weight-semibold);
	letter-spacing: 0.02em;
}

.advertiser-dashboard__plan-current .advertiser-dashboard__countdown {
	max-width: none;
	margin: 0;
	padding: var(--space-3);
}

.advertiser-dashboard__plan-stats--current,
.advertiser-dashboard__plan-stats--upgrade {
	padding-block: var(--space-2);
}

.advertiser-dashboard__plan-current-meta,
.advertiser-dashboard__plan-upgrade-copy {
	margin: 0;
	color: var(--color-text-tertiary);
	font-size: var(--text-xs);
	line-height: 1.35;
}

.advertiser-dashboard__plan-upgrade-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--space-2);
	min-width: 0;
}

.advertiser-dashboard__plan-upgrade-header > div {
	display: grid;
	gap: var(--space-1);
	min-width: 0;
}

.advertiser-dashboard__plan-upgrade-header .advertiser-dashboard__plan {
	width: fit-content;
	max-width: 100%;
}

.advertiser-dashboard__plan-upgrade-pricing {
	display: grid;
	gap: var(--space-1);
	border-top: 1px solid var(--color-border);
	padding-top: var(--space-2);
}

.advertiser-dashboard__plan-upgrade-pricing > div {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--space-2);
	min-width: 0;
	color: var(--color-text-tertiary);
	font-size: var(--text-xs);
}

.advertiser-dashboard__plan-upgrade-pricing span {
	min-width: 0;
	overflow-wrap: anywhere;
}

.advertiser-dashboard__plan-upgrade-pricing strong {
	flex: 0 0 auto;
	color: var(--color-text-primary);
	font-size: var(--text-sm);
	white-space: nowrap;
}

.advertiser-dashboard__plan-upgrade-pricing .advertiser-dashboard__plan-upgrade-total {
	margin-top: var(--space-1);
	border-top: 1px solid rgba(201, 83, 107, 0.3);
	padding-top: var(--space-2);
	color: var(--color-text-primary);
	font-weight: var(--font-weight-semibold);
}

.advertiser-dashboard__plan-upgrade-total strong {
	color: var(--color-accent);
	font-size: var(--text-lg);
}

.advertiser-dashboard__plan-upgrade-form {
	margin-top: var(--space-1);
}

.advertiser-dashboard__plan-upgrade-form .btn {
	width: 100%;
	min-height: 46px;
}

.advertiser-dashboard__plan-upgrade-complete {
	border-color: rgba(61, 214, 140, 0.3);
	background: rgba(61, 214, 140, 0.08);
}

.advertiser-dashboard__plan-upgrade-complete strong {
	color: var(--color-success);
	font-size: var(--text-sm);
}

.advertiser-dashboard__plan-upgrade-complete p {
	margin: 0;
	color: var(--color-text-tertiary);
	font-size: var(--text-xs);
	line-height: 1.35;
}

.advertiser-dashboard__plan-upgrade-options {
	display: grid;
	gap: var(--space-3);
	width: 100%;
	min-width: 0;
	border: 1px solid rgba(201, 83, 107, 0.42);
	border-radius: var(--radius-lg);
	background: linear-gradient(160deg, rgba(201, 83, 107, 0.1), rgba(0, 0, 0, 0.18) 62%);
	padding: var(--space-4);
}

.advertiser-dashboard__plan-upgrade-options-header {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: var(--space-4);
	min-width: 0;
}

.advertiser-dashboard__plan-upgrade-options-header h3 {
	margin: var(--space-1) 0 0;
	font-size: var(--text-lg);
}

.advertiser-dashboard__plan-upgrade-options-header > p {
	max-width: 34rem;
	margin: 0;
	color: var(--color-text-tertiary);
	font-size: var(--text-xs);
	line-height: 1.4;
	text-align: right;
}

.advertiser-dashboard__plan-upgrade-options-scroll {
	display: flex;
	gap: var(--space-3);
	min-width: 0;
	overflow-x: auto;
	padding: 2px 2px var(--space-2);
	scroll-snap-type: x proximity;
	scrollbar-width: thin;
	-webkit-overflow-scrolling: touch;
}

.advertiser-dashboard__plan-upgrade-option-card {
	display: grid;
	flex: 0 0 clamp(22rem, 31vw, 30rem);
	align-content: start;
	gap: var(--space-2);
	min-width: 0;
	max-width: 100%;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	background: rgba(0, 0, 0, 0.22);
	padding: var(--space-3);
	box-sizing: border-box;
	scroll-snap-align: start;
}

.advertiser-dashboard__plan-upgrade-option-card.is-recommended {
	border-color: rgba(238, 75, 119, 0.9);
	background: linear-gradient(160deg, rgba(201, 83, 107, 0.15), rgba(0, 0, 0, 0.2) 62%);
}

.advertiser-dashboard__plan-upgrade-option-card .advertiser-dashboard__plan-upgrade-header {
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.advertiser-dashboard__plan-upgrade-option-card .advertiser-dashboard__plan-upgrade-copy {
	min-height: 2.7em;
}

.advertiser-dashboard__plan-upgrade-option-card .advertiser-dashboard__plan-stats {
	margin-block: var(--space-1);
}

.advertiser-dashboard__plan-upgrade-pricing > .advertiser-dashboard__plan-upgrade-price-row {
	display: grid;
	align-items: stretch;
	justify-content: initial;
	gap: var(--space-1);
	border-top: 1px solid var(--color-border);
	padding-top: var(--space-2);
}

.advertiser-dashboard__plan-upgrade-pricing > .advertiser-dashboard__plan-upgrade-price-row:first-child {
	border-top: 0;
	padding-top: 0;
}

.advertiser-dashboard__plan-upgrade-price-row > div {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--space-2);
	min-width: 0;
}

.advertiser-dashboard__plan-upgrade-price-row > div > span,
.advertiser-dashboard__plan-upgrade-price-row > small {
	color: var(--color-text-tertiary);
	font-size: var(--text-xs);
}

.advertiser-dashboard__plan-upgrade-price-row > div > strong {
	color: var(--color-text-primary);
	font-size: var(--text-md);
	white-space: nowrap;
}

.advertiser-dashboard__plan-upgrade-price-row > small {
	display: block;
	margin: 0;
	text-align: right;
}

.advertiser-dashboard__plan-upgrade-price-row > .advertiser-dashboard__plan-upgrade-total {
	display: block;
	margin: 0;
	color: var(--color-accent);
	font-size: var(--text-sm);
	font-weight: var(--font-weight-semibold);
	text-align: right;
}

.advertiser-dashboard__plan-upgrade-options-hint {
	margin: 0;
	color: var(--color-text-tertiary);
	font-size: var(--text-xs);
}

.advertiser-dashboard__plan-catalog {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-4);
	width: 100%;
	min-width: 0;
}

.advertiser-dashboard__plan-catalog-details {
	width: 100%;
	min-width: 0;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	background: rgba(0, 0, 0, 0.12);
}

.advertiser-dashboard__plan-catalog-details > summary {
	display: grid;
	align-items: center;
	grid-template-columns: auto minmax(0, 1fr) auto;
	grid-template-areas: 'title subtitle toggle';
	gap: var(--space-3);
	padding: var(--space-3) var(--space-4) var(--space-2);
	color: var(--color-text-primary);
	font-weight: var(--font-weight-semibold);
	cursor: pointer;
	list-style: none;
}

.advertiser-dashboard__plan-catalog-details > summary::-webkit-details-marker {
	display: none;
}

.advertiser-dashboard__plan-catalog-details > summary::after {
	content: '';
	grid-area: toggle;
	align-self: center;
	justify-self: end;
	width: 13px;
	height: 13px;
	margin-left: auto;
	border-right: 3px solid currentColor;
	border-bottom: 3px solid currentColor;
	color: var(--color-accent);
	transform: rotate(45deg) translate(-2px, -2px);
	transform-origin: center;
	transition: transform var(--duration-fast) var(--ease-standard);
}

.advertiser-dashboard__plan-catalog-details[open] > summary {
	border-bottom: 1px solid var(--color-border);
}

.advertiser-dashboard__plan-catalog-details[open] > summary::after {
	transform: rotate(225deg) translate(-2px, -2px);
}

.advertiser-dashboard__plan-catalog-details > summary > span {
	grid-area: title;
}

.advertiser-dashboard__plan-catalog-details > summary small {
	grid-area: subtitle;
	justify-self: end;
	color: var(--color-text-tertiary);
	font-size: var(--text-xs);
	font-weight: var(--font-weight-regular);
}

.advertiser-dashboard__plan-catalog-details > .advertiser-dashboard__plan-catalog {
	display: flex;
	gap: var(--space-3);
	overflow-x: auto;
	padding: var(--space-3) var(--space-4) var(--space-4);
	scroll-snap-type: x proximity;
	scrollbar-width: thin;
	-webkit-overflow-scrolling: touch;
}

.advertiser-dashboard__plan-catalog-hint {
	display: block;
	margin: var(--space-2) var(--space-4) 0;
	color: var(--color-text-tertiary);
	font-size: var(--text-xs);
	line-height: 1.35;
}

.advertiser-dashboard__plan-catalog-details > .advertiser-dashboard__plan-catalog > .advertiser-dashboard__plan-card {
	flex: 0 0 clamp(17rem, 25vw, 22rem);
	scroll-snap-align: start;
}

.advertiser-dashboard__plan-card--current {
	border-color: rgba(41, 217, 140, 0.68);
	background: linear-gradient(180deg, rgba(41, 217, 140, 0.09), rgba(0, 0, 0, 0.22) 38%);
}

.advertiser-dashboard__plan-current-label {
	flex: 0 0 auto;
	padding: var(--space-1) var(--space-2);
	border: 1px solid rgba(41, 217, 140, 0.42);
	border-radius: var(--radius-full);
	color: var(--color-success, #29d98c);
	font-size: var(--text-2xs);
	font-weight: var(--font-weight-semibold);
	line-height: 1.2;
	white-space: nowrap;
}

.advertiser-dashboard__plan-card {
	display: grid;
	grid-template-rows: auto auto 1fr;
	align-content: stretch;
	gap: var(--space-2);
	min-width: 0;
	height: 100%;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	background: rgba(0, 0, 0, 0.22);
	padding: var(--space-3);
}

.advertiser-dashboard__plan-card[data-recommended='true'] {
	border-color: var(--color-accent);
	background: linear-gradient(180deg, rgba(201, 83, 107, 0.13), rgba(0, 0, 0, 0.22) 38%);
}

.advertiser-dashboard__plan-card-header {
	display: grid;
	gap: var(--space-2);
}

.advertiser-dashboard__plan-card-title-row {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: var(--space-2);
	min-width: 0;
}

.advertiser-dashboard__plan-card-title-row .advertiser-dashboard__plan {
	flex: 0 1 auto;
	min-width: 0;
	white-space: nowrap;
}

.advertiser-dashboard__plan-recommendation {
	flex: 0 0 auto;
	border: 1px solid rgba(242, 184, 75, 0.48);
	border-radius: var(--radius-full);
	background: rgba(242, 184, 75, 0.14);
	color: var(--plan-hot-prime-color);
	padding: var(--space-1) var(--space-2);
	font-size: var(--text-2xs);
	font-weight: var(--font-weight-semibold);
	line-height: 1.2;
	white-space: nowrap;
}

.advertiser-dashboard__plan-card-header p {
	margin: 0;
	min-height: 2.7em;
	color: var(--color-text-tertiary);
	font-size: var(--text-xs);
	line-height: 1.35;
	text-wrap: balance;
}

.advertiser-dashboard__plan-stats {
	display: grid;
	grid-template-columns:
		minmax(0, 0.85fr)
		minmax(0, 1.3fr)
		minmax(0, 0.85fr);
	gap: var(--space-1);
	margin: 0;
	padding: var(--space-2) 0;
	border-top: 1px solid var(--color-border);
	border-bottom: 1px solid var(--color-border);
}

.advertiser-dashboard__plan-stats div {
	display: grid;
	gap: 2px;
	min-width: 0;
	text-align: center;
}

.advertiser-dashboard__plan-stats dt {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	min-height: 2.6em;
	color: var(--color-text-tertiary);
	font-size: var(--text-2xs);
	line-height: 1.15;
}

.advertiser-dashboard__plan-stats dt > span {
	display: block;
	width: 100%;
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.advertiser-dashboard__plan-stats dd {
	margin: 0;
	color: var(--color-text-primary);
	font-size: var(--text-md);
	font-weight: var(--font-weight-semibold);
	line-height: 1.2;
}

.advertiser-dashboard__plan-options {
	display: grid;
	gap: var(--space-2);
	align-content: end;
}

.advertiser-dashboard__plan-option {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--space-2);
	min-width: 0;
	border-top: 1px solid var(--color-border);
	padding-top: var(--space-2);
	color: var(--color-text-secondary);
}

.advertiser-dashboard__plan-option-details {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: flex-start;
	justify-items: center;
	gap: var(--space-2);
	min-width: 0;
	grid-column: 1 / -1;
}

.advertiser-dashboard__plan-option-duration {
	color: var(--color-text-tertiary);
	font-size: var(--text-2xs);
	line-height: 1.1;
	white-space: nowrap;
}

.advertiser-dashboard__plan-option-price {
	color: var(--color-text-primary);
	font-size: var(--text-lg);
	line-height: 1.1;
	white-space: nowrap;
}

.advertiser-dashboard__plan-option-credit {
	grid-column: 1 / -1;
	margin: 0;
	color: var(--color-text-tertiary);
	font-size: var(--text-2xs);
	line-height: 1.25;
	text-align: center;
}

.advertiser-dashboard__plan-option .btn {
	grid-column: 1 / -1;
	width: 100%;
	min-height: 44px;
	white-space: nowrap;
}

.advertiser-dashboard__plan-comparison {
	width: 100%;
	min-width: 0;
	margin-top: var(--space-5);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	background: rgba(0, 0, 0, 0.18);
}

.advertiser-dashboard__plan-comparison summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
	padding: var(--space-3) var(--space-4);
	color: var(--color-text-primary);
	font-weight: var(--font-weight-semibold);
	cursor: pointer;
}

.advertiser-dashboard__plan-comparison summary small {
	color: var(--color-text-tertiary);
	font-size: var(--text-xs);
	font-weight: var(--font-weight-regular);
}

.advertiser-dashboard__plan-comparison-scroll {
	overflow-x: auto;
	overscroll-behavior-x: contain;
	min-width: 0;
	padding: 0 var(--space-4) var(--space-4);
	scrollbar-width: thin;
	-webkit-overflow-scrolling: touch;
}

.advertiser-dashboard__plan-comparison table {
	width: 100%;
	min-width: 680px;
	border-collapse: collapse;
	font-size: var(--text-sm);
}

.advertiser-dashboard__plan-comparison th,
.advertiser-dashboard__plan-comparison td {
	border-top: 1px solid var(--color-border);
	padding: var(--space-3);
	text-align: left;
	vertical-align: middle;
}

.advertiser-dashboard__plan-comparison thead th {
	color: var(--color-text-primary);
	font-weight: var(--font-weight-semibold);
}

.advertiser-dashboard__plan-comparison thead th small {
	display: block;
	margin-top: 2px;
	color: var(--plan-hot-prime-color);
	font-size: var(--text-2xs);
}

.advertiser-dashboard__plan-comparison tbody th {
	color: var(--color-text-secondary);
	font-weight: var(--font-weight-semibold);
	white-space: nowrap;
}

.advertiser-dashboard__plan-comparison-label {
	display: inline;
	white-space: nowrap;
}

.advertiser-dashboard__plan-info {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 16px;
	min-height: 0;
	width: 16px;
	height: 16px;
	padding: 0;
	margin-left: 4px;
	border: 1px solid var(--color-text-tertiary);
	border-radius: 50%;
	aspect-ratio: 1 / 1;
	background: transparent;
	color: var(--color-text-tertiary);
	font: inherit;
	font-size: 10px;
	font-weight: var(--font-weight-semibold);
	line-height: 1;
	flex: 0 0 16px;
	vertical-align: middle;
	cursor: help;
}

.advertiser-dashboard__plan-info-control {
	position: relative;
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
}

.advertiser-dashboard__plan-info-tooltip {
	position: fixed;
	top: var(--plan-info-top, 12px);
	left: var(--plan-info-left, 12px);
	z-index: 1000;
	display: block;
	box-sizing: border-box;
	width: min(320px, calc(100vw - 24px));
	max-width: calc(100vw - 24px);
	max-height: min(40vh, 240px);
	overflow: auto;
	overflow-wrap: anywhere;
	overscroll-behavior: contain;
	padding: var(--space-2) var(--space-3);
	border: 1px solid var(--color-border-strong);
	border-radius: var(--radius-sm);
	background: var(--color-bg-elevated);
	box-shadow: var(--shadow-md);
	color: var(--color-text-primary);
	font-size: var(--text-2xs);
	font-weight: var(--font-weight-regular);
	line-height: 1.35;
	text-align: left;
	white-space: normal;
}

.advertiser-dashboard__plan-info-tooltip[hidden] {
	display: none;
}

.advertiser-dashboard__plan-info:focus-visible {
	outline: none;
	border-color: var(--color-accent);
	box-shadow: 0 0 0 3px rgba(201, 83, 107, 0.32);
}

.advertiser-dashboard__plan-comparison tbody td {
	color: var(--color-text-primary);
}

.advertiser-dashboard__plan-comparison th.is-recommended,
.advertiser-dashboard__plan-comparison td.is-recommended {
	background: rgba(242, 184, 75, 0.08);
}

.advertiser-dashboard__plan-comparison th.is-current,
.advertiser-dashboard__plan-comparison td.is-current {
	background: rgba(41, 217, 140, 0.08);
}

.advertiser-dashboard__plan-comparison-current {
	color: var(--color-success, #29d98c) !important;
}

.advertiser-dashboard__plan-catalog-details > .advertiser-dashboard__plan-comparison {
	margin: var(--space-6) 0 var(--space-4);
	width: calc(100% + 2px);
	margin-right: -1px;
	margin-left: -1px;
}

@media (min-width: 1024px) {
	.advertiser-dashboard__plan-catalog-details > .advertiser-dashboard__plan-catalog {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		overflow-x: visible;
		scroll-snap-type: none;
	}

	.advertiser-dashboard__plan-catalog-details
		> .advertiser-dashboard__plan-catalog
		> .advertiser-dashboard__plan-card {
		width: 100%;
		min-width: 0;
		flex: initial;
	}

	.advertiser-dashboard__plan-catalog-hint {
		display: none;
	}
}

.advertiser-dashboard__renewal-reminder {
	display: grid;
	gap: var(--space-2);
	margin-top: var(--space-3);
	padding-top: var(--space-3);
	border-top: 1px solid var(--color-border);
}

.advertiser-dashboard__renewal-reminder > label {
	color: var(--color-text-secondary);
	font-size: var(--text-sm);
	font-weight: var(--font-weight-semibold);
}

.advertiser-dashboard__renewal-reminder-control {
	display: flex;
	align-items: center;
	gap: var(--space-2);
	min-width: 0;
}

.advertiser-dashboard__renewal-reminder-control select {
	flex: 1 1 auto;
	min-width: 0;
}

.advertiser-dashboard__renewal-reminder-control .btn {
	flex: 0 0 auto;
	min-height: 40px;
	padding-inline: var(--space-4);
}

.advertiser-dashboard__plan-checkout-error {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: var(--space-1) var(--space-3);
	padding: var(--space-2) var(--space-3);
}

.advertiser-dashboard__plan-checkout-error strong {
	font-size: var(--text-sm);
}

.advertiser-dashboard__plan-checkout-error p {
	font-size: var(--text-xs);
	line-height: 1.35;
}

.advertiser-dashboard__plan-checkout-error .advertiser-dashboard__plan-checkout-retry {
	grid-column: 2;
	grid-row: 1 / span 2;
	min-height: 36px;
	padding: var(--space-2) var(--space-3);
	font-size: var(--text-xs);
	white-space: nowrap;
}

.advertiser-dashboard__payment-return {
	display: grid;
	gap: var(--space-2);
	margin-bottom: var(--space-4);
}

.advertiser-dashboard__notice--success {
	border-color: rgba(41, 217, 140, 0.42);
	background: rgba(41, 217, 140, 0.1);
}

.advertiser-dashboard__notice--success strong {
	color: var(--color-success, #29d98c);
}

.advertiser-dashboard__notice--warning {
	border-color: rgba(242, 184, 75, 0.42);
	background: rgba(242, 184, 75, 0.1);
}

.advertiser-dashboard__plan-comparison-hint {
	display: none;
	margin: 0;
	padding: 0 var(--space-3) var(--space-2);
	color: var(--color-text-tertiary);
	font-size: var(--text-2xs);
	line-height: 1.3;
}

.advertiser-dashboard__form-actions {
	grid-template-columns: 1fr;
	width: 100%;
}

.advertiser-dashboard__editor[hidden] {
	display: none;
}

.advertiser-dashboard__edit-form,
.advertiser-dashboard__form-grid,
.advertiser-dashboard__edit-sections,
.advertiser-dashboard__section-fields,
.advertiser-dashboard__field,
.advertiser-dashboard__media-manager,
.advertiser-dashboard__media-section {
	display: grid;
	gap: var(--space-3);
	width: 100%;
}

.advertiser-dashboard__editor-intro {
	max-width: 72ch;
	color: var(--color-text-tertiary);
}

.advertiser-dashboard__edit-sections {
	gap: var(--space-2);
}

.advertiser-dashboard__edit-section {
	overflow: hidden;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.035), transparent 48%), rgba(255, 255, 255, 0.02);
}

.advertiser-dashboard__edit-section[open] {
	border-color: rgba(201, 83, 107, 0.24);
	background: linear-gradient(135deg, rgba(201, 83, 107, 0.08), transparent 42%), rgba(255, 255, 255, 0.025);
}

.advertiser-dashboard__edit-section summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
	width: 100%;
	box-sizing: border-box;
	padding: var(--space-4);
	cursor: pointer;
	list-style: none;
}

.advertiser-dashboard__edit-section summary::-webkit-details-marker {
	display: none;
}

.advertiser-dashboard__edit-section summary strong,
.advertiser-dashboard__edit-section summary small {
	display: block;
}

.advertiser-dashboard__edit-section summary strong {
	color: var(--color-text-primary);
	font-size: var(--text-base);
}

.advertiser-dashboard__edit-section summary small {
	margin-top: 2px;
	color: var(--color-text-tertiary);
	font-size: var(--text-xs);
	line-height: 1.35;
}

.advertiser-dashboard__edit-section-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	align-self: center;
	width: 28px;
	height: 28px;
	border-radius: var(--radius-full);
	background: rgba(255, 255, 255, 0.05);
	color: var(--color-text-secondary);
	font-size: 0;
	line-height: 1;
	transition: transform var(--duration-fast) var(--ease-standard);
}

.advertiser-dashboard__edit-section-icon svg {
	display: block;
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 3;
}

.advertiser-dashboard__edit-section[open] .advertiser-dashboard__edit-section-icon {
	transform: rotate(180deg);
}

.advertiser-dashboard__section-fields {
	gap: var(--space-4);
	padding: 0 var(--space-4) var(--space-4);
}

.advertiser-dashboard__form-grid {
	grid-template-columns: 1fr;
}

.advertiser-dashboard__section-fields--grid {
	grid-template-columns: 1fr;
	min-width: 0;
}

.advertiser-dashboard__section-help {
	margin: 0;
	color: var(--color-text-tertiary);
	font-size: var(--text-sm);
}

.advertiser-dashboard__field {
	align-content: start;
}

.advertiser-dashboard__field span,
.advertiser-dashboard__field legend,
.advertiser-dashboard__media-section h3 {
	color: var(--color-text-primary);
	font-weight: var(--font-weight-semibold);
}

.advertiser-dashboard__field small,
.advertiser-dashboard__media-tools small {
	color: var(--color-text-tertiary);
	font-size: var(--text-xs);
}

.advertiser-dashboard__field input,
.advertiser-dashboard__field select,
.advertiser-dashboard__field textarea {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-md);
	background: var(--color-bg-deepest);
	color: var(--color-text-primary);
	padding: var(--space-3);
	font: inherit;
}

.advertiser-dashboard__field input[type='file'] {
	height: 48px;
	min-height: 48px;
	border-radius: var(--radius-full);
	font-size: var(--text-xs);
	padding: 4px 8px;
}

.advertiser-dashboard__field input[type='file']::file-selector-button {
	min-height: 28px;
	margin-right: var(--space-2);
	border: 1px solid var(--color-border-strong);
	border-radius: var(--radius-full);
	background: var(--color-bg-elevated-hover);
	color: var(--color-text-primary);
	font: inherit;
	font-size: var(--text-xs);
	cursor: pointer;
	padding: 0 var(--space-2);
}

@media (max-width: 767px) {
	.advertiser-dashboard__verification-wizard-actions {
		justify-content: stretch;
	}

	.advertiser-dashboard__verification-wizard-actions .btn {
		flex: 1 1 0;
	}
}

.advertiser-dashboard__field select {
	-webkit-appearance: none;
	appearance: none;
	height: 48px;
	min-height: 48px;
	padding-right: calc(var(--space-6) + 12px);
	background-color: var(--color-bg-deepest);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath d='M7 9.75l5 5 5-5' fill='none' stroke='%23f5f1f2' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right var(--space-4) center;
	background-size: 18px 18px;
}

.advertiser-dashboard__field .advertiser-dashboard__verification-control {
	height: 48px;
	min-height: 48px;
	border-color: var(--color-border);
	border-radius: var(--radius-full);
	background-color: var(--color-bg-deepest);
	font-size: var(--text-sm);
	padding: 4px var(--space-3);
}

.advertiser-dashboard__field select.advertiser-dashboard__verification-control {
	padding-right: calc(var(--space-6) + 12px);
}

.advertiser-dashboard__field input[type='file'].advertiser-dashboard__verification-control::file-selector-button {
	font-size: var(--text-sm);
}

.advertiser-dashboard__field .advertiser-dashboard__verification-control:focus-visible,
.advertiser-dashboard__verification-control--status:focus-within {
	outline: none;
	border-color: var(--color-accent);
	box-shadow: 0 0 0 3px rgba(201, 83, 107, 0.24);
}

.advertiser-dashboard__field textarea {
	min-height: 150px;
	resize: vertical;
}

.advertiser-dashboard__field fieldset,
fieldset.advertiser-dashboard__field {
	min-width: 0;
	border: 0;
	margin: 0;
	padding: 0;
}

.advertiser-dashboard__location-grid,
.advertiser-dashboard__service-grid,
.advertiser-dashboard__attribute-grid,
.advertiser-dashboard__media-tools,
.advertiser-dashboard__media-grid {
	display: grid;
	gap: var(--space-3);
	width: 100%;
}

.advertiser-dashboard__service-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.advertiser-dashboard__attribute-group {
	border-top: 1px solid var(--color-border);
	padding-top: var(--space-4);
}

.advertiser-dashboard__attribute-grid {
	grid-template-columns: 1fr;
	align-items: start;
}

.advertiser-dashboard__field--compact {
	gap: var(--space-2);
}

.advertiser-dashboard__service-grid label {
	display: flex;
	align-items: center;
	min-width: 0;
	gap: var(--space-2);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-md);
	background: rgba(255, 255, 255, 0.02);
	padding: var(--space-3);
	color: var(--color-text-secondary);
	font-size: var(--text-sm);
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.advertiser-dashboard__service-grid label span {
	min-width: 0;
	overflow-wrap: anywhere;
}

.advertiser-dashboard__service-grid--compact {
	grid-template-columns: 1fr;
	gap: var(--space-2);
}

.advertiser-dashboard__service-grid--compact label {
	padding: var(--space-2);
	font-size: var(--text-sm);
}

.advertiser-dashboard__service-grid input {
	width: auto;
}

.advertiser-dashboard__schedule p {
	margin: 0;
	color: var(--color-text-tertiary);
	font-size: var(--text-sm);
}

.advertiser-dashboard__schedule-fulltime,
.advertiser-dashboard__schedule-row,
.advertiser-dashboard__schedule-day,
.advertiser-dashboard__schedule-time {
	min-width: 0;
}

.advertiser-dashboard__schedule-fulltime {
	display: inline-flex;
	align-items: center;
	gap: var(--space-2);
	width: fit-content;
	border: 1px solid rgba(201, 83, 107, 0.28);
	border-radius: var(--radius-full);
	background: rgba(201, 83, 107, 0.08);
	padding: var(--space-2) var(--space-3);
	color: var(--color-text-primary);
}

.advertiser-dashboard__schedule-grid {
	display: grid;
	gap: var(--space-2);
	width: 100%;
}

.advertiser-dashboard__schedule-row {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-2);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-md);
	background: rgba(255, 255, 255, 0.02);
	padding: var(--space-3);
	transition:
		opacity var(--duration-fast) var(--ease-standard),
		border-color var(--duration-fast) var(--ease-standard);
}

.advertiser-dashboard__schedule-row.is-disabled {
	opacity: 0.5;
}

.advertiser-dashboard__schedule-day {
	display: flex;
	align-items: center;
	gap: var(--space-2);
	color: var(--color-text-secondary);
}

.advertiser-dashboard__schedule-time {
	display: grid;
	gap: var(--space-1);
}

.advertiser-dashboard__schedule-time span {
	color: var(--color-text-tertiary);
	font-size: var(--text-xs);
	font-weight: var(--font-weight-medium);
}

.advertiser-dashboard__schedule input[type='checkbox'] {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	margin: 0;
}

.advertiser-dashboard__schedule input[type='time'] {
	padding: var(--space-2) var(--space-3);
}

.advertiser-dashboard__form-status {
	min-height: 1.3em;
	color: var(--color-text-tertiary);
	font-size: var(--text-sm);
}

.advertiser-dashboard__form-status[data-status='success'] {
	color: var(--color-success);
}

.advertiser-dashboard__form-status[data-status='error'] {
	color: var(--color-danger);
}

.advertiser-dashboard__editor-sticky-actions {
	position: sticky;
	bottom: calc(92px + max(var(--space-2), env(safe-area-inset-bottom)));
	z-index: 20;
	display: grid;
	gap: var(--space-2);
	width: 100%;
	box-sizing: border-box;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: var(--radius-lg);
	background: rgba(18, 18, 18, 0.96);
	box-shadow: 0 -18px 44px rgba(0, 0, 0, 0.36);
	padding: var(--space-3);
	backdrop-filter: blur(18px);
}

.advertiser-dashboard__editor-sticky-actions .advertiser-dashboard__form-actions {
	grid-template-columns: 1fr;
}

.advertiser-dashboard__dirty-state {
	margin: 0;
	color: var(--color-text-tertiary);
	font-size: var(--text-xs);
}

.advertiser-dashboard__dirty-state[data-status='dirty'] {
	color: var(--plan-hot-icon-color);
}

.advertiser-dashboard__dirty-state[data-status='saved'] {
	color: var(--color-success);
}

.advertiser-dashboard__upload-card {
	position: relative;
	display: grid;
	gap: var(--space-1);
	border: 1px dashed rgba(201, 83, 107, 0.42);
	border-radius: var(--radius-lg);
	background: rgba(201, 83, 107, 0.07);
	padding: var(--space-4);
	cursor: pointer;
}

.advertiser-dashboard__upload-card.is-disabled {
	opacity: 0.55;
	cursor: not-allowed;
}

.advertiser-dashboard__upload-card span {
	color: var(--color-text-primary);
	font-weight: var(--font-weight-semibold);
}

.advertiser-dashboard__upload-card input {
	position: absolute;
	inset: 0;
	opacity: 0;
	cursor: pointer;
}

.advertiser-dashboard__featured-photo {
	display: grid;
	place-items: center;
	width: 132px;
	min-width: 132px;
	aspect-ratio: 1;
	overflow: hidden;
	border: 1px solid var(--color-border);
	border-radius: 999px;
	background:
		linear-gradient(180deg, transparent 45%, rgba(0, 0, 0, 0.7)),
		linear-gradient(135deg, rgba(201, 83, 107, 0.18), rgba(255, 157, 77, 0.08)), var(--color-bg-deepest);
	color: var(--color-text-tertiary);
}

.advertiser-dashboard__profile-photo-row {
	display: flex;
	align-items: center;
	gap: var(--space-4);
	width: 100%;
}

.advertiser-dashboard__small-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	min-height: 44px;
	padding: var(--space-3) var(--space-5);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-full);
	color: var(--color-text-primary);
	font-size: var(--text-xs);
	font-weight: var(--font-weight-semibold);
	line-height: 1.15;
	text-align: center;
	white-space: normal;
	cursor: pointer;
	transition:
		border-color var(--duration-fast) var(--ease-standard),
		color var(--duration-fast) var(--ease-standard);
}

.advertiser-dashboard__small-action:hover,
.advertiser-dashboard__small-action:focus-visible {
	border-color: var(--color-accent);
	color: var(--color-accent);
}

.advertiser-dashboard__small-action.is-disabled {
	opacity: 0.55;
	cursor: not-allowed;
	pointer-events: none;
}

.advertiser-dashboard__gallery-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: var(--space-2);
}

.advertiser-dashboard__media-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.advertiser-dashboard__media-item {
	overflow: hidden;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-md);
	background: var(--color-bg-deepest);
}

.advertiser-dashboard__media-item img,
.advertiser-dashboard__media-item video {
	aspect-ratio: 3 / 4;
	background: var(--color-bg-deepest);
}

.advertiser-dashboard__media-item div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: var(--space-2);
	padding: var(--space-2);
	color: var(--color-text-secondary);
	font-size: var(--text-xs);
}

.advertiser-dashboard__media-item div span {
	margin-right: auto;
	font-weight: var(--font-weight-semibold);
}

.advertiser-dashboard__media-item button {
	border: 0;
	background: transparent;
	color: var(--color-accent);
	font: inherit;
	font-size: var(--text-2xs);
	font-weight: var(--font-weight-semibold);
	cursor: pointer;
}

.advertiser-dashboard__media-grid--stories .advertiser-dashboard__media-item img,
.advertiser-dashboard__media-grid--stories .advertiser-dashboard__media-item video {
	aspect-ratio: 9 / 16;
}

.advertiser-dashboard__mobile-secondary {
	display: grid;
	gap: var(--space-4);
}

.advertiser-dashboard__placeholder-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-3);
	width: 100%;
}

.advertiser-dashboard__placeholder-grid div {
	aspect-ratio: 3 / 4;
	border-radius: var(--radius-md);
	background:
		linear-gradient(180deg, transparent 45%, rgba(0, 0, 0, 0.66)),
		linear-gradient(135deg, rgba(201, 83, 107, 0.2), rgba(255, 157, 77, 0.1)), var(--color-bg-deepest);
	border: 1px solid var(--color-border);
}

@media (min-width: 768px) {
	.advertiser-dashboard__account-contact-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.advertiser-dashboard__hero {
		align-items: center;
		flex-direction: row;
	}

	.advertiser-dashboard__actions {
		grid-template-columns: repeat(2, max-content);
		justify-content: end;
		width: auto;
	}

	.advertiser-dashboard__countdown {
		max-width: 220px;
	}

	.advertiser-dashboard__metric-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.advertiser-dashboard__content {
		grid-template-columns: minmax(0, 1fr) minmax(280px, 0.8fr);
	}

	.advertiser-dashboard__placeholder-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.advertiser-dashboard__form-actions {
		grid-template-columns: repeat(2, max-content);
		justify-content: start;
	}

	.advertiser-dashboard__feature-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.advertiser-dashboard__form-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.advertiser-dashboard__verification-overview {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.advertiser-dashboard__verification-steps {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.advertiser-dashboard__section-fields--grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.advertiser-dashboard__field--wide {
		grid-column: 1 / -1;
	}

	.advertiser-dashboard__location-grid,
	.advertiser-dashboard__media-tools {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.advertiser-dashboard__attribute-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.advertiser-dashboard__schedule-row {
		grid-template-columns: minmax(160px, 1fr) repeat(2, minmax(120px, 0.55fr));
		align-items: end;
	}

	.advertiser-dashboard__media-tools {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.advertiser-dashboard__media-upload-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.advertiser-dashboard__media-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.advertiser-dashboard__plan-catalog {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.advertiser-dashboard__editor-sticky-actions {
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
	}

	.advertiser-dashboard__editor-sticky-actions .advertiser-dashboard__form-actions {
		grid-template-columns: repeat(2, max-content);
		justify-content: end;
		width: auto;
	}

	.advertiser-dashboard__editor-sticky-actions .advertiser-dashboard__form-status {
		grid-column: 1 / -1;
	}
}

@media (min-width: 1024px) {
	.advertiser-dashboard__verification-overview {
		grid-template-columns: repeat(5, minmax(0, 1fr));
		align-items: stretch;
	}

	.advertiser-dashboard__verification-steps {
		grid-column: span 3;
	}
}

@media (max-width: 767px) {
	.advertiser-dashboard__section-card {
		gap: var(--space-3);
		padding: var(--space-4);
	}

	.advertiser-dashboard__section-card > h2 {
		font-size: var(--text-lg);
	}

	.advertiser-dashboard__summary-row {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: var(--space-2);
	}

	.advertiser-dashboard__plan-heading {
		align-items: stretch;
		flex-direction: column;
		gap: var(--space-2);
	}

	.advertiser-dashboard__plan-decision {
		grid-template-columns: 1fr;
		gap: var(--space-3);
	}

	.advertiser-dashboard__plan-current,
	.advertiser-dashboard__plan-upgrade-card,
	.advertiser-dashboard__plan-upgrade-complete {
		padding: var(--space-3);
	}

	.advertiser-dashboard__plan-upgrade-pricing > div {
		align-items: flex-start;
		flex-direction: column;
		gap: 2px;
	}

	.advertiser-dashboard__plan-upgrade-pricing strong {
		font-size: var(--text-md);
	}

	.advertiser-dashboard__plan-ready {
		align-items: flex-start;
		flex-wrap: wrap;
		width: 100%;
		max-width: none;
		border-radius: var(--radius-md);
		white-space: normal;
	}

	.advertiser-dashboard__plan-ready small {
		flex-basis: 100%;
		overflow: visible;
		text-overflow: clip;
		white-space: normal;
	}

	.advertiser-dashboard__plan-heading-main h2 {
		font-size: clamp(1.5rem, 6vw, var(--text-3xl));
	}

	.advertiser-dashboard__account-editor-grid,
	.advertiser-dashboard__account-confirmation {
		grid-template-columns: 1fr;
	}

	.advertiser-dashboard__account-delete {
		grid-template-columns: 1fr;
	}

	.advertiser-dashboard__account-delete .btn,
	.advertiser-dashboard__account-delete .advertiser-dashboard__form-status {
		grid-column: 1;
	}

	.advertiser-dashboard__account-delete .btn {
		width: 100%;
	}

	.advertiser-dashboard__quick-control {
		align-items: stretch;
		flex-direction: column;
	}

	.advertiser-dashboard__quick-control > div {
		flex: 0 1 auto;
	}

	.advertiser-dashboard__availability-toggle {
		width: 100%;
		margin-left: 0;
	}
}

.advertiser-dashboard__checklist a,
.advertiser-dashboard__checklist button {
	white-space: nowrap;
	overflow-wrap: normal;
}

@media (max-width: 1023px) {
	.advertiser-dashboard__checklist li {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		align-items: start;
		gap: var(--space-2);
	}

	.advertiser-dashboard__checklist a,
	.advertiser-dashboard__checklist button {
		justify-self: start;
	}
}

@media (max-width: 520px) {
	.advertiser-dashboard__main {
		gap: var(--space-3);
	}

	.advertiser-dashboard__media-access-note .advertiser-dashboard__panel-header {
		align-items: flex-start;
		flex-direction: column;
	}

	.advertiser-dashboard__media-access-note .advertiser-dashboard__status-pill {
		align-self: flex-start;
	}

	.advertiser-dashboard__header {
		align-items: flex-start;
	}

	.advertiser-dashboard__header h1 {
		font-size: var(--text-4xl);
	}

	.advertiser-dashboard__section-card > .btn {
		width: 100%;
	}

	.advertiser-dashboard__commercial-grid {
		grid-template-columns: 1fr;
	}

	.advertiser-dashboard__account-grid {
		grid-template-columns: 1fr;
	}

	.advertiser-dashboard__account-actions {
		display: grid;
		grid-template-columns: 1fr;
	}

	.advertiser-dashboard__account-actions .btn {
		width: 100%;
	}

	.advertiser-dashboard__account-card-action {
		width: 100%;
	}

	.advertiser-dashboard__plan-checkout-error {
		grid-template-columns: 1fr;
		gap: var(--space-2);
	}

	.advertiser-dashboard__plan-checkout-error .advertiser-dashboard__plan-checkout-retry {
		grid-column: 1;
		grid-row: auto;
		width: 100%;
	}

	.advertiser-dashboard__plan-comparison summary {
		align-items: flex-start;
		flex-direction: column;
		gap: var(--space-1);
		padding: var(--space-2) var(--space-3);
	}

	.advertiser-dashboard__plan-comparison summary small {
		display: block;
	}

	.advertiser-dashboard__plan-comparison-hint {
		display: block;
	}

	.advertiser-dashboard__plan-comparison-scroll {
		padding-inline: var(--space-3);
	}

	.advertiser-dashboard__plan-comparison table {
		min-width: 540px;
		font-size: var(--text-xs);
	}

	.advertiser-dashboard__plan-comparison th,
	.advertiser-dashboard__plan-comparison td {
		padding: var(--space-2);
	}
}

@media (max-width: 380px) {
	.advertiser-dashboard__plan-card {
		padding: var(--space-2);
	}

	.advertiser-dashboard__plan-stats {
		gap: 0;
	}

	.advertiser-dashboard__plan-stats dt {
		font-size: 0.625rem;
	}

	.advertiser-dashboard__plan-stats dd {
		font-size: var(--text-sm);
	}
}

@media (min-width: 1200px) and (hover: hover) and (pointer: fine) {
	.advertiser-dashboard {
		padding-bottom: 0;
	}

	.advertiser-dashboard__shell {
		grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
		border: 1px solid rgba(201, 83, 107, 0.24);
		border-radius: var(--radius-xl);
		background: var(--color-bg-deepest);
		overflow: hidden;
	}

	.advertiser-dashboard__sidebar {
		position: sticky;
		top: var(--space-4);
		display: grid;
		align-content: start;
		min-height: min(780px, calc(100vh - var(--space-8)));
		border-right: 1px solid rgba(201, 83, 107, 0.24);
		background: linear-gradient(180deg, rgba(201, 83, 107, 0.06), transparent 38%), var(--color-bg-elevated);
		padding: var(--space-4);
	}

	.advertiser-dashboard__main {
		gap: var(--space-3);
		align-content: start;
		padding: var(--space-4) var(--space-5) var(--space-5);
	}

	.advertiser-dashboard__plan-catalog {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.advertiser-dashboard__header {
		align-items: flex-start;
		grid-row: 1;
		min-height: 78px;
		margin: 0;
	}

	.advertiser-dashboard__section-tabs {
		display: none;
	}

	.advertiser-dashboard__mobile-secondary {
		display: none;
	}

	.advertiser-dashboard__editor-sticky-actions {
		bottom: var(--space-3);
	}
}

@media (min-width: 1440px) and (hover: hover) and (pointer: fine) {
	.advertiser-dashboard__plan-catalog {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 1199px), (hover: none), (pointer: coarse) {
	.advertiser-dashboard {
		padding-bottom: calc(92px + env(safe-area-inset-bottom));
	}

	.advertiser-dashboard__section-tabs {
		display: grid !important;
		position: fixed !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	.advertiser-dashboard__mobile-secondary {
		display: grid;
	}
}

/* ===== Location links (pre-footer) ===== */

/* ===== Private plan checkout ===== */
.delihot-checkout {
	--checkout-surface: #171717;
	--checkout-surface-soft: #202020;
	--checkout-border: rgba(255, 255, 255, 0.13);
	--checkout-muted: #aaa5a0;
	--checkout-accent: #cf536f;
	--checkout-success: #29d98c;
	max-width: 1120px;
	margin: 0 auto;
	padding: clamp(2rem, 5vw, 4.5rem) clamp(1rem, 3vw, 2.5rem) 4rem;
	color: #f7f7f7;
}

.delihot-checkout__shell {
	max-width: 980px;
	margin: 0 auto;
}

.delihot-checkout__header,
.delihot-checkout__section-heading,
.delihot-checkout__result-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.delihot-checkout__header {
	margin-bottom: clamp(2rem, 4vw, 3.5rem);
	justify-content: flex-end;
}

.delihot-checkout__brand {
	display: inline-flex;
	width: 132px;
}

.delihot-checkout__brand img {
	display: block;
	width: 100%;
	height: auto;
}

.delihot-checkout__secure-label,
.delihot-checkout__eyebrow {
	color: var(--checkout-muted);
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.delihot-checkout__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(300px, 390px);
	gap: clamp(1.5rem, 5vw, 5rem);
	align-items: start;
}

.delihot-checkout h1,
.delihot-checkout h2,
.delihot-checkout p {
	margin-top: 0;
}

.delihot-checkout h1 {
	margin-bottom: 1rem;
	font-size: clamp(2rem, 4vw, 3.4rem);
	line-height: 1.06;
}

.delihot-checkout h2 {
	margin-bottom: 0.35rem;
	font-size: clamp(1.2rem, 2vw, 1.55rem);
}

.delihot-checkout__intro > p:not(.delihot-checkout__eyebrow),
.delihot-checkout__schedule,
.delihot-checkout__result > p:not(.delihot-checkout__eyebrow):not(.delihot-checkout__result-icon) {
	max-width: 48ch;
	color: var(--checkout-muted);
	font-size: 1rem;
	line-height: 1.65;
}

.delihot-checkout__back-link {
	display: inline-block;
	margin-top: 1.5rem;
	color: #f0a0b2;
	font-weight: 600;
	text-decoration: none;
}

.delihot-checkout__back-link:hover,
.delihot-checkout__back-link:focus-visible {
	color: #fff;
	text-decoration: underline;
}

.delihot-checkout__summary,
.delihot-checkout__payment,
.delihot-checkout__result,
.delihot-checkout__notice {
	border: 1px solid var(--checkout-border);
	border-radius: 1.25rem;
	background: var(--checkout-surface);
}

.delihot-checkout__summary,
.delihot-checkout__payment,
.delihot-checkout__result {
	padding: clamp(1.25rem, 3vw, 2rem);
}

.delihot-checkout__summary h2 {
	display: inline-block;
	margin-right: 0.5rem;
}

.delihot-checkout__badge,
.delihot-checkout__payment-mark {
	display: inline-flex;
	align-items: center;
	min-height: 1.9rem;
	padding: 0.25rem 0.75rem;
	border-radius: 999px;
	background: rgba(230, 171, 74, 0.15);
	color: #f2bd4d;
	font-size: 0.76rem;
	font-weight: 700;
}

.delihot-checkout__facts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.85rem 1rem;
	margin: 1.5rem 0;
}

.delihot-checkout__facts div {
	padding-top: 0.75rem;
	border-top: 1px solid var(--checkout-border);
}

.delihot-checkout__facts dt,
.delihot-checkout__facts dd {
	margin: 0;
}

.delihot-checkout__facts dt,
.delihot-checkout__total span {
	color: var(--checkout-muted);
	font-size: 0.83rem;
}

.delihot-checkout__facts dd {
	margin-top: 0.2rem;
	font-weight: 700;
}

.delihot-checkout__total {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
	padding-top: 1rem;
	border-top: 1px solid var(--checkout-border);
}

.delihot-checkout__total strong {
	font-size: clamp(1.45rem, 3vw, 2rem);
}

.delihot-checkout__credit-breakdown {
	display: grid;
	gap: 0.55rem;
	margin: 0 0 1rem;
	padding: 0.9rem 0;
	border-top: 1px solid var(--checkout-border);
	border-bottom: 1px solid var(--checkout-border);
}

.delihot-checkout__credit-breakdown div {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
}

.delihot-checkout__credit-breakdown dt,
.delihot-checkout__credit-breakdown dd {
	margin: 0;
}

.delihot-checkout__credit-breakdown dt {
	color: var(--checkout-muted);
	font-size: 0.83rem;
}

.delihot-checkout__credit-breakdown dd {
	color: #f7f7f7;
	font-size: 0.9rem;
	font-weight: 700;
	text-align: right;
}

.delihot-checkout__form {
	margin-top: 1.5rem;
}

.delihot-checkout__payment {
	background: var(--checkout-surface-soft);
}

#payment.delihot-checkout__payment {
	background: var(--checkout-surface-soft);
	color: #f7f7f7;
}

#payment.delihot-checkout__payment ul.payment_methods {
	border-bottom-color: var(--checkout-border);
	background: transparent;
}

#payment.delihot-checkout__payment div.payment_box {
	background: #1d1d1d;
	color: var(--checkout-muted);
}

.delihot-checkout__payment-mark {
	background: rgba(0, 172, 228, 0.14);
	color: #9bd9ef;
}

.delihot-checkout__methods {
	margin: 1.25rem 0;
	padding: 0;
	list-style: none;
}

.delihot-checkout__methods .wc_payment_method {
	padding: 1rem;
	border: 1px solid var(--checkout-border);
	border-radius: 0.85rem;
	background: #111;
}

.delihot-checkout__methods .wc_payment_method + .wc_payment_method {
	margin-top: 0.65rem;
}

.delihot-checkout__methods label {
	font-weight: 700;
}

.delihot-checkout__methods .payment_box {
	margin: 0.85rem 0 0;
	padding: 0.85rem;
	border-radius: 0.65rem;
	background: #1d1d1d;
	color: var(--checkout-muted);
	font-size: 0.9rem;
}

.delihot-checkout__submit {
	width: min(100%, 330px);
	margin-top: 1.25rem;
}

.delihot-checkout__policy-notice {
	margin-top: 1rem;
	padding: 1rem;
	border: 1px solid var(--checkout-border);
	border-radius: 0.85rem;
	background: rgba(255, 255, 255, 0.025);
}

.delihot-checkout__policy-notice strong {
	display: block;
	color: #f7f7f7;
	font-size: 0.9rem;
}

.delihot-checkout__policy-notice p {
	margin: 0.4rem 0 0;
	color: var(--checkout-muted);
	font-size: 0.82rem;
	line-height: 1.5;
}

.delihot-checkout__policy-notice a {
	text-decoration: underline;
	text-underline-offset: 0.16em;
}

.delihot-checkout__submit:disabled {
	cursor: not-allowed;
	opacity: 0.45;
}

.delihot-checkout__notice {
	padding: clamp(1.25rem, 3vw, 2rem);
}

.delihot-checkout__notice--error,
.delihot-checkout__result--error {
	border-color: rgba(245, 80, 108, 0.55);
	background: rgba(94, 27, 42, 0.22);
}

.delihot-checkout__notice h1 {
	font-size: clamp(1.55rem, 3vw, 2.2rem);
}

.delihot-checkout__notice p {
	color: var(--checkout-muted);
	line-height: 1.55;
}

.delihot-checkout__footer {
	margin-top: 2.5rem;
	color: var(--checkout-muted);
	font-size: 0.8rem;
	text-align: center;
}

.delihot-checkout__demo {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	margin-top: 1.5rem;
	padding: 1rem 1.25rem;
	border: 1px dashed var(--checkout-border);
	border-radius: 1rem;
	background: rgba(255, 255, 255, 0.02);
}

.delihot-checkout__demo h2,
.delihot-checkout__demo p {
	margin: 0;
}

.delihot-checkout__demo h2 {
	font-size: 1rem;
}

.delihot-checkout__demo p:not(.delihot-checkout__eyebrow) {
	margin-top: 0.25rem;
	color: var(--checkout-muted);
	font-size: 0.85rem;
}

.delihot-checkout__demo-form {
	flex: 0 0 auto;
}

.delihot-checkout__demo-submit {
	white-space: nowrap;
}

.delihot-checkout__result {
	max-width: 680px;
	margin: 0 auto;
	text-align: center;
}

.delihot-checkout__result-icon {
	display: grid;
	place-items: center;
	width: 3.4rem;
	height: 3.4rem;
	margin: 0 auto 1.25rem;
	border-radius: 50%;
	background: rgba(41, 217, 140, 0.16);
	color: var(--checkout-success);
	font-size: 1.8rem;
	font-weight: 800;
}

.delihot-checkout__result--error .delihot-checkout__result-icon {
	background: rgba(245, 80, 108, 0.16);
	color: #f5506c;
}

.delihot-checkout__result h1 {
	font-size: clamp(1.8rem, 4vw, 2.8rem);
}

.delihot-checkout__result > p:not(.delihot-checkout__eyebrow):not(.delihot-checkout__result-icon) {
	margin-right: auto;
	margin-left: auto;
}

.delihot-checkout__result-actions {
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 2rem;
}

.delihot-checkout__order-reference {
	display: flex;
	justify-content: center;
	gap: 0.5rem;
	margin-top: 1.25rem;
	color: var(--checkout-muted);
	font-size: 0.85rem;
}

@media (max-width: 760px) {
	.delihot-checkout {
		padding-top: 1.5rem;
	}

	.delihot-checkout__header {
		margin-bottom: 2rem;
	}

	.delihot-checkout__grid {
		display: block;
	}

	.delihot-checkout__summary {
		margin-top: 1.5rem;
	}

	.delihot-checkout__section-heading {
		align-items: flex-start;
	}

	.delihot-checkout__submit {
		width: 100%;
	}
}

@media (max-width: 420px) {
	.delihot-checkout__header {
		align-items: flex-start;
	}

	.delihot-checkout__secure-label {
		font-size: 0.68rem;
		text-align: right;
	}

	.delihot-checkout h1 {
		font-size: 2rem;
	}

	.delihot-checkout__summary,
	.delihot-checkout__payment,
	.delihot-checkout__result,
	.delihot-checkout__notice,
	.delihot-checkout__demo {
		border-radius: 1rem;
		padding: 1rem;
	}

	.delihot-checkout__demo {
		align-items: flex-start;
		flex-direction: column;
	}

	.delihot-checkout__demo-form,
	.delihot-checkout__demo-submit {
		width: 100%;
	}
}

.location-links {
	background: var(--color-bg-deepest);
	border-top: 1px solid var(--color-border);
	padding-block: var(--space-6);
}

.location-links__heading {
	margin: 0 0 var(--space-4);
	font-size: var(--text-sm);
	font-weight: var(--font-weight-semibold);
	color: var(--color-text-secondary);
}

.location-links__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-2);
}

.location-links__list > li {
	display: flex;
	align-items: center;
}

.location-links__item {
	display: inline-flex;
	align-items: center;
	padding: var(--space-2) var(--space-4);
	background: var(--color-bg-elevated);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-full);
	color: var(--color-text-tertiary);
	font-size: var(--text-sm);
	line-height: 1.2;
}

.location-links__item:hover {
	border-color: var(--color-accent);
	color: var(--color-text-primary);
}

/* ===== Estados ===== */

.state-empty,
.state-error {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: var(--space-3);
	padding: var(--space-8) var(--space-4);
	color: var(--color-text-tertiary);
}

.state-loading .listing-grid {
	grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 768px) {
	.state-loading .listing-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

.skeleton-card {
	aspect-ratio: 3 / 4.6;
	border-radius: var(--radius-md);
	background: linear-gradient(
		100deg,
		var(--color-bg-elevated) 30%,
		var(--color-bg-elevated-hover) 45%,
		var(--color-bg-elevated) 60%
	);
	background-size: 200% 100%;
	animation: skeleton-shimmer 1.4s ease-in-out infinite;
}

@keyframes skeleton-shimmer {
	from {
		background-position: 150% 0;
	}

	to {
		background-position: -50% 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.skeleton-card {
		animation: none;
	}
}

/* ===== Contenido SEO de landings geográficas ===== */

.delihot-location-seo {
	max-width: 1120px;
	margin-inline: auto;
	padding-block: var(--space-6);
	border: 1px solid var(--color-border);
	border-radius: 0;
	background: var(--color-bg-elevated);
	box-shadow: var(--shadow-sm);
}

.delihot-location-seo__metro {
	padding: var(--space-5) var(--space-6);
	border-bottom: 1px solid var(--color-border);
}

.delihot-location-seo__metro + .delihot-location-seo__metro {
	padding-top: 0;
}

.delihot-location-seo__content {
	padding: var(--space-5) var(--space-6) var(--space-6);
	color: var(--color-text-secondary);
	font-size: var(--text-base);
	line-height: 1.6;
}

.delihot-location-seo__label {
	display: block;
	margin-bottom: var(--space-3);
	color: var(--color-text-primary);
	font-size: var(--text-sm);
	font-weight: var(--font-weight-semibold);
}

.delihot-location-seo__content h2 {
	margin: var(--space-5) 0 var(--space-2);
	color: var(--color-text-primary);
	font-size: var(--text-xl);
	line-height: var(--line-height-heading);
}

.delihot-location-seo__content h3 {
	margin: var(--space-5) 0 var(--space-2);
	padding-top: var(--space-4);
	border-top: 1px solid var(--color-border);
	color: var(--color-text-primary);
	font-size: var(--text-lg);
	line-height: var(--line-height-heading);
}

.delihot-location-seo__content p {
	max-width: 78ch;
	margin: 0 0 var(--space-2);
}

.delihot-location-seo__intro {
	font-size: var(--text-base);
}

.delihot-location-seo__links {
	line-height: 1.5;
}

.delihot-inline-links__list {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	column-gap: var(--space-3);
	row-gap: var(--space-2);
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1.5;
}

.delihot-inline-links__list.delihot-location-seo__links {
	display: block;
	row-gap: 0;
	line-height: 1.35;
}

.delihot-inline-links__list li {
	display: inline-flex;
}

.delihot-inline-links__list li:not(:last-child)::after {
	content: none;
}

.delihot-location-seo__links > li {
	display: inline;
	margin: 0;
	padding: 0;
}

.delihot-location-seo__links > li > .delihot-inline-links__item {
	display: inline;
	margin: 0 var(--space-2) 0 0;
	line-height: 1.2;
}

.delihot-inline-links__item {
	display: inline-flex;
	align-items: baseline;
	gap: 0.08em;
	color: var(--color-text-tertiary);
	font-size: var(--text-sm);
	text-decoration: none;
	white-space: nowrap;
	transition: color var(--duration-fast) var(--ease-standard);
}

.delihot-location-seo .delihot-inline-links__item {
	color: var(--color-text-primary);
}

.delihot-inline-links__item:hover,
.delihot-inline-links__item:focus-visible {
	color: var(--color-accent);
}

.delihot-inline-links__arrow {
	display: inline-block;
	text-decoration: none;
}

.delihot-location-seo__faq {
	display: grid;
	gap: var(--space-1);
	margin-top: var(--space-3);
}

.delihot-location-seo__faq-item {
	border: 0;
}

.delihot-location-seo__faq-item summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-4);
	padding: var(--space-2) 0;
	color: var(--color-text-primary);
	font-size: var(--text-base);
	font-weight: var(--font-weight-medium);
	line-height: 1.4;
	cursor: pointer;
	list-style: none;
}

.delihot-location-seo__faq-item summary::-webkit-details-marker {
	display: none;
}

.delihot-location-seo__faq-item summary::marker {
	content: none;
}

.delihot-location-seo__faq-item summary::after {
	content: '';
	flex: 0 0 10px;
	width: 10px;
	height: 10px;
	margin-left: auto;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg) translateY(-2px);
	transform-origin: center;
	transition: transform var(--duration-fast) var(--ease-standard);
}

.delihot-location-seo__faq-item[open] summary::after {
	transform: rotate(225deg) translateY(-2px);
}

.delihot-location-seo__faq-answer {
	padding: 0 0 var(--space-3) var(--space-5);
}

.delihot-location-seo__faq-answer p:last-child {
	margin-bottom: 0;
}

@media (min-width: 768px) {
	.delihot-location-seo {
		width: 100%;
		max-width: none;
		margin-inline: 0;
		border: 0;
		background: transparent;
		box-shadow: none;
	}

	.delihot-location-seo__metro,
	.delihot-location-seo__content {
		max-width: 1180px;
		margin-inline: auto;
		padding-inline: clamp(var(--space-6), 5vw, var(--space-10));
	}

	.delihot-location-seo__content p {
		max-width: 92ch;
	}
}

.delihot-scroll-top {
	position: fixed;
	right: max(var(--space-4), env(safe-area-inset-right));
	bottom: max(var(--space-4), env(safe-area-inset-bottom));
	display: grid;
	width: 44px;
	height: 44px;
	padding: 0;
	place-items: center;
	border: 1px solid var(--color-border-strong);
	border-radius: var(--radius-full);
	background: var(--color-bg-elevated);
	box-shadow: var(--shadow-md);
	color: var(--color-text-primary);
	font-size: var(--text-xl);
	line-height: 1;
	opacity: 0;
	visibility: hidden;
	cursor: pointer;
	z-index: var(--z-dropdown);
	transition:
		background var(--duration-fast) var(--ease-standard),
		border-color var(--duration-fast) var(--ease-standard),
		opacity var(--duration-base) var(--ease-standard),
		transform var(--duration-fast) var(--ease-standard);
}

.delihot-scroll-top.is-visible {
	opacity: 1;
	visibility: visible;
}

@media (min-width: 768px) {
	.delihot-scroll-top {
		display: none;
	}
}

.delihot-scroll-top:hover,
.delihot-scroll-top:focus-visible {
	border-color: var(--color-accent);
	background: var(--color-bg-elevated-hover);
	transform: translateY(-2px);
}

html:has(.delihot-adult-notice:not([hidden])),
html:has(.delihot-adult-notice:not([hidden])) body,
html.delihot-adult-notice-open,
html.delihot-adult-notice-open body {
	overflow: hidden;
}

.delihot-adult-notice[hidden] {
	display: none !important;
}

.delihot-adult-notice {
	position: fixed;
	inset: 0;
	z-index: var(--z-modal);
	display: grid;
	place-items: center;
	overflow-y: auto;
	overflow-x: clip;
	padding: clamp(var(--space-4), 7vh, var(--space-8)) var(--space-4);
	background: rgba(0, 0, 0, 0.62);
	backdrop-filter: blur(14px) saturate(0.82);
	-webkit-backdrop-filter: blur(14px) saturate(0.82);
	color: var(--color-text-primary);
	overscroll-behavior: contain;
}

.delihot-adult-notice::before {
	position: absolute;
	inset: 0;
	z-index: 0;
	content: '';
	pointer-events: none;
	background:
		radial-gradient(circle at 20% 20%, rgba(201, 83, 107, 0.24), transparent 28%),
		radial-gradient(circle at 80% 72%, rgba(201, 83, 107, 0.18), transparent 30%);
	filter: blur(54px);
	opacity: 0.9;
}

.delihot-adult-notice__panel {
	position: relative;
	width: min(100%, 640px);
	max-width: 100%;
	min-width: 0;
	z-index: 1;
	padding: clamp(var(--space-6), 6vw, var(--space-8));
	border: 1px solid var(--color-accent);
	border-radius: var(--radius-lg);
	background: linear-gradient(145deg, rgba(39, 25, 30, 0.98), rgba(16, 16, 17, 0.99) 62%), var(--color-bg-elevated);
	box-shadow:
		0 0 0 1px rgba(201, 83, 107, 0.14),
		0 24px 80px rgba(0, 0, 0, 0.7);
	text-align: center;
}

.delihot-adult-notice__badge {
	display: grid;
	width: 64px;
	height: 64px;
	margin: 0 auto var(--space-4);
	place-items: center;
	border: 2px solid var(--color-accent);
	border-radius: var(--radius-full);
	background: var(--color-accent-muted);
	color: var(--color-accent-hover);
	font-size: var(--text-lg);
	font-weight: var(--font-weight-semibold);
	letter-spacing: 0.04em;
}

.delihot-adult-notice__logo {
	display: block;
	width: min(100%, 190px);
	height: auto;
	margin: 0 auto var(--space-5);
}

.delihot-adult-notice__content h2 {
	margin: 0;
	color: var(--color-text-primary);
	font-size: var(--text-2xl);
	font-weight: var(--font-weight-semibold);
	line-height: var(--line-height-heading);
}

.delihot-adult-notice__content p {
	margin: var(--space-4) 0 0;
	color: var(--color-text-secondary);
	font-size: var(--text-base);
	line-height: 1.65;
}

.delihot-adult-notice__dismiss {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 180px;
	margin-top: var(--space-6);
	padding: var(--space-3) var(--space-6);
	border: 1px solid var(--color-accent);
	border-radius: var(--radius-full);
	background: linear-gradient(135deg, var(--color-accent), var(--color-accent-hover));
	box-shadow: 0 10px 28px var(--color-accent-muted);
	color: var(--color-text-primary);
	font-weight: var(--font-weight-semibold);
	cursor: pointer;
	transition:
		background var(--duration-fast) var(--ease-standard),
		box-shadow var(--duration-fast) var(--ease-standard),
		transform var(--duration-fast) var(--ease-standard);
}

.delihot-adult-notice__dismiss:hover,
.delihot-adult-notice__dismiss:focus-visible {
	background: var(--color-accent-hover);
	box-shadow: 0 12px 32px rgba(201, 83, 107, 0.3);
	transform: translateY(-1px);
}

@media (max-width: 767px) {
	.advertiser-dashboard__plan-catalog-details > summary {
		align-items: flex-start;
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-areas: 'title toggle' 'subtitle toggle';
		row-gap: 2px;
		padding: var(--space-3);
	}

	.advertiser-dashboard__plan-upgrade-options {
		padding: var(--space-3);
	}

	.advertiser-dashboard__plan-upgrade-options-header {
		align-items: flex-start;
		flex-direction: column;
		gap: var(--space-1);
	}

	.advertiser-dashboard__plan-upgrade-options-header > p {
		max-width: none;
		text-align: left;
	}

	.advertiser-dashboard__plan-upgrade-options-scroll {
		margin-inline: calc(var(--space-1) * -1);
		padding-inline: var(--space-1);
	}

	.advertiser-dashboard__plan-upgrade-option-card {
		flex: 0 0 min(100%, 23rem);
		width: min(100%, 23rem);
	}

	.advertiser-dashboard__plan-catalog-details > summary small {
		justify-self: start;
	}

	.advertiser-dashboard__plan-catalog-details > .advertiser-dashboard__plan-catalog {
		padding-inline: var(--space-3);
	}

	.advertiser-dashboard__plan-catalog-details
		> .advertiser-dashboard__plan-catalog
		> .advertiser-dashboard__plan-card {
		flex-basis: min(88vw, 22rem);
	}

	.advertiser-dashboard__plan-catalog-details > .advertiser-dashboard__plan-comparison {
		margin-top: var(--space-6);
		margin-inline: -1px;
	}

	.advertiser-dashboard__renewal-reminder-control {
		align-items: stretch;
		flex-direction: column;
	}

	.advertiser-dashboard__renewal-reminder-control .btn {
		width: 100%;
	}
}

.delihot-market-selector__list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3);
	margin: var(--space-5) 0 0;
	padding: 0;
	list-style: none;
}

.delihot-market-selector__intro {
	color: var(--color-text-secondary);
}

@media (max-width: 767px) {
	.delihot-adult-notice {
		padding: var(--space-4) var(--space-3);
	}

	.delihot-adult-notice__panel {
		padding: var(--space-6) var(--space-4);
	}

	.delihot-adult-notice__content p {
		font-size: var(--text-sm);
		line-height: 1.55;
	}

	.delihot-adult-notice__content h2 {
		font-size: clamp(1rem, 5vw, var(--text-2xl));
		letter-spacing: -0.02em;
		white-space: nowrap;
	}

	.delihot-adult-notice__dismiss {
		width: 100%;
	}

	.location-links__list {
		gap: var(--space-1);
	}

	.location-links__item {
		padding: var(--space-1) var(--space-3);
		font-size: var(--text-xs);
	}

	.delihot-location-seo {
		padding-inline: var(--space-4);
	}

	.delihot-location-seo__metro {
		padding: var(--space-4);
	}

	.delihot-location-seo__content {
		padding: 0 var(--space-4) var(--space-4);
	}

	.delihot-location-seo__links {
		line-height: 1.5;
	}

	.delihot-location-seo__links .delihot-inline-links__item {
		font-size: var(--text-xs);
		white-space: normal;
	}

	.delihot-scroll-top {
		right: max(var(--space-3), env(safe-area-inset-right));
		bottom: max(var(--space-3), env(safe-area-inset-bottom));
	}
}

/* Registration desktop layout: keep the general flow wide and Visitor sequential. */
@media (min-width: 1024px) {
	.delihot-registration__content,
	.delihot-registration__panel {
		width: min(100%, 840px);
		max-width: 840px;
	}

	.delihot-registration__form {
		width: 100%;
		max-width: 720px;
	}

	.delihot-registration__content {
		--registration-control-width: 440px;
	}

	.delihot-registration__step [data-registration-model-fields],
	.delihot-registration__step [data-registration-verification-fields] {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: var(--space-5);
	}

	.delihot-registration__step [data-registration-password-pair],
	.delihot-registration__step [data-registration-contact-pair] {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: var(--space-5);
	}

	.delihot-registration__step [data-registration-visitor-fields] {
		width: min(100%, 560px);
		max-width: 560px;
		margin-inline: auto;
		grid-template-columns: minmax(0, 1fr);
		column-gap: 0;
	}

	.delihot-registration__step:has([data-registration-visitor-fields]:not([hidden])) .delihot-registration__legal {
		width: min(100%, 560px);
		max-width: 560px;
		margin-inline: auto;
	}
}