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

/* ===== Карточка (плитка по умолчанию) ===== */
.dgisreviews-yreviews.yreviews--tiles {min-height:220px}
.dgisreviews-yreviews__item{border:1px solid #ececec;border-radius:12px;padding:16px;background:#fff;display:flex;flex-direction:column}
.dgisreviews-yreviews__head{display:flex;gap:12px;align-items:center;margin-bottom:8px}
.dgisreviews-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}
.dgisreviews-yreviews__avatar img{width:100%;height:100%;object-fit:cover}
.dgisreviews-yreviews__avatar-ph{font-size:18px;color:#aaa}
.dgisreviews-yreviews__meta{display:flex;flex-direction:column;gap:2px}
.dgisreviews-yreviews__author{font-weight:600}
.dgisreviews-yreviews__rating{color:#f2b01e;line-height:1}
.dgisreviews-yreviews__date{color:#888;font-size:12px}
.dgisreviews-yreviews__avatar.dgisreviews-is-ph{background:#f5f5f5}
.dgisreviews-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.dgisreviews-w3.dgisreviews-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");
}

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

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

/* ===== Верхняя панель и кнопки ===== */
.dgisreviews-yreviews-toolbar{display:flex;justify-content:space-between;align-items:center;margin:10px 0 12px}
.dgisreviews-yreviews-btn{display:inline-block;border:1px solid;padding:8px 12px;border-radius:10px;font-weight:600;text-decoration:none;transition:opacity .15s ease}
.dgisreviews-yreviews-btn--accent{background:#ffd400;color:#000;border:0}
.dgisreviews-yreviews-btn--accent:hover{opacity:.9}
.dgisreviews-yreviews-btn--outline{background:#fff;color:#30ad00!important;border:1px solid #30ad00}
.dgisreviews-yreviews-btn--outline:hover{opacity:.6}

.dgisreviews-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;}
.dgisreviews-yreviews__morelnk:hover{opacity:.85}

/* Показать ещё */
.dgisreviews-yreviews-morewrap{text-align:center;margin:16px 0}
.dgisreviews-yreviews-morelink{display:inline-block;text-decoration:none;border-bottom:1px dashed currentColor;cursor:pointer}
.dgisreviews-yreviews-morelink:hover{border-bottom-color:transparent}
.dgisreviews-yreviews-morelink.dgisreviews-is-loading{opacity:.6;pointer-events:none}

/* Сортировка */
.dgisreviews-yreviews-sort{display:flex;align-items:center;gap:10px}
.dgisreviews-yreviews-sort label{font-weight:600;color:#6b7280}
.dgisreviews-js-ysort{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;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;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");}
.dgisreviews-js-ysort:hover{border-color:#cbd5e1}
.dgisreviews-js-ysort:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15)}
@media (max-width:640px){.dgisreviews-yreviews-sort label{font-size:14px}.dgisreviews-js-ysort{padding:6px 32px 6px 10px;font-size:14px}.dgisreviews-yreviews-btn{padding:6px 12px}}

/* Ряд шапки с автором/рейтингом/датой */
.dgisreviews-yreviews__row{
  display:flex;
  align-items:center;
  gap:12px;
}
/* --- БАЗА для «бейджа» даты (общая типографика) --- */
.dgisreviews-yreviews__date{
  color:#666;
  border-radius:8px;
  font-size:13px;
  line-height:1;
  white-space:nowrap;
}
.dgisreviews-yreviews.yreviews--tiles .dgisreviews-yreviews__body {
margin-bottom:20px;
}
/* --- ПЛИТКА (карточка): дата внизу слева --- */
.dgisreviews-yreviews__item:not(.dgisreviews-yreviews__item--list){
  display:flex;
  flex-direction:column;
  min-height:100%;
}
.dgisreviews-yreviews__item:not(.dgisreviews-yreviews__item--list) .dgisreviews-yreviews__date{
  margin-top:auto;        /* прижимаем к низу */
  align-self:flex-start;  /* слева */
}

/* --- СПИСОК: дата в правом краю «шапки» строки --- */
.dgisreviews-yreviews__item--list .dgisreviews-yreviews__row{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.dgisreviews-yreviews__item--list .dgisreviews-yreviews__date{
  margin-left:auto;      
  align-self:center;

}

/* адаптив: на узких экранах в списке переносим дату под заголовок */
@media (max-width:640px){
  .dgisreviews-yreviews__item--list .dgisreviews-yreviews__date{
    margin-left:0;
    margin-top:6px;
    order:3;              
    align-self:flex-start;
  }
}


/* Аватар — фиксируем размеры и отображение */
.dgisreviews-yreviews__item--list{display:flex; gap:14px; align-items:flex-start;}
.dgisreviews-yreviews__avatar{
  width:64px; height:64px; flex:0 0 64px;
  border-radius:12px; overflow:hidden; background:#f0f0f0;
}
.dgisreviews-yreviews__avatar img{
  display:block; width:100%; height:100%; object-fit:cover;
}
/* плейсхолдер, когда нет картинки */
.dgisreviews-yreviews__avatar.dgisreviews-is-ph .dgisreviews-yreviews__avatar-ph{
  display:block; width:100%; height:100%; border-radius:inherit; background:#eef2ff;
}

/* Цвет звёзд (как в карточках) */
.dgisreviews-yreviews__rating{ color:#ffb100; white-space:nowrap; }

/* Текст и «Показать полностью» */
.dgisreviews-yreviews__text{ margin-top:6px; color:#555; }
.dgisreviews-yreviews__morelnk{ margin-top:4px; color:#2563eb; }

/* Аватар — общий бокс */
#dgisreviews-yreviews .dgisreviews-yreviews__avatar{
  width: 64px;
  height: 64px;
  min-width: 64px;            /* чтобы не схлопывался во флексе */
  border-radius: 12px;
  background: #eef2ff;        /* как на скрине, можно поменять */
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Если есть картинка — заполняет бокс полностью */
#dgisreviews-yreviews .dgisreviews-yreviews__avatar img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  display: block;
}

/* Плейсхолдер со смайликом по центру */
#dgisreviews-yreviews .dgisreviews-yreviews__avatar-ph{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

/* Размер смайлика: 60% от бокса (можно 50–70%) */
#dgisreviews-yreviews .dgisreviews-yreviews__avatar-ph svg{
  width: 60%;
  height: 60%;
  opacity: .7;                /* слегка приглушить */
}