/* water_indoor_blank.css — бланк «Разводка в доме».
   Компоненты (.lb-field, .lb-input, .lb-block, .lb-preview, тосты) — из
   los_blank.css. Здесь — только карта grid-областей для групп:
   client / oborudovanie / tochki / santehnika / kanalizatsiya /
   polypropilen / dop_raboty. */

.wib-blocks-grid {
  grid-template-columns: repeat(3, 1fr);
  grid-template-areas:
    "client       oborudovanie  oborudovanie"
    "tochki       santehnika    kanalizatsiya"
    "polypropilen polypropilen  dop_raboty";
}

.wib-blocks-grid .lb-block[data-group="client"]        { grid-area: client; }
.wib-blocks-grid .lb-block[data-group="oborudovanie"]  { grid-area: oborudovanie; }
.wib-blocks-grid .lb-block[data-group="tochki"]        { grid-area: tochki; }
.wib-blocks-grid .lb-block[data-group="santehnika"]    { grid-area: santehnika; }
.wib-blocks-grid .lb-block[data-group="kanalizatsiya"] { grid-area: kanalizatsiya; }
.wib-blocks-grid .lb-block[data-group="polypropilen"]  { grid-area: polypropilen; }
.wib-blocks-grid .lb-block[data-group="dop_raboty"]    { grid-area: dop_raboty; }

/* 2 колонки */
@media (max-width: 1099px) {
  .wib-blocks-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "client        oborudovanie"
      "tochki        santehnika"
      "kanalizatsiya dop_raboty"
      "polypropilen  polypropilen";
  }
}

/* 1 колонка (мобильные) */
@media (max-width: 699px) {
  .wib-blocks-grid {
    grid-template-columns: 1fr;
    grid-template-areas:
      "client"
      "oborudovanie"
      "tochki"
      "santehnika"
      "kanalizatsiya"
      "polypropilen"
      "dop_raboty";
  }
}