/* st-otzyvy v2 — страница «Отзывы» (#otzyv). Только стили. Подключать после adaptiv.css */
#content #otzyv{--ot-or:#FD8900;--ot-sl:#2D3440;--ot-bd:#E3E3E3;--ot-cream:#FFF7EC;--ot-cb:#F0DEC6;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch;margin:24px 0 0!important;padding:0!important}
#content #otzyv>br,#content #otzyv .block>br{display:none!important}
#content #otzyv .block{position:relative;display:flex!important;flex-direction:column;gap:12px;width:auto!important;max-width:none!important;margin:0!important;padding:22px 24px!important;background:#fff!important;border:1px solid var(--ot-bd)!important;border-radius:16px!important;box-shadow:0 6px 20px rgba(45,52,64,.07)!important;box-sizing:border-box;transition:box-shadow .25s,transform .25s,border-color .25s}
@media (hover:hover){#content #otzyv .block:hover{box-shadow:0 14px 32px rgba(45,52,64,.14)!important;transform:translateY(-3px);border-color:var(--ot-cb)!important}}
/* имя и дата */
#content #otzyv .name_date{display:flex!important;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:0!important;padding:0 44px 0 0!important}
#content #otzyv .name_date .name{font-size:19px!important;line-height:1.25!important;font-weight:800!important;color:var(--ot-sl)!important}
#content #otzyv .name_date .date{font-size:14px!important;line-height:1.2!important;font-style:normal!important;font-weight:600;color:#6B7380!important}
/* текст */
#content #otzyv .block>p{margin:0!important;padding:0!important;font-size:16px!important;line-height:1.65!important;color:#3B4350!important}
/* кавычки — декор для текстовых отзывов */
#content #otzyv .block:not(:has(iframe))::after{content:"";position:absolute;top:18px;right:20px;width:34px;height:28px;opacity:.9;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 28'%3E%3Cpath fill='%23FD8900' d='M0 28V15.4C0 6 5 .8 13.6 0l1.2 3.6C10.4 4.8 8.4 7.4 8 11h6v17H0zm19.6 0V15.4C19.6 6 24.6.8 33.2 0l1.2 3.6c-4.4 1.2-6.4 3.8-6.8 7.4h6v17H19.6z'/%3E%3C/svg%3E") center/contain no-repeat}
/* оранжевая линия слева у текстовых */
#content #otzyv .block:not(:has(iframe)){box-shadow:inset 5px 0 0 var(--ot-or),0 6px 20px rgba(45,52,64,.07)!important;padding-left:28px!important}
@media (hover:hover){#content #otzyv .block:not(:has(iframe)):hover{box-shadow:inset 5px 0 0 var(--ot-or),0 14px 32px rgba(45,52,64,.14)!important}}
/* видео: дату не показываем — в карточке она не совпадает с датой ролика */
#content #otzyv .block:has(iframe) .date{display:none!important}
#content #otzyv .block iframe{display:block;width:100%!important;height:auto!important;aspect-ratio:16/9;max-width:100%;border:0!important;border-radius:12px;background:#000;margin:0!important}
#content #otzyv .block:has(iframe){justify-content:flex-start}
/* нечётное число карточек: последняя на всю ширину (без пустой клетки) */
@media (min-width:761px){
 #content #otzyv .block:last-of-type:nth-of-type(odd){grid-column:1/-1}
 #content #otzyv .block:has(iframe):last-of-type:nth-of-type(odd) iframe{width:min(100%,560px)!important}
}
/* мобильная */
@media (max-width:760px){
 #content #otzyv{grid-template-columns:minmax(0,1fr);gap:14px}
 #content #otzyv .block{padding:18px 16px!important}
 #content #otzyv .block:not(:has(iframe)){padding-left:20px!important}
 #content #otzyv .name_date .name{font-size:18px!important}
 #content #otzyv .block>p{font-size:15px!important}
}
