/* =========================================================
   ВСЯКУРОРТКА — STRICT OBJECT TZ CLEANUP
   Только исправление сетки и выравнивания.
   ========================================================= */

#view-object{
  --vk-object-max: 1280px;
  --vk-object-pad: 24px;
}

/* МАТЕРИАЛЫ — единый контейнер */
#view-object .obj-links-block{
  width: min(1280px, calc(100% - 48px)) !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

#view-object .obj-links-block > .obj-head,
#view-object .obj-links-block > .h-row,
#view-object .obj-links-grid,
#view-object .links-grid{
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

#view-object .obj-links-grid,
#view-object .links-grid{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

#view-object .obj-links-grid .lnk,
#view-object .links-grid .lnk{
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* Убираем лишний счетчик количества материалов */
#view-object .obj-links-block > .obj-head .chip,
#view-object .obj-links-block > .h-row .chip{
  display: none !important;
}

/* ПЛАНИРОВКИ — горизонтально на ПК */
@media (min-width:1101px){
  #view-object #plansList{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:16px !important;
    align-items:stretch !important;
  }

  #view-object #plansList > *{
    min-width:0 !important;
    width:auto !important;
    max-width:none !important;
  }
}

/* TABLET */
@media (min-width:768px) and (max-width:1100px){
  #view-object #plansList{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
  }
}

/* MOBILE */
@media (max-width:767px){
  #view-object .obj-links-block{
    width:calc(100% - 32px) !important;
  }

  #view-object .obj-links-grid,
  #view-object .links-grid{
    grid-template-columns:1fr !important;
  }

  #view-object #plansList{
    display:flex !important;
    gap:12px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
  }

  #view-object #plansList > *{
    flex:0 0 84% !important;
    width:84% !important;
    scroll-snap-align:start;
  }
}

@media (min-width: 1101px) {
  #view-object .obj-links-block > .obj-links-grid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}