/* Google recenzie – Sunsystem */
.ssgr { --ssgr-card-w: 320px; font-family: inherit; }

/* Hlavička */
.ssgr-header {
	display: flex; align-items: center; justify-content: space-between; gap: 16px;
	background: #fff; border-radius: 14px; padding: 14px 22px; margin-bottom: 22px;
	box-shadow: 0 2px 10px rgba(0,0,0,.07);
	flex-wrap: wrap;
}
.ssgr-header-left { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.ssgr-logo svg { display: block; }
.ssgr-label { font-size: 16px; }
.ssgr-stars { display: inline-flex; gap: 1px; }
.ssgr-rating { font-size: 16px; }
.ssgr-sep { color: #ccc; }
.ssgr-count { color: #444; font-size: 15px; }
.ssgr-write {
	border: 1px solid #222; border-radius: 8px; padding: 9px 18px;
	font-weight: 600; font-size: 14px; color: #111; text-decoration: none;
	background: #fff; transition: background .15s ease;
	white-space: nowrap;
}
.ssgr-write:hover { background: #f3f3f3; color: #111; }

/* Karusel */
.ssgr-carousel { position: relative; }
.ssgr-track {
	display: flex; gap: 18px; overflow-x: auto; scroll-behavior: smooth;
	scroll-snap-type: x mandatory; padding: 4px 2px 14px;
	scrollbar-width: none;
}
.ssgr-track::-webkit-scrollbar { display: none; }

.ssgr-card {
	flex: 0 0 var(--ssgr-card-w); max-width: var(--ssgr-card-w);
	scroll-snap-align: start;
	background: #fff; border-radius: 14px; padding: 18px 20px;
	box-shadow: 0 2px 10px rgba(0,0,0,.07);
	display: flex; flex-direction: column; min-height: 210px;
}
.ssgr-card-head { display: flex; align-items: center; gap: 12px; }
.ssgr-avatar {
	width: 44px; height: 44px; border-radius: 50%; object-fit: cover; flex: 0 0 44px;
}
.ssgr-avatar-letter {
	display: inline-flex; align-items: center; justify-content: center;
	background: #F4511E; color: #fff; font-weight: 600; font-size: 19px;
}
.ssgr-card:nth-child(4n+2) .ssgr-avatar-letter { background: #3949AB; }
.ssgr-card:nth-child(4n+3) .ssgr-avatar-letter { background: #00897B; }
.ssgr-card:nth-child(4n)   .ssgr-avatar-letter { background: #8E24AA; }
.ssgr-meta { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.ssgr-name { font-weight: 700; font-size: 15px; color: #111; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ssgr-when { font-size: 13px; color: #8a8a8a; }
.ssgr-g { margin-left: auto; flex: 0 0 auto; }

.ssgr-card-stars { display: flex; align-items: center; gap: 2px; margin: 12px 0 10px; }
.ssgr-verified { margin-left: 5px; }

.ssgr-text { font-size: 15px; line-height: 1.5; color: #222; }
.ssgr-text.is-clamped {
	display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;
}
.ssgr-more {
	margin-top: auto; padding: 8px 0 0; background: none; border: 0; cursor: pointer;
	color: #9a9a9a; font-size: 14px; text-align: left;
}
.ssgr-more:hover { color: #555; }

/* Šípky */
.ssgr-nav {
	position: absolute; top: 50%; transform: translateY(-50%);
	width: 40px; height: 40px; border-radius: 50%;
	background: #fff; border: 0; box-shadow: 0 2px 8px rgba(0,0,0,.18);
	font-size: 24px; line-height: 1; color: #333; cursor: pointer; z-index: 2;
	display: flex; align-items: center; justify-content: center;
	transition: opacity .15s ease;
}
.ssgr-nav[disabled] { opacity: 0; pointer-events: none; }
.ssgr-prev { left: -14px; }
.ssgr-next { right: -14px; }

.ssgr-empty { color: #666; }

@media (max-width: 600px) {
	.ssgr { --ssgr-card-w: 82vw; }
	.ssgr-header { justify-content: center; text-align: center; }
	.ssgr-prev { left: -6px; }
	.ssgr-next { right: -6px; }
}

/* Mini prúžok: [google_recenzie_mini] */
.ssgr-mini {
	display: inline-flex; align-items: center; gap: 8px;
	background: #fff; border-radius: 8px; padding: 8px 14px;
	box-shadow: 0 1px 6px rgba(0,0,0,.12);
	text-decoration: none; color: #111; line-height: 1;
}
a.ssgr-mini:hover { box-shadow: 0 2px 10px rgba(0,0,0,.18); color: #111; }
.ssgr-mini-g svg { width: 20px; height: 20px; display: block; }
.ssgr-mini .ssgr-stars svg { width: 17px; height: 17px; }
.ssgr-mini-rating { font-size: 15px; font-weight: 700; }

/* Kartička: [google_recenzie_badge] */
.ssgr-badge {
	display: inline-flex; align-items: center; gap: 16px;
	background: #fff; border-radius: 12px; padding: 14px 20px;
	box-shadow: 0 2px 10px rgba(0,0,0,.12);
	text-decoration: none; color: #111;
}
a.ssgr-badge:hover { box-shadow: 0 3px 14px rgba(0,0,0,.18); color: #111; }
.ssgr-badge-g svg { width: 46px; height: 46px; display: block; }
.ssgr-badge-body { display: flex; flex-direction: column; gap: 3px; }
.ssgr-badge-row { display: inline-flex; align-items: center; gap: 8px; }
.ssgr-badge .ssgr-stars svg { width: 18px; height: 18px; }
.ssgr-badge-rating { font-size: 16px; font-weight: 700; }
.ssgr-badge-title { font-size: 16px; font-weight: 700; color: #111; }
.ssgr-badge-verified {
	display: inline-flex; align-items: center; gap: 5px;
	font-size: 13px; color: #666;
}
.ssgr-badge-check { flex: 0 0 auto; }

/* Riadok pre produkt: [google_recenzie_produkt] */
.ssgr-inline {
	display: inline-flex; align-items: center; gap: 8px;
	text-decoration: none; color: #111; line-height: 1;
	background: none; padding: 0;
}
.ssgr-inline .ssgr-stars svg { width: 19px; height: 19px; }
.ssgr-inline-rating { font-size: 16px; font-weight: 700; }
.ssgr-inline-sep { color: #ccc; font-size: 15px; }
.ssgr-inline-count { color: #333; font-size: 15px; }
a.ssgr-inline:hover .ssgr-inline-count { text-decoration: underline; color: #111; }