/* [aob_rating] — Facebook/Google rating banner (Figma hero: three overlapping badges + value, stars, source). */
:not(#_) .aob-rating { display: flex; align-items: center; gap: 12px; color: var(--aob-white); font-family: var(--aob-font-body); }
:not(#_) .aob-rating__badges { position: relative; display: block; flex: none; width: 82px; height: 46px; }
:not(#_) .aob-rating__badge-ring { position: absolute; left: 36px; top: 0; width: 46px; height: 50px; }
:not(#_) .aob-rating__badge-google { position: absolute; left: 43px; top: 7px; width: 31px; height: 31px; object-fit: cover; }
:not(#_) .aob-rating__badge-photo {
	position: absolute;
	inset: 0 auto auto 0;
	width: 46px;
	height: 46px;
	border-radius: 100px;
	object-fit: cover;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}
:not(#_) .aob-rating__text { display: flex; flex-direction: column; flex: none; }
:not(#_) .aob-rating__line { display: flex; align-items: center; gap: 5px; margin-bottom: -4px; }
:not(#_) .aob-rating__value { font-size: 24px; line-height: 31.2px; letter-spacing: -0.02em; }
:not(#_) .aob-rating__source {
	white-space: nowrap;
	color: var(--aob-light-2);
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

/* phones: much smaller badges */
@media (max-width: 1023px) {
	:not(#_) .aob-rating { gap: 8px; }
	:not(#_) .aob-rating__badges { width: 50px; height: 28px; }
	:not(#_) .aob-rating__badge-ring { left: 22px; width: 28px; height: 30px; }
	:not(#_) .aob-rating__badge-google { left: 26px; top: 4px; width: 19px; height: 19px; }
	:not(#_) .aob-rating__badge-photo { width: 28px; height: 28px; }
	:not(#_) .aob-rating__text { width: auto; }
	:not(#_) .aob-rating__value { font-size: 17px; line-height: 20px; }
	:not(#_) .aob-rating__line img { width: 76px; height: 14px; }
	:not(#_) .aob-rating__source { font-size: 11px; line-height: 14px; }
}