.gop-widget{
	--gop-accent:#17a5cc;
	--gop-star:#fbbc04;
	--gop-bg:#f5f7fa;
	--gop-card:#fff;
	--gop-text:#1f2b3a;
	--gop-radius:12px;
	--gop-cols:3;
	background:var(--gop-bg);
	color:var(--gop-text);
	padding:48px 40px;
	border-radius:calc(var(--gop-radius) + 4px);
	box-sizing:border-box;
}
.gop-widget *{box-sizing:border-box;}

.gop-title{
	font-size:clamp(24px,3vw,34px);
	font-weight:700;
	margin:0 0 32px;
	color:var(--gop-text);
}

.gop-body{
	display:grid;
	grid-template-columns:auto 1fr;
	gap:40px;
	align-items:start;
}

/* Podsumowanie (lewa kolumna) */
.gop-summary{
	display:flex;
	align-items:center;
	gap:16px;
	min-width:210px;
}
.gop-glogo{display:inline-flex;background:#fff;border-radius:12px;padding:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);}
.gop-rating-line{display:flex;align-items:center;gap:10px;}
.gop-rating-num{font-size:38px;font-weight:700;line-height:1;color:var(--gop-text);}
.gop-summary-text{margin:8px 0 0;font-size:14px;color:#5a6b7b;}

/* Karty (prawa kolumna) */
.gop-cards{
	display:grid;
	grid-template-columns:repeat(var(--gop-cols),minmax(0,1fr));
	gap:20px;
}
.gop-card{
	background:var(--gop-card);
	border-radius:var(--gop-radius);
	padding:20px;
	box-shadow:0 4px 16px rgba(20,40,70,.06);
	display:flex;
	flex-direction:column;
	gap:10px;
}
.gop-card-head{display:flex;align-items:center;gap:12px;}
.gop-avatar{
	width:38px;height:38px;border-radius:50%;
	display:inline-flex;align-items:center;justify-content:center;
	color:#fff;font-weight:600;font-size:16px;flex:0 0 auto;
}
.gop-meta{display:flex;flex-direction:column;line-height:1.3;min-width:0;}
.gop-author{font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.gop-when{font-size:12px;color:#8a97a5;}
.gop-text{
	margin:0;
	font-size:14px;
	line-height:1.55;
	color:#4a5765;
	/* Ucięcie treści do 4 wierszy z wielokropkiem — równe wysokości kart. */
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4;
	line-clamp:4;
	overflow:hidden;
	overflow-wrap:anywhere;
}

/* Gwiazdki */
.gop-stars,.gop-card-stars{display:inline-flex;gap:2px;color:var(--gop-star);line-height:0;}
.gop-star{display:inline-block;}
.gop-star--full{fill:var(--gop-star);}

/* Przycisk */
.gop-actions{text-align:center;margin-top:32px;}
.gop-button{
	display:inline-block;
	background:var(--gop-accent);
	color:#fff;
	text-decoration:none;
	font-weight:600;
	font-size:15px;
	padding:13px 34px;
	border-radius:6px;
	transition:filter .15s ease;
}
.gop-button:hover{filter:brightness(.93);color:#fff;}

/* Responsywność */
@media (max-width:860px){
	.gop-body{grid-template-columns:1fr;gap:28px;}
	.gop-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
	.gop-widget{padding:32px 20px;}
}