/* Полностью вырубить все браузерные фокусы и подсветки */
* {
  -webkit-tap-highlight-color: transparent !important;
}
:focus, :focus-visible, a:active, button:active, input:active, textarea:active {
  outline: none !important;
  box-shadow: none !important;
  outline-color: transparent !important;
}

/* Firefox inner */
button::-moz-focus-inner { border: 0; padding: 0; }

/* Иногда полезно добавить конкретные селекторы для меню/иконок Tilda */
.t-menu__link, .t-menu__icon, .t-popup__close, .t-btn {
  outline: none !important;
  box-shadow: none !important;
}



/* Скрываем опции товара внутри попапа ЛЮБОГО типа */
.t-popup .t-product__option,
.t-popup .t-product__option-item,
.t-popup .t-product__option-variants,
.t-popup .t-product__option-title,
.t-popup .js-product-edition-option-name {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
}



/* ============================================================
   ЧЕКБОКСЫ TILDA STORE — скругление 2px + рамка 1px
============================================================ */

/* Неактивный чекбокс */
.t-store__filter__item-controls .t-checkbox__indicator {
    border-radius: 2px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #000 !important;
}

/* Активное состояние (галочка внутри) */
.t-store__filter__item-controls .t-checkbox__indicator:after {
    border-radius: 2px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #000 !important;
}

/* Для надёжности — чекбокс в карточках фильтров */
.t-checkbox__indicator {
    border-radius: 2px !important;
    border-width: 1px !important;
    border-color: #000 !important;
}


/* === Универсальная кнопка для ссылок в попапе/карточках === */
.sd-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 30px !important;
  min-width: 30px !important;
  padding: 0 14px !important;
  text-decoration: none !important;
  border-radius: 3px !important; /* скругление 3px */
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  margin-right: 8px !important; /* горизонтальный отступ между кнопками */
  box-sizing: border-box !important;
  cursor: pointer !important;
  background-color: var(--sd-bg, #000000) !important;
  color: var(--sd-fg, #ffffff) !important;
  border: 1px solid var(--sd-bg, #000000) !important;
  transition: transform .18s ease, opacity .18s ease, background-color .18s ease !important;
  text-align: center !important;
  margin-bottom: 8px !important; /* вертикальный отступ между кнопками при переносе */
}
.sd-btn:hover {
  background-color: var(--sd-bg, #000000) !important;
  transform: scale(1.03) !important;
  opacity: 0.95 !important;
}
.sd-btn:active {
  transform: scale(0.98) !important;
  opacity: 0.9 !important;
}
@media (max-width: 960px) {
  .sd-btn { margin-bottom: 8px !important; }
}
@media (max-width: 640px) {
  .sd-btn { margin-bottom: 8px !important; }
}