/**
 * ELBIN Redesign 2 — «Про ELBIN» (головна)
 *
 * Shortcode [elbin_r2_about] (inc/elbin-redesign/home-sections.php).
 * Усі змінні з tokens.css. Макет full-width: текст зверху,
 * рейтинг + цитати одним рядом унизу.
 */

.elbin-r2-about {
    background: var(--elbin-r2-surface);
    padding: 64px 0;
    border-top: 1px solid var(--elbin-r2-line);
    font-family: var(--elbin-r2-font-ui);
}

.elbin-r2-about__title {
    margin: 8px 0 18px;
    font-size: var(--elbin-r2-fs-h2);
    font-weight: var(--elbin-r2-fw-heading);
    line-height: 1.25;
    color: var(--elbin-r2-ink);
}

.elbin-r2-about__dot { color: var(--elbin-r2-accent); }

.elbin-r2-about__copy p {
    margin: 0 0 14px;
    font-size: var(--elbin-r2-fs-body);
    line-height: 1.6;
    color: var(--elbin-r2-text-2);
    max-width: 760px;
}

.elbin-r2-about__more { display: inline-block; margin-top: 6px; }

/* Соцдоказ: рейтинг-картка + 3 цитати одним рядом на всю ширину */
.elbin-r2-about__social {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--elbin-r2-s-16);
    align-items: stretch;
    margin-top: var(--elbin-r2-s-32);
}

.elbin-r2-about__rating {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--elbin-r2-s-8);
    padding: var(--elbin-r2-s-16) var(--elbin-r2-s-24);
    border: 1px solid var(--elbin-r2-line);
    border-radius: var(--elbin-r2-r-card);
    background: var(--elbin-r2-surface-2);
}

.elbin-r2-about__rating-num {
    font: 800 34px/1 var(--elbin-r2-font-mono);
    color: var(--elbin-r2-ink);
    letter-spacing: -0.01em;
}

.elbin-r2-about__rating-meta { display: flex; flex-direction: column; gap: 5px; }

.elbin-r2-about__stars { display: flex; gap: 2px; color: var(--elbin-r2-accent); }
.elbin-r2-about__stars svg { width: 15px; height: 15px; }

.elbin-r2-about__rating-lbl {
    font-size: var(--elbin-r2-fs-caption);
    line-height: 1.4;
    color: var(--elbin-r2-text-3);
}

.elbin-r2-about__review {
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: var(--elbin-r2-s-16) var(--elbin-r2-s-24);
    border: 1px solid var(--elbin-r2-line);
    border-left: 3px solid var(--elbin-r2-accent);
    border-radius: var(--elbin-r2-r-card);
    background: var(--elbin-r2-surface);
}

.elbin-r2-about__review p {
    margin: 0 0 8px;
    font-size: var(--elbin-r2-fs-small);
    line-height: 1.55;
    color: var(--elbin-r2-text-2);
}

.elbin-r2-about__review footer {
    font-size: var(--elbin-r2-fs-caption);
    font-weight: 600;
    color: var(--elbin-r2-text-3);
}

.elbin-r2-about__all { display: inline-block; margin-top: var(--elbin-r2-s-16); }

@media (max-width: 1199.98px) {
    .elbin-r2-about__social { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 639.98px) {
    .elbin-r2-about { padding: 48px 0; }
    .elbin-r2-about__social { grid-template-columns: minmax(0, 1fr); }
}