/* Shared light technical surface for previously plain-white content panels. */
.page-montazh {
  --montazh-grid-surface: #f8fcfe;
  --montazh-grid-line: rgba(8, 118, 201, .035);
  --montazh-grid-size: 64px;
}

.page-montazh .mip-block,
.page-montazh .mti-block {
  background-color: var(--montazh-grid-surface);
}

.page-montazh .mip-content,
.page-montazh .mti-content {
  background-color: var(--montazh-grid-surface);
  background-image:
    linear-gradient(var(--montazh-grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--montazh-grid-line) 1px, transparent 1px);
  background-size: var(--montazh-grid-size) var(--montazh-grid-size);
  background-position: -1px -1px;
}

.page-montazh .mip-card,
.page-montazh .mti-features li {
  background-color: rgba(255, 255, 255, .16);
}

.page-montazh .mip-card:hover,
.page-montazh .mti-features li:hover {
  background-color: rgba(232, 247, 252, .92);
}

@media (max-width: 520px) {
  .page-montazh {
    --montazh-grid-line: rgba(8, 118, 201, .03);
  }
}