.bg-inset10{
  inset: 10px !important;
  z-index: 0;
  width: calc(100% - 20px) !important;
  height: calc(100% - 20px) !important;
  overflow: hidden;
}

/* ==== КАРТОЧКА = ФОТО ==== */
.uc-sc-directions .t-card__col {
  position: relative !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  padding: 0 !important;
  transition: box-shadow .3s ease, transform .3s ease;
}
@media (hover: hover) {
  .uc-sc-directions .t-card__col:hover {
    box-shadow: 0 10px 28px rgba(78,59,49,.14);
    transform: translateY(-3px);
  }
}
.uc-sc-directions .t853__imgwrapper {
  margin: 0 !important;
}

/* ==== КРЕМОВАЯ ПЛАШКА ПОВЕРХ ФОТО ==== */
.uc-sc-directions .t853__textwrapper {
  position: absolute !important;
  left: 16px !important;
  right: 16px !important;
  bottom: 16px !important;
  top: auto !important;
  z-index: 2 !important;
  box-sizing: border-box !important;
  height: 76px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  background-color: #FFFCF6 !important;
  border-radius: 12px !important;
  padding: 0 80px 0 20px !important;
  margin: 0 !important;
}
/* карточка без кнопки — текст на всю ширину плашки */
.uc-sc-directions .t-card__col_withoutbtn .t853__textwrapper {
  padding-right: 20px !important;
}

/* ==== ТИПОГРАФИКА ==== */
.uc-sc-directions .t-card__title,
.uc-sc-directions .t-card__title a {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 500 !important;
  color: #4E3B31 !important;
  opacity: .85;
  margin: 0 !important;
}
.uc-sc-directions .t-card__descr {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 400 !important;
  color: #4E3B31 !important;
  opacity: .55;
  margin: 4px 0 0 0 !important;
}

/* ==== КНОПКА 45x45 ==== */
.uc-sc-directions .t-card__btntext-wrapper {
  position: absolute !important;
  right: 31px !important;
  bottom: 16px !important;
  top: auto !important;
  height: 76px !important;
  display: flex !important;
  align-items: center !important;
  z-index: 3 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.uc-sc-directions .t-btntext.t-card__btn-text {
  position: relative !important;
  width: 45px !important;
  height: 45px !important;
  min-width: 45px !important;
  box-sizing: border-box !important;
  display: block !important;
  border-radius: 10px !important;
  background-color: #F0EAE0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  transition: background-color .2s ease !important;
}
@media (hover: hover) {
  .uc-sc-directions .t-card__col:hover .t-btntext.t-card__btn-text {
    background-color: #E7DFD2 !important;
  }
}

/* прячем родную иконку и подпись Тильды */
.uc-sc-directions .t-btntext__icon,
.uc-sc-directions .t-btntext__text {
  display: none !important;
}

/* стрелка: палочка */
.uc-sc-directions .t-btntext.t-card__btn-text::before {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 15px !important;
  height: 2px !important;
  border-radius: 1px !important;
  background: #4E3B31 !important;
  transform: translate(-50%, -50%) !important;
}
/* стрелка: уголок */
.uc-sc-directions .t-btntext.t-card__btn-text::after {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 8px !important;
  height: 8px !important;
  border-top: 2px solid #4E3B31 !important;
  border-right: 2px solid #4E3B31 !important;
  border-radius: 1px !important;
  transform: translate(calc(-50% + 1px), -50%) rotate(45deg) !important;
}

/* ==== МОБИЛЬНЫЕ ==== */
@media screen and (max-width: 640px) {
  .uc-sc-directions .t853__textwrapper {
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    height: 86px !important;
    padding: 0 66px 0 14px !important;
  }
  .uc-sc-directions .t-card__col_withoutbtn .t853__textwrapper {
    padding-right: 14px !important;
  }
  .uc-sc-directions .t-card__btntext-wrapper {
    right: 25px !important;
    bottom: 10px !important;
    height: 86px !important;
  }
}

/* ==== КАРУСЕЛЬ ==== */
.uc-sc-directions .t853__container {
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  scroll-padding-left: 20px !important;
  padding-top: 8px !important;
  padding-bottom: 40px !important;
  margin-bottom: -32px !important;
}
.uc-sc-directions .t853__container::-webkit-scrollbar {
  display: none !important;
}
.uc-sc-directions .t853__col {
  flex: 0 0 auto !important;
  scroll-snap-align: start !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ==== КАРУСЕЛЬ ==== */
.uc-sc-directions .t853__container {
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  scroll-padding-left: 20px !important;
  padding-top: 8px !important;
  padding-bottom: 40px !important;
  margin-bottom: -32px !important;
}
.uc-sc-directions .t853__container::-webkit-scrollbar {
  display: none !important;
}
.uc-sc-directions .t853__col {
  flex: 0 0 auto !important;
  scroll-snap-align: start !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  width: 330px !important;
}
@media screen and (max-width: 640px) {
  .uc-sc-directions .t853__col {
    width: 82% !important;
  }
}

/* ==== СТРЕЛКИ ==== */
.sc-dir-nav {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  max-width: 1200px;
  margin: 14px auto 0;
  padding: 0 20px;
  box-sizing: border-box;
}
.sc-dir-arrow {
  position: relative;
  width: 45px;
  height: 45px;
  border: 0;
  padding: 0;
  border-radius: 10px;
  background: #F0EAE0;
  cursor: pointer;
  font-size: 0;
  transition: background-color .2s ease, opacity .2s ease;
}
.sc-dir-arrow:disabled {
  opacity: .35;
  cursor: default;
}
@media (hover: hover) {
  .sc-dir-arrow:not(:disabled):hover {
    background: #E7DFD2;
  }
}
.sc-dir-arrow::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 2px;
  border-radius: 1px;
  background: #4E3B31;
  transform: translate(-50%, -50%);
}
.sc-dir-arrow::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  border-top: 2px solid #4E3B31;
  border-right: 2px solid #4E3B31;
  border-radius: 1px;
}
.sc-dir-arrow_next::after {
  transform: translate(calc(-50% + 1px), -50%) rotate(45deg);
}
.sc-dir-arrow_prev::after {
  transform: translate(calc(-50% - 1px), -50%) rotate(-135deg);
}
