/* =========================================================
   BB / T838 Search — unified styling for all blocks
   Class in Tilda: uc-bb-search
   Requirements:
   - input + button height aligned
   - left padding for magnifier icon (no overlap)
   - border-radius 4px
   - desktop button width 200px
   ========================================================= */

.uc-bb-search form{
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;              /* расстояние между полем и кнопкой */
}

/* SEARCH INPUT */
.uc-bb-search input[type="search"],
.uc-bb-search input[type="text"],
.uc-bb-search .t-input,
.uc-bb-search .t-form__input{
  height: 44px !important;
  line-height: 44px !important;

  padding-right: 14px !important;
  padding-left: 50px !important;     /* место под лупу */
  box-sizing: border-box !important;

  border-radius: 4px !important;     /* скругление 4px */
}

/* (опционально) фикс позиции/размера лупы, чтобы выглядело аккуратно */
.uc-bb-search input[type="search"],
.uc-bb-search input[type="text"]{
  background-position: 18px center !important;
  background-size: 18px !important;
}

/* SEARCH BUTTON */
.uc-bb-search button,
.uc-bb-search input[type="submit"],
.uc-bb-search .t-btn,
.uc-bb-search .t-submit{
  height: 44px !important;
  min-height: 44px !important;
  line-height: 44px !important;

  width: 200px !important;           /* десктоп ширина кнопки */
  min-width: 200px !important;

  padding: 0 18px !important;
  box-sizing: border-box !important;

  border-radius: 4px !important;     /* скругление 4px */
}

/* =========================
   Mobile (без финального решения по кнопке — делаем безопасно)
   ========================= */
@media (max-width: 480px){
  .uc-bb-search form{
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  .uc-bb-search input[type="search"],
  .uc-bb-search input[type="text"],
  .uc-bb-search .t-input,
  .uc-bb-search .t-form__input{
    width: 100% !important;
    height: 40px !important;
    line-height: 40px !important;
    padding-left: 48px !important;
  }

  .uc-bb-search button,
  .uc-bb-search input[type="submit"],
  .uc-bb-search .t-btn,
  .uc-bb-search .t-submit{
    width: 100% !important;
    min-width: 100% !important;
    height: 38px !important;        /* ↓ меньше, чем PDF */
    line-height: 38px !important;
    border-radius: 4px !important;
  }
}

/* =====================================================
   BB Catalog Grid — NON-clickable product cards (ST315N)
   Class on block: uc-bb-catalog-grid
   ===================================================== */

/* Полностью убираем интерактив */
.uc-bb-catalog-grid .t-store__card,
.uc-bb-catalog-grid .t-store__card *{
  pointer-events: none !important;
  cursor: default !important;
}

/* Убираем hover-эффекты */
.uc-bb-catalog-grid .t-store__card:hover,
.uc-bb-catalog-grid .t-store__card *:hover{
  transform: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

/* Если Тильда затемняет картинку при hover */
.uc-bb-catalog-grid .t-store__card__imgwrapper::after,
.uc-bb-catalog-grid .t-store__card:hover .t-store__card__imgwrapper::after{
  display: none !important;
}

/* На всякий случай убираем transition */
.uc-bb-catalog-grid .t-store__card,
.uc-bb-catalog-grid .t-store__card *{
  transition: none !important;
}

/* =====================================================
   FORCE full-width for ST315N inside #rec1755498663
   Desktop: 20px
   Mobile: 10px
   ===================================================== */

/* 0) Сам rec делает нужные отступы */
#rec1755498663{
  padding-left: 10px !important;
  padding-right: 10px !important;
  box-sizing: border-box !important;
}

/* 1) Убираем любые ограничения ширины и центрирование у контейнеров */
#rec1755498663 .t-container,
#rec1755498663 .t-store__container,
#rec1755498663 .t-store__maincontainer,
#rec1755498663 .t-store__grid-cont,
#rec1755498663 .t-store__grid,
#rec1755498663 .t-store,
#rec1755498663 .t-store__wrap,
#rec1755498663 .t-store__wrapper{
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 2) Убираем внутренние padding’и, которые чаще всего и дают “40px” */
#rec1755498663 .t-container,
#rec1755498663 .t-store__container,
#rec1755498663 .t-store__maincontainer,
#rec1755498663 .t-store__grid-cont,
#rec1755498663 .t-store__wrapper{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 3) Убираем отрицательные/компенсационные отступы сетки */
#rec1755498663 .t-row,
#rec1755498663 .t-col,
#rec1755498663 .t-store__grid .t-col{
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 4) Mobile */
@media (max-width: 640px){
  #rec1755498663{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

/* =========================================
   FT601 — Cooperation page ONLY
   rec: #rec1756525063
   Active tab styles
   ========================================= */

/* Активный таб (ссылка как кнопка) */
#rec1756525063 a.bb-tab-active{
  background-color: #8f9c83 !important;
  border-color: #8f9c83 !important;
  color: #f9faf7 !important;
}

/* Если внутри кнопочный элемент */
#rec1756525063 a.bb-tab-active .t-btn,
#rec1756525063 a.bb-tab-active .t-button{
  background-color: #8f9c83 !important;
  border-color: #8f9c83 !important;
  color: #f9faf7 !important;
}

/* Текст внутри */
#rec1756525063 a.bb-tab-active span,
#rec1756525063 a.bb-tab-active .t-btntext,
#rec1756525063 a.bb-tab-active .t-btn__text{
  color: #f9faf7 !important;
}