const tabs = {
    kitchens: 'kitchenBlock',
    tables: 'tableBlock',
    sofas: 'sofaBlock',
    custom: 'customBlock'
  };

.catalog-block {
  display: none;
}

  document.querySelectorAll('a[href^="#"]').forEach(link => {
    link.addEventListener('click', function(e) {
      e.preventDefault();
      const targetId = this.getAttribute('href').substring(1);
      Object.values(tabs).forEach(id => {
        const el = document.getElementById(id);
        if (el) el.style.display = 'none';
      });
      const toShow = document.getElementById(tabs[targetId]);
      if (toShow) toShow.style.display = 'block';
      toShow.scrollIntoView({ behavior: 'smooth' });
    });
  });




/* Убираем синюю полосу-фокус у ссылок/кнопок магазина и слайдера */
.t-store a:focus,
.t-store button:focus,
.t-store__card__wrap a:focus,
.t-slds a:focus,
.t-slds button:focus,
.t-zoom a:focus,
.t-zoom button:focus,
a[href^="#popup:product"]:focus,
*:target {
  outline: none !important;
  box-shadow: none !important;
}


/* Скругляем фото в карточках магазина */
.t-store__card__imgwrapper{
  border-radius: 15px !important;
  overflow: hidden;              /* чтобы картинка обрезалась по радиусу */
}

/* Внутренние слои у Tilda чаще как фоновые div'ы */
.t-store__card__img,
.t-store__card__bgimg{
  border-radius: inherit !important;
}

/* Тень под Zero Block */
.t-rec.zshadow { overflow: visible; padding-bottom: 20px; } /* чтобы тень не резалась */
.t-rec.zshadow .t396__artboard{
  background:#000000;              /* если нужен “карточный” фон */
  border-radius:16px;           
  box-shadow: 0 24px 48px -18px rgba(0,0,0,.28); /* тень только снизу */
}
/* Если в Zero есть фоновое изображение/фильтр — скруглим и их */
.t-rec.zshadow .t396__carrier,
.t-rec.zshadow .t396__filter{ border-radius:16px; }

/* Мобильная подстройка (необязательно) */
@media (max-width:640px){
  .t-rec.zshadow .t396__artboard{
    border-radius:12px;
    box-shadow: 0 16px 32px -12px rgba(0,0,0,.25);
  }
}