/* water_supply_blank.css — бланк «Водоснабжение».
   Все компоненты (.lb-field, .lb-input, .lb-block, .lb-preview, тосты)
   переиспользуются из los_blank.css. Здесь — только своя карта grid-областей
   для групп: client / object / equipment / options / dop_zip. */

.wsb-blocks-grid {
  grid-template-columns: repeat(3, 1fr);
  grid-template-areas:
    "client    object    equipment"
    "options   options   dop_zip";
}

.wsb-blocks-grid .lb-block[data-group="client"]    { grid-area: client; }
.wsb-blocks-grid .lb-block[data-group="object"]    { grid-area: object; }
.wsb-blocks-grid .lb-block[data-group="equipment"] { grid-area: equipment; }
.wsb-blocks-grid .lb-block[data-group="options"]   { grid-area: options; }
.wsb-blocks-grid .lb-block[data-group="dop_zip"]   { grid-area: dop_zip; }

/* 2 колонки */
@media (max-width: 1099px) {
  .wsb-blocks-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "client    object"
      "equipment options"
      "dop_zip   dop_zip";
  }
}

/* 1 колонка (мобильные) */
@media (max-width: 699px) {
  .wsb-blocks-grid {
    grid-template-columns: 1fr;
    grid-template-areas:
      "client"
      "object"
      "equipment"
      "options"
      "dop_zip";
  }
}