/* JGG Places — the /places/ directory (2.11).
 * Same brand rules as the place page: Geist + Geist Mono (uppercase labels), black, white, yellow #FEED2A,
 * neutral grey #F7F7F7, hard edges only (no rounded corners anywhere), one black main button.
 * Everything is scoped to .jggd so it can't fight the theme.
 */

.jggd {
	--jggd-yellow: #FEED2A;
	--jggd-ink: #000;
	--jggd-text: #1f1f1f;
	--jggd-muted: #666;
	--jggd-line: #e2e2e2;
	--jggd-grey: #f7f7f7;
	--jggd-bg: #fff;
	--jggd-open: #13A160;
	--jggd-shut: #E61818;
	--jggd-sans: "Geist JGGP", "Geist", sans-serif;
	--jggd-mono: "Geist Mono JGGP", "Geist Mono", monospace;
	--jggd-max: 1260px; /* Same content width as the header and the place pages. */
	--jggd-gutter: 32px;
	--jggd-sticky: 16px;

	color: var(--jggd-text);
	background: var(--jggd-bg);
	font-family: var(--jggd-sans);
	font-size: 16px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}
[data-theme="dark"] .jggd { --jggd-ink: #fff; --jggd-text: #e6e6e6; --jggd-muted: #a3a7ad; --jggd-line: #33373d; --jggd-grey: #22262b; --jggd-bg: #191c20; }

.jggd *, .jggd *::before, .jggd *::after { box-sizing: border-box; }
.jggd h1, .jggd h2, .jggd h3, .jggd p, .jggd li, .jggd a, .jggd button, .jggd input, .jggd select, .jggd label, .jggd span, .jggd legend { font-family: inherit; }
.jggd p, .jggd h1, .jggd h2, .jggd h3 { margin: 0; }
.jggd ul, .jggd ol { margin: 0; padding: 0; list-style: none; }
.jggd a { color: inherit; }
.jggd img { display: block; max-width: 100%; }
.jggd button { font: inherit; color: inherit; border-radius: 0; }
.jggd input, .jggd select { border-radius: 0; }
.jggd svg { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; }
.jggd [hidden] { display: none !important; }
.jggd :focus-visible { outline: 3px solid var(--jggd-yellow); outline-offset: 2px; }
.jggd-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.jggd-wrap { max-width: calc(var(--jggd-max) + 2 * var(--jggd-gutter)); margin: 0 auto; padding: 0 var(--jggd-gutter) 64px; }

/* Shared bits */
.jggd .jggd-label, .jggd .jggd-eyebrow, .jggd .jggd-crumbs, .jggd .jggd-badge, .jggd .jggd-tag, .jggd .jggd-check__n {
	font-family: var(--jggd-mono);
	text-transform: uppercase;
	letter-spacing: .06em;
}
.jggd .jggd-label { display: block; padding: 0; margin: 0 0 12px; font-size: 12px; font-weight: 700; color: var(--jggd-ink); }
.jggd .jggd-eyebrow { margin-bottom: 6px; font-size: 13px; font-weight: 700; color: var(--jggd-ink); }
.jggd .jggd-h2 { font-size: 30px; font-weight: 900; line-height: 1.1; letter-spacing: -.03em; color: var(--jggd-ink); }
.jggd .jggd-h3 { font-size: 22px; font-weight: 800; letter-spacing: -.02em; color: var(--jggd-ink); }
.jggd .jggd-badge { display: inline-block; padding: 4px 7px; background: #000; color: var(--jggd-yellow); font-size: 11px; font-weight: 700; line-height: 1.2; }
.jggd .jggd-tag { display: inline-block; padding: 3px 6px; border: 1px solid var(--jggd-ink); font-size: 10.5px; font-weight: 700; line-height: 1.2; color: var(--jggd-ink); }
.jggd .jggd-link { padding: 0; border: 0; background: none; font-size: 14px; font-weight: 650; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 3px; cursor: pointer; color: var(--jggd-ink); }
.jggd .jggd-more-link { font-size: 15px; font-weight: 650; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 4px; color: var(--jggd-ink); }
.jggd .jggd-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 44px; padding: 0 16px; border: 1px solid var(--jggd-ink); background: var(--jggd-bg); color: var(--jggd-ink); font-size: 14px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.jggd .jggd-btn:hover { background: var(--jggd-grey); }
.jggd .jggd-btn--main { background: #000; border-color: #000; color: var(--jggd-yellow); }
.jggd .jggd-btn--main:hover { background: #000; color: #fff; }
.jggd .jggd-btn__count { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 5px; background: var(--jggd-yellow); color: #000; font-size: 12px; font-weight: 800; }
.jggd .jggd-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; background: none; cursor: pointer; color: var(--jggd-ink); }

/* Head */
.jggd .jggd-crumbs { padding: 20px 0 14px; font-size: 12px; font-weight: 600; color: var(--jggd-muted); }
.jggd-crumbs ol { display: flex; flex-wrap: wrap; }
.jggd-crumbs li + li::before { content: "›"; margin: 0 8px; }
.jggd .jggd-crumbs a { text-decoration: none; color: var(--jggd-muted); }
.jggd .jggd-crumbs a:hover { color: var(--jggd-ink); text-decoration: underline; }
.jggd-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.jggd-head__text { max-width: 760px; }
.jggd .jggd-title { font-size: clamp(36px, 4.2vw, 58px); font-weight: 900; line-height: 1; letter-spacing: -.04em; color: var(--jggd-ink); }
.jggd .jggd-intro { margin-top: 14px; font-size: 17px; line-height: 1.55; color: var(--jggd-text); }
.jggd-cities { display: flex; flex-wrap: wrap; border: 1px solid var(--jggd-ink); }
.jggd .jggd-city { display: inline-flex; align-items: center; height: 44px; padding: 0 18px; font-size: 14px; font-weight: 600; text-decoration: none; color: var(--jggd-ink); background: var(--jggd-bg); }
.jggd .jggd-city + .jggd-city { border-left: 1px solid var(--jggd-ink); }
.jggd .jggd-city[aria-pressed="true"] { background: #000; color: var(--jggd-yellow); font-weight: 700; }

/* Guides */
.jggd-guides { margin-top: 44px; }
.jggd-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.jggd-guides__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.jggd .jggd-guide a { display: block; text-decoration: none; color: var(--jggd-ink); }
.jggd-guide__img { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--jggd-grey); margin-bottom: 12px; }
.jggd-guide__img img { width: 100%; height: 100%; object-fit: cover; }
.jggd-guide .jggd-badge { margin-bottom: 8px; }
.jggd .jggd-guide__title { display: block; font-size: 18px; font-weight: 800; line-height: 1.2; letter-spacing: -.01em; }
.jggd .jggd-guide a:hover .jggd-guide__title { text-decoration: underline; text-underline-offset: 3px; }

/* Toolbar */
.jggd-form { margin-top: 48px; }
.jggd-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px 16px; flex-wrap: wrap; padding: 16px 0; border-top: 2px solid var(--jggd-ink); border-bottom: 1px solid var(--jggd-line); }
.jggd-toolbar__left, .jggd-toolbar__right { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.jggd-search { display: flex; align-items: center; gap: 8px; height: 44px; padding: 0 12px; border: 1px solid var(--jggd-ink); min-width: 280px; background: var(--jggd-bg); color: var(--jggd-ink); }
.jggd-search svg { width: 18px; height: 18px; }
.jggd .jggd-search input { flex: 1; min-width: 0; height: 40px; padding: 0; border: 0; outline: none; background: transparent; font-size: 15px; color: var(--jggd-ink); box-shadow: none; }
.jggd .jggd-count { font-size: 15px; font-weight: 650; color: var(--jggd-ink); }
.jggd-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.jggd .jggd-chip { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 10px; border: 1px solid #000; background: var(--jggd-yellow); color: #000; font-size: 13px; font-weight: 650; cursor: pointer; }
.jggd-sort { display: flex; align-items: center; gap: 10px; margin: 0; }
.jggd-sort .jggd-label { margin: 0; }
.jggd .jggd-sort select { height: 44px; padding: 0 34px 0 12px; border: 1px solid var(--jggd-ink); background: var(--jggd-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 12px center; -webkit-appearance: none; appearance: none; font-size: 15px; font-weight: 600; color: var(--jggd-ink); }
.jggd-views { display: flex; border: 1px solid var(--jggd-ink); }
.jggd .jggd-views button { height: 42px; padding: 0 14px; border: 0; background: var(--jggd-bg); font-size: 14px; font-weight: 700; cursor: pointer; color: var(--jggd-ink); }
.jggd .jggd-views button + button { border-left: 1px solid var(--jggd-ink); }
.jggd .jggd-views button[aria-pressed="true"] { background: #000; color: var(--jggd-yellow); }
.jggd .jggd-btn--filters { display: none; }
.jggd-quick { display: none; }

/* Body: filters | results | map */
.jggd-body { display: grid; grid-template-columns: 240px minmax(0, 1.4fr) minmax(300px, 1fr); gap: 28px; align-items: start; margin-top: 28px; }
.jggd-body[data-view="list"] { grid-template-columns: 240px minmax(0, 1fr); }
.jggd-body[data-view="list"] .jggd-map { display: none; }
.jggd-body[data-view="map"] { grid-template-columns: 240px minmax(0, 1fr); }
.jggd-body[data-view="map"] .jggd-results { display: none; }
.jggd-body[data-view="map"] .jggd-map { height: min(78vh, 820px); }

/* Filters */
.jggd-filters { display: flex; flex-direction: column; gap: 28px; }
.jggd-filters__head, .jggd-filters__foot { display: none; }
.jggd .jggd-fs { margin: 0; padding: 0; border: 0; min-width: 0; }
.jggd-fs > .jggd-check + .jggd-check, [data-jggd-area-list] .jggd-check + .jggd-check { margin-top: 10px; }
.jggd .jggd-check { display: flex; align-items: center; gap: 10px; margin: 0; padding-left: calc(var(--jggd-depth, 0) * 24px); font-size: 15px; font-weight: 500; line-height: 1.3; color: var(--jggd-ink); cursor: pointer; }
.jggd .jggd-check.is-empty { color: #8a8a8a; }
.jggd .jggd-check input, .jggd .jggd-adult input { width: 18px; height: 18px; margin: 0; flex: none; accent-color: #000; }
.jggd-check__label { flex: 1; }
.jggd .jggd-check__n { font-size: 12px; font-weight: 600; color: var(--jggd-muted); }
.jggd-pills { display: flex; flex-wrap: wrap; gap: 8px; }
.jggd .jggd-pillcheck { position: relative; margin: 0; cursor: pointer; }
.jggd-pillcheck input, .jggd-segment input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.jggd-pillcheck span { display: inline-flex; align-items: center; height: 36px; padding: 0 12px; border: 1px solid var(--jggd-ink); background: var(--jggd-bg); font-size: 14px; font-weight: 600; color: var(--jggd-ink); }
.jggd-pillcheck input:checked + span { background: #000; color: var(--jggd-yellow); }
.jggd-pillcheck input:focus-visible + span, .jggd-segment input:focus-visible + span { outline: 3px solid var(--jggd-yellow); outline-offset: 2px; }
.jggd-segment { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--jggd-ink); }
.jggd .jggd-segment label { position: relative; margin: 0; cursor: pointer; }
.jggd .jggd-segment label + label { border-left: 1px solid var(--jggd-ink); }
.jggd-segment span { display: flex; align-items: center; justify-content: center; height: 40px; font-size: 15px; font-weight: 700; color: var(--jggd-ink); background: var(--jggd-bg); }
.jggd-segment input:checked + span { background: #000; color: var(--jggd-yellow); }
.jggd-adult { display: flex; align-items: flex-start; gap: 10px; padding: 14px; background: var(--jggd-grey); font-size: 14px; line-height: 1.45; }
.jggd .jggd-adult input { margin-top: 2px; }
.jggd .jggd-adult label { margin: 0; cursor: pointer; color: var(--jggd-text); }
.jggd-adult strong { display: block; color: var(--jggd-ink); }

/* Results */
.jggd-list { display: flex; flex-direction: column; }
.jggd-card { position: relative; display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 18px; padding: 16px; margin-bottom: -1px; border: 1px solid var(--jggd-line); background: var(--jggd-bg); }
.jggd-card.is-hot { z-index: 1; border-color: var(--jggd-ink); box-shadow: inset 0 0 0 1px var(--jggd-ink); }
.jggd .jggd-card__img { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--jggd-grey); }
.jggd-card__img img { width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 1001px) { .jggd-body[data-view="split"] .jggd-card { grid-template-columns: 148px minmax(0, 1fr); gap: 16px; } }
.jggd-card__body { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.jggd .jggd-card__tags { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.jggd .jggd-card__name { font-size: 21px; font-weight: 800; line-height: 1.15; letter-spacing: -.02em; color: var(--jggd-ink); }
.jggd .jggd-card__name a { text-decoration: none; }
.jggd .jggd-card__name a::after { content: ""; position: absolute; inset: 0; } /* Whole card opens the place. */
.jggd .jggd-card__name a:hover { text-decoration: underline; text-underline-offset: 3px; }
.jggd .jggd-card__meta { font-size: 15px; color: var(--jggd-text); }
.jggd .jggd-card__status { display: inline-flex; align-items: center; gap: 7px; font-size: 14px; font-weight: 600; color: var(--jggd-ink); }
.jggd-card__status::before { content: ""; width: 9px; height: 9px; background: var(--jggd-open); }
.jggd-card__status.is-closed::before { background: var(--jggd-shut); }
.jggd .jggd-card__rating { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--jggd-ink); }
.jggd .jggd-card__sum { font-size: 14px; line-height: 1.45; color: var(--jggd-muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.jggd .jggd-card__dist { font-family: var(--jggd-mono); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--jggd-ink); }
.jggd .jggd-btn--more { align-self: center; margin: 24px auto 0; display: flex; height: 48px; padding: 0 28px; }
.jggd-empty { padding: 28px; background: var(--jggd-grey); font-size: 15px; }
.jggd .jggd-empty__title { margin-bottom: 6px; font-size: 18px; font-weight: 800; color: var(--jggd-ink); }
.jggd .jggd-empty .jggd-link { font-size: 15px; }

/* Stars (same look as the place page) */
.jggp-stars { display: inline-flex; gap: 2px; --jggp-star-size: 16px; }
.jggp-star { display: inline-flex; align-items: center; justify-content: center; width: var(--jggp-star-size); height: var(--jggp-star-size); background: linear-gradient(90deg, var(--jggd-ink) var(--jggp-fill, 0%), #dcdcdc var(--jggp-fill, 0%)); }
.jggp-star svg { display: block; width: 76%; height: 76%; fill: var(--jggd-bg); stroke: none; }

/* Map */
.jggd-map { position: sticky; top: var(--jggd-sticky); height: calc(100vh - var(--jggd-sticky) - 24px); max-height: 820px; min-height: 420px; border: 1px solid var(--jggd-ink); background: #ecebe6; overflow: hidden; }
.jggd .jggd-map__canvas { position: absolute; inset: 0; width: 100%; height: 100%; } /* Two classes: beats Mapbox's own .mapboxgl-map { position: relative }. */
.jggd .jggd-map__area { position: absolute; left: 50%; top: 14px; transform: translateX(-50%); z-index: 2; height: 40px; box-shadow: 0 2px 8px rgba(0, 0, 0, .2); }
.jggd .jggd-map__note { position: absolute; left: 16px; right: 16px; top: 50%; transform: translateY(-50%); text-align: center; font-size: 14px; color: var(--jggd-muted); }
.jggd .jggd-pin { display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; padding: 0; border: 2px solid #000; background: #000; cursor: pointer; box-shadow: 0 2px 6px rgba(0, 0, 0, .3); }
.jggd .jggd-pin::after { content: ""; width: 8px; height: 8px; background: var(--jggd-yellow); }
.jggd .jggd-pin.is-hot { background: var(--jggd-yellow); z-index: 2; box-shadow: 0 0 0 3px #000, 0 2px 8px rgba(0, 0, 0, .35); }
.jggd .jggd-pin.is-hot::after { background: #000; }
.jggd .jggd-pin.is-sponsored { width: 32px; height: 32px; }
.jggd .jggd-cluster { min-width: 38px; height: 38px; padding: 0 8px; border: 2px solid #000; background: #000; color: var(--jggd-yellow); font-family: var(--jggd-sans); font-size: 15px; font-weight: 800; cursor: pointer; box-shadow: 0 2px 6px rgba(0, 0, 0, .3); }
.jggd .jggd-cluster.is-hot { background: var(--jggd-yellow); color: #000; }
.jggd-mapcard { position: absolute; left: 12px; right: 12px; bottom: 12px; z-index: 3; padding: 10px 52px 10px 10px; border: 1px solid #000; background: var(--jggd-bg); }
.jggd-mapcard.is-list { padding-right: 10px; }
.jggd-mapcard__rows { display: flex; flex-direction: column; gap: 10px; max-height: 260px; overflow-y: auto; }
.jggd-mapcard__row { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 12px; align-items: center; }
.jggd-mapcard.is-list .jggd-mapcard__row { grid-template-columns: 56px minmax(0, 1fr); }
.jggd .jggd-mapcard__head { margin: 0 44px 10px 0; font-family: var(--jggd-mono); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--jggd-ink); }
.jggd .jggd-mapcard__close { position: absolute; top: 4px; right: 4px; }
.jggd .jggd-mapcard__img { display: block; aspect-ratio: 1; background: var(--jggd-grey); overflow: hidden; }
.jggd-mapcard__img img { width: 100%; height: 100%; object-fit: cover; }
.jggd .jggd-mapcard__name { display: block; margin-top: 4px; font-size: 16px; font-weight: 800; line-height: 1.2; color: var(--jggd-ink); text-decoration: none; }
.jggd .jggd-mapcard__name:hover { text-decoration: underline; }
.jggd .jggd-mapcard__meta { margin-top: 2px; font-size: 13px; color: var(--jggd-muted); }
.jggd .mapboxgl-ctrl-group { border-radius: 0; box-shadow: none; border: 1px solid #000; }
.jggd .mapboxgl-ctrl-group button { border-radius: 0; }

/* Floating map button (phones) */
.jggd .jggd-maptoggle { display: none; }

/* Tablet and phone: filters in a drawer, one column, a floating Map button. */
@media (max-width: 1000px) {
	.jggd { --jggd-gutter: 16px; }
	.jggd-body, .jggd-body[data-view] { grid-template-columns: minmax(0, 1fr); gap: 0; margin-top: 16px; }
	.jggd-body .jggd-map { display: none; }
	.jggd-body.is-mapmode .jggd-results { display: none; }
	.jggd-body.is-mapmode .jggd-map { display: block; position: relative; top: 0; height: calc(100vh - 150px); max-height: none; }
	.jggd-body[data-view] .jggd-results { display: block; }
	.jggd-body.is-mapmode[data-view] .jggd-results { display: none; }
	.jggd-views { display: none; }
	.jggd .jggd-btn--filters { display: inline-flex; }
	.jggd-search { min-width: 0; flex: 1 1 100%; }
	.jggd-toolbar__left { flex: 1 1 100%; }
	.jggd-toolbar__right { flex: 1 1 100%; }
	.jggd-toolbar__right .jggd-btn--filters, .jggd-sort { flex: 1; }
	.jggd .jggd-sort select { width: 100%; }
	.jggd-sort .jggd-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
	.jggd-quick { display: flex; gap: 8px; overflow-x: auto; padding: 12px 0 4px; scrollbar-width: none; }
	.jggd .jggd-pill { flex: none; height: 38px; padding: 0 12px; border: 1px solid var(--jggd-ink); background: var(--jggd-bg); font-size: 14px; font-weight: 600; cursor: pointer; color: var(--jggd-ink); }
	.jggd .jggd-pill[aria-pressed="true"] { background: #000; color: var(--jggd-yellow); }

	.jggd-filters { position: fixed; inset: 0 0 0 auto; z-index: 100000; width: min(420px, 100%); padding: 0 20px; overflow-y: auto; background: var(--jggd-bg); box-shadow: -8px 0 24px rgba(0, 0, 0, .2); transform: translateX(105%); transition: transform .28s cubic-bezier(.16, 1, .3, 1); visibility: hidden; gap: 24px; }
	.jggd-filters.is-open { transform: none; visibility: visible; }
	.jggd-filters__head { display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0; z-index: 1; padding: 12px 0; background: var(--jggd-bg); border-bottom: 1px solid var(--jggd-line); }
	.jggd-filters__foot { display: flex; align-items: center; justify-content: space-between; gap: 16px; position: sticky; bottom: 0; padding: 14px 0 18px; margin-top: auto; background: var(--jggd-bg); border-top: 1px solid var(--jggd-line); }
	.jggd-filters__foot .jggd-btn--main { flex: 1; height: 50px; }
	.jggd-scrim { position: fixed; inset: 0; z-index: 99999; background: rgba(0, 0, 0, .45); }

	.jggd .jggd-maptoggle { display: inline-flex; align-items: center; gap: 10px; position: fixed; left: 50%; bottom: 24px; z-index: 9999; transform: translateX(-50%); height: 50px; padding: 0 22px; border: 2px solid #000; background: var(--jggd-yellow); color: #000; font-size: 15px; font-weight: 800; cursor: pointer; box-shadow: 0 4px 14px rgba(0, 0, 0, .25); }
	.jggd-guides__list { display: flex; overflow-x: auto; gap: 14px; scrollbar-width: none; }
	.jggd-guide { flex: 0 0 min(240px, 70vw); }
	.jggd-guides { margin-top: 28px; }
	.jggd-form { margin-top: 28px; }
	.jggd-head { align-items: flex-start; }
}
@media (max-width: 600px) {
	.jggd-card { grid-template-columns: 112px minmax(0, 1fr); gap: 14px; padding: 14px 0; border-width: 0 0 1px; margin: 0; }
	.jggd-card.is-hot { box-shadow: none; }
	.jggd .jggd-card__img { aspect-ratio: 1; }
	.jggd .jggd-card__name { font-size: 18px; }
	.jggd .jggd-card__meta { font-size: 14px; }
	.jggd .jggd-card__sum { display: none; }
	.jggd .jggd-city { padding: 0 12px; }
	.jggd-cities { width: 100%; }
	.jggd .jggd-city { flex: 1; justify-content: center; }
	.jggd .jggd-intro { font-size: 15.5px; }
}
@media (prefers-reduced-motion: reduce) { .jggd-filters { transition: none; } }