/* ---------------------------
   СТИЛЬ ДЛЯ ПОИСКА И СОРТИРОВКИ
   Минималистичный (как кнопка)
---------------------------- */

/* Общее */
.t-store__filter__input.js-store-filter-search,
.t-store__sort-select {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #222 !important;

    height: 48px !important;
    padding: 0 16px !important;

    border: 1px solid #222 !important;
    border-radius: 0 !important;
    background: #fff !important;

    box-shadow: none !important;
    transition: 0.25s ease;
}

/* Фокус */
.t-store__filter__input.js-store-filter-search:focus,
.t-store__sort-select:focus {
    border-color: #000 !important;
    outline: none !important;
}

/* Search — убираем дефолтные рамки */
.t-store__search-wrapper {
    border: none !important;
}

/* Иконка лупы — делаем минималистичной */
.t-store__search-icon {
    width: 16px !important;
    height: 16px !important;
    opacity: 0.7 !important;
}

/* Контейнер, где лупа в своей ячейке */
.t-store__search .t-store__search-icon-wrapper {
    border-left: 1px solid #FFFFFF !important;
}

/* Селект сортировки — кастомная стрелка */
.t-store__sort-select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;

    background-image: url("https://static.tildacdn.com/tild6139-6364-4233-b137-383466333635/arrow-down.svg");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 10px;
    padding-right: 34px !important;
}




/* ST320N — пункты фильтров (Bracelet, Brooch и т.д.) */
.t-store__filter__checkbox span {
    font-family: 'HelveticaNeue', 'Helvetica Neue', Arial, sans-serif !important;
    font-size: 14px !important;     /* можно менять безопасно */
    font-weight: 100 !important;
    letter-spacing: 0.07em !important;
}



/* === ST320N custom checkbox (Cartier-style) === */

/* 1. Прячем стандартный чекбокс, но сохраняем checked */
.t-store__filter__checkbox input {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* 2. Убираем стандартные элементы Тильды */
.t-store__filter__checkbox .t-checkbox,
.t-store__filter__checkbox .t-checkbox__indicator,
.t-store__filter__checkbox .t-checkbox__indicator::after {
    display: none !important;
}

/* 3. Текст делаем опорным элементом */
.t-store__filter__checkbox span {
    position: relative;
    padding-left: 28px;
    display: inline-block;
    cursor: pointer;
}

/* 4. Квадрат (по умолчанию) */
.t-store__filter__checkbox span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border: 1px solid #000;
    background: transparent;
    transition: all 0.2s ease;
}

/* ST320N — кастомный чекбокс: цвет заливки */
.t-store__filter__checkbox input:checked ~ span::before {
    background-color: #000 !important;
    border-color: #000 !important; /* контур остаётся чёрным */
}



.js-store-prod-all-charcs {
  display: none !important;
}
</style>