/* Верх главной (дизайн «D»): главная новость на 2/3 + две карточки справа, лента слева на всю высоту.
   Телефон: поля 16 px, главная квадратом, под ней горизонтальный слайдер 16:9 с точками. */
.homepage--v2 .homepage__layout{grid-template-areas:"left hero hero" "left main right";grid-template-rows:auto auto}
.homepage--v2 .homepage__left{grid-row:1/3}

.fr-hero{grid-area:hero;display:grid;grid-template-columns:2fr 1fr;gap:12px;min-width:0}
.fr-hero__col{display:grid;grid-template-rows:1fr 1fr;gap:12px;min-width:0}
.frh{position:relative;display:block;border-radius:12px;overflow:hidden;background:#1C2230;color:#fff;text-decoration:none!important;min-height:0}
.frh img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:transform .6s cubic-bezier(.2,.8,.2,1);top:-30px}
a.frh.frh--big img{top:-62px}
.frh:hover img{transform:scale(1.03)}
.frh::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,35,63,0) 35%,rgba(22,35,63,.45) 65%,rgba(22,35,63,.9))}
.frh--big{height:433px}.frh--sm{height:210px}
.frh__t{position:absolute;left:0;right:0;bottom:0;z-index:1;background:linear-gradient(0deg,#1C2230 20%,#1C2230 43%,rgba(28,34,48,0) 100%);padding:25px}
.frh--sm .frh__t{padding:16px 18px}
.frh__badge{display:inline-block;background:#F76C16;font:800 11px/1 Roboto,sans-serif;letter-spacing:1px;text-transform:uppercase;padding:6px 9px;border-radius:5px;margin-bottom:12px;color:#fff}
.frh__cap{display:inline-block;font:700 11px/1 Roboto,sans-serif;letter-spacing:.9px;text-transform:uppercase;color:#FFB27A;margin-bottom:8px}
.frh h2{font:500 30px/1.15 Roboto,sans-serif;margin:0 0 10px;color:#fff;letter-spacing:0}
.frh--sm h2{font-weight:500;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font-size:17px}
.frh__m{font:400 13px/1.3 Roboto,sans-serif;color:#C9D3E8}.frh__m b{color:#fff;font-weight:500}
.frh--sm .frh__m{font-size:12px}
.frh--more,.frh-dots{display:none}
.frh:focus-visible{outline:3px solid #F76C16;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.frh img{transition:none}.frh:hover img{transform:none}}

/* планшет: колонки друг под другом, две карточки в ряд */
@media (max-width:1023px){
  .homepage--v2 .homepage__layout{grid-template-areas:"hero" "left" "main" "right";padding:0 16px;row-gap:16px}
  .homepage--v2 .homepage__left{grid-row:auto}
  .fr-hero{grid-template-columns:1fr}
  .frh--big{height:420px}
  .fr-hero__col{grid-template-rows:none;grid-template-columns:1fr 1fr}
  .frh--sm{height:auto;aspect-ratio:16/9}
  .homepage--v2 .hp-left,.homepage--v2 .hp-feed__items .news-card{border-radius:14px}
}

/* телефон: главная квадратом, под ней горизонтальный слайдер */
@media (max-width:767px){
  .homepage--v2{padding-top:12px}
  .fr-hero{display:block}
  .frh--big{height:250px;aspect-ratio:1/1;border-radius:16px;width:100%}
  a.frh.frh--big img{top:-20px}
  .frh--big .frh__t{padding:18px}
  .frh--big h2{font-size:20px;line-height:1.2;margin-bottom:8px}
  .frh__badge{margin-bottom:10px}
  .fr-hero__col{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;
    margin:12px -16px 0;padding:0 16px;scroll-padding:0 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .fr-hero__col::-webkit-scrollbar{display:none}
  .fr-hero__col .frh--sm{flex:0 0 84%;height:auto;aspect-ratio:16/9;border-radius:14px;scroll-snap-align:start}
  .frh--more{display:block}
  .frh--sm::after{background:linear-gradient(180deg,rgba(22,35,63,0) 20%,rgba(22,35,63,.55) 55%,rgba(22,35,63,.94))}
  .frh--sm .frh__t{padding:12px 14px}
  .frh--sm .frh__cap{margin-bottom:5px}
  .frh--sm h2{font-size:17px;line-height:1.3;margin-bottom:4px;-webkit-line-clamp:2}
  .frh--sm .frh__m{font-size:11.5px}
  .frh-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}
  .frh-dots i{width:6px;height:6px;border-radius:3px;background:#C9D1E3;transition:width .25s,background .25s}
  .frh-dots i.on{width:18px;background:#365EBA}
}