.numeric-filter {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}

.numeric-filter input {
  width: 100px;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
}


/* код для добавления второй кнопки "забронировать" в карточку товара */ 

/* 1. ОБЩИЕ СТИЛИ ДЛЯ ОБЕИХ КНОПОК */
.js-store-prod-text a, 
.js-store-prod-all-text a {
    display: inline-block;    /* Делает ссылки блочными, чтобы работали отступы и размеры */
    font-size: 14px !important; /* <<< РАЗМЕР ТЕКСТА (в пикселях). Меняйте это число, чтобы сделать текст больше или меньше */
    padding: 13px 28px;       /* Внутренние отступы: 13px сверху/снизу, 28px слева/справа */
    margin-right: 50px;       /* Внешний отступ справа, чтобы кнопки не слипались друг с другом */
    margin-top: -10px;        /* Внешний отступ сверху */
    margin-bottom: 10px;  
    border-radius: 50px;      /* Скругление углов кнопок, делающее их овальными */
    font-weight: 600;         /* Полужирное начертание текста */
    text-decoration: none;    /* Убирает стандартное подчеркивание ссылки */
    transition: all 0.3s;     /* Делает анимацию (например, при наведении) плавной */
    
    /* РЕШЕНИЕ ПРОБЛЕМЫ ТУСКЛОСТИ: */
    opacity: 1 !important;    /* Убирает системную прозрачность Tilda, возвращая 100% яркость */
    filter: none !important;  /* Отключает любые наложенные фильтры цвета */
}

/* 2. СТИЛИ ДЛЯ ПЕРВОЙ КНОПКИ (Верхняя кнопка Tilda - "Забронировать с менеджером") */
.js-store-prod-text a:first-of-type {
    background-color: #bc574b !important;     /* Возвращаем сочную заливку */
    border: 0px solid #bc574b !important;     
    color: #ffffff !important;                /* Белый цвет текста */
}

/* 3. СТИЛИ ДЛЯ ВТОРОЙ КНОПКИ (Ваша ссылка из HTML - "Забронировать самостоятельно") */
.js-store-prod-text a:last-of-type,
.js-store-prod-all-text a {
    background-color: #FFB340 !important;     /* Возвращаем сочный желто-оранжевый цвет */
    border: 0px solid #FFB340 !important;     
    color: #000000 !important;                /* Черный цвет текста, как у вас в коде */
}

/* 4. СЛОЙ КОРЗИНЫ ДЛЯ ВСПЛЫВАЮЩЕГО ОКНА TILDA */
.t706__cartwin_showed {
    z-index: 999999999 !important;            /* Гарантирует, что корзина откроется поверх всех кнопок и элементов */
}

/* 5. СТИЛИ ДЛЯ МОБИЛЬНОЙ ВЕРСИИ (экран меньше 768 пикселей) */
@media screen and (max-width: 768px) {
    
    .js-store-prod-text a,
    .js-store-prod-all-text a {
        display: block !important;         /* Разворачиваем кнопки на всю строку, чтобы они встали друг под другом */
        width: 100% !important;            /* Растягиваем на 100% ширины текстового контейнера */
        box-sizing: border-box !important;   /* Удерживаем рамку внутри размеров кнопки */
        font-weight: 600;                  /* Полужирное начертание текста */
        font-size: 13px !important;        /* <<< РАЗМЕР ТЕКСТА на мобильном */
        
        text-align: center !important;     /* <<< ЦЕНТРИРУЕТ ТЕКСТ И СТРЕЛОЧКУ РОВНО ПО СЕРЕДИНЕ КНОПКИ */
        
        /* Обнуляем боковые внешние отступы, чтобы кнопку не перекашивало вправо */
        margin-left: 0px !important;        /* отступ слева от края экрана */
        margin-right: 0px !important;       /* отступ справа от края экрана */
        
        /* Внутренние отступы (высота кнопки и отступы для текста внутри) */
        padding: 16px 28px !important;     
        
        /* Отступ сверху между кнопками */
        margin-top: 15px !important;       /* Сделал 15px, чтобы кнопки с заливкой красиво разделялись в мобильной версии */
        margin-bottom: 10px; 
    }
    
    /* Специфичные настройки для первой кнопки на мобильном */
    .js-store-prod-text a:first-of-type {
        margin-top: -10px !important;      /* Отступ сверху для первой кнопки */
        margin-right: 0px !important;      /* Сбрасываем правый отступ, который был настроен для ПК-версии */
    }