/* rd-vitrina-pk.css — витрина «Полезное по теме» (п.88 + правки Анны 12.10 вечер):
   1) чёрная лента той же высоты, что блок быстрой связи (.rd-sta; --vtH из assets/rd-vitrina-pk.js) — на ПК, планшете, телефоне, на главной и на страницах-разделах одинаково;
   2) обложки вертикальные прямоугольники ЦЕЛИКОМ (название уже крупно на обложке — текст под ней не дублируется), мелкие, под обложкой стрелка «скачать»;
   3) заголовок без обводки, крупнее, меньше отступов; под ним подзаголовок-пояснение (.vt-lead). */
/* карточка шириной в обложку: перебивает прежние «80vw» из rd-mob.css / rd-vnutr-mob.css */
/* ревизия 12.10: две обложки не 9:16 (dizayn-proekt 540×540, metod-prioritetov 540×763) — показываем целиком без растяжения, на тёмном поле; остаток прежней обрезки (::after из rd-mob.css) убран */
/* ЗАГОЛОВОК витрины — на всех экранах (ПК и телефон), правка Анны 12.10: без обводки, подзаголовок-пояснение, крупнее, меньше отступов */
html :is(#site-content,body) .rd-vitrina{padding-top:clamp(24px,3.4vh,36px)!important}
html :is(#site-content,body) .rd-vitrina .vt-head{margin:0 0 16px!important}
html :is(#site-content,body) .rd-vitrina .vt-tag{margin-bottom:6px!important}
html body:not(#rdm1):not(#rdm2) .rd-vitrina .vt-h{font-size:clamp(30px,8.2vw,34px)!important;line-height:1.14!important;margin:0 0 8px!important}
html :is(#site-content,body) .rd-vitrina .vt-h .vt-pen{display:block;padding:0!important;max-width:none!important}
html :is(#site-content,body) .rd-vitrina .vt-h .vt-pen-svg,html :is(#site-content,body) .rd-vitrina .vt-h .vt-pen-x{display:none!important}
html :is(#site-content,body) .rd-vitrina .vt-lead{margin:0;max-width:34em;font-family:'Jost','DM Sans',sans-serif;font-size:16px;line-height:1.4;color:#4a4a48}
@media(min-width:768px){html body:not(#rdm1):not(#rdm2) .rd-vitrina .vt-h{font-size:clamp(38px,3.6vw,54px)!important}html :is(#site-content,body) .rd-vitrina .vt-lead{font-size:clamp(17px,1.3vw,20px)}}
/* ТОЛЬКО ТЕЛЕФОН: на ПК (от 768 px) витрина остаётся прежней, правки Анны 12.10 вечер — «мы правим мобильную версию» */
@media(max-width:767px){
html :is(#site-content,body) .rd-vitrina .vt-strip{height:var(--vtH,auto);padding:0!important;box-sizing:border-box;display:flex;align-items:center}
html :is(#site-content,body) .rd-vitrina .vt-grid{height:100%;width:100%;align-items:center;gap:10px!important}
html :is(#site-content,body) .rd-vitrina .vt-card{flex:0 0 auto!important;width:auto!important;height:calc(var(--vtH,300px) - 24px)!important;box-sizing:border-box;padding:8px!important;gap:6px!important;flex-direction:column!important;align-items:center!important}
html :is(#site-content,body) .rd-vitrina .vt-body{flex:none!important;width:100%!important;display:block!important}
html :is(#site-content,body) .rd-vitrina .vt-title{display:none!important}
html :is(#site-content,body) .rd-vitrina .vt-dl{margin:0 auto!important;width:100%!important;height:34px!important;display:flex!important;align-items:center;justify-content:center}
html body:not(#rdm1):not(#rdm2):not(#rdm3) .rd-vitrina .vt-grid .vt-card{flex:0 0 auto!important;width:auto!important;max-width:none!important}
/* п.18 Анны (06.10) + её слова 12.10: обложки ОДНОГО размера (окно 540:700, вертикальный прямоугольник), срезаны снизу ровно до низа заголовка; у каждого файла свой срез. Файлы dizayn-proekt (540×540) и metod-prioritetov (540×763) ниже — под заголовком остаётся тёмное поле, пока нет новых файлов 540×960. */
html :is(#site-content,body) .rd-vitrina .vt-cover{flex:none!important;width:auto!important;height:calc(100% - 40px)!important;aspect-ratio:540/700!important;overflow:hidden;display:block;position:relative;background:#0d0d0d}
html :is(#site-content,body) .rd-vitrina .vt-cover img{position:absolute!important;left:0;top:-13.15%;width:100%!important;height:auto!important;object-fit:fill!important;transform:none!important;display:block}
html :is(#site-content,body) .rd-vitrina .vt-cover img[src*="dizayn-proekt"]{top:0;clip-path:inset(0 0 13.7% 0)}
html :is(#site-content,body) .rd-vitrina .vt-cover img[src*="metod-prioritetov"]{top:0;clip-path:inset(0 0 25.5% 0)}
html :is(#site-content,body) .rd-vitrina .vt-cover::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.2%;background:#0d0d0d;pointer-events:none}
html :is(#site-content,body) .rd-vitrina .vt-cover:has(img[src*="dizayn-proekt"])::after,html :is(#site-content,body) .rd-vitrina .vt-cover:has(img[src*="metod-prioritetov"])::after{display:none}
}