/**
 * INM Listy — wspólny szablon podstron list.
 *
 * Projekt „Podstrony list – szablon wspólny” w INM Design System v2: płasko,
 * bez ramek i cieni, pomarańcz tylko dla akcji („Prześlij w 3 minuty”),
 * pistacja dla hover i wyboru, grafitowy fokus 3 px. Hero jak na stronie
 * głównej: limonka ze skośną dolną krawędzią.
 *
 * Kontrolki FacetWP (select, pole daty, reset, pager) dostają wygląd pól
 * DS tylko wewnątrz `.inm-listy`. Selektory mają prefiks `.inm-listy`, żeby
 * wygrać ze stylami motywu i kitu Elementora (`.elementor-kit-11 a`).
 * Progi: 600 i 1024 px; margines boczny 16 / 24 / 32 px.
 */

.inm-listy {
	--inm-l-text: var(--inm-text-dark, #303431);
	--inm-l-meta: var(--inm-meta, #646B65);
	--inm-l-bg: var(--inm-bg-page, #FAFAFA);
	--inm-l-panel: var(--inm-neutral-100, #F7F8F3);
	--inm-l-muted: var(--inm-bg-muted, #ECEFE7);
	--inm-l-accent: var(--inm-green, #EF8F10);
	--inm-l-hover: var(--inm-brand-hover, #F1F6E0);
	--inm-l-line: var(--inm-border-line, #D5DBD0);
	--inm-l-input: var(--inm-border-input, #818981);
	--inm-l-grey: var(--inm-neutral-400, #B2BAAF);
	--inm-l-light: var(--inm-neutral-300, #D5DBD0);
	--inm-l-focus: var(--inm-focus, #303431);
	--inm-l-warn: var(--inm-warning, #775500);
	--inm-l-warn-bg: var(--inm-warning-bg, #FFF4D6);
	/* Limonka strony (Accent Elementora, token DS `site-lime`), tylko tło. */
	--inm-l-lime: #D7E79E;
	--inm-l-font: var(--inm-font, 'Poppins', sans-serif);
	--inm-l-display: var(--inm-font-display, 'Bebas Neue', sans-serif);
	--inm-l-motion: var(--inm-motion-duration, 150ms);
	--inm-l-gutter: 16px;
	/* Kolumna „kiedy”: jeden krój i rozmiar (Bebas 26 px) dla godziny
	   i tekstu („cały dzień”, „Jednorazowe”), zawsze w jednej linii.
	   Szerokość dobrana do najdłuższej treści listy (szer. w Bebas 26 px:
	   „09:00” 59, „cały dzień” 106, „Jednorazowe” 136 px). */
	--inm-l-when-w: 64px;
	--inm-l-when-size: 26px;

	background: var(--inm-l-bg);
	color: var(--inm-l-text);
	font-family: var(--inm-l-font);
	font-size: 16px;
	line-height: 1.5;
}

.inm-listy *,
.inm-listy *::before,
.inm-listy *::after { box-sizing: border-box; }

.inm-listy .inm-listy__wrap {
	max-width: calc(1140px + 2 * var(--inm-l-gutter));
	margin: 0 auto;
	padding-inline: var(--inm-l-gutter);
}

.inm-listy .inm-listy__sr {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

.inm-listy .inm-listy__ico {
	flex: none;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* --- Hero ---------------------------------------------------------------- */

.inm-listy .inm-listy__hero {
	background: var(--inm-l-lime);
	padding: 32px 0 64px;
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 34px), 64% 100%, 0 calc(100% - 14px));
}

.inm-listy .inm-listy__crumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0 0 12px;
	font-size: 13px;
	line-height: 1.5;
}

.inm-listy .inm-listy__crumbs a,
.inm-listy .inm-listy__crumbs a:visited { color: var(--inm-l-text); text-decoration: none; }
.inm-listy .inm-listy__crumbs a:hover { color: var(--inm-l-text); text-decoration: underline; text-underline-offset: 3px; }

.inm-listy .inm-listy__h1 {
	margin: 0;
	color: var(--inm-l-text);
	font-family: var(--inm-l-display);
	font-size: 44px;
	font-weight: 400;
	line-height: 0.95;
	letter-spacing: 0.01em;
	text-transform: none;
}

.inm-listy .inm-listy__lead {
	max-width: 560px;
	margin: 14px 0 0;
	font-size: 15px;
	line-height: 1.6;
}

.inm-listy .inm-listy__source { margin: 12px 0 0; font-size: 13px; }
.inm-listy .inm-listy__source a,
.inm-listy .inm-listy__source a:visited { color: var(--inm-l-text); text-decoration: underline; text-underline-offset: 3px; }

/* --- Fasety ---------------------------------------------------------------- */

.inm-listy .inm-listy__filters { padding-top: 8px; }

.inm-listy .inm-listy__facets {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 16px 24px;
	align-items: end;
}

.inm-listy .inm-listy__field {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.inm-listy .inm-listy__field .facetwp-facet { margin: 0; }

.inm-listy .inm-listy__label {
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
}

/* Select fasety: dolna linia, bez ramki, własna strzałka. */
.inm-listy .inm-listy__field select,
.inm-listy .inm-listy__field .facetwp-dropdown {
	appearance: none;
	-webkit-appearance: none;
	width: 100%;
	height: var(--inm-control-height, 52px);
	margin: 0;
	padding: 0 40px 0 12px;
	border: 0;
	border-bottom: 1px solid var(--inm-l-input);
	border-radius: var(--inm-radius-sm, 0);
	box-shadow: none;
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23303431' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;
	color: var(--inm-l-text);
	font-family: var(--inm-l-font);
	font-size: 16px;
	line-height: 1.3;
	text-overflow: ellipsis;
	cursor: pointer;
	transition: background-color var(--inm-l-motion);
}

.inm-listy .inm-listy__field select:hover { background-color: var(--inm-l-hover); }

.inm-listy .inm-listy__field select:focus { outline: none; }
.inm-listy .inm-listy__field select:focus-visible {
	background-color: var(--inm-l-hover);
	box-shadow: inset 0 -3px 0 var(--inm-l-focus);
}

/* Wybrana wartość: pistacja (FacetWP nie oznacza wyboru klasą). */
.inm-listy .inm-listy__field.is-set select { background-color: var(--inm-l-hover); font-weight: 500; }

/* Reset FacetWP jako przycisk tekstowy. */
.inm-listy .inm-listy__field--reset { justify-content: flex-end; }

.inm-listy .facetwp-reset,
.inm-listy .facetwp-type-reset button,
.inm-listy .facetwp-type-reset a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 12px;
	border: 0;
	border-radius: var(--inm-radius-button, 0);
	background: transparent;
	color: var(--inm-l-text);
	font-family: var(--inm-l-font);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	transition: background-color var(--inm-l-motion);
}

.inm-listy .facetwp-reset:hover,
.inm-listy .facetwp-type-reset button:hover,
.inm-listy .facetwp-type-reset a:hover { background: var(--inm-l-hover); color: var(--inm-l-text); }

.inm-listy .inm-listy__more {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	margin-top: 8px;
	padding: 0 12px;
	border: 0;
	border-radius: var(--inm-radius-button, 0);
	background: var(--inm-l-muted);
	color: var(--inm-l-text);
	font-family: var(--inm-l-font);
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
}

.inm-listy .inm-listy__more:hover,
.inm-listy .inm-listy__more[aria-expanded="true"] { background: var(--inm-l-hover); }
.inm-listy .inm-listy__more[hidden] { display: none; }

/* Na telefonie: widać pierwszą fasetę, resztę odsłania „Więcej filtrów”. */
.inm-listy.is-collapsible .inm-listy__facets:not(.is-open) > .inm-listy__field:nth-child(n+2) { display: none; }

/* --- Szybkie daty i kolejność (zakładki zakresu DS) ------------------------ */

.inm-listy .inm-listy__chips {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 8px;
	margin: 20px calc(var(--inm-l-gutter) * -1) 0;
	padding: 0 var(--inm-l-gutter) 2px;
	overflow-x: auto;
	scrollbar-width: thin;
}

.inm-listy .inm-listy__chips-label {
	flex: none;
	margin-right: 4px;
	font-size: 13px;
	font-weight: 600;
}

.inm-listy .inm-listy__chip,
.inm-listy .inm-listy__chip:visited {
	display: inline-flex;
	flex: none;
	align-items: center;
	min-height: 44px;
	padding: 0 16px;
	border-radius: var(--inm-radius-button, 0);
	background: var(--inm-l-muted);
	color: var(--inm-l-text);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	text-decoration: none;
	transition: background-color var(--inm-l-motion);
}

.inm-listy .inm-listy__chip:hover { background: var(--inm-l-hover); color: var(--inm-l-text); text-decoration: none; }

.inm-listy .inm-listy__chip.is-current {
	background: var(--inm-l-hover);
	box-shadow: inset 0 -2px 0 var(--inm-l-accent);
	font-weight: 600;
}

.inm-listy .inm-listy__chip:focus { outline: none; }
.inm-listy .inm-listy__chip:focus-visible { box-shadow: inset 0 -3px 0 var(--inm-l-focus); }

/* Pole daty FacetWP jako ostatni „chip”. */
.inm-listy .inm-listy__date {
	display: inline-flex;
	flex: none;
	align-items: center;
	gap: 6px;
	min-height: 44px;
	padding-left: 12px;
	background: var(--inm-l-muted);
}

.inm-listy .inm-listy__date .facetwp-facet { margin: 0; }

.inm-listy .inm-listy__date input {
	width: 150px;
	height: 44px;
	margin: 0;
	padding: 0 12px 0 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background: transparent;
	color: var(--inm-l-text);
	font-family: var(--inm-l-font);
	font-size: 14px;
	font-weight: 500;
}

.inm-listy .inm-listy__date input::placeholder { color: var(--inm-l-text); opacity: 1; }
.inm-listy .inm-listy__date:hover { background: var(--inm-l-hover); }
.inm-listy .inm-listy__date input:focus { outline: none; }
.inm-listy .inm-listy__date:focus-within { box-shadow: inset 0 -3px 0 var(--inm-l-focus); }
.inm-listy .inm-listy__date.is-set { background: var(--inm-l-hover); box-shadow: inset 0 -2px 0 var(--inm-l-accent); }

/* --- Wyniki -------------------------------------------------------------------- */

.inm-listy .inm-listy__results { margin-top: 24px; }

.inm-listy .inm-listy__template { transition: opacity var(--inm-l-motion); }
.inm-listy.is-loading .inm-listy__template { opacity: 0.5; }

.inm-listy .inm-listy__bar {
	padding-bottom: 12px;
	border-bottom: 2px solid var(--inm-l-text);
}

.inm-listy .inm-listy__count { margin: 0; font-size: 14px; line-height: 1.5; }
.inm-listy .inm-listy__count strong { font-weight: 600; }
.inm-listy .inm-listy__count span { color: var(--inm-l-meta); }

.inm-listy .inm-listy__bucket {
	margin: 40px 0 0;
	padding: 0 0 8px;
	border-bottom: 2px solid var(--inm-l-text);
	color: var(--inm-l-text);
	font-family: var(--inm-l-display);
	font-size: 24px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.01em;
	text-transform: none;
}

.inm-listy .inm-listy__bucket small {
	margin-left: 6px;
	color: var(--inm-l-meta);
	font-family: var(--inm-l-font);
	font-size: 13px;
	letter-spacing: 0;
}

.inm-listy .inm-listy__list,
.inm-listy .inm-listy__grid {
	margin: 0;
	padding: 0;
	list-style: none;
}

.inm-listy .inm-listy__list > li,
.inm-listy .inm-listy__grid > li { margin: 0; }

.inm-listy .inm-listy__row {
	display: grid;
	grid-template-columns: var(--inm-l-when-w) minmax(0, 1fr) 44px;
	gap: 12px;
	align-items: start;
	padding: 14px 0;
	border-bottom: 1px solid var(--inm-l-line);
}

.inm-listy .inm-listy__when {
	font-family: var(--inm-l-display);
	font-size: var(--inm-l-when-size);
	line-height: 1.05;
	white-space: nowrap;
}

.inm-listy .inm-listy__when small {
	display: block;
	color: var(--inm-l-meta);
	font-family: var(--inm-l-font);
	font-size: 12px;
	line-height: 1.3;
}

/* Telefon: wiersz z tekstem zamiast godziny ma etykietę nad tytułem
   (ten sam krój), bo w szerokiej kolumnie zabrakłoby miejsca na tytuł. */
.inm-listy .inm-listy__row--text > .inm-listy__when { grid-column: 1 / 3; grid-row: 1; }
.inm-listy .inm-listy__row--text > .inm-listy__body { grid-column: 1 / 3; grid-row: 2; margin-top: -4px; }
.inm-listy .inm-listy__row--text > .inm-listy__actions { grid-column: 3; grid-row: 1 / 3; }

.inm-listy .inm-listy__body { min-width: 0; }

.inm-listy .inm-listy__title {
	margin: 0;
	color: var(--inm-l-text);
	font-family: var(--inm-l-font);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: 0;
	text-transform: none;
	overflow-wrap: anywhere;
}

.inm-listy .inm-listy__title a,
.inm-listy .inm-listy__title a:visited { color: var(--inm-l-text); text-decoration: none; }

.inm-listy .inm-listy__title a:hover { color: var(--inm-l-text); text-decoration: underline; text-underline-offset: 3px; }
.inm-listy .inm-listy__title a:focus { outline: none; }
.inm-listy .inm-listy__title a:focus-visible { box-shadow: inset 0 -3px 0 var(--inm-l-focus); text-decoration: none; }

.inm-listy .inm-listy__meta {
	margin: 4px 0 0;
	color: var(--inm-l-meta);
	font-size: 13px;
	line-height: 1.45;
}

.inm-listy .inm-listy__meta b { color: var(--inm-l-text); font-weight: 600; }
.inm-listy .inm-listy__meta a,
.inm-listy .inm-listy__meta a:visited { color: var(--inm-l-meta); text-decoration: none; }
.inm-listy .inm-listy__meta a:hover { color: var(--inm-l-text); text-decoration: underline; text-underline-offset: 3px; }
.inm-listy .inm-listy__meta a:focus-visible { outline: none; box-shadow: inset 0 -3px 0 var(--inm-l-focus); }

.inm-listy .inm-listy__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 8px 0 0;
}

.inm-listy .inm-listy__tag {
	display: inline-block;
	padding: 1px 8px;
	background: var(--inm-l-muted);
	color: var(--inm-l-text);
	font-size: 12px;
	font-weight: 500;
	line-height: 1.6;
}

.inm-listy .inm-listy__tag--hot { background: var(--inm-l-warn-bg); color: var(--inm-l-warn); font-weight: 600; }
.inm-listy .inm-listy__tag--soft { background: var(--inm-l-hover); }

.inm-listy .inm-listy__actions { display: flex; justify-content: flex-end; }

/* Serce z Ulubionych: 44 × 44, bez tła w spoczynku (wtyczka daje hover i stan). */
.inm-listy .inm-listy__actions .inm-favorite-btn {
	width: 44px;
	min-width: 44px;
	height: 44px;
	min-height: 44px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: var(--inm-radius-button, 0);
}

/* --- Siatka miejsc ------------------------------------------------------------- */

.inm-listy .inm-listy__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 28px 12px;
	margin-top: 24px;
}

.inm-listy .inm-listy__card {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.inm-listy .inm-listy__photo {
	position: relative;
	display: block;
	aspect-ratio: var(--inm-tile-ratio, 3 / 4);
	overflow: hidden;
	background: var(--inm-l-muted);
}

.inm-listy .inm-listy__photo img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center bottom;
	border-radius: 0;
}

.inm-listy .inm-listy__nophoto { display: block; width: 100%; height: 100%; }
.inm-listy .inm-listy__nophoto .is-light { fill: var(--inm-l-light); }
.inm-listy .inm-listy__nophoto .is-grey { fill: var(--inm-l-grey); }
.inm-listy .inm-listy__nophoto .is-lime { fill: var(--inm-l-lime); }

.inm-listy .inm-listy__card .inm-listy__title { margin-top: 10px; font-size: 15px; }

.inm-listy .inm-listy__excerpt {
	display: -webkit-box;
	margin: 6px 0 0;
	overflow: hidden;
	font-size: 14px;
	line-height: 1.55;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.inm-listy .inm-listy__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-top: auto;
	padding-top: 6px;
}

.inm-listy .inm-listy__foot .inm-listy__meta { margin: 0; min-width: 0; }

/* --- Pusto ------------------------------------------------------------------------ */

.inm-listy .inm-listy__empty {
	margin-top: 24px;
	padding: 24px;
	background: var(--inm-l-panel);
}

.inm-listy .inm-listy__empty p { margin: 8px 0 0; font-size: 14px; line-height: 1.6; }
.inm-listy .inm-listy__empty p:last-child { margin-top: 16px; }

/* --- Stronicowanie (pager FacetWP albo paginate_links) ----------------------------- */

.inm-listy .inm-listy__pager { margin-top: 32px; }

.inm-listy .inm-listy__pager .facetwp-pager,
.inm-listy .inm-listy__pager .facetwp-facet {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px;
	margin: 0;
}

.inm-listy .inm-listy__pager .facetwp-page,
.inm-listy .inm-listy__pager .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	margin: 0;
	padding: 0 10px;
	border: 0;
	border-radius: var(--inm-radius-button, 0);
	background: transparent;
	color: var(--inm-l-text);
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
	transition: background-color var(--inm-l-motion);
}

.inm-listy .inm-listy__pager .facetwp-page:hover,
.inm-listy .inm-listy__pager a.page-numbers:hover { background: var(--inm-l-hover); color: var(--inm-l-text); }

.inm-listy .inm-listy__pager .facetwp-page.active,
.inm-listy .inm-listy__pager .page-numbers.current {
	background: var(--inm-l-hover);
	box-shadow: inset 0 -2px 0 var(--inm-l-accent);
	font-weight: 600;
}

.inm-listy .inm-listy__pager .facetwp-page.next,
.inm-listy .inm-listy__pager .facetwp-page.prev,
.inm-listy .inm-listy__pager .page-numbers.next,
.inm-listy .inm-listy__pager .page-numbers.prev {
	padding: 0 16px;
	background: var(--inm-l-muted);
	font-weight: 600;
}

.inm-listy .inm-listy__pager .facetwp-page.dots,
.inm-listy .inm-listy__pager .page-numbers.dots { min-width: 24px; color: var(--inm-l-meta); cursor: default; }

.inm-listy .inm-listy__pager .facetwp-page:focus-visible,
.inm-listy .inm-listy__pager .page-numbers:focus-visible { outline: none; box-shadow: inset 0 -3px 0 var(--inm-l-focus); }

/* --- Zgłoś ---------------------------------------------------------------------------- */

.inm-listy .inm-listy__suggest {
	margin-top: 48px;
	padding: 48px 0 40px;
	background: var(--inm-l-panel);
	clip-path: polygon(0 28px, 100% 0, 100% 100%, 0 100%);
}

.inm-listy .inm-listy__suggest-grid {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px 48px;
}

.inm-listy .inm-listy__h2 {
	margin: 0;
	color: var(--inm-l-text);
	font-family: var(--inm-l-display);
	font-size: var(--inm-widget-title-size-sm, 28px);
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.01em;
	text-transform: none;
}

.inm-listy .inm-listy__suggest p { max-width: 520px; margin: 10px 0 0; font-size: 15px; line-height: 1.6; }

.inm-listy .inm-listy__cta,
.inm-listy .inm-listy__cta:visited {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 0 24px;
	border: 0;
	border-radius: var(--inm-radius-button, 0);
	background: var(--inm-l-accent);
	color: var(--inm-on-brand, #303431);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	transition: background-color var(--inm-l-motion);
}

.inm-listy .inm-listy__cta:hover { background: var(--inm-l-hover); color: var(--inm-l-text); text-decoration: none; }
.inm-listy .inm-listy__cta:focus { outline: none; }
.inm-listy .inm-listy__cta:focus-visible { box-shadow: inset 0 -3px 0 var(--inm-l-focus); }

.inm-listy .inm-listy__empty .inm-listy__cta { min-height: 44px; }

/* --- Progi ------------------------------------------------------------------------------- */

@media (min-width: 600px) {
	.inm-listy { --inm-l-gutter: 24px; }

	.inm-listy .inm-listy__hero {
		padding: 48px 0 88px;
		clip-path: polygon(0 0, 100% 0, 100% calc(100% - 48px), 64% 100%, 0 calc(100% - 18px));
	}

	.inm-listy .inm-listy__h1 { font-size: 52px; }

	.inm-listy .inm-listy__facets { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
	.inm-listy .inm-listy__field--wide { grid-column: span 2; }
	.inm-listy.is-collapsible .inm-listy__facets:not(.is-open) > .inm-listy__field:nth-child(n+2) { display: flex; }

	.inm-listy .inm-listy__chips { flex-wrap: wrap; margin-inline: 0; padding-inline: 0; overflow: visible; }

	/* Komputer i tablet: kolumna mieści najdłuższy tekst w jednej linii. */
	.inm-listy { --inm-l-when-w: 112px; }
	.inm-listy.inm-listy--class { --inm-l-when-w: 140px; }
	.inm-listy .inm-listy__row { gap: 16px; padding: 16px 0; }
	.inm-listy .inm-listy__row--text > .inm-listy__when,
	.inm-listy .inm-listy__row--text > .inm-listy__body,
	.inm-listy .inm-listy__row--text > .inm-listy__actions { grid-column: auto; grid-row: auto; margin-top: 0; }
	.inm-listy .inm-listy__title { font-size: var(--inm-item-title-size, 18px); }

	.inm-listy .inm-listy__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px 20px; }
	.inm-listy .inm-listy__card .inm-listy__title { margin-top: 14px; font-size: 17px; }

	.inm-listy .inm-listy__suggest { margin-top: 56px; padding: 56px 0 48px; }
	.inm-listy .inm-listy__h2 { font-size: var(--inm-widget-title-size, 32px); }
}

@media (min-width: 1024px) {
	.inm-listy { --inm-l-gutter: 32px; }

	.inm-listy .inm-listy__hero {
		padding: 56px 0 104px;
		clip-path: polygon(0 0, 100% 0, 100% calc(100% - 56px), 64% 100%, 0 calc(100% - 22px));
	}

	.inm-listy .inm-listy__h1 { font-size: 64px; }
	.inm-listy .inm-listy__results { margin-top: 32px; }
	.inm-listy .inm-listy__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px 24px; }
	.inm-listy .inm-listy__suggest { margin-top: 72px; padding: 64px 0 56px; }
}

@media (prefers-reduced-motion: reduce) {
	.inm-listy *,
	.inm-listy *::before,
	.inm-listy *::after { transition: none !important; }
}