/* ============================================
   НАСТРОЙКИ БЛОКА (меняйте здесь)
   ============================================ */
:root {
    --grl-min-height: 766px;  /* ← Меняйте здесь высоту блока */
    --grl-padding: 20px;      /* ← Отступы внутри блока */
    --grl-footer-margin-top: 0px;  /* ← Расстояние от последнего отзыва до ссылки */
}

/* ============================================
   ОСНОВНЫЕ СТИЛИ
   ============================================ */
.grl-wrapper {
    font-family: Arial, Roboto, system-ui, sans-serif;
    background: #ffffff;
    border-radius: 16px;
    padding: var(--grl-padding);
    box-sizing: border-box;
    overflow: hidden;
    min-height: var(--grl-min-height);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* Шапка: название компании слева, лого справа */
.grl-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.grl-company-name {
    font-size: 18px;
    font-weight: 600;
    color: #202124;
}

/* Логотип Google текстом */
.grl-google-text {
    font-size: 18px;
    font-weight: 400;
    color: #5f6368;
    letter-spacing: -0.5px;
}

/* Строка с рейтингом — всё в одну строку */
.grl-rating-row {
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-wrap: nowrap;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e8eaed;
}

.grl-rating-number {
    font-size: 20px;
    font-weight: 600;
    color: #202124;
    line-height: 1;
    white-space: nowrap;
}

.grl-stars {
    color: #fbbc04;
    font-size: 24px;
    letter-spacing: 2px;
    line-height: 1;
    white-space: nowrap;
}

.grl-reviews-link {
    font-size: 14px;
    color: #1a73e8;
    text-decoration: none;
    font-weight: 500;
    white-space: nowrap;
	position: relative;
	top: -2px;
}

.grl-reviews-link:hover {
    text-decoration: underline;
}

/* ============================================
   ОТЗЫВЫ (границы только между отзывами)
   ============================================ */
.grl-reviews {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.grl-review {
    background: transparent;
    padding: 20px 0;
    box-sizing: border-box;
}

.grl-review:first-child {
    padding-top: 0;
}

.grl-review:not(:last-child) {
    border-bottom: 1px solid #e8eaed;
}

/* Шапка отзыва: аватар + имя + дата */
.grl-review-top {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}

/* Цветные аватарки */
.grl-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
}

.grl-avatar-blue {
    background: linear-gradient(135deg, #1a73e8, #0d5bbf);
}
.grl-avatar-green {
    background: linear-gradient(135deg, #34a853, #1e8a3e);
}
.grl-avatar-orange {
    background: linear-gradient(135deg, #fbbc04, #e9a800);
    color: #202124;
}
.grl-avatar-purple {
    background: linear-gradient(135deg, #9334e6, #7b1fa2);
}
.grl-avatar-red {
    background: linear-gradient(135deg, #ea4335, #c5221f);
}

.grl-author-name {
    font-size: 15px;
    font-weight: 600;
    color: #202124;
    line-height: 1.3;
}

.grl-review-date {
    margin-top: 3px;
    font-size: 12px;
    color: #80868b;
}

.grl-review-stars {
    color: #fbbc04;
    font-size: 13px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.grl-review-text {
    color: #000000;
    font-size: 14px;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ============================================
   ССЫЛКА ВНИЗУ (без разделителя)
   ============================================ */
.grl-footer-link {
    margin-top: var(--grl-footer-margin-top);
    padding-top: 0;
    text-align: right;
}

.grl-footer-link .grl-link {
    color: #1a73e8;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}

.grl-footer-link .grl-link:hover {
    text-decoration: underline;
}

/* ============================================
   АДАПТИВ (мобильные устройства)
   ============================================ */
@media (max-width: 767px) {
    .grl-wrapper {
        padding: 18px;
    }
    .grl-avatar {
        width: 38px;
        height: 38px;
        font-size: 16px;
    }
    .grl-stars {
        font-size: 20px;
    }
    .grl-company-name {
        font-size: 16px;
    }
    .grl-google-text {
        font-size: 18px;
    }
    .grl-rating-number {
        font-size: 18px;
    }
    /* На мобильных разрешаем перенос, если не влезает */
    .grl-rating-row {
        flex-wrap: wrap;
        gap: 6px;
    }
}