.t1002__picture-wrapper .t-store__card__mark-wrapper, .t1002__picture-wrapper .t754__markwrapper, .t1002__picture-wrapper .t776__markwrapper, .t1002__picture-wrapper .t778__markwrapper, .t1002__picture-wrapper .t786__markwrapper {
    top:210px;
}
@media (max-width: 768px) {
.t1002__picture-wrapper .t-store__card__mark-wrapper, .t1002__picture-wrapper .t754__markwrapper, .t1002__picture-wrapper .t776__markwrapper, .t1002__picture-wrapper .t778__markwrapper, .t1002__picture-wrapper .t786__markwrapper {
    top:197px;
}    
    
}

/*.t-store__card {
    border:1px solid #ab1ccb45;
    padding:10px!important;
    margin:10px!important;
    border-radius:20px;
}*/
.t-store__card__mark-wrapper {
    width:90%;
} 

.t-store__card__imgwrapper .t1002__addBtn, .t1002__picture-wrapper .t1002__addBtn {
    border:2px solid #a91ac9!important;
}
    
.t-store__card__mark {
    width:100%;
    height:20px;
    background: linear-gradient(135deg, #ff9eea, #ffa8e1);
                                    color: #000!important;
                                    font-size: 12px;
                                    font-weight: 700;
                                    padding: 5px 12px;
                                    border-radius: 20px;
                                    letter-spacing: 0.4px;
                                    white-space: nowrap;
                                    box-shadow: 0 3px 10px rgba(255,152,234,0.35);
}
.t-store__card__textwrapper {
    padding-top:35px;
}




.tel-animate {
  animation: phone-shake-subtle 3s infinite;
  display: inline-block;
  transform-origin: center;
}

@keyframes phone-shake-subtle {
  0%   { transform: translate(0, 0); }
  
  10%  { transform: translate(-3px, -2px); }
  12%  { transform: translate(3px, 2px); }
  14%  { transform: translate(-3px, 2px); }
  16%  { transform: translate(3px, -2px); }
  18%  { transform: translate(-3px, -2px); }
  20%  { transform: translate(3px, 2px); }
  22%  { transform: translate(0, 0); }
  
  100% { transform: translate(0, 0); }
}

.iron-whatapp-link,
.iron-telegram-link {
  /* Плавный переход для всех анимируемых свойств */
  transition: transform 0.3s ease, filter 0.3s ease, box-shadow 0.3s ease;
  display: inline-block; /* Важно для корректной работы transform */
}

/* Эффект при наведении для WhatsApp */
.iron-whatapp-link:hover {
  transform: scale(1.15) translateY(-4px);     /* Увеличение + лёгкий подъём */
  filter: brightness(1.2);                     /* Увеличение яркости */
  box-shadow: 0 8px 20px rgba(37, 211, 102, 0.4); /* Зелёная тень под WhatsApp */
}

/* Эффект при наведении для Telegram */
.iron-telegram-link:hover {
  transform: scale(1.15) translateY(-4px);
  filter: brightness(1.2);
  box-shadow: 0 8px 20px rgba(0, 136, 204, 0.4); /* Голубая тень под Telegram */
}

.iron-header-top,
.iron-header-middle,
.iron-header-bottom {
    transition: all 0.3s ease;
    will-change: transform, opacity;
}

.iron-header-middle {
    transition: all 0.4s ease;
}

/* Чтобы при фиксации не дёргался контент */
.tildabody {
    transition: padding-top 0.4s ease;
}

/* Поднимаем кнопку JivoSite на мобильных устройствах */
@media (max-width: 768px) {
    .__jivoMobileButton,
    .wrap__NJoN_ {
        bottom: 85px !important;   /* поднимаем на 85–90 px — идеально над нижней панелью iPhone/Android */
        transform: translateY(0) !important; /* на всякий случай сбрасываем возможные трансформации */
    }
    
    /* Дополнительно — если у тебя ещё и виджет открыт, чтобы не перекрывал */
    .mobileWidgetBottomOffset {
        padding-bottom: 120px !important;
    }
}

/* Опускаем все твои кастомные фиксированные элементы ниже корзины */
.t-records > .t-container > div[style*="position: fixed"],
.t-records > .t-container > div[style*="position: sticky"],
#allrecords .t-menu__fixed-wrapper,
.t396__elem,
.t-section__bg { 
  z-index: 5000 !important; /* или меньше 99999 */
}

.iron-cartcount-group, .iron-livecount-group, .t975 {
    z-index:999999999!important;
}




/* КОМПАКТНЫЕ ЯРКИЕ КНОПКИ "В КОРЗИНУ" — 2025 */
.t-btn {
    position: relative;
    background: linear-gradient(135deg, #7c3aed, #db2777) !important;
    background-size: 200% 200% !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: 0.8px;
    //text-transform: uppercase;
    padding: 12px 28px !important;
    border-radius: 50px !important;
    border: none !important;
    cursor: pointer;
    overflow: hidden;
   	transition: all 0.35s ease !important;
    box-shadow: 0 6px 20px rgba(124, 58, 237, 0.4) !important;
    min-height: auto !important;
    line-height: 1.2 !important;
    z-index: 1;
}

/* Убираем все иконки внутри кнопок */
.t-btn img,
.t-btn svg,
.t-btn .t-btn__icon,
.t-btn [class*="icon"] {
    //display: none !important;
}

/* Яркий hover + движение градиента */
.t-btn:hover {
    background-position: 100% 50% !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 30px rgba(219, 39, 119, 0.5) !important;
}

/* Нажатие */
.t-btn:active {
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 15px rgba(219, 39, 119, 0.4) !important;
}

/* Полоска блеска при hover */
.t-btn::before {
    content:'';
    position: absolute;
    top: 0; left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
    transition: 0.7s;
}
.t-btn:hover::before {
    left: 100%;
}

/* Мобильные — ещё компактнее */
@media (max-width: 640px) {
    .t-btn {
        padding: 11px 24px !important;
        font-size: 14px !important;
    }
}

/* Убираем все лишние стили Tilda */
.t-btn table,
.t-btn td,
.t-btn span,
.t-btn div {
    background: none !important;
    border: none !important;
}

/* Только на мобильных (≤768px) */
@media (max-width: 768px) {
  .page-header-breadcrumbs {
    margin-left: 70px !important;
  }
}

/* Если хочешь ещё строже — только до 640px (типичный мобильный) */
@media (max-width: 640px) {
  .page-header-breadcrumbs {
    margin-left: 70px !important;
  }
}




//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/* Скрываем старое полностью */
.t-store__filter__search-and-sort,
.t-store__filter__search,
.t-store__filter__sort {
    display: none !important;
}

/* Наш новый блок — поверх всего */
.t-custom-store-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    padding: 20px 0;
    margin-bottom: 20px;
    background: #fff;
}

/* Кнопка Фильтры */
.t-custom-filters-btn {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 16px 36px;
    background: linear-gradient(135deg, #8b46ff, #6a1bff);
    color: white;
    font-weight: 600;
    font-size: 15px;
    border: none;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(139, 75, 255, 0.35);
    cursor: pointer;
    transition: all 0.35s ease;
}

.t-custom-filters-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 40px rgba(139, 75, 255, 0.45);
}

/* Кастомный дропдаун — чистый и красивый */
.t-custom-sort {
    position: relative;
    min-width: 280px;
    font-family: Arial;
}
.t-custom-sort-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 17px 24px;
    background: white;
    border: 2.5px solid #8b46ff;
    border-radius: 18px;
    font-weight: 500;
    font-size: 15px;
    color: #222;
    cursor: pointer;
    transition: all 0.35s ease;
    box-shadow: 0 4px 15px rgba(139, 75, 255, 0.1);
}
.t-custom-sort-trigger:hover {
    border-color: #6a1bff;
    box-shadow: 0 8px 25px rgba(139, 75, 255, 0.18);
}
.t-custom-sort-trigger::after {
    content: "▼";
    margin-left: 15px;
    font-size: 11px;
    color: #8b46ff;
    transition: transform 0.3s ease;
}
.t-custom-sort.open .t-custom-sort-trigger::after {
    transform: rotate(180deg);
}

/* Выпадающее меню */
.t-custom-sort-menu {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    right: 0;
    background: white;
    border: 2.5px solid #8b46ff;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(139, 75, 255, 0.25);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.35s ease;
    z-index: 9999;
    list-style: none !important;
    margin: 0 !important;
    padding: 8px 0 !important; /* оставил только вертикальные */
}

/* ПОЛНОЕ УДАЛЕНИЕ ЛЕВЫХ ОТСТУПОВ У li */
.t-custom-sort.open .t-custom-sort-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.t-custom-sort-menu li {
    padding: 14px 24px 14px 24px !important;  /* одинаковые отступы слева и справа */
    margin: 0 !important;
    padding-left: 24px !important;   /* гарантируем, что слева ровно 24px */
    padding-right: 24px !important;
    font-weight: 500;
    font-size: 15px;
    color: #333;
    cursor: pointer;
    transition: all 0.25s ease;
    list-style: none !important;
    position: relative;
    box-sizing: border-box;
}

/* На всякий случай перебиваем возможные встроенные стили Tilda */
.t-custom-sort-menu li:before,
.t-custom-sort-menu li::before {
    content: none !important;
    display: none !important;
}

.t-custom-sort-menu li:hover {
    background: linear-gradient(135deg, #f8f4ff, #f0e6ff);
    color: #6a1bff;
}
.t-custom-sort-menu li.active {
    background: #f0e6ff;
    color: #6a1bff;
    font-weight: 600;
}

/* Мобильная версия */
@media (max-width: 720px) {
    .t-custom-store-controls {
        flex-direction: column;
        align-items: stretch;
    }
    .t-custom-filters-btn {
        order: 2;
        margin-top: 16px;
    }
    .t-custom-sort {
        min-width: auto;
        width: 100%;
    }
    .t-custom-sort-menu li {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
}
//////////////////////////////////////////////////////////////////////////////////////
/* ФИЛЬТР — ФИНАЛЬНЫЙ РАБОЧИЙ ВАРИАНТ (ДЕКАБРЬ 2025) */

.t-store__filter__options {
  background: #ffffff !important;
  border-radius: 20px !important;
  padding: 28px 24px !important;
  box-shadow: 0 15px 50px rgba(168, 85, 247, 0.18) !important;
  border: 1px solid rgba(168, 85, 247, 0.1) !important;
}

/* Заголовки */
.t-store__filter__item-title {
  font-weight: 600 !important;
  font-size: 15px !important;
  color: #1e293b !important;
  margin-bottom: 20px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(168, 85, 247, 0.18) !important;
}

/* Сортировка и память */
.t-store__filter__custom-sel {
  background: #f8f9ff !important;
  border: 2px solid transparent !important;
  border-radius: 14px !important;
  padding: 16px 20px !important;
  margin-bottom: 12px !important;
  transition: all 0.32s ease !important;
  font-size: 15px !important;
}
.t-store__filter__custom-sel:hover {
  background: linear-gradient(135deg, #f3e8ff, #fdeafd) !important;
  border-color: #e879f9 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 32px rgba(217, 70, 239, 0.25) !important;
}
.t-store__filter__custom-sel.active,
.t-store__filter__custom-sel[data-select-val]:not([data-select-val=""]) {
  background: linear-gradient(135deg, #a855f7, #d946ef) !important;
  color: #fff !important;
  font-weight: 600 !important;
  box-shadow: 0 14px 38px rgba(168, 85, 247, 0.45) !important;
}

/* Ползунок — тонкая фиолетовая линия + кругляшки */
.t-store__filter__range {
  background: #9f33c1 !important;
  height: 3px !important;
}
.t-store__filter__range::-webkit-slider-thumb,
.t-store__filter__range::-moz-range-thumb {
  width: 28px !important;
  height: 28px !important;
  border: 4px solid #fff !important;
  background: linear-gradient(135deg, #a855f7, #d946ef) !important;
  box-shadow: 0 8px 30px rgba(168, 85, 247, 0.6) !important;
}
.t-store__filter__range::-webkit-slider-thumb:hover {
  transform: scale(1.22) !important;
}
.t-store__filter__range_bg {
  opacity: 0 !important;
}

/* Поля цены и кнопка ОК */
.t-store__filter__input {
  height: 50px !important;
  border-radius: 14px !important;
  border: 2px solid #e2e8f0 !important;
  padding: 0 18px !important;
}
.t-store__filter__input:focus {
  border-color: #a855f7 !important;
  box-shadow: 0 0 0 5px rgba(168, 85, 247, 0.22) !important;
}
.t-store__filter__btn {
  background: linear-gradient(135deg, #a855f7, #d946ef) !important;
  color: white !important;
  border-radius: 14px !important;
  height: 50px !important;
  padding: 0 28px !important;
  font-weight: 600 !important;
}

/* Обычные чекбоксы */
.t-checkbox__indicator {
  border-radius: 10px !important;
  border: 2px solid #cbd5e1 !important;
  transition: all 0.25s ease !important;
}
.t-checkbox:checked + .t-checkbox__indicator {
  border-color: #a855f7 !important;
}

/* Кнопка "Показать все" */
.t-store__filter__btn-expand {
  color: #a855f7 !important;
  font-weight: 600 !important;
}
.t-store__filter__btn-expand:hover {
  color: #d946ef !important;
}

/* ЦВЕТА ВИДНЫ — главная магия */
.t-store__filter__checkbox_color .t-checkbox__indicator {
  background-image: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}


/* АКТИВНАЯ КНОПКА ПАМЯТИ — чисто, спокойно, но явно выделяется */
.t-store__filter__custom-sel.active,
.t-store__filter__custom-sel[data-select-val]:not([data-select-val=""]) {
  background: linear-gradient(135deg, #a855f7, #c084fc) !important;   /* чуть светлее основного фиолетового */
  color: #ffffff !important;
  font-weight: 700 !important;
  border: 2px solid #e0aaff !important;         /* аккуратная светлая обводка */
  box-shadow: 0 4px 12px rgba(168, 85, 247, 0.3) !important;   /* только лёгкая тень под кнопку */
  transform: none !important;                     /* без подъёма */
}

/* При наведении на активную — просто чуть темнее, без теней и прыжков */
.t-store__filter__custom-sel.active:hover,
.t-store__filter__custom-sel[data-select-val]:not([data-select-val=""]):hover {
  background: linear-gradient(135deg, #9333ea, #b36be0) !important;
  box-shadow: 0 4px 12px rgba(168, 85, 247, 0.35) !important;
  transform: none !important;
}
.t-store__filter__item-controls-container {
    overflow:hidden;
    
}



.t-custom-store-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

/* Только адаптивная часть – заставляем всегда быть в одну строку на мобильных */
@media (max-width: 768px) {
    .t-custom-store-controls {
        flex-direction: row;     /* принудительно в строку */
        flex-wrap: nowrap;       /* не переносим */
    }
    
    /* Левый элемент (кнопка) – прижат влево */
    .t-custom-store-controls > .t-custom-filters-btn {
        flex-shrink: 0;
    }
    
    /* Правый элемент (сортировка) – прижат вправо и занимает всё оставшееся место */
    .t-custom-store-controls > .t-custom-sort {
        flex: 1;
        margin-left: 12px;       /* небольшой отступ от кнопки */
        min-width: 0;            /* позволяет тексту внутри укорачиваться */
    }
}

/* На совсем узких экранах (меньше 380px) всё равно держим в одну строку */
@media (max-width: 480px) {
    .t-custom-store-controls {
        flex-wrap: nowrap;
    }
}




.amo-vertical {
    
    right:30px!important;
}
#rec1356565911 .t396__artboard,#rec1356579921 .t396__artboard,#rec1356580061 .t396__artboard,#rec1356580081 .t396__artboard,#rec1356580131 .t396__artboard,#rec1356580201 .t396__artboard,#rec1358285841 .t396__artboard {
height:330px!important;
}
.iron-catalog-link {
    top:275px!important;
    left:36px!important;
}

.t-records > .t-container > div[style*="position: fixed"], .t-records > .t-container > div[style*="position: sticky"], #allrecords .t-menu__fixed-wrapper, .t396__elem, .t-section__bg {
    z-index:3!important;
}