/* Наши работы — галерея Instagram: 5 колонок, страницы по 15 фото.
   Отдельный файл с версией (?v=), поэтому кэш сайта на 30 дней не мешает обновлениям. */
.raboty-lead{color:#6b6b6b;font-size:15px;margin:0 0 18px}

.raboty-grid{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:12px !important;
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
}
.raboty-grid > a{
  display:block !important;
  position:relative !important;
  width:auto !important;
  height:auto !important;
  aspect-ratio:1 / 1 !important;
  border-radius:12px !important;
  overflow:hidden !important;
  background:#f3efe9 !important;
  box-shadow:0 2px 8px rgba(0,0,0,.06) !important;
  transition:transform .18s ease !important;
}
.raboty-grid > a:hover{transform:translateY(-3px) !important}
.raboty-grid img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  display:block !important;
  margin:0 !important;
}

.raboty-pager{
  display:flex;flex-wrap:wrap;gap:6px;
  justify-content:center;align-items:center;
  margin:22px 0 10px;
}
.raboty-pager .raboty-pg{
  display:inline-block;padding:8px 13px;border-radius:10px;
  background:#f3efe9;border:1px solid #e6ded2;color:#4a4a4a;
  text-decoration:none;font-size:14px;line-height:1.2;cursor:pointer;
}
.raboty-pager .raboty-pg:hover{background:#e9e1d6;color:#3a3a3a}
.raboty-pager .raboty-pg.is-cur{background:#7ab648;border-color:#7ab648;color:#fff}
.raboty-pager .raboty-pg.is-off{opacity:.45;cursor:default}
.raboty-pager .raboty-pg-info{
  flex:1 0 100%;text-align:center;color:#8a8a8a;font-size:13px;margin-top:6px;
}

/* кнопки: калькулятор и мессенджер MAX */
.raboty-cta{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}
.raboty-cta .raboty-btn{
  display:inline-block;padding:11px 22px;border-radius:26px;
  background:#7ab648;color:#fff !important;text-decoration:none !important;
  font-size:15px;line-height:1.2;border:0;transition:background .15s ease;
}
.raboty-cta .raboty-btn:hover{background:#6ba23c;color:#fff !important}
.raboty-cta .raboty-btn-max{background:#7c4dff}
.raboty-cta .raboty-btn-max:hover{background:#6a3fe0}

@media (max-width:991px){
  .raboty-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
}
@media (max-width:575px){
  .raboty-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:8px !important}
  .raboty-lead{font-size:14px;margin-bottom:12px}
  .raboty-pager .raboty-pg{padding:7px 11px;font-size:13px}
}