.home-page .serif{font-family:"Source Serif 4",Georgia,serif}
.home-page section.block{padding:44px 0}
.home-page .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:26px}
.home-page .sec-title{display:flex;align-items:center;gap:14px}
.home-page .sec-title h2{font-family:"Kanyon","Source Serif 4",serif;font-size:28px;font-weight:700;letter-spacing:.02em;color:#495568;text-transform:uppercase}
.home-page .sec-bar{width:5px;height:30px;border-radius:3px;background:var(--cyan)}
.home-page .sec-bar.accent{background:var(--accent)}
.home-page .sec-link{color:#4accd4;font-weight:600;font-size:14.5px;display:inline-flex;align-items:center;gap:6px;transition:.15s}
.home-page .sec-link:hover{gap:10px;color:#2fa8b1}
.home-page .kicker{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.home-page .hero{padding-top:0}
.home-page .hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr) 208px;gap:26px}
.home-page .hero-banner{
  position:relative;border-radius:var(--radius);overflow:hidden;color:#fff;
  display:flex;flex-direction:column;justify-content:space-between;
  background:linear-gradient(165deg,#0a534d 0%,#0f766e 52%,#c1502d 130%);
  box-shadow:var(--shadow);isolation:isolate;padding:18px 18px 22px;min-height:100%;
}
.home-page .hero-banner::before{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(120px 120px at 80% 12%,rgba(255,255,255,.14),transparent 70%),
             radial-gradient(160px 160px at 10% 95%,rgba(217,96,58,.35),transparent 70%)}
.home-page .hb-tag{align-self:flex-start;font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.25);padding:3px 8px;border-radius:5px}
.home-page .hb-mid{display:flex;flex-direction:column;gap:14px}
.home-page .hb-mark{width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.16);backdrop-filter:blur(4px);
  display:grid;place-items:center;border:1px solid rgba(255,255,255,.2)}
.home-page .hb-mark svg{width:24px;height:24px;color:#fff}
.home-page .hb-kicker{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8de3da}
.home-page .hero-banner h3{font-family:"Source Serif 4",serif;font-size:25px;line-height:1.12;font-weight:700;letter-spacing:-.01em;text-wrap:balance}
.home-page .hero-banner p{font-size:13px;color:rgba(255,255,255,.82);line-height:1.45}
.home-page .hb-stat{display:flex;align-items:baseline;gap:7px;margin-top:2px}
.home-page .hb-stat b{font-family:"Source Serif 4",serif;font-size:30px;font-weight:700;line-height:1}
.home-page .hb-stat span{font-size:12px;color:rgba(255,255,255,.78)}
.home-page .hb-cta{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:10px;
  background:#fff;color:#0a534d;font-weight:700;font-size:14px;transition:.18s;margin-top:4px}
.home-page .hb-cta:hover{background:#8de3da;transform:translateY(-1px)}
.home-page .hb-cta svg{width:16px;height:16px}
.home-page .lead{
  position:relative;border-radius:var(--radius);overflow:hidden;min-height:230px;
  display:flex;flex-direction:column;justify-content:flex-end;color:#fff;box-shadow:var(--shadow);
  background:linear-gradient(150deg,#0a534d,#0f766e 60%,#11857b);isolation:isolate;
}
.home-page .lead .ph{position:absolute;inset:0;object-fit:cover;width:100%;height:100%;z-index:-2}
.home-page .lead::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(6,22,20,.92) 8%,rgba(6,22,20,.5) 42%,rgba(6,22,20,.12) 78%)}
.home-page .lead-body{padding:24px 32px 28px}
.home-page .badge{
  display:inline-flex;align-items:center;gap:7px;background:var(--accent);color:#fff;
  font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  padding:6px 13px;border-radius:999px;margin-bottom:16px;
}
.home-page .lead h1{font-family:"Source Serif 4",serif;font-size:31px;line-height:1.1;font-weight:700;letter-spacing:-.02em;text-wrap:balance;margin-bottom:10px}
.home-page .lead p{font-size:14.5px;color:rgba(255,255,255,.86);max-width:64ch;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-page .lead .badge{margin-bottom:12px}
.home-page .lead-meta{display:flex;align-items:center;gap:16px;font-size:13.5px;color:rgba(255,255,255,.78)}
.home-page .lead-meta .cat{color:#8de3da;font-weight:600}
.home-page .dotsep{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.5)}
.home-page .side-card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:18px 20px;display:flex;gap:16px;transition:.18s;cursor:pointer;
}
.home-page .side-card:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateX(2px)}
.home-page .side-num{font-family:"Source Serif 4",serif;font-size:26px;font-weight:700;color:var(--line);line-height:1;flex:none;transition:.18s}
.home-page .side-card:hover .side-num{color:var(--primary)}
.home-page .side-card h3{font-size:16px;font-weight:600;line-height:1.3;color:var(--ink);margin-bottom:8px;letter-spacing:-.01em}
.home-page .side-card:hover h3{color:var(--primary)}
.home-page .side-meta{font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:9px}
.home-page .side-meta .cat{color:var(--accent);font-weight:600}
.home-page .front-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px 290px;gap:26px;align-items:start}
.home-page .front-main{display:flex;flex-direction:column;gap:22px;min-width:0}
.home-page .front-main .sec-head{margin-bottom:2px;margin-top:6px}
.home-page .front-aside{display:flex;flex-direction:column;gap:24px;position:sticky;top:150px}
.home-page .news-scroll{max-height:664px;overflow-y:auto;padding-right:10px;scrollbar-width:thin;scrollbar-color:var(--line) transparent;overscroll-behavior:contain}
.home-page .news-scroll::-webkit-scrollbar{width:8px}
.home-page .news-scroll::-webkit-scrollbar-track{background:transparent}
.home-page .news-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}
.home-page .news-scroll::-webkit-scrollbar-thumb:hover{background:var(--faint)}
.home-page .news-scroll .news-item:last-child{border-bottom:none}
.home-page .news-feed .news-thumb{display:none}
.home-page .news-feed .news-item{gap:0}
.home-page .front-main .pharm-data .rank-list{padding-left:6px;padding-right:6px}
.home-page .front-main .pharm-data .widget-foot{text-align:left}
.home-page .pd-list{padding:6px 8px;max-height:284px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
/* внутри пары «PharmCenter Data + Новые ЛС» высоту ряда задаёт сосед (баннер):
   contain:size исключает содержимое списка из расчёта высоты, карточка растягивается
   до высоты баннера, список занимает остаток и прокручивается внутри */
.home-page .data-duo .pharm-data{display:flex;flex-direction:column;contain:size;min-height:340px}
.home-page .data-duo .pharm-data .widget-head{flex:none}
.home-page .data-duo .pharm-data .pd-list{flex:1;min-height:0;max-height:none}
@media(max-width:980px){
  /* в одну колонку карточка сама по себе — возвращаем обычное поведение с ограничением списка */
  .home-page .data-duo .pharm-data{contain:none;min-height:0}
  .home-page .data-duo .pharm-data .pd-list{max-height:284px}
}
/* по умолчанию (десктоп): промо-карточка «Новые ЛС» и подвал «Все рейтинги» скрыты —
   на десктопе показывается управляемый баннер home_newls и полный список рейтингов */
.home-page .data-duo .newls-promo{display:none}
.home-page .data-duo .pharm-data .widget-foot{display:none}
.home-page .pd-list::-webkit-scrollbar{width:8px}
.home-page .pd-list::-webkit-scrollbar-track{background:transparent}
.home-page .pd-list::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}
.home-page .pd-list::-webkit-scrollbar-thumb:hover{background:var(--faint)}
.home-page .pd-row{display:flex;gap:13px;padding:12px;border-radius:9px;transition:.15s;cursor:pointer;border-bottom:1px solid var(--line-2)}
.home-page .pd-row:last-child{border-bottom:none}
.home-page .pd-row:hover{background:var(--surface-2)}
.home-page .pd-ico{width:32px;height:32px;border-radius:8px;flex:none;display:grid;place-items:center;background:var(--primary-tint);color:var(--primary)}
.home-page .pd-ico svg{width:17px;height:17px}
.home-page .pd-body{flex:1;min-width:0}
.home-page .pd-date{font-size:11.5px;font-weight:700;color:var(--accent);letter-spacing:.02em;margin-bottom:4px}
.home-page .pd-body h5{font-size:13.5px;font-weight:600;line-height:1.32;color:var(--ink);transition:.15s;text-wrap:pretty}
.home-page .pd-row:hover h5{color:var(--primary)}
.home-page .data-duo{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
.home-page .data-duo .widget{height:100%}
.home-page .newls-promo{
  position:relative;overflow:hidden;border-radius:var(--radius);color:#fff;isolation:isolate;
  display:flex;flex-direction:column;justify-content:center;padding:26px 28px;
  background:linear-gradient(150deg,#0a534d 0%,#0f766e 55%,#13897e 100%);
  box-shadow:var(--shadow);transition:.2s;
}
.home-page .newls-promo:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.home-page .newls-promo::before{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(220px 160px at 88% -10%,rgba(255,255,255,.14),transparent 70%),
             radial-gradient(220px 220px at 6% 120%,rgba(217,96,58,.30),transparent 70%)}
.home-page .newls-promo-badge{align-self:flex-start;font-size:10.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
  color:#0a534d;background:#8de3da;padding:5px 11px;border-radius:999px;margin-bottom:16px}
.home-page .newls-promo-ico{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;margin-bottom:16px;
  background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(4px)}
.home-page .newls-promo-ico svg{width:28px;height:28px;color:#fff}
.home-page .newls-promo h3{font-family:"Source Serif 4",serif;font-size:23px;font-weight:700;line-height:1.14;letter-spacing:-.01em;text-wrap:balance}
.home-page .newls-promo p{font-size:14px;line-height:1.5;margin-top:11px;color:rgba(255,255,255,.86)}
.home-page .newls-promo-cta{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 22px;border-radius:999px;
  background:#fff;color:#0a534d;font-weight:700;font-size:14px;margin-top:20px;align-self:flex-start;transition:.18s}
.home-page .newls-promo:hover .newls-promo-cta{background:#8de3da}
.home-page .newls-promo-cta svg{width:15px;height:15px}
.home-page .front-aside .hero-banner{min-height:0;border-radius:var(--radius)}
.home-page .top-list{padding:12px 12px;display:flex;flex-direction:column;gap:9px}
.home-page .top-list .side-card{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;padding:12px 14px;gap:13px}
.home-page .top-list .side-card:hover{transform:translateX(2px);box-shadow:var(--shadow);background:var(--surface);border-color:var(--primary)}
.home-page .top-list .side-card .side-num{font-size:20px}
.home-page .top-list .side-card h3{font-size:14px;margin-bottom:5px}
.home-page .ad-leader{margin:44px 0}
.home-page .ad-leader .wrap{padding-top:0;padding-bottom:0}
.home-page .ad-banner{
  position:relative;overflow:hidden;border-radius:var(--radius);text-decoration:none;
  display:flex;align-items:center;gap:30px;padding:26px 34px;color:#fff;isolation:isolate;
  background:linear-gradient(110deg,#0a534d 0%,#0f766e 46%,#155e57 72%,#d9603a 150%);
  box-shadow:var(--shadow);
}
.home-page .ad-banner::before{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(360px 240px at 88% -20%,rgba(255,255,255,.12),transparent 70%),
             radial-gradient(300px 300px at 12% 130%,rgba(217,96,58,.30),transparent 70%)}
.home-page .ad-tag{position:absolute;top:12px;right:16px;font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.25);padding:3px 8px;border-radius:5px}
.home-page .ad-icon{width:74px;height:74px;border-radius:18px;flex:none;display:grid;place-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(4px)}
.home-page .ad-icon svg{width:38px;height:38px;color:#fff}
.home-page .ad-copy{flex:1;min-width:0}
.home-page .ad-copy .ad-kicker{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8de3da;margin-bottom:7px}
.home-page .ad-copy h3{font-family:"Source Serif 4",serif;font-size:25px;font-weight:700;line-height:1.12;letter-spacing:-.01em;text-wrap:balance;margin:0}
.home-page .ad-copy p{font-size:14px;color:rgba(255,255,255,.82);margin:7px 0 0;max-width:64ch}
.home-page .ad-cta{flex:none;display:inline-flex;align-items:center;gap:9px;height:50px;padding:0 26px;border-radius:999px;background:#fff;color:#0a534d;font-weight:700;font-size:15px;transition:.18s;white-space:nowrap}
.home-page .ad-cta:hover{background:#8de3da;transform:translateY(-1px)}
.home-page .ad-cta svg{width:17px;height:17px}
.home-page .ad-banner.alt{background:linear-gradient(110deg,#b8502c 0%,#d9603a 44%,#c25636 70%,#0f766e 150%)}
.home-page .ad-banner.alt::before{background:radial-gradient(360px 240px at 88% -20%,rgba(255,255,255,.12),transparent 70%),radial-gradient(300px 300px at 12% 130%,rgba(15,118,110,.34),transparent 70%)}
.home-page .ad-banner.alt .ad-copy .ad-kicker{color:#ffd9c9}
.home-page .ad-banner.alt .ad-cta{color:#b8502c}
.home-page .ad-banner.alt .ad-cta:hover{background:#ffd9c9}
.home-page .ad-banner.gold{background:linear-gradient(110deg,#0a534d 0%,#0f766e 40%,#8a6a1e 130%)}
.home-page .ad-banner.gold::before{background:radial-gradient(360px 240px at 88% -20%,rgba(255,255,255,.12),transparent 70%),radial-gradient(300px 300px at 12% 130%,rgba(185,138,46,.4),transparent 70%)}
.home-page .ad-banner.gold .ad-copy .ad-kicker{color:#f3dca0}
.home-page .ad-banner.gold .ad-cta{color:#5a4410}
.home-page .ad-banner.gold .ad-cta:hover{background:#f3dca0}
.home-page .ad-banner.blue{background:linear-gradient(110deg,#0b3a6b 0%,#1356a8 52%,#2f74cf 130%)}
.home-page .ad-banner.blue::before{background:radial-gradient(360px 240px at 88% -20%,rgba(255,255,255,.14),transparent 70%),radial-gradient(300px 300px at 12% 130%,rgba(11,58,107,.5),transparent 70%)}
.home-page .ad-banner.blue .ad-copy .ad-kicker{color:#bcd8ff}
.home-page .ad-banner.blue .ad-cta{color:#0b3a6b}
.home-page .ad-banner.blue .ad-cta:hover{background:#bcd8ff}
.home-page .ad-banner.blue{background:linear-gradient(110deg,#0b3a6b 0%,#1356a8 52%,#2f74cf 130%)}
.home-page .ad-banner.blue::before{background:radial-gradient(360px 240px at 88% -20%,rgba(255,255,255,.14),transparent 70%),radial-gradient(300px 300px at 12% 130%,rgba(11,58,107,.5),transparent 70%)}
.home-page .ad-banner.blue .ad-copy .ad-kicker{color:#bcd8ff}
.home-page .ad-banner.blue .ad-cta{color:#0b3a6b}
.home-page .ad-banner.blue .ad-cta:hover{background:#bcd8ff}
@media(max-width:760px){
.home-page .ad-banner{flex-direction:column;align-items:flex-start;gap:18px;padding:24px;text-align:left}
.home-page .ad-copy h3{font-size:21px}
.home-page .ad-cta{width:100%;justify-content:center}
}
.home-page .news-feed{display:flex;flex-direction:column}
.home-page .news-item{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid var(--line-2);transition:.15s}
.home-page .news-item:first-child{padding-top:0}
.home-page .news-thumb{
  width:152px;height:104px;border-radius:10px;flex:none;overflow:hidden;position:relative;
  background:linear-gradient(135deg,var(--primary-tint),var(--surface-2));
}
.home-page .news-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.home-page .news-content{flex:1;min-width:0}
.home-page .news-content .tags{display:flex;align-items:center;gap:10px;margin-bottom:9px;font-size:12.5px}
.home-page .tag-cat{font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary)}
.home-page .tag-cat.law{color:var(--gold)}
.home-page .tag-cat.data{color:var(--accent)}
.home-page .news-date{color:var(--faint)}
.home-page .news-content h3{font-size:18.5px;font-weight:600;line-height:1.28;color:var(--ink);letter-spacing:-.012em;transition:.15s;text-wrap:pretty}
.home-page .news-item:hover h3{color:var(--primary)}
.home-page .news-content p{font-size:14px;color:var(--muted);margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-page .widget{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.home-page .widget-head{padding:16px 20px;border-bottom:1px solid var(--line-2);display:flex;align-items:center;gap:12px;background:var(--surface-2)}
.home-page .widget-head .sec-bar{height:40px;flex:none}
.home-page .widget-head .pin{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex:none}
.home-page .pin.data{background:var(--accent-tint);color:var(--accent)}
.home-page .pin.fire{background:var(--primary-tint);color:var(--primary)}
.home-page .widget-head h4{font-family:"Kanyon",var(--font-serif);font-size:28px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#495568;line-height:1.1}
.home-page .widget-head .sub{font-size:11.5px;color:var(--muted);font-weight:500;letter-spacing:0;text-transform:none}
.home-page .widget-foot{padding:13px 20px;border-top:1px solid var(--line-2);text-align:center}
.home-page .widget-foot a{font-size:13px;font-weight:600;color:#4accd4}
.home-page .announce-foot .au{display:flex;align-items:center;gap:7px;color:var(--ink-soft);font-weight:600}
.home-page .announce-foot .av{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--primary));flex:none}
.home-page .data-block{background:#495568}
.home-page html[data-theme="light"] .data-block{background:linear-gradient(180deg,#525e72,#414c5e)}
.home-page html[data-theme="dark"] .data-block{background:linear-gradient(180deg,#3f4858,#2f3743)}
.home-page .data-block{color:#e7f4f2}
.home-page .data-block .kicker{color:#6fdccf}
.home-page .data-block h2{font-family:"Source Serif 4",serif;font-size:34px;font-weight:700;color:#fff;letter-spacing:-.02em;margin:12px 0 14px;line-height:1.12}
.home-page .data-block .lede{color:rgba(231,244,242,.78);font-size:16px;max-width:48ch;margin-bottom:26px}
.home-page .art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.home-page .art-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:.2s;cursor:pointer}
.home-page .art-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}
.home-page .art-media{height:188px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--primary-tint),var(--surface-2))}
.home-page .art-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.5s}
.home-page .art-card:hover .art-media img{transform:scale(1.06)}
.home-page .art-media .chip{position:absolute;top:14px;left:14px;background:rgba(15,30,38,.78);color:#fff;backdrop-filter:blur(4px);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:5px 11px;border-radius:999px}
.home-page .art-body{padding:20px 21px 22px;display:flex;flex-direction:column;flex:1}
.home-page .art-body h3{font-family:"Source Serif 4",serif;font-size:20px;font-weight:600;line-height:1.24;color:var(--ink);letter-spacing:-.01em;text-wrap:pretty}
.home-page .art-card:hover h3{color:var(--primary)}
.home-page .art-body p{font-size:14px;color:var(--muted);margin-top:10px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.home-page .art-foot{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:12.5px;color:var(--faint)}
.home-page .art-foot .au{display:flex;align-items:center;gap:8px;color:var(--ink-soft);font-weight:600}
.home-page .art-foot .av{display:none}
.home-page .feature-row{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px;margin-bottom:24px}
.home-page .art-card.big .art-media{height:300px}
.home-page .art-card.big h3{font-size:26px}
.home-page .split{display:grid;grid-template-columns:1.3fr 1fr;gap:44px}
.home-page .video-mini.video-mini-col{grid-template-columns:1fr;align-content:start;gap:10px;max-height:436px;overflow-y:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.home-page .video-mini.video-mini-col::-webkit-scrollbar{width:8px}
.home-page .video-mini.video-mini-col::-webkit-scrollbar-track{background:transparent}
.home-page .video-mini.video-mini-col::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}
.home-page .video-mini.video-mini-col::-webkit-scrollbar-thumb:hover{background:var(--faint)}
.home-page .video-mini.video-mini-col .vm-thumb{width:104px;height:64px}
.home-page .video-mini.video-mini-col .vm h5{font-size:14.5px;-webkit-line-clamp:2}
.home-page .video-feature{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:16/9;background:#0a1f1d;box-shadow:var(--shadow);cursor:pointer;margin-bottom:16px}
.home-page .video-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.82}
.home-page .video-feature::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(6,22,20,.85),transparent 55%)}
.home-page .video-feature.playing::after{display:none}
.home-page .video-feature.playing{cursor:default}
.home-page .play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;background:rgba(255,255,255,.18);backdrop-filter:blur(6px);border:2px solid rgba(255,255,255,.6);display:grid;place-items:center;z-index:2;transition:.2s}
.home-page .video-feature:hover .play-btn{background:var(--accent);border-color:var(--accent);transform:translate(-50%,-50%) scale(1.08)}
.home-page .play-btn svg{width:30px;height:30px;color:#fff;margin-left:4px}
.home-page .video-cap{position:absolute;bottom:0;left:0;right:0;padding:22px 24px;color:#fff;z-index:2}
.home-page .video-cap .badge{background:rgba(217,96,58,.95)}
.home-page .video-cap h3{font-family:"Source Serif 4",serif;font-size:23px;font-weight:600;line-height:1.2;letter-spacing:-.01em;color:#fff!important;text-shadow:0 1px 10px rgba(0,0,0,.6),0 0 2px rgba(0,0,0,.5)}
.home-page .video-mini{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.home-page .vm,.home-page .video-feature{text-decoration:none;color:inherit}
.home-page .vm{display:flex;gap:12px;align-items:center;cursor:pointer;padding:8px;border-radius:10px;transition:.15s}
.home-page .vm:hover{background:var(--surface-2)}
.home-page .vm-thumb{width:80px;height:54px;border-radius:8px;flex:none;position:relative;overflow:hidden;background:var(--primary-tint)}
.home-page .vm-thumb img{width:100%;height:100%;object-fit:cover}
.home-page .vm-thumb .vp{position:absolute;inset:0;display:grid;place-items:center;background:rgba(10,31,29,.25)}
.home-page .vm-thumb .vp svg{width:20px;height:20px;color:#fff}
.home-page .vm h5{font-size:13.5px;font-weight:600;line-height:1.25;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-page .vm:hover h5{color:var(--primary)}
.home-page .pin.law-pin{background:rgba(185,138,46,.14);color:var(--gold)}
.home-page .promo .kicker{color:#8de3da;position:relative}
@media(max-width:1080px){
.home-page .hero-grid{grid-template-columns:1fr 1fr}
.home-page .front-grid{grid-template-columns:1fr}
.home-page .front-aside{position:static;flex-direction:row;flex-wrap:wrap}
.home-page .front-aside .widget, .home-page .front-aside .hero-banner{flex:1;min-width:300px}
.home-page .lead{grid-column:1 / -1}
.home-page .hero-banner{flex-direction:row;align-items:center;gap:22px;min-height:0;padding:22px 26px}
.home-page .hero-banner .hb-tag{position:absolute;top:14px;right:16px}
.home-page .hero-banner .hb-mid{flex:1}
.home-page .hero-banner .hb-cta{margin-top:0;width:200px;flex:none}
.home-page .sidebar .widget{flex:1;min-width:300px}
.home-page .split{grid-template-columns:1fr;gap:34px}
.home-page .feature-row{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
/* «Главная новость» на мобильном — компактнее (~на 40% ниже): меньше заголовок,
   обрезка длинного заголовка до 3 строк, меньше отступы и min-height */
.home-page .lead{min-height:220px}
.home-page .lead h1{font-size:21px;line-height:1.15;margin-bottom:6px;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.home-page .lead .badge{margin-bottom:8px}
.home-page .lead-body{padding:16px 18px 18px}
.home-page .lead-meta{font-size:12.5px;gap:12px}
.home-page .sec-title h2{font-size:24px}
.home-page .art-grid, .home-page .feature-row{grid-template-columns:1fr}
.home-page .video-mini{grid-template-columns:1fr}
/* интервалы между видео в мини-ленте — вдвое меньше (gap 10→5, вертикальный padding карточки 8→4) */
.home-page .video-mini.video-mini-col{gap:5px}
.home-page .video-mini.video-mini-col .vm{padding:4px 8px}
/* зазор между главным видео и первым видео списка — вдвое меньше (split gap 34→16, отступ плеера 16→8) */
.home-page .video-band .split{gap:16px}
.home-page .video-feature{margin-bottom:8px}
.home-page .news-thumb{width:108px;height:80px}
/* Лента новостей на мобильном: показываем только первые 5 новостей, без внутреннего вертикального скролла */
.home-page .news-scroll{max-height:none;overflow:visible;padding-right:0}
.home-page .news-scroll .news-item:nth-child(n+6){display:none}
/* Лента новостей на мобильном: вертикальные отступы вдвое меньше (22→11px) + маленькое фото слева */
.home-page .news-feed .news-item{padding:11px 0;gap:12px;align-items:flex-start}
.home-page .news-feed .news-thumb{display:block;width:72px;height:72px;border-radius:8px}
.home-page .news-feed .news-thumb:not(:has(img)){display:none}   /* без фото — не показываем пустой блок */
.home-page .news-feed .news-content .tags{margin-bottom:4px}
.home-page .news-feed .news-content h3{font-size:15.5px;line-height:1.25;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* анонс в ленте на мобильном не показываем — как в списке новостей (компактно) */
.home-page .news-feed .news-content p{display:none}
/* горизонтальные баннеры (ad-leader) — вертикальный отступ втрое меньше (44→15px) */
.home-page .ad-leader{margin:15px 0}
/* PharmCenter Data на мобильном (по дизайну): только первый рейтинг крупной карточкой + подвал «Все рейтинги» */
.home-page .data-duo .pharm-data .pd-list{max-height:none;overflow:visible;padding:12px 12px 4px}
.home-page .data-duo .pharm-data .pd-row:not(:first-child){display:none}
.home-page .data-duo .pharm-data .pd-row{flex-direction:column;align-items:flex-start;gap:12px;padding:20px;border-radius:12px;border-bottom:none;background:var(--primary-tint)}
.home-page .data-duo .pharm-data .pd-ico{width:52px;height:52px;border-radius:12px;background:#fff}
.home-page .data-duo .pharm-data .pd-ico svg{width:24px;height:24px}
.home-page .data-duo .pharm-data .pd-date{font-size:12.5px}
.home-page .data-duo .pharm-data .pd-body h5{font-size:19px;font-weight:700;font-family:"Source Serif 4",serif;line-height:1.3}
.home-page .data-duo .pharm-data .widget-foot{display:block}
/* «Новые ЛС» на мобильном — промо-карточка (слейт, по дизайну) вместо управляемого баннера */
.home-page .data-duo .newls-zone{display:none}
.home-page .data-duo .newls-promo{display:flex}
.home-page .data-duo .newls-promo{background:#495568}
.home-page .data-duo .newls-promo::before{display:none}
.home-page .data-block h2, .home-page .promo h3{font-size:26px}
.home-page .data-duo{grid-template-columns:1fr}
.home-page .hero-grid{grid-template-columns:1fr}
.home-page .hero-banner{flex-direction:column;align-items:stretch;padding:20px}
.home-page .hero-banner .hb-tag{position:static}
.home-page .hero-banner .hb-cta{width:100%}
}
/* --- вспомогательные стили секций главной --- */
.home-page .home-cards{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.home-page .hp-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:.15s}
.home-page .hp-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.home-page .hp-thumb{display:block;height:150px;background:var(--surface-2)}
.home-page .hp-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.home-page .hp-body{display:flex;flex-direction:column;gap:6px;padding:13px 15px}
.home-page .hp-title{font-family:"Source Serif 4",serif;font-weight:600;font-size:16px;line-height:1.3}
.home-page .home-two-col{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start;margin:8px 0}
@media (max-width:980px){.home-page .home-two-col{grid-template-columns:1fr}}
@media (max-width:1050px){.home-page .front-grid{grid-template-columns:1fr}}

/* на главной контент лежит прямо на фоне — без белой карточки-обёртки <main> */
main:has(> .home-page){background:transparent;border:none;box-shadow:none;padding:0}
/* на главной контент идёт сразу после тикера — без верхнего паддинга контейнера (зазор задаёт .ad-leader margin) */
.container:has(.home-page){padding-top:0}

/* виджет «Законодательство» (law-mini) на главной — стиль дизайна */
.home-page .law-mini{padding:6px 8px}
.home-page .law-mini-row{display:block;padding:11px 12px;border-radius:9px;transition:.15s;text-decoration:none}
.home-page .law-mini-row:hover{background:var(--surface-2)}
.home-page .law-mini-row .d{font-size:11.5px;font-weight:700;color:var(--gold);margin-bottom:4px;letter-spacing:.02em}
.home-page .law-mini-row h5{font-size:13.5px;font-weight:600;line-height:1.3;color:var(--ink);margin:0}
.home-page .law-mini-row:hover h5{color:var(--primary)}

/* заголовки на тёмных блоках — белые (перекрываем глобальный h*{color:var(--ink)}) */
.home-page .lead h1,
.home-page .ad-banner h3,
.home-page .ad-copy h3,
.home-page .hero-banner h3{color:#fff}
.home-page .newls-promo h3{color:#fff}

/* второй рекламный лидерборд — оранжевый вариант (дизайн) */
.home-page .ad-banner.alt{background:linear-gradient(110deg,#b8502c 0%,#d9603a 44%,#c25636 70%,#0f766e 150%)}
.home-page .ad-banner.alt .ad-kicker{color:#ffd9c9}
.home-page .ad-banner.alt .ad-cta:hover{background:#ffd9c9}

/* ===== Блок «Аналитика рынка» (data-block) — дизайн ===== */
.home-page .kicker{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.home-page .ncol-head .ct{display:flex;align-items:center;gap:10px}
.home-page .data-block{background:#495568}
.home-page html[data-theme="light"] .data-block{background:linear-gradient(180deg,#525e72,#414c5e)}
.home-page html[data-theme="dark"] .data-block{background:linear-gradient(180deg,#3f4858,#2f3743)}
.home-page .data-block{color:#e7f4f2}
.home-page .data-inner{display:grid;grid-template-columns:1.05fr .95fr;column-gap:48px;row-gap:0;align-items:start;grid-template-areas:"copy chart" "cta chart"}
.home-page .data-inner > .data-copy{grid-area:copy}
.home-page .data-inner > .chart-card{grid-area:chart;align-self:center}
.home-page .data-inner > .data-cta{grid-area:cta}
.home-page .data-block .kicker{color:#6fdccf}
.home-page .data-block h2{font-family:"Source Serif 4",serif;font-size:34px;font-weight:700;color:#fff;letter-spacing:-.02em;margin:12px 0 14px;line-height:1.12}
.home-page .data-block .lede{color:rgba(231,244,242,.78);font-size:16px;max-width:48ch;margin-bottom:26px}
.home-page .stat-row{display:flex;gap:30px;margin-bottom:28px;flex-wrap:wrap}
.home-page .stat .v{font-family:"Source Serif 4",serif;font-size:38px;font-weight:700;color:#fff;line-height:1;letter-spacing:-.02em}
.home-page .stat .v .u{font-size:18px;color:#6fdccf;font-weight:600}
.home-page .stat .l{font-size:13px;color:rgba(231,244,242,.62);margin-top:7px;max-width:18ch}
.home-page .data-cta{display:inline-flex;align-items:center;gap:9px;height:50px;padding:0 26px;border-radius:999px;background:#fff;color:#0a534d;font-weight:700;font-size:15px;transition:.18s}
.home-page .data-cta:hover{background:#6fdccf;transform:translateY(-1px)}
.home-page .chart-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:26px;backdrop-filter:blur(6px)}
.home-page .chart-card .ct{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.home-page .chart-card .ct b{font-size:15px;color:#fff;font-weight:600}
.home-page .chart-card .ct .src{font-size:11.5px;color:#6fdccf;font-weight:600}
.home-page .chart-legend{display:flex;gap:18px;margin:14px 0 6px;font-size:12.5px;color:rgba(231,244,242,.75)}
.home-page .chart-legend span{display:flex;align-items:center;gap:7px}
.home-page .lg-dot{width:11px;height:11px;border-radius:3px}
.home-page .chart-svg{width:100%;height:auto;overflow:visible}
.home-page .chart-card:hover .bar-fill{filter:brightness(1.08)}
.home-page .promo .kicker{color:#8de3da;position:relative}
@media(max-width:1080px){
/* одна колонка: текст → картинка → кнопка (кнопка снизу, под картинкой) */
.home-page .data-inner{grid-template-columns:1fr;column-gap:0;row-gap:24px;grid-template-areas:"copy" "chart" "cta"}
}
@media(max-width:760px){
.home-page .stat-row{gap:22px}
.home-page .data-block h2, .home-page .promo h3{font-size:26px}
}
/* На смартфонах (≤560px) статистика аналитики — 3 числа в ОДИН ряд (сетка 3 колонки),
   числа не переносятся (nowrap) и чуть меньше, подписи разбиваются на строки внутри колонки. */
@media(max-width:560px){
.home-page .data-block .stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}
.home-page .data-block .stat{min-width:0}
.home-page .data-block .stat .v{font-size:29px;white-space:nowrap}
.home-page .data-block .stat .v .u{font-size:13px;margin-left:2px}
.home-page .data-block .stat .l{max-width:none;font-size:11.5px;margin-top:5px}
}/* блок «Аналитика рынка»: full-bleed на всю ширину окна + доп. стили */
.home-page section.data-block{margin:28px 0;border-radius:var(--radius)}
.home-page .data-block .kicker{font-family:"Kanyon",var(--font-serif);font-size:28px;letter-spacing:.02em;text-transform:uppercase}
.home-page .data-block h2{color:#fff;font-size:30px;margin:10px 0 12px}
.home-page .lede{color:rgba(231,244,242,.8);max-width:46ch;margin-bottom:22px}
.home-page .stat-row{display:flex;gap:34px;flex-wrap:wrap;margin-bottom:24px}
.home-page .stat .v .u{font-size:15px;font-weight:700;color:#6fdccf;margin-left:3px}
.home-page .chart-legend{display:flex;gap:18px;font-size:13px;color:rgba(231,244,242,.8);margin-bottom:14px}
.home-page .chart-legend .lg-dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:middle}
.home-page .ct b{color:#fff;font-size:15px}
.home-page .ct .src{font-size:12px;color:rgba(231,244,242,.6)}
.home-page .chart-card img{width:100%;height:auto;display:block;border-radius:10px;margin-top:4px}

/* блок «Аналитика рынка»: серый фон на ВСЮ ширину окна (full-bleed), контент по центру */
.home-page section.data-block{
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  border-radius:0; padding:44px 0;
}
.home-page section.data-block > .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
/* секция «Видео»: свой фон surface-2 на ВСЮ ширину окна (full-bleed), контент по центру */
.home-page section.video-band{
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  background:var(--surface-2); border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  padding:40px 0;
}
.home-page section.video-band > .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
/* пилюли категорий над видеоплеером (фильтр, активная — тёмно-зелёная как в дизайне) */
.home-page .video-cats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.home-page .vcat{padding:9px 18px;border-radius:var(--pill,999px);border:1px solid var(--line);background:var(--surface);color:#495568;font-family:inherit;font-size:13.5px;font-weight:600;line-height:1;cursor:pointer;transition:border-color .15s,color .15s,background .15s}
.home-page .vcat:hover{border-color:var(--cyan);color:var(--primary)}
.home-page .vcat.active{background:var(--primary);border-color:var(--primary);color:#fff}
.home-page .vcat.htmx-request{opacity:.6}
.home-page .video-empty{background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);padding:42px 20px;text-align:center;color:var(--muted)}
/* баннерные зоны на главной: подгонка карточек под слоты макета */
.home-page .banner-zone{margin:0}
.home-page .promo-zone .banner-card{min-height:230px;justify-content:center;padding:26px 28px}
.home-page .promo-zone .banner-title{font-size:22px}
/* Баннеры у «Календаря событий» — плавная горизонтальная карусель при смене (по дизайну, .ss-track):
   слайды в flex-треке, трек сдвигается translateX с ease-переходом (вместо мгновенной смены). */
.home-page .banner-zone-home_promo,
.home-page .banner-zone-home_promo_2{overflow:hidden;border-radius:var(--radius);box-shadow:var(--shadow)}
.home-page .banner-zone-home_promo .banner-track,
.home-page .banner-zone-home_promo_2 .banner-track{display:flex;transition:transform .55s cubic-bezier(.4,0,.2,1);will-change:transform}
.home-page .banner-zone-home_promo .banner-slide,
.home-page .banner-zone-home_promo_2 .banner-slide{display:block;flex:0 0 100%;min-width:100%}
/* тень/скругление теперь на зоне (её не режет overflow) — у карточки внутри убираем */
.home-page .banner-zone-home_promo .banner-card,
.home-page .banner-zone-home_promo_2 .banner-card{box-shadow:none;border-radius:0}
.home-page .hero-zone .banner-card{min-height:320px;justify-content:center}
/* правый баннер home_newls тянется на всю высоту колонки = высоте блока PharmCenter Data */
.home-page .data-duo .newls-zone,
.home-page .data-duo .newls-zone .banner-zone,
.home-page .data-duo .newls-zone .banner-track,
.home-page .data-duo .newls-zone .banner-slide{height:100%}
.home-page .newls-zone .banner-card{height:100%}

/* ===== Календарь событий + баннеры (дизайн) ===== */
.home-page .bottom-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;align-items:stretch}
.home-page .cal-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.home-page .cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.home-page .cal-head b{font-family:"Source Serif 4",serif;font-size:20px;font-weight:700}
.home-page .cal-nav{display:flex;gap:8px}
.home-page .cal-nav button{width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:var(--surface);cursor:pointer;display:grid;place-items:center;color:var(--ink-soft);transition:.15s;padding:0}
.home-page .cal-nav button:hover{border-color:var(--primary);color:var(--primary)}
.home-page .cal-nav button svg{width:18px;height:18px}
.home-page .cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.home-page .cal-grid .dow{font-size:11.5px;font-weight:700;color:var(--faint);text-align:center;padding:6px 0;text-transform:uppercase}
.home-page .cal-day{aspect-ratio:1;display:grid;place-items:center;border-radius:9px;font-size:14px;font-weight:500;color:var(--ink-soft);cursor:default;transition:.13s;position:relative}
.home-page .cal-day:hover{background:var(--surface-2)}
.home-page .cal-day.muted{color:var(--faint);opacity:.45}
.home-page .cal-day.today{background:#4accd4;color:#fff;font-weight:700}
.home-page .cal-day.event::after{content:"";position:absolute;bottom:5px;width:5px;height:5px;border-radius:50%;background:var(--accent)}
.home-page .cal-day.today.event::after{background:#fff}
.home-page .cal-events{margin-top:18px;border-top:1px solid var(--line-2);padding-top:16px;display:flex;flex-direction:column;gap:12px}
.home-page .cal-empty{font-size:13px;color:var(--muted)}
.home-page .cal-day.event{cursor:pointer}
/* всплывающее окно события при наведении на день с красной точкой (крепится к body) */
.cal-pop{display:none;position:absolute;z-index:120;width:272px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 34px -10px rgba(16,30,38,.28);padding:12px 14px}
.cal-pop .cp-date{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);margin-bottom:6px}
.cal-pop .cp-ev{display:block;text-decoration:none;color:inherit;padding:7px 0;border-top:1px solid var(--line-2)}
.cal-pop .cp-ev:first-of-type{border-top:none}
.cal-pop .cp-ev b{display:block;font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.3}
.cal-pop .cp-ev:hover b{color:var(--primary)}
.cal-pop .cp-ev span{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.home-page .cal-ev{display:flex;gap:13px;align-items:flex-start;text-decoration:none;color:inherit}
.home-page .cal-ev .dt{text-align:center;flex:none;width:58px}
.home-page .cal-ev .dt b{display:block;font-family:"Source Serif 4",serif;font-size:20px;font-weight:700;color:#4accd4;line-height:1}
.home-page .cal-ev .dt span{display:block;font-size:10px;color:var(--faint);text-transform:uppercase;font-weight:600;overflow-wrap:anywhere}
.home-page .cal-ev .ev-b h5{font-size:14px;font-weight:600;color:var(--ink);line-height:1.25}
.home-page .cal-ev:hover .ev-b h5{color:var(--primary)}
.home-page .cal-ev .ev-b span{font-size:12px;color:var(--muted)}

.home-page .promo-col{display:flex;flex-direction:column;gap:24px;min-height:100%}
.home-page .slideshow{position:relative;flex:1;min-height:200px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);isolation:isolate}
.home-page .slideshow .ss-tag{position:absolute;top:12px;right:14px;z-index:6;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.3);padding:3px 7px;border-radius:5px}
.home-page .ss-track{display:flex;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}
.home-page .ss-slide{position:relative;flex:0 0 100%;min-width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;color:#fff;padding:30px 34px;overflow:hidden;text-decoration:none}
.home-page .ss-slide::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(280px 180px at 86% -20%,rgba(255,255,255,.13),transparent 70%),radial-gradient(260px 240px at 10% 130%,rgba(0,0,0,.18),transparent 70%)}
.home-page .ss-slide .ss-kicker{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin-bottom:9px;opacity:.92}
.home-page .ss-slide h3{font-family:"Source Serif 4",serif;font-size:23px;font-weight:700;line-height:1.13;letter-spacing:-.01em;text-wrap:balance;max-width:24ch;color:#fff}
.home-page .ss-slide p{font-size:13.5px;line-height:1.45;margin-top:8px;opacity:.86;max-width:46ch}
.home-page .ss-slide .ss-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 20px;border-radius:999px;background:#fff;font-weight:700;font-size:13.5px;margin-top:16px;transition:.18s}
.home-page .ss-slide .ss-cta:hover{transform:translateY(-1px)}
.home-page .ss-slide .ss-cta svg{width:15px;height:15px}
.home-page .ss-dots{position:absolute;bottom:13px;left:34px;z-index:6;display:flex;gap:7px}
.home-page .ss-dots button{width:8px;height:8px;border-radius:999px;border:none;background:rgba(255,255,255,.4);cursor:pointer;padding:0;transition:.2s}
.home-page .ss-dots button.active{background:#fff;width:22px}
.home-page .ss-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:34px;height:34px;border-radius:50%;border:none;background:rgba(0,0,0,.22);color:#fff;cursor:pointer;display:grid;place-items:center;opacity:0;transition:.2s;backdrop-filter:blur(3px)}
.home-page .slideshow:hover .ss-arrow{opacity:1}
.home-page .ss-arrow:hover{background:rgba(0,0,0,.4)}
.home-page .ss-arrow svg{width:18px;height:18px}
.home-page .ss-arrow.prev{left:12px}
.home-page .ss-arrow.next{right:12px}
@media(max-width:900px){.home-page .bottom-grid{grid-template-columns:1fr}}
/* кнопка CTA: текст в одну строку, нормальная стрелка */
.home-page .data-cta{white-space:nowrap;align-self:flex-start;width:auto}
.home-page .data-cta svg{width:17px;height:17px;flex:none}

/* Экспертные материалы — feature-row (первая карточка крупнее), дизайн */
.home-page .feature-row{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px}
.home-page .art-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:.2s;text-decoration:none;color:inherit}
.home-page .art-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}
.home-page .art-media{height:188px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--primary-tint),var(--surface-2))}
.home-page .art-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.5s}
.home-page .art-card:hover .art-media img{transform:scale(1.06)}
.home-page .art-media .chip{position:absolute;top:14px;left:14px;background:rgba(15,30,38,.78);color:#fff;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:5px 11px;border-radius:999px}
.home-page .art-body{padding:20px 21px 22px;display:flex;flex-direction:column;flex:1}
.home-page .art-body h3{font-family:"Source Serif 4",serif;font-size:20px;font-weight:600;line-height:1.24;color:var(--ink);letter-spacing:-.01em}
.home-page .art-card:hover h3{color:var(--primary)}
.home-page .art-body p{font-size:14px;color:var(--muted);margin-top:10px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.home-page .art-foot{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:12.5px;color:var(--faint)}
.home-page .art-foot .au{display:flex;align-items:center;gap:8px;color:var(--ink-soft);font-weight:600}
.home-page .art-foot .av{display:none}
.home-page .art-card.big .art-media{height:300px}
.home-page .art-card.big h3{font-size:26px}
@media(max-width:1080px){.home-page .feature-row,.home-page .art-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
  .home-page .feature-row,.home-page .art-grid{grid-template-columns:1fr}
  /* главный (крупный) материал: картинка в 2 раза меньше (300→150px) */
  .home-page .feature-row .art-card.big .art-media{height:150px}
  /* остальные материалы — как лента новостей: маленькое фото слева, компактные отступы */
  .home-page .feature-row{gap:0;margin-bottom:0}
  .home-page .art-grid{gap:0;margin-top:0 !important}
  .home-page .feature-row .art-card:not(.big),
  .home-page .art-grid .art-card{
    flex-direction:row;align-items:flex-start;gap:12px;
    border:none;border-bottom:1px solid var(--line-2);border-radius:0;background:transparent;padding:11px 0}
  .home-page .feature-row .art-card:not(.big):hover,
  .home-page .art-grid .art-card:hover{transform:none;box-shadow:none;border-color:transparent;border-bottom-color:var(--line-2)}
  .home-page .feature-row .art-card:not(.big) .art-media,
  .home-page .art-grid .art-card .art-media{width:72px;height:72px;flex:none;border-radius:8px}
  .home-page .feature-row .art-card:not(.big) .art-media .chip,
  .home-page .art-grid .art-card .art-media .chip{display:none}
  .home-page .feature-row .art-card:not(.big) .art-body,
  .home-page .art-grid .art-card .art-body{padding:0}
  .home-page .feature-row .art-card:not(.big) .art-body h3,
  .home-page .art-grid .art-card .art-body h3{font-family:inherit;font-size:15.5px;line-height:1.25}
  .home-page .feature-row .art-card:not(.big) .art-body p,
  .home-page .art-grid .art-card .art-body p{display:none}
  .home-page .feature-row .art-card:not(.big) .art-foot,
  .home-page .art-grid .art-card .art-foot{margin-top:6px}
}