/* ICSI Google Reviews — стилі списку та слайдера відгуків.
   Палітра успадкована з теми: #006880 / #00a9a7 / #d44a1e. */

.icsi-gr {
	--icsi-gr-primary: #006880;
	--icsi-gr-primary-soft: #e3eef1;
	--icsi-gr-accent: #d44a1e;
	--icsi-gr-teal: #00a9a7;
	--icsi-gr-star: #f5a623;
	--icsi-gr-text: #3a3b3b;
	--icsi-gr-muted: #7b8b90;
	--icsi-gr-line: #e2eaec;
	--icsi-gr-surface: #ffffff;
	--icsi-gr-bg: #f4f8f9;
	--icsi-gr-radius: 16px;
	--icsi-gr-gap: 22px;
	--icsi-gr-cols: 3;
	--icsi-gr-clamp: 6;
	--icsi-gr-per-view: 4;

	--icsi-gr-star-empty: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23dbe4e6'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E");
	--icsi-gr-star-full: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f5a623'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E");
	--icsi-gr-glogo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23EA4335' d='M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z'/%3E%3Cpath fill='%234285F4' d='M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z'/%3E%3Cpath fill='%23FBBC05' d='M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z'/%3E%3Cpath fill='%2334A853' d='M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z'/%3E%3C/svg%3E");

	box-sizing: border-box;
	color: var(--icsi-gr-text);
	font-family: inherit;
	position: relative;

	/* Тема icsi має float-верстку: .main-content і всі <p> — float:left; width:100%.
	   Без clear сітка (а вона створює BFC) намагається стати ПОРУЧ із цими флоатами
	   і стискається майже до нуля. clear + повна ширина повертають нормальний потік. */
	display: block;
	clear: both;
	float: none;
	width: 100%;
	max-width: 100%;
}

/* На випадок, якщо блок вставлять усередину іншого float-контейнера. */
.icsi-gr::after {
	content: "";
	display: table;
	clear: both;
}

.icsi-gr *,
.icsi-gr *::before,
.icsi-gr *::after {
	box-sizing: border-box;
}

/* Підвищена вагомість: тема має .main-right h2 { float:left; width:100% }. */
.icsi-gr .icsi-gr__title {
	margin: 0 0 24px;
	padding: 0;
	float: none;
	width: 100%;
	color: var(--icsi-gr-primary);
	font-size: clamp(22px, 2.4vw, 30px);
	line-height: 1.25;
	text-align: center;
}

/* ---------------------------------------------------------------- Зірки */

.icsi-gr-stars {
	position: relative;
	display: inline-block;
	width: 90px;
	height: 18px;
	vertical-align: middle;
	background-image: var(--icsi-gr-star-empty);
	background-repeat: repeat-x;
	background-size: 18px 18px;
	flex: 0 0 auto;
}

.icsi-gr-stars__fill {
	position: absolute;
	inset: 0 auto 0 0;
	display: block;
	max-width: 100%;
	background-image: var(--icsi-gr-star-full);
	background-repeat: repeat-x;
	background-size: 18px 18px;
}

/* --------------------------------------------------------- Логотип Google */

.icsi-gr-glogo {
	display: inline-block;
	width: 22px;
	height: 22px;
	flex: 0 0 auto;
	background: var(--icsi-gr-glogo) center/contain no-repeat;
}

/* ------------------------------------------------ Шапка закладу (Google) */

.icsi-gr-place {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 18px;
	margin: 0 0 30px;
	padding: 20px 24px;
	border: 1px solid var(--icsi-gr-line);
	border-radius: calc(var(--icsi-gr-radius) + 2px);
	background: var(--icsi-gr-surface);
	box-shadow: 0 1px 2px rgba(0, 104, 128, .07), 0 6px 16px -10px rgba(0, 104, 128, .28);
}

.icsi-gr-place__photo {
	display: block;
	width: 64px;
	height: 64px;
	flex: 0 0 64px;
	border-radius: 50%;
	overflow: hidden;
	background: var(--icsi-gr-bg);
}

.icsi-gr-place__photo img {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	max-width: none;
	border-radius: 50%;
	object-fit: cover;
}

.icsi-gr-place__info {
	display: flex;
	flex-direction: column;
	gap: 3px;
	flex: 1 1 240px;
	min-width: 0;
}

.icsi-gr-place__name {
	color: var(--icsi-gr-text);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
}

.icsi-gr-place__rating {
	display: flex;
	align-items: center;
	gap: 9px;
	margin-top: 1px;
}

.icsi-gr-place__value {
	color: var(--icsi-gr-star);
	font-size: 26px;
	font-weight: 700;
	line-height: 1;
}

.icsi-gr-place__rating .icsi-gr-stars {
	width: 110px;
	height: 22px;
	background-size: 22px 22px;
}

.icsi-gr-place__rating .icsi-gr-stars__fill {
	background-size: 22px 22px;
}

.icsi-gr-place__count {
	color: var(--icsi-gr-muted);
	font-size: 14px;
	line-height: 1.4;
}

.icsi-gr-place__powered {
	display: flex;
	align-items: center;
	gap: 5px;
	color: #9aa9ae;
	font-size: 12px;
	line-height: 1;
}

/* Слово «Google» у фірмових кольорах. */
.icsi-gr-gword {
	display: inline-block;
	width: 54px;
	height: 18px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 272 92'%3E%3Cpath fill='%234285F4' d='M115.75 47.18c0 12.77-9.99 22.18-22.25 22.18s-22.25-9.41-22.25-22.18C71.25 34.32 81.24 25 93.5 25s22.25 9.32 22.25 22.18zm-9.74 0c0-7.98-5.79-13.44-12.51-13.44S80.99 39.2 80.99 47.18c0 7.9 5.79 13.44 12.51 13.44s12.51-5.55 12.51-13.44z'/%3E%3Cpath fill='%23EA4335' d='M163.75 47.18c0 12.77-9.99 22.18-22.25 22.18s-22.25-9.41-22.25-22.18c0-12.85 9.99-22.18 22.25-22.18s22.25 9.32 22.25 22.18zm-9.74 0c0-7.98-5.79-13.44-12.51-13.44s-12.51 5.46-12.51 13.44c0 7.9 5.79 13.44 12.51 13.44s12.51-5.55 12.51-13.44z'/%3E%3Cpath fill='%23FBBC05' d='M209.75 26.34v39.82c0 16.38-9.66 23.07-21.08 23.07-10.75 0-17.22-7.19-19.66-13.07l8.48-3.53c1.51 3.61 5.21 7.87 11.17 7.87 7.31 0 11.84-4.51 11.84-13v-3.19h-.34c-2.18 2.69-6.38 5.04-11.68 5.04-11.09 0-21.25-9.66-21.25-22.09 0-12.52 10.16-22.26 21.25-22.26 5.29 0 9.49 2.35 11.68 4.96h.34v-3.61h9.25zm-8.56 20.92c0-7.81-5.21-13.52-11.84-13.52-6.72 0-12.35 5.71-12.35 13.52 0 7.73 5.63 13.36 12.35 13.36 6.63 0 11.84-5.63 11.84-13.36z'/%3E%3Cpath fill='%2334A853' d='M225 3v65h-9.5V3h9.5z'/%3E%3Cpath fill='%23EA4335' d='M262.02 54.48l7.56 5.04c-2.44 3.61-8.32 9.83-18.48 9.83-12.6 0-22.01-9.74-22.01-22.18 0-13.19 9.49-22.18 20.92-22.18 11.51 0 17.14 9.16 18.98 14.11l1.01 2.52-29.65 12.28c2.27 4.45 5.8 6.72 10.75 6.72 4.96 0 8.4-2.44 10.92-6.14zm-23.27-7.98l19.82-8.23c-1.09-2.77-4.37-4.7-8.23-4.7-4.95 0-11.84 4.37-11.59 12.93z'/%3E%3Cpath fill='%234285F4' d='M35.29 41.41V32H67c.31 1.64.47 3.58.47 5.68 0 7.06-1.93 15.79-8.15 22.01-6.05 6.3-13.78 9.66-24.02 9.66C16.32 69.35.36 53.89.36 34.91.36 15.93 16.32.47 35.3.47c10.5 0 17.98 4.12 23.6 9.49l-6.64 6.64c-4.03-3.78-9.49-6.72-16.97-6.72-13.86 0-24.7 11.17-24.7 25.03 0 13.86 10.84 25.03 24.7 25.03 8.99 0 14.11-3.61 17.39-6.89 2.66-2.66 4.41-6.46 5.1-11.65l-22.49.01z'/%3E%3C/svg%3E") left center/contain no-repeat;
}

.icsi-gr .icsi-gr-btn--review {
	gap: 8px;
	margin-left: auto;
	background: var(--icsi-gr-primary);
	color: #fff;
	white-space: nowrap;
}

.icsi-gr .icsi-gr-btn--review:hover,
.icsi-gr .icsi-gr-btn--review:focus-visible {
	background: #00566a;
	color: #fff;
}

.icsi-gr-btn__g {
	display: inline-block;
	width: 18px;
	height: 18px;
	flex: 0 0 18px;
	border-radius: 50%;
	background: #fff var(--icsi-gr-glogo) center/12px 12px no-repeat;
}

/* ------------------------------------------------------- Підсумковий блок */

.icsi-gr-summary {
	display: grid;
	grid-template-columns: minmax(160px, auto) minmax(200px, 1fr) minmax(220px, auto);
	gap: 28px;
	align-items: center;
	margin: 0 0 32px;
	padding: 26px 30px;
	border: 1px solid var(--icsi-gr-line);
	border-radius: calc(var(--icsi-gr-radius) + 4px);
	background: linear-gradient(135deg, #ffffff 0%, var(--icsi-gr-bg) 100%);
}

.icsi-gr-summary__score {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
}

.icsi-gr-summary__value {
	color: var(--icsi-gr-primary);
	font-size: 46px;
	font-weight: 700;
	line-height: 1;
}

.icsi-gr-summary__count,
.icsi-gr-head__count {
	color: var(--icsi-gr-muted);
	font-size: 14px;
}

.icsi-gr-summary__bars {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}

.icsi-gr-bar {
	display: grid;
	grid-template-columns: 34px 1fr 44px;
	gap: 10px;
	align-items: center;
	font-size: 13px;
	color: var(--icsi-gr-muted);
}

.icsi-gr-bar__label {
	color: var(--icsi-gr-text);
	white-space: nowrap;
}

.icsi-gr-bar__track {
	display: block;
	height: 8px;
	border-radius: 99px;
	background: #e7eef0;
	overflow: hidden;
}

.icsi-gr-bar__fill {
	display: block;
	height: 100%;
	border-radius: 99px;
	background: linear-gradient(90deg, var(--icsi-gr-teal), var(--icsi-gr-primary));
}

.icsi-gr-bar__count {
	text-align: right;
	font-variant-numeric: tabular-nums;
}

.icsi-gr-summary__side {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
}

.icsi-gr-summary__source {
	color: var(--icsi-gr-muted);
	font-size: 13px;
	line-height: 1.4;
}

/* ------------------------------------------------------------- Кнопки */

.icsi-gr-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 4px;
}

.icsi-gr .icsi-gr-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 11px 20px;
	border: 1px solid transparent;
	border-radius: 99px;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}

.icsi-gr .icsi-gr-btn--primary {
	background: var(--icsi-gr-primary);
	color: #fff;
}

.icsi-gr .icsi-gr-btn--primary:hover,
.icsi-gr .icsi-gr-btn--primary:focus-visible {
	background: #00566a;
	color: #fff;
}

.icsi-gr .icsi-gr-btn--ghost {
	border-color: var(--icsi-gr-line);
	background: #fff;
	color: var(--icsi-gr-primary);
}

.icsi-gr .icsi-gr-btn--ghost:hover,
.icsi-gr .icsi-gr-btn--ghost:focus-visible {
	border-color: var(--icsi-gr-primary);
	color: var(--icsi-gr-primary);
}

.icsi-gr-more {
	display: flex;
	justify-content: center;
	margin-top: 28px;
}

/* Той самий вигляд, що й кнопка «Замовити дзвінок» у темі:
   .order { background:#006880; border-radius:20px } + .order span { uppercase; bold; #fff } */
.icsi-gr .icsi-gr-btn--more,
.icsi-gr .icsi-gr-btn--solid {
	padding: 13px 28px;
	border-color: transparent;
	background: var(--icsi-gr-primary);
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .02em;
}

.icsi-gr .icsi-gr-btn--more {
	min-width: 240px;
}

.icsi-gr .icsi-gr-btn--more:hover:not([disabled]),
.icsi-gr .icsi-gr-btn--more:focus-visible,
.icsi-gr .icsi-gr-btn--solid:hover,
.icsi-gr .icsi-gr-btn--solid:focus-visible {
	background: #00566a;
	color: #fff;
}

.icsi-gr .icsi-gr-btn--more[disabled] {
	opacity: .6;
	cursor: default;
}

/* --------------------------------------------------------------- Сітка */

.icsi-gr-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
	gap: var(--icsi-gr-gap);
	/* Усі картки однакового розміру: рядки рівної висоти + розтягування картки. */
	grid-auto-rows: 1fr;
	align-items: stretch;
	clear: both;
	width: 100%;
	min-width: 0;
}

@media (min-width: 1080px) {
	.icsi-gr-grid {
		grid-template-columns: repeat(var(--icsi-gr-cols), minmax(0, 1fr));
	}
}

/* -------------------------------------------------------------- Картка */

.icsi-gr-card {
	display: flex;
	flex-direction: column;
	gap: 12px;
	/* тема: article { margin-bottom: 2vh } + article { padding: 10px } на мобільному */
	margin: 0;
	float: none;
	padding: 22px;
	border: 1px solid var(--icsi-gr-line);
	border-radius: var(--icsi-gr-radius);
	background: var(--icsi-gr-surface);
	/* Тінь потрібна за замовчуванням: блок можуть поставити і на білий фон,
	   де сама лише рамка майже не читається. */
	box-shadow: 0 1px 2px rgba(0, 104, 128, .07), 0 6px 16px -10px rgba(0, 104, 128, .28);
	transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}

.icsi-gr-card:hover {
	transform: translateY(-2px);
	border-color: #cfe0e4;
	box-shadow: 0 2px 4px rgba(0, 104, 128, .08), 0 14px 30px -14px rgba(0, 104, 128, .45);
}

.icsi-gr-card__top {
	display: flex;
	align-items: center;
	gap: 12px;
}

.icsi-gr-ava {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	flex: 0 0 46px;
	border-radius: 50%;
	overflow: hidden;
	background: hsl(var(--icsi-gr-hue, 200) 42% 52%);
	color: #fff;
	font-size: 19px;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	user-select: none;
}

.icsi-gr-ava::before {
	content: attr(data-initial);
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.icsi-gr-ava img {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	border-radius: 50%;
	object-fit: cover;
	max-width: none;
}

.icsi-gr-card__who {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
	flex: 1 1 auto;
}

.icsi-gr-card__author {
	color: var(--icsi-gr-primary);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.25;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.icsi-gr-card__date {
	color: var(--icsi-gr-muted);
	font-size: 12.5px;
	line-height: 1.2;
}

.icsi-gr-card__g {
	width: 20px;
	height: 20px;
	flex: 0 0 auto;
	background: var(--icsi-gr-glogo) center/contain no-repeat;
	opacity: .9;
}

.icsi-gr-card__text {
	margin: 0;
	color: var(--icsi-gr-text);
	font-size: 15px;
	line-height: 1.62;
	overflow-wrap: anywhere;
	flex: 1 1 auto;
}

.icsi-gr-card__text.is-clamped {
	display: -webkit-box;
	-webkit-line-clamp: var(--icsi-gr-clamp);
	line-clamp: var(--icsi-gr-clamp);
	-webkit-box-orient: vertical;
	overflow: hidden;
	flex: 0 1 auto;
}

.icsi-gr-card__text--empty {
	color: var(--icsi-gr-muted);
	font-style: italic;
	font-size: 14px;
}

/* Режим прокрутки: фіксована висота тексту, скрол усередині картки —
   так усі картки слайдера однакові (як .raiting_text у старому блоці). */
.icsi-gr-card--scroll .icsi-gr-card__text {
	height: var(--icsi-gr-text-h, 130px);
	flex: 0 0 var(--icsi-gr-text-h, 130px);
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-width: thin;
	scrollbar-color: #c7d5d9 transparent;
	padding-right: 8px;
}

.icsi-gr-card--scroll .icsi-gr-card__text::-webkit-scrollbar {
	width: 4px;
}

.icsi-gr-card--scroll .icsi-gr-card__text::-webkit-scrollbar-track {
	background: transparent;
}

.icsi-gr-card--scroll .icsi-gr-card__text::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #c7d5d9;
}

.icsi-gr-card--scroll .icsi-gr-card__text:focus-visible {
	outline: 2px solid var(--icsi-gr-primary);
	outline-offset: 2px;
	border-radius: 4px;
}

.icsi-gr .icsi-gr-card__toggle {
	align-self: flex-start;
	padding: 0;
	border: 0;
	background: none;
	color: var(--icsi-gr-accent);
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.icsi-gr .icsi-gr-card__toggle:hover {
	color: #b23c15;
}

.icsi-gr .icsi-gr-card__toggle[hidden] {
	display: none;
}

/* ------------------------------------------------------ Компактна шапка */

.icsi-gr-head {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 22px;
}

.icsi-gr-head__value {
	color: var(--icsi-gr-primary);
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
}

/* ------------------------------------------------------------- Слайдер */

.icsi-gr-slider {
	position: relative;
	width: 100%;
	min-width: 0;
}

.icsi-gr-track {
	display: flex;
	gap: var(--icsi-gr-gap);
	flex: 1 1 auto;
	min-width: 0;
	/* overflow-x:auto обрізає і по вертикалі — запас, щоб тіні карток не зрізало.
	   scroll-padding обов'язковий: без нього scroll-snap-align:start притискає
	   картку впритул до краю контейнера і з'їдає цей відступ разом із тінню. */
	padding: 16px 16px 26px;
	scroll-padding-left: 16px;
	scroll-padding-right: 16px;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.icsi-gr-track::-webkit-scrollbar {
	display: none;
}

.icsi-gr-track:focus-visible {
	outline: 2px solid var(--icsi-gr-primary);
	outline-offset: 4px;
	border-radius: var(--icsi-gr-radius);
}

.icsi-gr-track > .icsi-gr-card {
	flex: 0 0 calc((100% - (var(--icsi-gr-per-view) - 1) * var(--icsi-gr-gap)) / var(--icsi-gr-per-view));
	scroll-snap-align: start;
}

/* Нижній ряд: стрілка — посилання — стрілка, як у старому блоці на головній. */
.icsi-gr-nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: 22px;
}

.icsi-gr-nav__mid {
	flex: 1 1 auto;
	text-align: center;
	min-width: 0;
}

.icsi-gr-nav__spacer {
	display: block;
	width: 40px;
	flex: 0 0 40px;
}

.icsi-gr .icsi-gr-alllink {
	text-decoration: none;
}

/* Стрілки — гліфи іконочного шрифту теми (ті самі, що в .slick-prev/.slick-next). */
.icsi-gr .icsi-gr-arrow {
	position: relative;
	width: 40px;
	height: 40px;
	flex: 0 0 40px;
	padding: 0;
	border: 0;
	background: none;
	line-height: 1;
	cursor: pointer;
	transition: opacity .18s ease;
}

.icsi-gr .icsi-gr-arrow::before {
	font-family: "icon";
	font-size: 30px;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	color: var(--icsi-gr-primary);
	transition: color .18s ease;
	speak: never;
	-webkit-font-smoothing: antialiased;
}

.icsi-gr .icsi-gr-arrow--prev::before {
	content: "\e90b";
}

.icsi-gr .icsi-gr-arrow--next::before {
	content: "\e90c";
}

.icsi-gr .icsi-gr-arrow:hover:not([disabled])::before {
	color: var(--icsi-gr-accent);
}

.icsi-gr .icsi-gr-arrow[disabled] {
	opacity: .3;
	cursor: default;
}

.icsi-gr-dots {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: 4px;
}

.icsi-gr-dots:empty {
	display: none;
}

.icsi-gr .icsi-gr-dot {
	width: 8px;
	height: 8px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #cbd9dd;
	cursor: pointer;
	transition: background-color .18s ease, width .18s ease;
}

.icsi-gr .icsi-gr-dot.is-active {
	width: 22px;
	border-radius: 99px;
	background: var(--icsi-gr-primary);
}

.icsi-gr--slider .icsi-gr-actions {
	justify-content: center;
	margin-top: 20px;
}

/* -------------------------------------------------------------- Порожньо */

.icsi-gr--empty p {
	margin: 0;
	padding: 24px;
	border: 1px dashed #d8e3e6;
	border-radius: var(--icsi-gr-radius);
	color: #7b8b90;
	text-align: center;
}

/* ------------------------------------------------------------ Адаптив */

@media (max-width: 1079px) {
	.icsi-gr {
		--icsi-gr-per-view: 3;
	}
}

@media (max-width: 900px) {
	.icsi-gr {
		--icsi-gr-per-view: 2;
		--icsi-gr-gap: 16px;
	}

	.icsi-gr-summary {
		grid-template-columns: 1fr;
		gap: 20px;
		padding: 22px;
		text-align: left;
	}

	.icsi-gr-summary__score {
		flex-direction: row;
		align-items: center;
		flex-wrap: wrap;
		gap: 10px;
	}

	.icsi-gr-summary__value {
		font-size: 36px;
	}
}

@media (max-width: 620px) {
	.icsi-gr {
		--icsi-gr-per-view: 1;
	}

	.icsi-gr-card {
		padding: 18px;
	}

	.icsi-gr-place {
		gap: 14px;
		padding: 18px;
	}

	.icsi-gr .icsi-gr-btn--review {
		width: 100%;
		margin-left: 0;
	}

	.icsi-gr-track > .icsi-gr-card {
		flex-basis: min(86%, 340px);
	}

	.icsi-gr .icsi-gr-btn--more {
		width: 100%;
	}
}

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

	.icsi-gr-track {
		scroll-behavior: auto;
	}

	.icsi-gr-card:hover {
		transform: none;
	}
}