/* ===== Сетка контейнера ===== */
.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__avatar.is-ph { background:#f5f5f5; }
.yreviews__avatar-ph{
  display:block;width:22px;height:22px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:22px 22px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='9' cy='10' r='1.5' fill='%239ca3af'/%3E%3Ccircle cx='15' cy='10' r='1.5' fill='%239ca3af'/%3E%3Cpath d='M8 15c1.6 1 3.2 1.5 4 1.5s2.4-.5 4-1.5'/%3E%3C/svg%3E");
}



/* ===== Вид списком ===== */
.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;text-wrap: pretty;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;border: 1px solid;padding:8px 12px;border-radius:10px;font-weight:600;text-decoration:none;transition:opacity .15s ease}
.yreviews-btn--accent{background:#ffd400;color:#000;border:0}
.yreviews-btn--accent:hover{opacity:.9}
.yreviews-btn--outline{background:#fff;color:#000!important;border:1px solid #ff0000}
.yreviews-btn--outline:hover{opacity:.6}

.yreviews__full{
  display:inline-block;       
  margin-top:6px;
  color:#e11d48;               
  cursor:pointer;
  border:0 !important;
  text-decoration-line: underline!important;
  text-decoration-style: dashed!important;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
.yreviews__morelnk:hover{opacity:.85}

/* Показать ещё: кнопка и псевдоссылка */
.yreviews-morewrap{text-align:center;margin:16px 0}
.yreviews-more{border:0;background:#333;color:#fff;padding:10px 16px;border-radius:10px;cursor:pointer}
.yreviews-more[disabled]{opacity:.6;cursor:default}
.yreviews-morelink{display:inline-block;text-decoration:none;border-bottom:1px dashed currentColor;cursor:pointer}
.yreviews-morelink:hover{border-bottom-color:transparent}
.yreviews-morelink.is-loading{opacity:.6;pointer-events:none}

/* ===== Сортировка ===== */
.yreviews-sort{display:flex;align-items:center;gap:10px}
.yreviews-sort label{font-weight:600;color:#6b7280}

/* Кастомный select */
.js-ysort{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-color:#fff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23111827' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 10px center;
  background-size:12px 12px;
  border:1px solid #e5e7eb;border-radius:10px;
  padding:8px 36px 8px 12px;
  outline:0;cursor:pointer;
  transition:border-color .15s ease, box-shadow .15s ease;
  color:#111827;
}
.js-ysort:hover{border-color:#cbd5e1}
.js-ysort:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.js-ysort::-ms-expand{display:none}

/* Мобильная подстройка */
@media (max-width:640px){
  .yreviews-sort label{font-size:14px}
  .js-ysort{padding:6px 32px 6px 10px;font-size:14px}
  .yreviews-btn{padding:6px 12px}
}