/**
 * Zippyn — Servicios cerca: directorio mobile simple.
 * Solo body.zp-sl-directory-simple + max-width 768px.
 * Desktop / tablet ancha: sin cambios.
 */

@media (max-width: 768px) {
	/* ── Hide global header on this page only ── */
	body.zp-sl-directory-simple.zp-sl-category-mode .zp-header--2026,
	body.zp-sl-directory-simple.zp-sl-category-mode header.zp-header,
	body.zp-sl-directory-simple.zp-sl-category-mode .zp-site-header {
		display: none !important;
	}

	/* Sin reservar altura del header global (causaba hueco arriba del buscador) */
	body.zp-sl-directory-simple.zp-sl-category-mode {
		--zp-header-offset: 0px !important;
		background: #fff !important;
		padding-top: 0 !important;
	}

	body.zp-sl-directory-simple.zp-sl-category-mode #page,
	body.zp-sl-directory-simple.zp-sl-category-mode #wrapper,
	body.zp-sl-directory-simple.zp-sl-category-mode #main,
	body.zp-sl-directory-simple.zp-sl-category-mode .wrapper-mobile,
	body.zp-sl-directory-simple.zp-sl-category-mode .page-content > .container:first-child {
		padding-top: 0 !important;
		margin-top: 0 !important;
	}

	body.zp-sl-directory-simple.zp-sl-category-mode .zp-sl-layout--category,
	body.zp-sl-directory-simple.zp-sl-category-mode .search-location-wrap {
		padding-top: 0 !important;
		margin-top: 0 !important;
		background: #fff !important;
	}

	/* Este padding era para el header viejo — es el hueco bajo «Servicios cerca» */
	body.zp-sl-directory-simple form#search-location-form.zp-sl-category-form,
	body.zp-sl-directory-simple.zp-sl-category-mode form#search-location-form.zp-sl-category-form {
		padding-top: 0 !important;
		margin-top: 0 !important;
		background: #fff !important;
	}

	body.zp-sl-directory-simple .zp-sl-explore.zp-sl-explore--toolbar,
	body.zp-sl-directory-simple.zp-sl-category-mode .zp-sl-explore.zp-sl-explore--toolbar {
		padding-top: 0 !important;
		margin-top: 0 !important;
		scroll-margin-top: 0 !important;
	}

	/* ── Compact page header ── */
	body.zp-sl-directory-simple .zp-sl-dir-header {
		position: sticky;
		top: 0;
		z-index: 60;
		display: flex;
		align-items: center;
		gap: 8px;
		min-height: 40px;
		padding: 2px 12px;
		padding-top: max(2px, env(safe-area-inset-top));
		background: #fff;
		border-bottom: 1px solid #e8edf3;
		box-sizing: border-box;
	}

	body.zp-sl-directory-simple .zp-sl-dir-header__back {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 36px;
		height: 36px;
		margin: 0;
		padding: 0;
		border: 0;
		background: transparent;
		color: #1e3a5f;
		font-size: 20px;
		line-height: 1;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
		flex-shrink: 0;
	}

	body.zp-sl-directory-simple .zp-sl-dir-header__title {
		flex: 1;
		min-width: 0;
		margin: 0;
		font-size: 15px;
		font-weight: 700;
		color: #0f172a;
		line-height: 1.2;
	}

	body.zp-sl-directory-simple .zp-sl-dir-header__filters {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 5px;
		min-height: 30px;
		padding: 4px 10px;
		border: 1.5px solid #3b82f6;
		border-radius: 8px;
		background: #fff;
		color: #2563eb;
		font-size: 12px;
		font-weight: 600;
		cursor: pointer;
		flex-shrink: 0;
		-webkit-tap-highlight-color: transparent;
	}

	body.zp-sl-directory-simple .zp-sl-dir-header__filters i {
		font-size: 11px;
	}

	/* ── Brand logo above search ── */
	body.zp-sl-directory-simple .zp-sl-dir-brand {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		margin: 0 !important;
		padding: 6px 12px 2px !important;
		background: #fff !important;
	}

	body.zp-sl-directory-simple .zp-sl-dir-brand__link {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		line-height: 0 !important;
		text-decoration: none !important;
		-webkit-tap-highlight-color: transparent;
	}

	body.zp-sl-directory-simple .zp-sl-dir-brand__logo {
		display: block !important;
		width: auto !important;
		height: 38px !important;
		max-width: min(220px, 68vw) !important;
		object-fit: contain !important;
		object-position: center center !important;
		transform-origin: center center;
		filter: drop-shadow(0 4px 10px rgba(22, 89, 184, 0.14));
		animation: zp-sl-dir-logo-float 3.4s ease-in-out infinite;
	}

	@keyframes zp-sl-dir-logo-float {
		0%,
		100% {
			transform: translateY(0) scale(1);
			filter: drop-shadow(0 4px 10px rgba(22, 89, 184, 0.14));
		}
		50% {
			transform: translateY(-5px) scale(1.03);
			filter: drop-shadow(0 10px 16px rgba(29, 191, 115, 0.22));
		}
	}

	@media (prefers-reduced-motion: reduce) {
		body.zp-sl-directory-simple .zp-sl-dir-brand__logo {
			animation: none !important;
		}
	}

	/* ── Toolbar / explore: flatten ── */
	body.zp-sl-directory-simple .zp-sl-explore--toolbar,
	body.zp-sl-directory-simple .zp-sl-explore__masthead,
	body.zp-sl-directory-simple .zp-sl-explore__masthead--stack,
	body.zp-sl-directory-simple .zp-sl-explore__masthead--compact,
	body.zp-sl-directory-simple .zp-sl-explore__search-wrap,
	body.zp-sl-directory-simple .zp-sl-explore__search-card,
	body.zp-sl-directory-simple .zp-app-search-card {
		background: transparent !important;
		box-shadow: none !important;
		border: none !important;
		border-radius: 0 !important;
	}

	body.zp-sl-directory-simple .zp-sl-explore__masthead,
	body.zp-sl-directory-simple .zp-sl-explore__masthead--stack,
	body.zp-sl-directory-simple .zp-sl-explore__masthead--compact,
	body.zp-sl-directory-simple .zp-sl-explore__search-wrap,
	body.zp-sl-directory-simple .zp-sl-explore__search-card,
	body.zp-sl-directory-simple .zp-app-search-card {
		padding: 0 !important;
		margin: 0 !important;
		gap: 0 !important;
	}

	body.zp-sl-directory-simple .zp-sl-explore--toolbar {
		padding: 2px 12px 0 !important;
		margin: 0 !important;
		overflow: visible !important;
	}

	body.zp-sl-directory-simple .zp-sl-explore__masthead,
	body.zp-sl-directory-simple .zp-sl-explore__masthead--stack,
	body.zp-sl-directory-simple .zp-sl-explore__masthead--compact,
	body.zp-sl-directory-simple .zp-sl-explore__search-wrap,
	body.zp-sl-directory-simple .zp-sl-explore__search-card,
	body.zp-sl-directory-simple .zp-app-search-card {
		overflow: visible !important;
	}

	body.zp-sl-directory-simple .zp-app-search-field__label,
	body.zp-sl-directory-simple .zp-app-search-card__divider {
		display: none !important;
	}

	/* Search bar */
	body.zp-sl-directory-simple .zp-app-search-field--service {
		margin: 0 0 4px !important;
		padding: 0 !important;
	}

	body.zp-sl-directory-simple .zp-app-search-bar {
		display: flex !important;
		align-items: center;
		gap: 8px;
		min-height: 38px !important;
		height: 38px !important;
		padding: 0 12px !important;
		background: #fff !important;
		border: 1px solid #e2e8f0 !important;
		border-radius: 12px !important;
		box-shadow: none !important;
	}

	body.zp-sl-directory-simple .zp-app-search-bar__icon {
		color: #94a3b8 !important;
		font-size: 15px;
	}

	body.zp-sl-directory-simple .zp-app-search-bar__input {
		flex: 1;
		min-width: 0;
		border: 0 !important;
		background: transparent !important;
		font-size: 15px !important;
		color: #0f172a !important;
		padding: 0 !important;
		box-shadow: none !important;
		height: auto !important;
		line-height: 1.2 !important;
	}

	body.zp-sl-directory-simple .zp-app-search-bar__input::placeholder {
		color: #94a3b8 !important;
	}

	/* Selector de todas las categorías (debajo de “¿Qué servicio necesitás?”) */
	body.zp-sl-directory-simple .zp-sl-category-picker {
		display: block !important;
		margin: 0 0 6px !important;
		padding: 0 !important;
		position: relative !important;
		z-index: 40 !important;
	}

	body.zp-sl-directory-simple .zp-sl-category-picker__toggle {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		gap: 6px !important;
		width: 100% !important;
		min-height: 36px !important;
		height: 36px !important;
		padding: 0 12px !important;
		border: 1px solid #e2e8f0 !important;
		border-radius: 12px !important;
		background: #f8fafc !important;
		color: #0f172a !important;
		box-shadow: none !important;
		text-align: left !important;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}

	body.zp-sl-directory-simple .zp-sl-category-picker__toggle--open {
		border-color: #93c5fd !important;
		background: #eff6ff !important;
	}

	body.zp-sl-directory-simple .zp-sl-category-picker__hint {
		flex: 0 0 auto !important;
		margin: 0 !important;
		font-size: 11px !important;
		font-weight: 700 !important;
		letter-spacing: 0.02em !important;
		text-transform: none !important;
		color: #64748b !important;
		white-space: nowrap;
	}

	body.zp-sl-directory-simple .zp-sl-category-picker__current {
		flex: 1 1 auto !important;
		min-width: 0 !important;
		margin: 0 !important;
		font-size: 13px !important;
		font-weight: 700 !important;
		color: #0f172a !important;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	body.zp-sl-directory-simple .zp-sl-category-picker__chev {
		flex-shrink: 0 !important;
		margin: 0 !important;
		font-size: 11px !important;
		color: #64748b !important;
	}

	body.zp-sl-directory-simple .zp-sl-category-picker__panel {
		position: absolute !important;
		left: 0 !important;
		right: 0 !important;
		top: calc(100% + 4px) !important;
		z-index: 50 !important;
		max-height: min(52vh, 320px) !important;
		overflow: hidden !important;
		display: flex !important;
		flex-direction: column !important;
		border: 1px solid #e2e8f0 !important;
		border-radius: 14px !important;
		background: #ffffff !important;
		box-shadow: 0 12px 32px rgba(15, 23, 42, 0.14) !important;
	}

	body.zp-sl-directory-simple .zp-sl-category-picker__panel[hidden] {
		display: none !important;
	}

	body.zp-sl-directory-simple .zp-sl-category-picker__filter-wrap {
		display: flex !important;
		align-items: center !important;
		gap: 8px !important;
		padding: 8px 10px !important;
		border-bottom: 1px solid #e2e8f0 !important;
		background: #f8fafc !important;
	}

	body.zp-sl-directory-simple .zp-sl-category-picker__filter {
		flex: 1 !important;
		min-width: 0 !important;
		border: 0 !important;
		background: transparent !important;
		font-size: 14px !important;
		color: #0f172a !important;
		padding: 4px 0 !important;
		box-shadow: none !important;
	}

	body.zp-sl-directory-simple .zp-sl-category-picker__list {
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch;
		max-height: min(42vh, 260px) !important;
		padding: 4px 0 !important;
	}

	body.zp-sl-directory-simple .zp-sl-category-picker__item {
		display: block !important;
		width: 100% !important;
		min-height: 44px !important;
		padding: 10px 14px !important;
		border: 0 !important;
		border-bottom: 1px solid #f1f5f9 !important;
		background: #fff !important;
		color: #0f172a !important;
		font-size: 14px !important;
		font-weight: 600 !important;
		text-align: left !important;
		cursor: pointer;
	}

	body.zp-sl-directory-simple .zp-sl-category-picker__item--active {
		background: #eff6ff !important;
		color: #1d4ed8 !important;
	}

	body.zp-sl-directory-simple .zp-sl-category-picker__item--hidden-nearby {
		display: none !important;
	}

	/* Location row */
	body.zp-sl-directory-simple .zp-app-search-field--location {
		margin: 0 0 4px !important;
		padding: 0 !important;
	}

	body.zp-sl-directory-simple #zp-app-location-field.zp-app-location-field {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		width: 100%;
		min-height: 28px !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		border-radius: 0 !important;
		text-align: left;
	}

	body.zp-sl-directory-simple .zp-app-location-field__main {
		display: flex;
		align-items: center;
		gap: 8px;
		min-width: 0;
		flex: 1;
	}

	body.zp-sl-directory-simple .zp-app-location-field__pin {
		color: #2563eb !important;
		font-size: 16px;
		flex-shrink: 0;
	}

	body.zp-sl-directory-simple .zp-app-location-field__value {
		font-size: 14px !important;
		font-weight: 600 !important;
		color: #1e293b !important;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	body.zp-sl-directory-simple .zp-app-location-field__action {
		flex-shrink: 0;
		font-size: 14px !important;
		font-weight: 600 !important;
		color: #2563eb !important;
		background: none !important;
		border: none !important;
		padding: 0 !important;
	}

	/* ── Category / rubro chips (compactos) ── */
	body.zp-sl-directory-simple .zp-sl-cat-rail-stack {
		margin: 0 !important;
		padding: 0 12px 2px !important;
		background: #fff !important;
		box-shadow: none !important;
		border: 0 !important;
		gap: 0 !important;
	}

	body.zp-sl-directory-simple .zp-sl-cat-rail-stack__label,
	body.zp-sl-directory-simple .zp-sl-cat-rail-wrap--cats,
	body.zp-sl-directory-simple .zp-sl-map-filter-intro,
	body.zp-sl-directory-simple .zp-sl-filter-intro {
		display: none !important;
	}

	body.zp-sl-directory-simple .zp-sl-cat-rail-wrap,
	body.zp-sl-directory-simple .zp-sl-cat-rail-wrap--macros,
	body.zp-sl-directory-simple .zp-sl-cat-rail-wrap--legacy,
	body.zp-sl-directory-simple .zp-sl-cat-rail-wrap--above-map,
	body.zp-sl-directory-simple .zp-sl-cat-rail-wrap--cats {
		margin: 0 !important;
		padding: 0 !important;
		min-height: 0 !important;
	}

	/* When no macros: show single cat rail as chips */
	body.zp-sl-directory-simple .zp-sl-cat-rail-stack--legacy .zp-sl-cat-rail-wrap--above-map {
		display: block !important;
	}

	body.zp-sl-directory-simple .zp-sl-cat-rail,
	body.zp-sl-directory-simple .zp-sl-cat-rail--macro,
	body.zp-sl-directory-simple .zp-sl-cat-rail--cats {
		display: flex !important;
		flex-wrap: nowrap !important;
		gap: 5px !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		padding: 0 0 2px !important;
		margin: 0 !important;
		min-height: 0 !important;
	}

	body.zp-sl-directory-simple .zp-sl-cat-rail::-webkit-scrollbar {
		display: none;
	}

	body.zp-sl-directory-simple .zp-sl-macro-rail__btn,
	body.zp-sl-directory-simple .zp-sl-cat-rail__btn {
		flex: 0 0 auto !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 4px !important;
		min-height: 28px !important;
		height: 28px !important;
		padding: 0 10px !important;
		border-radius: 999px !important;
		border: 1px solid #e2e8f0 !important;
		background: #fff !important;
		color: #334155 !important;
		font-size: 12px !important;
		font-weight: 600 !important;
		line-height: 1 !important;
		box-shadow: none !important;
		white-space: nowrap;
	}

	body.zp-sl-directory-simple .zp-sl-macro-rail__btn--active,
	body.zp-sl-directory-simple .zp-sl-cat-rail__btn--active {
		background: #2563eb !important;
		border-color: #2563eb !important;
		color: #fff !important;
	}

	body.zp-sl-directory-simple .zp-sl-macro-rail__btn--active .zp-sl-macro-rail__emoji,
	body.zp-sl-directory-simple .zp-sl-cat-rail__btn--active .zp-sl-cat-rail__label,
	body.zp-sl-directory-simple .zp-sl-cat-rail__btn--active .zp-sl-cat-rail__media {
		color: #fff !important;
	}

	body.zp-sl-directory-simple .zp-sl-cat-rail__media {
		width: 14px !important;
		height: 14px !important;
		margin: 0 !important;
	}

	body.zp-sl-directory-simple .zp-sl-cat-rail__media svg {
		width: 13px !important;
		height: 13px !important;
	}

	body.zp-sl-directory-simple .zp-sl-macro-rail__emoji {
		font-size: 12px !important;
		line-height: 1 !important;
	}

	body.zp-sl-directory-simple .zp-sl-macro-rail__emoji--icon {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 14px !important;
		height: 14px !important;
		flex-shrink: 0 !important;
		color: currentColor !important;
	}

	body.zp-sl-directory-simple .zp-sl-macro-rail__emoji--icon .zp-sl-hi,
	body.zp-sl-directory-simple .zp-sl-macro-rail__emoji--icon svg {
		display: block !important;
		width: 14px !important;
		height: 14px !important;
		color: currentColor !important;
		stroke: currentColor !important;
	}

	body.zp-sl-directory-simple .zp-sl-macro-rail__label,
	body.zp-sl-directory-simple .zp-sl-cat-rail__label {
		font-size: 12px !important;
		line-height: 1 !important;
		margin: 0 !important;
	}

	/* Show category rail after macro pick (JS adds class) */
	body.zp-sl-directory-simple.zp-sl-dir-show-cats .zp-sl-cat-rail-wrap--cats {
		display: block !important;
		padding: 2px 0 0 !important;
		margin: 0 !important;
	}

	body.zp-sl-directory-simple.zp-sl-dir-show-cats .zp-sl-cat-rail-wrap--cats .zp-sl-cat-rail-stack__label {
		display: none !important;
	}

	/* ── Hide map/list toggle, map (list default), chips bar, big blocks ── */
	body.zp-sl-directory-simple.zp-sl-cat-view-list .zp-sl-mobile-map-list-toggle,
	body.zp-sl-directory-simple.zp-sl-cat-view-list .zp-sl-category-map,
	body.zp-sl-directory-simple.zp-sl-cat-view-list .zp-sl-map-radius,
	body.zp-sl-directory-simple .zp-sl-chips,
	body.zp-sl-directory-simple .zp-sl-stat-card__right,
	body.zp-sl-directory-simple .zp-sl-stat-card__tags,
	body.zp-sl-directory-simple .zp-sl-stat-card__meta,
	body.zp-sl-directory-simple .zp-sl-stat-card__illustration,
	body.zp-sl-directory-simple .filter-reset,
	body.zp-sl-directory-simple .zp-sl-bottom-cta,
	body.zp-sl-directory-simple .zp-sl-card__swipe-hint-below,
	body.zp-sl-directory-simple .zp-sl-carousel__arrow,
	body.zp-sl-directory-simple .zp-sl-carousel__footer {
		display: none !important;
	}

	/* When map view from filters: show map, hide list partially handled by existing classes */
	body.zp-sl-directory-simple.zp-sl-cat-view-map .zp-sl-category-map {
		display: block !important;
		margin: 0 14px 12px !important;
		border-radius: 16px;
		overflow: hidden;
		min-height: 220px;
	}

	body.zp-sl-directory-simple.zp-sl-cat-view-map .zp-sl-dir-map-banner {
		display: flex;
	}

	/* ── Results summary row ── */
	body.zp-sl-directory-simple .zp-sl-sheet-shell,
	body.zp-sl-directory-simple #zp-sl-sheet {
		background: #fff !important;
		box-shadow: none !important;
		border: 0 !important;
		margin: 0 !important;
		padding: 0 4px 24px !important;
		border-radius: 0 !important;
	}

	body.zp-sl-directory-simple .zp-sl-stat-card {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		margin: 2px 0 8px !important;
		padding: 0 !important;
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
		min-height: 0 !important;
	}

	body.zp-sl-directory-simple .zp-sl-stat-card__left {
		flex: 1;
		min-width: 0;
		padding: 0 !important;
	}

	body.zp-sl-directory-simple .zp-sl-sheet__count-stack {
		display: flex !important;
		flex-direction: row !important;
		align-items: baseline !important;
		flex-wrap: wrap;
		gap: 5px !important;
	}

	body.zp-sl-directory-simple .zp-sl-sheet__count-huge {
		font-size: 13px !important;
		font-weight: 600 !important;
		line-height: 1.35 !important;
		color: #64748b !important;
		letter-spacing: 0 !important;
	}

	body.zp-sl-directory-simple .zp-sl-sheet__count-sub {
		font-size: 13px !important;
		font-weight: 500 !important;
		color: #64748b !important;
		line-height: 1.35 !important;
		text-transform: none !important;
	}

	body.zp-sl-directory-simple .zp-sl-dir-sort {
		position: relative;
		flex-shrink: 0;
	}

	body.zp-sl-directory-simple .zp-sl-dir-sort__btn {
		display: inline-flex;
		align-items: center;
		gap: 4px;
		min-height: 36px;
		padding: 4px 0;
		border: 0;
		background: transparent;
		color: #2563eb;
		font-size: 13px;
		font-weight: 600;
		cursor: pointer;
		white-space: nowrap;
	}

	body.zp-sl-directory-simple .zp-sl-dir-sort__menu {
		position: absolute;
		right: 0;
		top: calc(100% + 4px);
		z-index: 50;
		min-width: 180px;
		padding: 6px;
		background: #fff;
		border: 1px solid #e2e8f0;
		border-radius: 12px;
		box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
	}

	body.zp-sl-directory-simple .zp-sl-dir-sort__menu[hidden] {
		display: none !important;
	}

	body.zp-sl-directory-simple .zp-sl-dir-sort__option {
		display: block;
		width: 100%;
		text-align: left;
		padding: 10px 12px;
		border: 0;
		border-radius: 8px;
		background: transparent;
		color: #0f172a;
		font-size: 14px;
		font-weight: 500;
		cursor: pointer;
	}

	body.zp-sl-directory-simple .zp-sl-dir-sort__option--active,
	body.zp-sl-directory-simple .zp-sl-dir-sort__option:hover {
		background: #eff6ff;
		color: #2563eb;
	}

	/* Map banner when open */
	body.zp-sl-directory-simple .zp-sl-dir-map-banner {
		display: none;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		margin: 0 0 10px;
		padding: 8px 12px;
		background: #eff6ff;
		border-radius: 12px;
	}

	body.zp-sl-directory-simple .zp-sl-dir-map-banner__btn {
		border: 0;
		background: transparent;
		color: #2563eb;
		font-size: 13px;
		font-weight: 700;
		cursor: pointer;
		min-height: 36px;
	}

	/* ── Cards densas (+15%): [foto] [info] [botones] ──
	   Override crítico: category/redesign fuerzan display:block !important */
	body.zp-sl-directory-simple #zp-sl-results-list {
		display: flex !important;
		flex-direction: column !important;
		gap: 7px !important;
		margin: 0 !important;
		padding: 0 0 88px !important;
		list-style: none !important;
	}

	body.zp-sl-directory-simple #zp-sl-results-list > li,
	body.zp-sl-directory-simple #zp-sl-results-list > li.zp-sl-card-li--dir-simple {
		float: none !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		min-height: 0 !important;
	}

	body.zp-sl-directory-simple #zp-sl-results-list > li .zp-sl-card.zp-sl-card--dir-simple,
	body.zp-sl-directory-simple .zp-sl-card.zp-sl-card--dir-simple {
		display: grid !important;
		grid-template-columns: 68px minmax(0, 1fr) 92px !important;
		grid-template-rows: auto !important;
		align-items: center !important;
		gap: 0 8px !important;
		width: 100% !important;
		max-width: 100% !important;
		min-height: 0 !important;
		height: auto !important;
		margin: 0 !important;
		padding: 8px 8px !important;
		background: #fff !important;
		border: 1px solid #e8edf3 !important;
		border-radius: 14px !important;
		box-shadow: none !important;
		position: relative !important;
		overflow: visible !important;
		box-sizing: border-box !important;
	}

	body.zp-sl-directory-simple .zp-sl-card.zp-sl-card--dir-pro {
		border-color: #fde68a !important;
		background: #fffefb !important;
	}

	body.zp-sl-directory-simple .zp-sl-card--dir-pro::before {
		display: none !important;
	}

	body.zp-sl-directory-simple .zp-sl-card--dir-simple > .zp-sl-dir-card__photo {
		grid-column: 1 !important;
		grid-row: 1 !important;
		width: 68px !important;
		height: 78px !important;
		min-width: 68px !important;
		max-width: 68px !important;
		border-radius: 12px !important;
		overflow: hidden !important;
		background: #f1f5f9 !important;
		margin: 0 !important;
		padding: 0 !important;
		float: none !important;
		align-self: center !important;
	}

	body.zp-sl-directory-simple .zp-sl-dir-card__photo a,
	body.zp-sl-directory-simple .zp-sl-dir-card__photo img {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		margin: 0 !important;
		border-radius: 0 !important;
	}

	body.zp-sl-directory-simple .zp-sl-card--dir-simple > .zp-sl-dir-card__body {
		grid-column: 2 !important;
		grid-row: 1 !important;
		min-width: 0 !important;
		width: auto !important;
		max-width: none !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		justify-content: center !important;
		gap: 1px !important;
		margin: 0 !important;
		padding: 0 !important;
		float: none !important;
	}

	body.zp-sl-directory-simple .zp-sl-dir-card__title-row {
		display: flex !important;
		align-items: center !important;
		flex-wrap: nowrap !important;
		gap: 5px !important;
		width: 100% !important;
		min-width: 0 !important;
	}

	body.zp-sl-directory-simple .zp-sl-dir-card__title {
		flex: 1 1 auto !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 15px !important;
		font-weight: 700 !important;
		line-height: 1.2 !important;
		color: #0f172a !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		display: block !important;
		-webkit-line-clamp: unset !important;
	}

	body.zp-sl-directory-simple .zp-sl-dir-card__title a {
		color: inherit !important;
		text-decoration: none !important;
	}

	/* Insignia PRO oficial (naranja llena) — recomendados / orden PRO primero */
	body.zp-sl-directory-simple .zp-sl-dir-card__pro,
	body.zp-sl-directory-simple .zp-sl-dir-card__pro.yrl-pro-badge,
	body.zp-sl-directory-simple .zp-sl-dir-card__pro.zp-pro-badge {
		flex: 0 0 auto !important;
		display: inline-flex !important;
		align-items: center !important;
		gap: 3px !important;
		padding: 4px 8px !important;
		border-radius: 999px !important;
		border: 0 !important;
		background: linear-gradient(135deg, #fbbf24 0%, #ea580c 100%) !important;
		color: #fff !important;
		font-size: 11px !important;
		font-weight: 800 !important;
		line-height: 1.1 !important;
		letter-spacing: 0.02em !important;
		box-shadow: 0 2px 6px rgba(234, 88, 12, 0.28) !important;
		white-space: nowrap !important;
	}

	body.zp-sl-directory-simple .zp-sl-dir-card__pro .yrl-pro-badge__icon,
	body.zp-sl-directory-simple .zp-sl-dir-card__pro .zp-fund-badge__icon,
	body.zp-sl-directory-simple .zp-sl-dir-card__pro i {
		font-size: 10px !important;
		color: #fff !important;
		margin: 0 !important;
	}

	body.zp-sl-directory-simple .zp-sl-dir-card__cat,
	body.zp-sl-directory-simple .zp-sl-dir-card__sub {
		margin: 0 !important;
		font-size: 12.5px !important;
		font-weight: 500 !important;
		color: #94a3b8 !important;
		line-height: 1.25 !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		max-width: 100% !important;
	}

	body.zp-sl-directory-simple .zp-sl-dir-card__meta {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		gap: 4px !important;
		margin: 0 !important;
		font-size: 12.5px !important;
		color: #475569 !important;
		line-height: 1.25 !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		max-width: 100% !important;
	}

	body.zp-sl-directory-simple .zp-sl-dir-card__star {
		color: #2563eb !important;
		font-size: 11.5px !important;
	}

	body.zp-sl-directory-simple .zp-sl-dir-card__rating {
		font-weight: 600 !important;
		color: #0f172a !important;
	}

	body.zp-sl-directory-simple .zp-sl-dir-card__rating--empty {
		font-weight: 500 !important;
		color: #94a3b8 !important;
	}

	body.zp-sl-directory-simple .zp-sl-dir-card__revs {
		font-weight: 500 !important;
		color: #64748b !important;
	}

	body.zp-sl-directory-simple .zp-sl-dir-card__dist {
		color: #64748b !important;
		font-weight: 500 !important;
	}

	body.zp-sl-directory-simple .zp-sl-dir-card__dot {
		color: #cbd5e1 !important;
		font-weight: 700 !important;
	}

	body.zp-sl-directory-simple .zp-sl-dir-card__desc,
	body.zp-sl-directory-simple .zp-sl-dir-card__foot,
	body.zp-sl-directory-simple .zp-sl-dir-card__status-wrap {
		display: none !important;
	}

	body.zp-sl-directory-simple .zp-sl-dir-card__status {
		display: inline-flex !important;
		align-items: center !important;
		gap: 2px !important;
		margin: 2px 0 0 !important;
		padding: 2px 8px !important;
		border-radius: 999px !important;
		background: #eff6ff !important;
		color: #2563eb !important;
		font-size: 11.5px !important;
		font-weight: 600 !important;
		line-height: 1.3 !important;
		white-space: nowrap !important;
		max-width: 100% !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	body.zp-sl-directory-simple .zp-sl-dir-card__status--avail {
		background: #ecfdf5 !important;
		color: #059669 !important;
	}

	body.zp-sl-directory-simple .zp-sl-card--dir-simple > .zp-sl-dir-card__actions {
		grid-column: 3 !important;
		grid-row: 1 !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		justify-content: center !important;
		gap: 6px !important;
		width: 90px !important;
		min-width: 90px !important;
		max-width: 90px !important;
		margin: 0 !important;
		padding: 0 !important;
		float: none !important;
		align-self: center !important;
	}

	body.zp-sl-directory-simple .zp-sl-dir-card__btn-profile,
	body.zp-sl-directory-simple .zp-sl-dir-card__btn-wa {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 3px !important;
		width: 100% !important;
		min-height: 30px !important;
		height: 30px !important;
		padding: 0 7px !important;
		border-radius: 999px !important;
		font-size: 12px !important;
		font-weight: 600 !important;
		line-height: 1 !important;
		text-decoration: none !important;
		box-sizing: border-box !important;
		white-space: nowrap !important;
	}

	body.zp-sl-directory-simple .zp-sl-dir-card__btn-profile {
		border: 1px solid #e2e8f0 !important;
		background: #fff !important;
		color: #334155 !important;
		font-size: 11.5px !important;
	}

	body.zp-sl-directory-simple .zp-sl-dir-card__btn-wa {
		border: 0 !important;
		background: #22c55e !important;
		color: #fff !important;
		box-shadow: none !important;
	}

	body.zp-sl-directory-simple .zp-sl-dir-card__btn-wa i {
		font-size: 12.5px !important;
		color: #fff !important;
	}

	body.zp-sl-directory-simple .zp-sl-card--carousel:not(.zp-sl-card--dir-simple) {
		border: 1px solid #e8edf3;
		border-radius: 16px;
		overflow: hidden;
		max-height: 140px;
	}

	body.zp-sl-directory-simple .zp-sl-card--carousel:not(.zp-sl-card--dir-simple) .zp-sl-carousel__track {
		display: block !important;
	}

	body.zp-sl-directory-simple .zp-sl-card--carousel:not(.zp-sl-card--dir-simple) .zp-sl-carousel__slide:not(:first-child) {
		display: none !important;
	}

	/* ── Filters bottom sheet ── */
	body.zp-sl-directory-simple #zp-sl-filters-drawer.zp-sl-filters-drawer {
		position: fixed !important;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 120;
		max-height: min(78vh, 640px);
		margin: 0 !important;
		padding: 0 !important;
		background: #fff !important;
		border-radius: 20px 20px 0 0 !important;
		box-shadow: 0 -8px 32px rgba(15, 23, 42, 0.18) !important;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}

	body.zp-sl-directory-simple #zp-sl-filters-drawer[hidden] {
		display: none !important;
	}

	/* Sin manto gris en Filtros */
	body.zp-sl-directory-simple .zp-sl-dir-filters-backdrop {
		display: none !important;
		pointer-events: none !important;
		opacity: 0 !important;
		background: transparent !important;
	}

	body.zp-sl-directory-simple #zp-sl-filters-drawer.zp-sl-filters-drawer {
		z-index: 200 !important;
		box-shadow: 0 -10px 28px rgba(15, 23, 42, 0.12) !important;
	}

	body.zp-sl-directory-simple .zp-sl-dir-filters {
		padding: 16px 16px calc(20px + env(safe-area-inset-bottom));
	}

	body.zp-sl-directory-simple .zp-sl-dir-filters__head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 16px;
	}

	body.zp-sl-directory-simple .zp-sl-dir-filters__title {
		margin: 0;
		font-size: 18px;
		font-weight: 700;
		color: #0f172a;
	}

	body.zp-sl-directory-simple .zp-sl-dir-filters__close {
		width: 40px;
		height: 40px;
		border: 0;
		border-radius: 10px;
		background: #f1f5f9;
		color: #334155;
		font-size: 18px;
		cursor: pointer;
	}

	body.zp-sl-directory-simple .zp-sl-dir-filters__section {
		margin-bottom: 16px;
	}

	body.zp-sl-directory-simple .zp-sl-dir-filters__label {
		display: block;
		margin: 0 0 8px;
		font-size: 12px;
		font-weight: 700;
		letter-spacing: 0.04em;
		text-transform: uppercase;
		color: #64748b;
	}

	body.zp-sl-directory-simple .zp-sl-dir-filters__chips {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}

	body.zp-sl-directory-simple .zp-sl-dir-filters__chip {
		display: inline-flex;
		align-items: center;
		min-height: 40px;
		padding: 8px 14px;
		border: 1px solid #e2e8f0;
		border-radius: 999px;
		background: #fff;
		color: #334155;
		font-size: 13px;
		font-weight: 600;
		cursor: pointer;
	}

	body.zp-sl-directory-simple .zp-sl-dir-filters__chip--active {
		background: #2563eb;
		border-color: #2563eb;
		color: #fff;
	}

	body.zp-sl-directory-simple .zp-sl-dir-filters__link {
		display: inline-flex;
		align-items: center;
		min-height: 40px;
		padding: 0;
		border: 0;
		background: transparent;
		color: #2563eb;
		font-size: 14px;
		font-weight: 600;
		cursor: pointer;
	}

	body.zp-sl-directory-simple .zp-sl-dir-filters__apply {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		min-height: 48px;
		margin-top: 8px;
		border: 0;
		border-radius: 14px;
		background: #2563eb;
		color: #fff;
		font-size: 15px;
		font-weight: 700;
		cursor: pointer;
	}
}
