/* all buttons Zero Block */
.t396 .tn-elem[data-elem-type="button"] {
  transition: transform 0.15s ease, filter 0.15s ease, box-shadow 0.15s ease;
  will-change: transform;
}
.t396 .tn-elem[data-elem-type="button"].is-pressed {
  transform: scale(0.94);
  filter: brightness(0.8);
  box-shadow: inset 0 4px 4px rgba(0,0,0,0.4);
}

/* Click */
.t396 .tn-elem[data-elem-type="button"]:active {
  transform: scale(0.94);
  filter: brightness(0.8);
  box-shadow: inset 0 4px 4px rgba(0,0,0,0.4);
}

/* Polaroid button */
/* pseudo buttons */
.pseudo_button {
  transition: transform 0.15s ease, filter 0.15s ease, box-shadow 0.15s ease;
  will-change: transform;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

/* Click */
.pseudo_button:active,
.pseudo_button.pressed {
  transform: scale(0.94);
  filter: brightness(0.6);
  box-shadow: inset 0 4px 4px rgba(0,0,0,0.4);
}

/* Hover (только десктоп) */
@media (hover: hover) and (pointer: fine) {
  .pseudo_button:hover {
    filter: brightness(0.9);
  }
}

/* вся группа = одна кнопка */
.pseudo_button * {
  pointer-events: none;
}


/* Gallery upgrade */

/* ===== Tilda gallery: instant switch + fade ===== */

/* НЕ трогаем transform! Только убираем анимацию сдвига */
.t-slds__items-wrapper {
  transition: none !important;
}

/* даем плавность только opacity */
.t-slds__item {
  transition: opacity 1.0s ease !important;
}

/* состояние слайдов */
.t-slds__item[aria-hidden="true"] {
  opacity: 0 !important;
}

.t-slds__item[aria-hidden="false"],
.t-slds__item.t-slds__item_active {
  opacity: 1 !important;
}

/* ===== zoom inside container ===== */
.t-slds__main,
.t-slds__wrapper {
  overflow: hidden;
}

.t-slds__bgimg,
.t-bgimg {
  transition: transform 0.4s ease !important;
  will-change: transform;
}

.t-slds__item:hover .t-slds__bgimg,
.t-slds__item:hover .t-bgimg,
.t-slds__item:active .t-slds__bgimg,
.t-slds__item:active .t-bgimg {
  transform: scale(1.1);
}

/* ==== HEADERS HIDE ==== */
.sbs-text { overflow:hidden!important; }

/* === Zoomable shapes: smooth inner zoom-out, crop preserved === */

/* === DESKTOP ONLY === */

@media (hover: hover) and (pointer: fine) {

  .tn-atom.t-zoomable[data-zoomable="yes"] {
    position: relative;
    overflow: hidden;
    cursor: zoom-in;

    transform: translateZ(0);
    will-change: transform;
  }

  .tn-atom.t-zoomable[data-zoomable="yes"]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;

    background-image: inherit;
    background-size: cover;
    background-position: inherit;
    background-repeat: inherit;

    transform: scale(1.1);
    transform-origin: center;
    transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);

    will-change: transform;
    backface-visibility: hidden;
  }

  .tn-atom.t-zoomable[data-zoomable="yes"] {
    background-image: none;
  }

  .tn-elem:hover .tn-atom.t-zoomable[data-zoomable="yes"]::before {
    transform: scale(1);
  }