/* Единый фирменный стиль кнопок: иконка наследует цвет текста и переворачивается при наведении */
.t-btn,
.t-submit,
.t-store__card__btn,
a[class*="btn"],
button[class*="btn"] {
  position: relative;
  padding-right: 58px !important;
  transition: filter .25s ease;
}

.t-btn::after,
.t-submit::after,
.t-store__card__btn::after,
a[class*="btn"]::after,
button[class*="btn"]::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 26px;
  height: 26px;
  transform: translateY(-50%) rotate(0deg);
  transform-origin: center;
  background-color: currentColor;
  -webkit-mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 3c-4.7 0-7.1 5.7-3.8 9l3.8 3.8 3.8-3.8c3.3-3.3.9-9-3.8-9Z'/%3E%3Cpath d='M29 16c0-4.7-5.7-7.1-9-3.8L16.2 16l3.8 3.8c3.3 3.3 9 .9 9-3.8Z'/%3E%3Cpath d='M16 29c4.7 0 7.1-5.7 3.8-9L16 16.2 12.2 20c-3.3 3.3-.9 9 3.8 9Z'/%3E%3Cpath d='M3 16c0 4.7 5.7 7.1 9 3.8l3.8-3.8-3.8-3.8C8.7 8.9 3 11.3 3 16Z'/%3E%3Ccircle cx='16' cy='16' r='2.2'/%3E%3C/g%3E%3C/svg%3E");
  mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 3c-4.7 0-7.1 5.7-3.8 9l3.8 3.8 3.8-3.8c3.3-3.3.9-9-3.8-9Z'/%3E%3Cpath d='M29 16c0-4.7-5.7-7.1-9-3.8L16.2 16l3.8 3.8c3.3 3.3 9 .9 9-3.8Z'/%3E%3Cpath d='M16 29c4.7 0 7.1-5.7 3.8-9L16 16.2 12.2 20c-3.3 3.3-.9 9 3.8 9Z'/%3E%3Cpath d='M3 16c0 4.7 5.7 7.1 9 3.8l3.8-3.8-3.8-3.8C8.7 8.9 3 11.3 3 16Z'/%3E%3Ccircle cx='16' cy='16' r='2.2'/%3E%3C/g%3E%3C/svg%3E");
  transition: transform .35s ease;
  pointer-events: none;
}

.t-submit {
  color: #fff !important;
}

.t-btn:hover,
.t-submit:hover,
.t-store__card__btn:hover,
a[class*="btn"]:hover,
button[class*="btn"]:hover {
  filter: brightness(1.08);
}

.t-btn:hover::after,
.t-submit:hover::after,
.t-store__card__btn:hover::after,
a[class*="btn"]:hover::after,
button[class*="btn"]:hover::after {
  transform: translateY(-50%) rotate(180deg);
}

/* Кнопки каталога: коричневый фон, белые подписи и фирменный орнамент */
.vb-q7k__button {
  color: #fff !important;
}

.vb-q7k__button .vb-q7k__icon {
  background-color: currentColor !important;
  background-image: none !important;
  -webkit-mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 3c-4.7 0-7.1 5.7-3.8 9l3.8 3.8 3.8-3.8c3.3-3.3.9-9-3.8-9Z'/%3E%3Cpath d='M29 16c0-4.7-5.7-7.1-9-3.8L16.2 16l3.8 3.8c3.3 3.3 9 .9 9-3.8Z'/%3E%3Cpath d='M16 29c4.7 0 7.1-5.7 3.8-9L16 16.2 12.2 20c-3.3 3.3-.9 9 3.8 9Z'/%3E%3Cpath d='M3 16c0 4.7 5.7 7.1 9 3.8l3.8-3.8-3.8-3.8C8.7 8.9 3 11.3 3 16Z'/%3E%3Ccircle cx='16' cy='16' r='2.2'/%3E%3C/g%3E%3C/svg%3E");
  mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 3c-4.7 0-7.1 5.7-3.8 9l3.8 3.8 3.8-3.8c3.3-3.3.9-9-3.8-9Z'/%3E%3Cpath d='M29 16c0-4.7-5.7-7.1-9-3.8L16.2 16l3.8 3.8c3.3 3.3 9 .9 9-3.8Z'/%3E%3Cpath d='M16 29c4.7 0 7.1-5.7 3.8-9L16 16.2 12.2 20c-3.3 3.3-.9 9 3.8 9Z'/%3E%3Cpath d='M3 16c0 4.7 5.7 7.1 9 3.8l3.8-3.8-3.8-3.8C8.7 8.9 3 11.3 3 16Z'/%3E%3Ccircle cx='16' cy='16' r='2.2'/%3E%3C/g%3E%3C/svg%3E");
  transition: transform .35s ease !important;
}

.vb-q7k__button .vb-q7k__icon::after {
  display: none !important;
}

.vb-q7k__button:hover .vb-q7k__icon {
  transform: rotate(180deg) !important;
}

/* Поворот фирменных иконок в Zero Block */
.tn-atom:hover .tn-atom__button-icon {
  transform: rotate(180deg);
}

.tn-atom .tn-atom__button-icon {
  transition: transform .35s ease;
}

@media (max-width: 640px) {
  .t-btn,
  .t-submit,
  .t-store__card__btn,
  a[class*="btn"],
  button[class*="btn"] {
    padding-right: 48px !important;
  }
  .t-btn::after,
  .t-submit::after,
  .t-store__card__btn::after,
  a[class*="btn"]::after,
  button[class*="btn"]::after {
    right: 14px;
    width: 23px;
    height: 23px;
  }
}

/* Шапка: прозрачные подложки у логотипа, адреса и пунктов навигации */
#rec2757873801 .tn-elem:not([data-elem-id="1785240025739000036"]) .tn-atom {
  background-color: transparent !important;
}

#rec2757873801 .tn-elem[data-elem-id="1785240025739000036"] .tn-atom {
  background-color: #fff !important;
  color: #452824 !important;
}

#rec2757873801 .tn-elem .tn-atom[href^="/#"],
#rec2757873801 .tn-elem .tn-atom[href^="tel:"],
#rec2757873801 .tn-elem .tn-atom[href*="yandex.ru/maps"] {
  color: #452824 !important;
}

/* Раскрытое меню: тёмная стеклянная панель и белые пункты */
#rec2757873701 .t-menu-popover__container {
  background-color: rgba(69, 40, 36, .62) !important;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

#rec2757873701 .t-menu__link-item,
#rec2757873701 .t-menu__link-wrapper,
#rec2757873701 .t-menu-base__list-item {
  background-color: transparent !important;
}

#rec2757873701 .t-menu__link-item {
  color: #fff !important;
}


/* Стеклянная подложка шапки при прокрутке */
#rec2757909401 .tn-elem[data-elem-id="1785240511564000002"] .tn-atom,
#rec2757909401 .tn-elem[data-elem-id="1785401970178000001"] .tn-atom {
  background-color: rgba(69, 40, 36, .55) !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

#rec2757909401 .tn-elem[data-elem-id="1785240427146"] .tn-atom {
  background-color: transparent !important;
}

#rec2757909401 .tn-elem .tn-atom[href^="/#"] {
  color: #fff !important;
}

/* Белые пункты в раскрытом меню на тёмном стекле */
#rec2757873701 .t-menu__link-item {
  color: #fff !important;
}


/* Фиксированное меню первого экрана: белые плашки пунктов */
#rec2757873801 .tn-elem .tn-atom[href^="/#"] {
  background-color: #fff !important;
  color: #452824 !important;
  border-radius: 5px !important;
}

/* Бургер-меню остаётся в прежнем прозрачном варианте */
#rec2757873701 .t-menu-popover__container {
  background-color: transparent !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

#rec2757873701 .t-menu__link-item {
  color: #452824 !important;
}


/* Первый экран: сохраняем белую плашку меню и коричневые подписи */
#rec2757909401 .tn-elem[data-elem-id="1785240511564000002"] .tn-atom,
#rec2757909401 .tn-elem[data-elem-id="1785401970178000001"] .tn-atom {
  background-color: #fff !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

#rec2757909401 .tn-elem .tn-atom[href^="/#"] {
  color: #452824 !important;
}

/* Шапка, появляющаяся при прокрутке: затемнённое стекло и белая навигация */
#rec2757873801 .tn-elem[data-elem-id="1785401970178000001"] .tn-atom {
  background-color: rgba(50, 29, 26, .58) !important;
  opacity: 1 !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

#rec2757873801 .tn-elem .tn-atom[href^="/#"],
#rec2757873801 .tn-elem .tn-atom[href*="yandex.ru/maps"] {
  background-color: transparent !important;
  color: #fff !important;
}


/* Иконка из фирменного знака для кнопок: цвет наследуется от текста */
.t-btn::after,
.t-submit::after,
.t-store__card__btn::after,
a[class*="btn"]::after,
button[class*="btn"]::after {
  background-color: currentColor !important;
  background-image: none !important;
  -webkit-mask: center / contain no-repeat url("https://static.tildacdn.com/tila6665-3231-4166-a132-323835393064/button-icon.png") !important;
  mask: center / contain no-repeat url("https://static.tildacdn.com/tila6665-3231-4166-a132-323835393064/button-icon.png") !important;
  transform: translateY(-50%) rotate(0deg);
  transition: transform .65s cubic-bezier(.2,.75,.25,1), filter .2s ease !important;
}

.t-btn:hover::after,
.t-submit:hover::after,
.t-store__card__btn:hover::after,
a[class*="btn"]:hover::after,
button[class*="btn"]:hover::after {
  transform: translateY(-50%) rotate(360deg);
  filter: brightness(1.087);
}

.t-btn:hover,
.t-submit:hover,
.t-store__card__btn:hover,
a[class*="btn"]:hover,
button[class*="btn"]:hover {
  filter: brightness(.92) !important;
}

/* Значок в кнопках Zero Block */
.tn-atom .tn-atom__button-icon {
  width: 24px !important;
  height: 24px !important;
  color: inherit !important;
  transform: rotate(0deg);
  transition: transform .65s cubic-bezier(.2,.75,.25,1), filter .2s ease !important;
}

.tn-atom .tn-atom__button-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  background-color: currentColor !important;
  background-image: none !important;
  -webkit-mask: center / contain no-repeat url("https://static.tildacdn.com/tila6665-3231-4166-a132-323835393064/button-icon.png") !important;
  mask: center / contain no-repeat url("https://static.tildacdn.com/tila6665-3231-4166-a132-323835393064/button-icon.png") !important;
  opacity: 1 !important;
}

.tn-atom .tn-atom__button-icon::after {
  display: none !important;
  opacity: 0 !important;
  background-image: none !important;
}

.tn-atom:hover .tn-atom__button-icon,
.tn-elem[data-elem-type="button"]:hover .tn-atom__button-icon {
  transform: rotate(360deg) !important;
  filter: brightness(1.087);
}

/* Добавляем значок к Zero Block кнопкам, у которых раньше не было иконки */
.t396 .tn-elem[data-elem-type="button"] .tn-atom:not(:has(.tn-atom__button-icon)):not([href^="/#"]) {
  position: relative;
  padding-right: 48px !important;
}

.t396 .tn-elem[data-elem-type="button"] .tn-atom:not(:has(.tn-atom__button-icon)):not([href^="/#"])::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 14px;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: center / contain no-repeat url("https://static.tildacdn.com/tila6665-3231-4166-a132-323835393064/button-icon.png");
  mask: center / contain no-repeat url("https://static.tildacdn.com/tila6665-3231-4166-a132-323835393064/button-icon.png");
  transform: translateY(-50%) rotate(0deg);
  transition: transform .65s cubic-bezier(.2,.75,.25,1), filter .2s ease;
  pointer-events: none;
}

.t396 .tn-elem[data-elem-type="button"]:hover .tn-atom:not(:has(.tn-atom__button-icon)):not([href^="/#"])::after {
  transform: translateY(-50%) rotate(360deg);
  filter: brightness(1.087);
}

.t396 .tn-elem[data-elem-type="button"]:hover .tn-atom:not([href^="/#"]) {
  filter: brightness(.92);
}

/* Кнопки каталога Vibe */
.vb-q7k__button {
  transition: filter .2s ease !important;
}

.vb-q7k__button .vb-q7k__icon {
  width: 24px !important;
  height: 24px !important;
  background-color: currentColor !important;
  background-image: none !important;
  -webkit-mask: center / contain no-repeat url("https://static.tildacdn.com/tila6665-3231-4166-a132-323835393064/button-icon.png") !important;
  mask: center / contain no-repeat url("https://static.tildacdn.com/tila6665-3231-4166-a132-323835393064/button-icon.png") !important;
  transform: rotate(0deg);
  transition: transform .65s cubic-bezier(.2,.75,.25,1), filter .2s ease !important;
}

.vb-q7k__button .vb-q7k__icon::after {
  display: none !important;
}

.vb-q7k__button:hover {
  filter: brightness(.92) !important;
}

.vb-q7k__button:hover .vb-q7k__icon {
  transform: rotate(360deg) !important;
  filter: brightness(1.087);
}


/* Единое поведение иконок на всех кнопках: сдвиг вправо на 2 мм */
.t-btn::after,
.t-submit::after,
.t-store__card__btn::after,
a[class*="btn"]::after,
button[class*="btn"]::after {
  transform: translateY(-50%) translateX(0) rotate(0deg) !important;
  transition: transform .28s ease, filter .2s ease !important;
}

.t-btn:hover::after,
.t-submit:hover::after,
.t-store__card__btn:hover::after,
a[class*="btn"]:hover::after,
button[class*="btn"]:hover::after {
  transform: translateY(-50%) translateX(2mm) rotate(0deg) !important;
}

.tn-atom .tn-atom__button-icon {
  transform: translateX(0) rotate(0deg) !important;
  transition: transform .28s ease, filter .2s ease !important;
}

.tn-atom:hover .tn-atom__button-icon,
.tn-elem[data-elem-type="button"]:hover .tn-atom__button-icon {
  transform: translateX(2mm) rotate(0deg) !important;
}

.t396 .tn-elem[data-elem-type="button"] .tn-atom:not(:has(.tn-atom__button-icon)):not([href^="/#"])::after {
  transform: translateY(-50%) translateX(0) rotate(0deg) !important;
  transition: transform .28s ease, filter .2s ease !important;
}

.t396 .tn-elem[data-elem-type="button"]:hover .tn-atom:not(:has(.tn-atom__button-icon)):not([href^="/#"])::after {
  transform: translateY(-50%) translateX(2mm) rotate(0deg) !important;
}

.vb-q7k__button .vb-q7k__icon {
  transform: translateX(0) rotate(0deg) !important;
  transition: transform .28s ease, filter .2s ease !important;
}

.vb-q7k__button:hover .vb-q7k__icon {
  transform: translateX(2mm) rotate(0deg) !important;
}


/* Единый hover: фирменный знак всегда виден и смещается на 3 px вправо */
.t-btn::after,
.t-submit::after,
.t-store__card__btn::after,
a[class*="btn"]::after,
button[class*="btn"]::after {
  content: "" !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateY(-50%) translateX(0) !important;
  transition: transform .28s ease !important;
}
.t-btn:hover::after,
.t-submit:hover::after,
.t-store__card__btn:hover::after,
a[class*="btn"]:hover::after,
button[class*="btn"]:hover::after,
.t-btn:focus-visible::after,
.t-submit:focus-visible::after,
.t-store__card__btn:focus-visible::after,
a[class*="btn"]:focus-visible::after,
button[class*="btn"]:focus-visible::after {
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateY(-50%) translateX(3px) !important;
}

.t396 .tn-elem[data-elem-type="button"] .tn-atom:not(:has(.tn-atom__button-icon)):not([href^="/#"])::after {
  content: "" !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateY(-50%) translateX(0) !important;
  transition: transform .28s ease !important;
}
.t396 .tn-elem[data-elem-type="button"]:hover .tn-atom:not(:has(.tn-atom__button-icon)):not([href^="/#"])::after,
.t396 .tn-elem[data-elem-type="button"]:focus-within .tn-atom:not(:has(.tn-atom__button-icon)):not([href^="/#"])::after {
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateY(-50%) translateX(3px) !important;
}
.tn-atom .tn-atom__button-icon {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateX(0) !important;
  transition: transform .28s ease !important;
}
.tn-atom:hover .tn-atom__button-icon,
.tn-elem[data-elem-type="button"]:hover .tn-atom__button-icon,
.tn-atom:focus-visible .tn-atom__button-icon,
.tn-elem[data-elem-type="button"]:focus-within .tn-atom__button-icon {
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateX(3px) !important;
}
.tn-atom .tn-atom__button-icon::before {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.vb-q7k__button .vb-q7k__icon {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateX(0) !important;
  transition: transform .28s ease !important;
}
.vb-q7k__button:hover .vb-q7k__icon,
.vb-q7k__button:focus-visible .vb-q7k__icon {
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateX(3px) !important;
}

/* Пункты навигации сохраняют исходный цвет при наведении */
#rec2757873801 .tn-elem .tn-atom[href^="/#"]:hover,
#rec2757873801 .tn-elem .tn-atom[href^="/#"]:focus-visible {
  color: #fff !important;
}
#rec2757909401 .tn-elem .tn-atom[href^="/#"]:hover,
#rec2757909401 .tn-elem .tn-atom[href^="/#"]:focus-visible {
  color: #452824 !important;
}
#rec2757873701 .t-menu__link-item:hover,
#rec2757873701 .t-menu__link-item:focus-visible,
#rec2757873701 .t-menu__link-item:active {
  color: #452824 !important;
  background-color: transparent !important;
}
.t-menu__link-item:hover,
.t-menu__link-item:focus-visible {
  color: inherit !important;
}


/* Подвал: убираем фирменный значок у текстовых ссылок */
#rec2757936901 .tn-elem[data-elem-type="button"] .tn-atom .tn-atom__button-icon {
  display: none !important;
}

/* В социальных кнопках подвала возвращаем исходные иконки Telegram и WhatsApp */
#rec2757936901 .tn-elem[data-elem-id="1785320363331000007"] .tn-atom .tn-atom__button-icon,
#rec2757936901 .tn-elem[data-elem-id="1785320363331000006"] .tn-atom .tn-atom__button-icon {
  display: inline-block !important;
  position: relative !important;
  width: 20px !important;
  height: 20px !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  transition: none !important;
}
#rec2757936901 .tn-elem[data-elem-id="1785320363331000007"] .tn-atom .tn-atom__button-icon::before,
#rec2757936901 .tn-elem[data-elem-id="1785320363331000006"] .tn-atom .tn-atom__button-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  background: transparent var(--icon) center / contain no-repeat !important;
  -webkit-mask: none !important;
  mask: none !important;
  opacity: 1 !important;
}
#rec2757936901 .tn-elem[data-elem-id="1785320363331000007"] .tn-atom .tn-atom__button-icon::after,
#rec2757936901 .tn-elem[data-elem-id="1785320363331000006"] .tn-atom .tn-atom__button-icon::after {
  display: none !important;
  content: none !important;
}

/* В подвале текстовые ссылки не получают общий значок кнопки */
#rec2757936901 .tn-elem[data-elem-type="button"] .tn-atom::after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}


/* Прокручиваемая шапка: коричневый текст CTA на компьютерной версии */
@media screen and (min-width: 1200px) {
  #rec2757873801 .tn-elem[data-elem-id="1785240025739000036"] .tn-atom,
  #rec2757873801 .tn-elem[data-elem-id="1785240025739000036"] .tn-atom:hover,
  #rec2757873801 .tn-elem[data-elem-id="1785240025739000036"] .tn-atom:focus-visible {
    color: #452824 !important;
  }
}

@media screen and (min-width: 1200px) {
  #rec2757873801 .tn-elem[data-elem-id="1785240025739000036"] .tn-atom .tn-atom__button-text,
  #rec2757873801 .tn-elem[data-elem-id="1785240025739000036"] .tn-atom:hover .tn-atom__button-text,
  #rec2757873801 .tn-elem[data-elem-id="1785240025739000036"] .tn-atom:focus-visible .tn-atom__button-text {
    color: #452824 !important;
  }
}


/* Слайдеры: показываем штатные стрелки вместо общего фирменного значка кнопок */
#allrecords .t1196__control,
#allrecords .t-slds__arrow,
#allrecords button.t-btn[aria-controls^="carousel_"] {
  padding-right: 0 !important;
}

#allrecords .t1196__control::after,
#allrecords .t-slds__arrow::after,
#allrecords button.t-btn[aria-controls^="carousel_"]::after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
