/* start form 7 */

.wpcf7-spinner{
	display: none !important;
}

.wpcf7-not-valid{
	border: 1px solid #dc3232;
	background: rgba(220, 50, 50, .2);
}
.wpcf7-not-valid:hover{
	border: 1px solid #dc3232 !important;	
}
.wpcf7-not-valid-tip{
	display: none !important;
}
.wpcf7 form.invalid .wpcf7-response-output{
	display: none !important;
}


.wpcf7 form.sent .wpcf7-response-output {
  border-color: #4435f1;
}

/* eof form 7 */

/* Контейнер блока +/- */
.loop-qty-control {
    /* display управляется через JS/PHP */
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 5px;
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
    position: relative; /* Важно для позиционирования лоадера */
    min-height: 40px;
    box-sizing: border-box; /* Чтобы padding не ломал ширину */
}

/* Лоадер (скрыт по умолчанию) */
.qty-loading {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8); /* Полупрозрачный белый фон */
    z-index: 10;
    border-radius: 8px;
}

/* Крутилка внутри лоадера */
.qty-loading::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin-top: -10px; /* Половина высоты + рамка */
    margin-left: -10px;
    border: 2px solid #ccc;
    border-top-color: #333; /* Цвет вращающейся части */
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

/* Показываем лоадер, когда есть класс .loading */
.loop-qty-control.loading .qty-loading {
    display: block;
}

/* Анимация вращения */
@keyframes spin {
    to { transform: rotate(360deg); }
}

/* Ваши кнопки (на всякий случай дублирую) */
.qty-btn {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: #333;
    width: 30px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 1;
    z-index: 1;
}

/*@media (min-width: 768px) { */
	.adw-product__summary .loop-qty-control{ 
		margin: 12px 0 0;
	}
/*}*/

/* Убираем старый стиль для span (если он был) */
.qty-current {
    font-weight: bold;
    font-size: 14px;
    color: #333;
}

/* Новые стили для input'а */
.loop-qty-control input.qty-current {
    width: 45px; /* Ширина поля */
    text-align: center;
    border: none;
    box-shadow: none;
    padding: 0 5px;
    margin: 0;
    /* Убираем стрелочки в Firefox */
    -moz-appearance: textfield;
}

/* Убираем стрелочки в Chrome, Safari, Edge */
.loop-qty-control input.qty-current::-webkit-outer-spin-button,
.loop-qty-control input.qty-current::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}