/* сетка контейнера */
.yreviews{display:grid;gap:16px}
.yreviews--tiles{grid-template-columns:repeat(3,1fr)}
@media (max-width:1024px){.yreviews--tiles{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.yreviews--tiles{grid-template-columns:1fr}}
.yreviews--list{grid-template-columns:1fr}

/* карточка по умолчанию (плитка) */
.yreviews__item{border:1px solid #ececec;border-radius:12px;padding:16px;background:#fff;display:flex;flex-direction:column;min-height:220px}
.yreviews__head{display:flex;gap:12px;align-items:center;margin-bottom:8px}
.yreviews__avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex:0 0 40px;background:#f5f5f5;display:flex;align-items:center;justify-content:center}
.yreviews__avatar img{width:100%;height:100%;object-fit:cover}
.yreviews__avatar-ph{font-size:18px;color:#aaa}
.yreviews__meta{display:flex;flex-direction:column;gap:2px}
.yreviews__author{font-weight:600}
.yreviews__rating{color:#f2b01e;line-height:1}
.yreviews__date{color:#888;font-size:12px}

/* вид «списком» */
.yreviews__item--list{flex-direction:row;align-items:flex-start}
.yreviews__item--list .yreviews__avatar{margin-right:12px}
.yreviews__item--list .yreviews__body{flex:1 1 auto}
.yreviews__item--list .yreviews__row{display:flex;gap:12px;align-items:center;margin-bottom:6px}
.yreviews__item--list .yreviews__text{-webkit-line-clamp:6;line-clamp:6}

/* текст/спойлер */
.yreviews__text{margin-top:8px;display:-webkit-box;-webkit-line-clamp:8;line-clamp:8;-webkit-box-orient:vertical;overflow:hidden;position:relative}
.yreviews__text.is-clamped::after{content:"";position:absolute;left:0;right:0;bottom:0;height:36px;background:linear-gradient(180deg, rgba(255,255,255,0), #fff)}
.yreviews__text.is-open{-webkit-line-clamp:unset;line-clamp:unset}
.yreviews__morelnk{margin-top:6px;display:inline-block;color:#5b34f3;text-decoration:underline;cursor:pointer}
.yreviews__morelnk:hover{opacity:.85}
.js-ymore[hidden]{display:none!important}

/* верхняя панель и кнопка */
.yreviews-toolbar{display:flex;justify-content:space-between;align-items:center;margin:10px 0 12px}
.yreviews-btn{display:inline-block;padding:8px 12px;border-radius:10px;background:#ffd400;color:#000;text-decoration:none;font-weight:600}
.yreviews-btn:hover{opacity:.9}

.yreviews-morewrap{text-align:center;margin-top:16px}
.yreviews-more{border:0;background:#333;color:#fff;padding:10px 16px;border-radius:10px;cursor:pointer}
.yreviews-more[disabled]{opacity:.6;cursor:default}