/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 11 2026 | 19:00:46 */
/* ============================================================
   БЛОК «ВИДЕООТЗЫВЫ КЛИЕНТОВ» — финальная версия
   Тема Attornix перебивает кнопки/абзацы/картинки — поэтому
   ключевые свойства закреплены через !important.
   ============================================================ */

/* --- Контейнер: растягиваем на всю ширину колонки --- */
.vrz-wrap {
  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}
.vrz-head { margin: 0 0 28px !important; padding: 0 !important; }

/* --- Сетка --- */
.vrz-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  align-items: start !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* --- Карточка --- */
.vrz-card {
  display: flex !important;
  flex-direction: column !important;
  width: auto !important;
  float: none !important;
  height: 420px !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
  background: #fff !important;
  border: 1px solid #e8e4da !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(20,20,20,.04), 0 8px 24px rgba(20,20,20,.06);
  transition: transform .25s ease, box-shadow .25s ease;
}
.vrz-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 2px 4px rgba(20,20,20,.06), 0 16px 40px rgba(20,20,20,.12);
}

/* --- Обложка: строго 16:9, без смещений от<br> --- */
.vrz-thumb {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important; /* высота считается от ширины карточки */
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: #14110d !important;
  overflow: hidden !important;
  text-align: left !important;
  cursor: pointer;
  font: inherit !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  color: inherit !important;
}
/* WordPress вставляет <br> внутрь кнопок — гасим */
.vrz-thumb br, .vrz-cta br,
.vrz-thumb > p, .vrz-cta > p,
.vrz-thumb picture, .vrz-thumb noscript { display: block !important; }

.vrz-cover {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  max-width: none !important;
  transition: transform .4s ease;
  font-size: 0 !important; /* убирает "картинка" от темы */
  line-height: 0 !important;
  background: transparent !important;
}
.vrz-card:hover .vrz-cover { transform: scale(1.03); }

/* --- СЕПИЯ (удали строку, если обложки оставляешь как есть) --- */
.vrz-cover { filter: grayscale(100%) sepia(52%) contrast(1.06) brightness(.96); }

/* --- Оверлей и Play --- */
.vrz-overlay {
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(0,0,0,.16) !important;
  transition: background .25s ease;
  z-index: 2;
  margin: 0 !important;
  padding: 0 !important;
}
.vrz-card:hover .vrz-overlay { background: rgba(0,0,0,.3); }
.vrz-play {
  width: 60px !important; height: 60px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.92) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.3);
  transition: transform .25s ease;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: none !important;
}
.vrz-card:hover .vrz-play { transform: scale(1.12); }
.vrz-play svg { width: 22px !important; height: 22px !important; fill: #b30000 !important; margin-left: 3px !important; }

.vrz-dur {
  position: absolute !important;
  right: 10px !important;
  bottom: 10px !important;
  top: auto !important; left: auto !important;
  background: rgba(0,0,0,.72) !important;
  color: #fff !important;
  font: 600 12px/1.4 "Nunito Sans", Arial, sans-serif !important;
  letter-spacing: .3px !important;
  padding: 3px 7px !important;
  border-radius: 4px !important;
  margin: 0 !important;
  z-index: 3;
}

/* --- Тело карточки --- */
.vrz-body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  padding: 22px 22px 20px !important;
  margin: 0 !important;
  background: #fff !important;
  font-size: 15px !important;
  color: #1c1c1c !important;
}

/* --- Цитата: Georgia, как в макете, без тематического паддинга --- */
.vrz-quote {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  color: #141414 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  text-align: left !important;
}

.vrz-who { margin: 0 0 18px !important; padding: 0 !important; }
.vrz-name {
  font-family: "Nunito Sans", Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: #1c1c1c !important;
  margin: 0 !important; padding: 0 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}
.vrz-role {
  font-family: "Nunito Sans", Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  color: #6f6f6f !important;
  margin: 2px 0 0 !important; padding: 0 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

/* --- Кнопка «Смотреть видео»: обычный регистр, без трекинга темы --- */
.vrz-cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  width: fit-content !important;
  margin: auto 0 0 !important;
  padding: 4px 0 !important;
  background: none !important;
  border: 0 !important;
  border-bottom: 1px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: "Nunito Sans", Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  letter-spacing: normal !important; /* ← было1.5px от темы */
  text-transform: none !important;        /* ← было UPPERCASE от темы */
  color: #b30000 !important;
  text-decoration: none !important;
  text-align: left !important;
  cursor: pointer;
  transition: border-color .2s ease;
}
.vrz-cta:hover { border-bottom-color: #b30000 !important; }
.vrz-cta svg { width: 22px !important; height: 22px !important; flex: none !important; margin: 0 !important; }

/* --- Заголовок блока --- */
.vrz-title {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 40px !important;
  font-weight: 600 !important;
  letter-spacing: .5px !important;
  color: #141414 !important;
  text-transform: none !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}
.vrz-lines { width: 120px !important; margin: 0 0 8px !important; }
.vrz-lines span { display: block !important; height: 2px !important; background: #141414 !important; margin: 0 0 5px !important; }
.vrz-lines span:last-child { width: 60% !important; }
.vrz-sub {
  font-family: "Nunito Sans", Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  color: #6b6b6b !important;
  margin: 0 !important; padding: 0 !important;
  line-height: 1.5 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

/* --- Ступенька --- */
@media (min-width: 981px) { .vrz-card--offset { margin-top: 40px !important; } }
@media (max-width: 980px) {
  .vrz-card { height: auto !important; }
  .vrz-grid { grid-template-columns: 1fr !important; max-width: 520px !important; }
}

/* --- Модалка --- */
.vrz-modal {
  position: fixed !important; inset: 0 !important; z-index: 100000;
  display: none !important; align-items: center !important; justify-content: center !important;
  padding: 24px !important; margin: 0 !important;
}
.vrz-modal.is-open { display: flex !important; }
.vrz-backdrop { position: absolute !important; inset: 0 !important; background: rgba(10,8,6,.82) !important; animation: vrz-fade .25s ease; }
.vrz-box {
  position: relative !important; width: min(920px, 100%) !important; background: #fff !important;
  border-radius: 16px !important; overflow: hidden !important;
  box-shadow: 0 24px 80px rgba(0,0,0,.5); animation: vrz-pop .3s cubic-bezier(.2,.9,.3,1.2);
}
@keyframes vrz-fade { from { opacity: 0; } }
@keyframes vrz-pop { from { opacity: 0; transform: translateY(24px) scale(.96); } }
.vrz-close {
  position: absolute !important; top: 10px !important; right: 10px !important; z-index: 5;
  width: 40px !important; height: 40px !important; border: 0 !important; border-radius: 50% !important;
  background: rgba(0,0,0,.55) !important; color: #fff !important; font-size: 22px !important;
  line-height: 1 !important; cursor: pointer;
  display: flex !important; align-items: center !important; justify-content: center !important;
  padding: 0 !important; margin: 0 !important;
}
.vrz-close:hover { background: rgba(0,0,0,.85) !important; }
.vrz-frame { position: relative !important; aspect-ratio: 16/9 !important; background: #000 !important; }
.vrz-frame iframe { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; border: 0 !important; }
.vrz-meta {
  padding: 16px 20px 18px !important; display: flex !important; justify-content: space-between !important;
  align-items: center !important; gap: 16px !important; flex-wrap: wrap !important; margin: 0 !important;
}
.vrz-meta-title {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 18px !important; font-weight: 600 !important; margin: 0 !important; padding: 0 !important;
  text-transform: none !important; letter-spacing: normal !important;
}
.vrz-meta-title span {
  display: block !important; font: 400 13px/1.4 "Nunito Sans", Arial, sans-serif !important;
  color: #6f6f6f !important; margin-top: 3px !important;
}
.vrz-yt {
  font: 600 14px/1.4 "Nunito Sans", Arial, sans-serif !important;
  color: #b30000 !important; text-decoration: none !important;
  border-bottom: 1px solid transparent !important; white-space: nowrap !important;
  letter-spacing: normal !important; text-transform: none !important;
}
.vrz-yt:hover { border-bottom-color: #b30000 !important; }

/* --- Служебное: <p>, которые WordPress вставил в разметку --- */
.vrz-wrap > p,
.vrz-head > p:not(.vrz-sub),
.vrz-grid > p,
.vrz-card > p,
.vrz-body > p:not(.vrz-quote),
.vrz-modal > p { display: none !important; }
.vrz-body > p:has(.vrz-cta) { display: block !important; margin: 0 !important; padding: 0 !important; }
.vrz-body > p:has(.vrz-cta) .vrz-cta { margin: auto 0 0 !important; }

.vrz-thumb:focus-visible, .vrz-cta:focus-visible {
  outline: 2px solid #b30000 !important; outline-offset: 3px; border-radius: 6px;
}

/* ============ ИСПРАВЛЕНИЕ: <br> и<picture> ============ */
.vrz-thumb br,
.vrz-cta br,
.vrz-thumb > p,
.vrz-cta > p { display: none !important; }

.vrz-thumb > picture {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
.vrz-thumb > picture img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  max-width: none !important;
}
.vrz-thumb > noscript { display: none !important; }

/* Заголовок блока по центру, декоративные черты убраны */
.vrz-head {
  text-align: center !important;
  margin: 0 0 28px !important;
}
.vrz-title { text-align: center !important; }
.vrz-lines { display: none !important; }
.vrz-sub {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}