/* Заголовок */
.infopage-title { font: 700 36px/1.1 Inter, sans-serif; color:#222; margin:10px 0 16px; }

/* Переключатель */
.infopage-tabs { display:flex; gap:10px; margin:12px 0 24px; }
.infopage-tab{
    appearance:none; border:0; cursor:pointer; padding:8px 14px; border-radius:20px;
    background:#eee; color:#333; font:600 14px/1 Inter; transition:background .15s, box-shadow .15s;
}
.infopage-tab.is-active{ background:#fb842f; color:#fff; box-shadow:0 4px 12px rgba(251,132,47,.35); }
.infopage-section{ display:block; }

/* ======== Новости (2 колонки, горизонтальная карточка) ======== */
.infonews-grid{
    display:grid; grid-template-columns:repeat(2, minmax(360px,1fr)); gap:18px 22px;
}
.infonews-card{
    background:#f6f6f6; border-radius:14px; box-shadow:0 2px 10px rgba(0,0,0,.05);
}
.infonews-link{ display:grid; grid-template-columns:220px 1fr; gap:14px; padding:12px; color:inherit; text-decoration:none; }

.infonews-thumb{ overflow:hidden; border-radius:12px; background:#ddd; height:140px; }
.infonews-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }

.infonews-title{ font:700 18px/1.2 Inter; color:#222; margin:4px 0 6px; }
.infonews-excerpt{ font:400 14px/1.4 Inter; color:#555; margin:0 0 10px; }

.infonews-meta{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.infonews-btn{
    display:inline-block; padding:6px 12px; border-radius:10px; background:#eee; font:600 13px/1 Inter; color:#333;
}
.infonews-date{ display:inline-flex; align-items:center; gap:6px; font:500 13px/1 Inter; color:#777; }
.infonews-ico{ width:16px; height:16px; fill:#fb842f; }

/* ======== Акции (3 колонки, вертикальная карточка) ======== */
.infoact-grid{
    display:grid; grid-template-columns:repeat(3, minmax(280px, 1fr)); gap:22px;
}
.infoact-card{
    background:#f6f6f6; border-radius:16px; box-shadow:0 2px 12px rgba(0,0,0,.05); padding:10px 10px 12px;
    display:flex; flex-direction:column;
}
.infoact-thumb{ display:block; overflow:hidden; border-radius:14px; height:230px; background:#ddd; }
.infoact-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }

.infoact-title{ font:700 18px/1.2 Inter; color:#222; margin:10px 6px 6px; }
.infoact-title a{ color:inherit; text-decoration:none; }
.infoact-excerpt{ font:400 14px/1.4 Inter; color:#555; margin:0 6px 10px; }

.infoact-meta{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 6px; }
.infoact-date{ display:inline-flex; align-items:center; gap:6px; font:500 13px/1 Inter; color:#777; }
.infoact-ico{ width:16px; height:16px; fill:#fb842f; }
.infoact-btn{
    display:inline-block; padding:6px 12px; border-radius:10px; background:#fb842f; color:#fff; font:600 13px/1 Inter;
    text-decoration:none; white-space:nowrap;
}

/* ======== Адаптив ======== */
@media (max-width: 1200px){
    .infonews-grid{ grid-template-columns:1fr; }
    .infoact-grid{ grid-template-columns:repeat(2, minmax(260px,1fr)); }
    .infoact-thumb{ height:210px; }
}
@media (max-width: 768px){
    .infopage-title{ font-size:28px; }
    .infonews-link{ grid-template-columns:120px 1fr; }
    .infonews-thumb{ height:90px; }
    .infonews-title{ font-size:16px; }
    .infoact-grid{ grid-template-columns:1fr; }
    .infoact-thumb{ height:190px; }
}


/* по умолчанию всё скрыто, активный показываем */
.infopage-section{ display:none; }
.infopage-section.is-active{ display:block; }

/* визуал табов (если нужно) */
.infopage-tab{ cursor:pointer; }
.infopage-tab.is-active{ background:#fb842f; color:#fff; }