/* rd-vitrina.css — витрина «Возьмите полезную информацию по теме»: общий компонент главной и страниц-разделов.
   Главная: крупный вариант (.rd-vitrina). Страницы: узкий вариант (.rd-vitrina--compact), карточки собирает assets/rd-vitrina.js по data-products. */
  /* ВИТРИНА мини-продуктов (правка Анны 05.10): чёрная полоса на ВСЮ ширину экрана; внутри лента карточек —
     слева обложка (целиком, без обрезки), справа название, подзаголовок (текст обложки) и кнопка в Telegram-бот.
     ПК: видно 3–4 карточки; телефон: 2,5 карточки (обложка сверху, текст под ней), следующая выглядывает.
     Лента листается рукой, стрелками и сама (assets/rd-pr1.js: пауза при наведении/касании). */
  .rd-vitrina{background:#fff;color:#141311;padding:clamp(40px,6vh,64px) 0 0}
  .rd-vitrina .vt-head{width:100%;margin:0 0 26px;padding:0 clamp(16px,4vw,60px);box-sizing:border-box}
  .rd-vitrina .vt-tag{font-family:'Jost',sans-serif;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#6a6a68;margin-bottom:10px}
  .rd-vitrina .vt-h{font-family:'Tenor Sans',serif;font-size:clamp(24px,3vw,34px);letter-spacing:.01em;color:#141311;font-weight:400;margin:0}
  .rd-vitrina .vt-strip{position:relative;width:100%;min-width:0;box-sizing:border-box;background:#0d0d0d;padding:clamp(18px,2.4vw,34px) 0}
  .rd-vitrina .vt-grid{display:flex;gap:clamp(8px,1.2vw,20px);overflow-x:auto;scroll-snap-type:none;scroll-behavior:auto;scrollbar-width:none;padding:0 clamp(12px,2.4vw,40px);-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;cursor:grab}
  .rd-vitrina .vt-grid::-webkit-scrollbar{display:none}
  .rd-vitrina .vt-card{flex:0 0 clamp(340px,28vw,560px);display:flex;gap:clamp(12px,1.4vw,24px);align-items:stretch;background:#171717;border:1px solid #2a2a29;border-radius:0;padding:clamp(10px,.9vw,16px);box-sizing:border-box;transition:transform .25s,box-shadow .25s,border-color .25s}
  .rd-vitrina .vt-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.55);border-color:#4a4a48}
  .rd-vitrina .vt-cover{flex:0 0 auto;display:block;height:clamp(240px,17vw,330px);aspect-ratio:9/16;background:#0d0d0d;overflow:hidden}
  .rd-vitrina .vt-cover img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;-webkit-user-drag:none}
  .rd-vitrina .vt-body{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:8px}
  .rd-vitrina .vt-kick{font-family:'Jost',sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#8a8a88}
  .rd-vitrina .vt-title{font-family:'Tenor Sans',serif;font-weight:400;font-size:clamp(22px,1.7vw,30px);line-height:1.1;color:#F4F4F3;margin:0}
  .rd-vitrina .vt-sub{font-family:'Jost',sans-serif;font-size:clamp(14px,.95vw,16px);line-height:1.4;color:#CFCFCC;margin:0 0 6px}
  .rd-vitrina .vt-go{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;text-decoration:none;font-family:'Jost',sans-serif;font-size:13px;white-space:nowrap}
  .rd-vitrina .vt-arr{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:64px;border:1px solid #CFCFCC;border-radius:0;background:rgba(13,13,13,.88);color:#F4F4F3;font:400 24px/1 'Jost',sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s,color .2s}
  .rd-vitrina .vt-arr:hover{background:#D9803F;border-color:#D9803F;color:#111}
  .rd-vitrina .vt-prev{left:0}.rd-vitrina .vt-next{right:0}
  @media(max-width:560px){
    .rd-vitrina .vt-grid{gap:8px;padding:0 12px}
    .rd-vitrina .vt-card{flex:0 0 37vw;flex-direction:column;gap:10px;padding:8px}
    .rd-vitrina .vt-cover{width:100%;height:auto}
    .rd-vitrina .vt-kick{display:none}
    .rd-vitrina .vt-title{font-size:17px}
    .rd-vitrina .vt-sub{font-size:12px;line-height:1.35}
    .rd-vitrina .vt-go{width:100%;padding:0 6px;font-size:12px;min-height:40px;letter-spacing:.02em}
    .rd-vitrina .vt-arr{width:30px;height:46px;font-size:18px}
  }
  @media(prefers-reduced-motion:reduce){.rd-vitrina .vt-card{transition:none}}
  
@media(max-width:767px){html body .rd-vitrina .vt-strip{width:100vw;margin-left:calc(50% - 50vw)}}
@media(max-width:560px){html body .rd-vitrina .vt-go{white-space:normal!important;line-height:1.15;font-size:11px!important;letter-spacing:0!important}}
/* ── Витрина мини-продуктов: обложка крупнее (пропорция исходной 9:16, без обрезки), «кнопка» — подзаголовок продукта в рамке 2 px с бегущим бликом и стрелкой ── */
html body .rd-vitrina .vt-card{flex:0 0 clamp(360px,31vw,640px)}
html body .rd-vitrina .vt-cover{height:clamp(300px,23vw,460px)}
html body .rd-vitrina .vt-go{
  align-self:stretch;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;white-space:normal;
  min-height:56px;padding:10px 16px;border:2px solid transparent;border-radius:0;text-decoration:none;
  color:#E8A768;font:500 clamp(14px,.95vw,17px)/1.3 var(--pr1-t);letter-spacing:.01em;
  background:linear-gradient(#171717,#171717) padding-box,linear-gradient(100deg,transparent 38%,#F4CFA0 50%,transparent 62%) border-box,linear-gradient(#B8602A,#B8602A) border-box;
  background-size:100% 100%,260% 100%,100% 100%;background-repeat:no-repeat;
  animation:vtBorder 3.8s ease-in-out infinite;transition:color .2s,filter .2s}
html body .rd-vitrina .vt-go:hover{color:#F4CFA0;filter:brightness(1.08)}
html body .rd-vitrina .vt-go-t{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
html body .rd-vitrina .vt-go-arr{flex:0 0 auto;font-size:26px;line-height:1;color:#E8A768;transition:transform .25s}
html body .rd-vitrina .vt-go:hover .vt-go-arr{transform:translateX(4px)}
@keyframes vtBorder{0%{background-position:0 0,160% 0,0 0}60%,100%{background-position:0 0,-60% 0,0 0}}
html body .rd-vitrina .vt-sub{display:none}
@media(prefers-reduced-motion:reduce){html body .rd-vitrina .vt-go{animation:none}}
@media(max-width:560px){
  html body .rd-vitrina .vt-card{flex:0 0 40vw}
  html body .rd-vitrina .vt-cover{height:auto;width:100%}
  html body .rd-vitrina .vt-go{min-height:0;padding:8px 8px;font-size:12px;gap:6px}
  html body .rd-vitrina .vt-go-arr{font-size:20px}
}

/* ── Узкий вариант для страниц-разделов (.rd-vitrina--compact): блок высотой ~290 px на ПК, без лишних подложек вокруг ── */
.rd-vitrina--compact{padding:clamp(22px,3vh,32px) 0 0;background:#fff}
.rd-vitrina--compact .vt-head{margin:0 0 14px}
.rd-vitrina--compact .vt-h{font-size:clamp(20px,2.2vw,26px)}
.rd-vitrina--compact .vt-tag{margin-bottom:6px}
html body .rd-vitrina--compact .vt-strip{padding:14px 0}
html body .rd-vitrina--compact .vt-card{flex:0 0 clamp(330px,26vw,520px);padding:8px}
html body .rd-vitrina--compact .vt-cover{height:clamp(190px,13vw,230px)}
html body .rd-vitrina--compact .vt-title{font-size:clamp(20px,1.4vw,26px)}
html body .rd-vitrina--compact .vt-go{min-height:48px;padding:8px 14px;font-size:clamp(13px,.85vw,15px)}
html body .rd-vitrina--compact .vt-arr{height:52px}
@media(max-width:560px){
  .rd-vitrina--compact .vt-head{padding:0 16px}
  html body .rd-vitrina--compact .vt-card{flex:0 0 40vw;padding:6px}
  html body .rd-vitrina--compact .vt-cover{height:auto}
  html body .rd-vitrina--compact .vt-title{font-size:15px}
}
.rd-vitrina--compact .vt-tag{display:none}
html body .rd-vitrina--compact .vt-cover{height:clamp(170px,11.5vw,200px)}
html body .rd-vitrina--compact .vt-go-t,html body .rd-vitrina--compact .vt-title{overflow-wrap:anywhere}
@media(max-width:560px){html body .rd-vitrina--compact .vt-cover{height:auto}}

/* Призыв листать (правка Анны 05.10, п.16): надпись справа от заголовка витрины на ПК, под заголовком на телефоне; стрелка мягко «подталкивает» вправо */
@keyframes vtHint{0%,100%{transform:translateX(0)}50%{transform:translateX(7px)}}
html body .rd-vitrina .vt-head{position:relative}
html body .rd-vitrina .vt-head::after{content:"Листайте \2192";position:absolute;right:clamp(16px,4vw,58px);bottom:2px;font:500 13px/1 'Jost',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#B8602A;animation:vtHint 2.4s ease-in-out infinite;pointer-events:none}
@media(max-width:700px){html body .rd-vitrina .vt-head::after{position:static;display:block;margin-top:8px;width:max-content;font-size:12px}}
@media(prefers-reduced-motion:reduce){html body .rd-vitrina .vt-head::after{animation:none}}