/*
 * Секции страницы «Отзывы» (шаблон page-reviews). Грузится после base.css.
 *
 * @package easy-peasy
 */

/* --- Отзывы: masonry-лента (текст/видео/скрин) --- */
.reviews-masonry{columns:1;column-gap:20px}
@media(min-width:600px){.reviews-masonry{columns:2}}
@media(min-width:1080px){.reviews-masonry{columns:3}}
.reviews-masonry .card-review{break-inside:avoid;margin-bottom:20px;display:inline-flex;width:100%}
.review-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:-2px}
.review-badge{font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:var(--r-pill);display:inline-flex;align-items:center;gap:5px;background:var(--surface-2);color:var(--text-muted)}
.review-badge svg{width:12px;height:12px}
.review-badge.rb-lang{background:var(--surface-blue);color:var(--blue)}
.review-badge.rb-goal{background:var(--surface-soft);color:var(--badge-coral-text)}
.review-loc{font-size:.8rem;color:var(--text-muted)}
.card-review--video{padding:0;overflow:hidden;gap:0}
.rev-video{position:relative;aspect-ratio:16/10;background:linear-gradient(135deg,#28244a,#1e1b3a);display:grid;place-items:center;overflow:hidden}
.rev-video img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rev-play{position:relative;z-index:1;width:60px;height:60px;border-radius:50%;border:none;background:rgba(255,255,255,.92);color:var(--primary);display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.28);transition:transform .18s ease}
.rev-play svg{width:26px;height:26px;margin-left:3px}
.rev-play:hover{transform:scale(1.08)}
.rev-video .rev-consent{position:absolute;left:0;right:0;bottom:0;z-index:1;font-size:.72rem;color:rgba(255,255,255,.85);background:linear-gradient(transparent,rgba(0,0,0,.55));padding:26px 14px 10px;text-align:center}
.card-review--video .review-body{padding:18px 24px 22px;display:flex;flex-direction:column;gap:12px}
.card-review--shot .review-shot{border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line)}
.card-review--shot .review-shot img{width:100%;display:block}

/* --- Истории результата (было → стало) --- */
.case-grid{display:grid;gap:22px;grid-template-columns:1fr}
.case-card{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-sm);padding:clamp(22px,3vw,34px);display:grid;gap:22px}
@media(min-width:820px){.case-card{grid-template-columns:.85fr 1.15fr;align-items:center}}
.case-who{display:flex;flex-direction:column;gap:12px}
.case-avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-head);font-weight:700;font-size:1.3rem;color:#fff}
.case-who .case-name{font-size:1.15rem;font-weight:800}
.case-who .case-goal{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:.76rem;font-weight:700;padding:5px 11px;border-radius:var(--r-pill);background:var(--surface-soft);color:var(--badge-coral-text)}
.case-flow{display:grid;gap:14px}
@media(min-width:520px){.case-flow{grid-template-columns:1fr auto 1fr;align-items:stretch}}
.case-step{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 18px}
.case-step .cs-label{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);display:block;margin-bottom:6px}
.case-step.is-result{background:color-mix(in srgb,var(--green) 12%,var(--surface));border-color:color-mix(in srgb,var(--green) 30%,var(--line))}
.case-step.is-result .cs-label{color:var(--green)}
.case-step p{font-size:.92rem;line-height:1.5}
.case-arrow{display:grid;place-items:center;color:var(--primary)}
.case-arrow svg{width:26px;height:26px}
@media(max-width:519.98px){.case-arrow{transform:rotate(90deg)}}
.case-quote{margin-top:10px;padding-left:12px;border-left:3px solid color-mix(in srgb,var(--green) 45%,var(--line));font-style:italic;font-weight:600;color:var(--text)}

/* --- Внешние площадки (приглашение) --- */
.platforms{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:720px){.platforms{grid-template-columns:repeat(2,1fr)}}
.platform-tile{display:flex;align-items:center;gap:14px;padding:20px 22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm)}
.platform-tile .pt-ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;color:#fff;flex:none}
.platform-tile .pt-ico svg{width:24px;height:24px}
.platform-tile b{font-size:1rem;font-weight:800;display:block}
.platform-tile span{font-size:.86rem;color:var(--text-muted)}
.pt-google{background:#4285F4}
.pt-fb{background:#1877F2}