.SmartCaptcha-Shield_position_bottom.SmartCaptcha-Shield_position_right.SmartCaptcha-Shield.SmartCaptcha-Shield_visible{
    display: none;
}
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-track {
    background-color: #F2F0F6;
}

::-webkit-scrollbar-thumb {
    background-color: $dark-color;
    border-radius: 7px;
}


section{
	@media (max-width: 576px) {
		
	}
}
#cookie_note{
    display: none;
    position: fixed;
	flex-direction: column;
	text-align: center;
	z-index: 333;
    bottom: 30px;
    left: 30px;
    width: 270px;
    padding: 20px;
	line-height: 1.3;
    background-color: #fff;
    border-radius: 12px;
	box-shadow: 0 19px 38px rgba(0,0,0,0.12),0 15px 12px rgba(0,0,0,0.13);
	p{
		margin-bottom: 20px;
		font-size: 0.7rem;
		text-align: left;
		color: $dark-color;
		text-align: center;
	}
	a{
		text-decoration: none;
		color: $primary-color;
	}
}
/* Cookie */
.cookie_accept{
    width:100%;
}
@media (min-width: 576px){
    #cookie_note.show{
        display: flex;
    }
}

@media (max-width: 575px){
    #cookie_note.show{
        display: block;
		bottom: 100px;
        right: 15px;
        width: auto;
        left: 15px;
    }
}
/* Неактивная кнопка */
button[type="submit"]:disabled {
    opacity: .5;
    filter: grayscale(1);
    cursor: default;
}
/* Согласие на обработку персональных данных */
.privacy{
            margin-bottom: 30px;
            color: $dark-color;
            a{
                color: $dark-color;
                &:hover{
                    color: $primary-color;
                }
            }
            label{
                margin-bottom: 0;
                margin-left: 0;
                color: $dark-color;
                display:flex;
                justify-content: flex-start;
                align-items: flex-start;
            }
            input[type="checkbox"] {
                width: 20px;
                height: 20px;
                appearance: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                background-color: #fff;
                border: 1px solid #ced4da;
                border-radius: 3px;
                cursor: pointer;
                position: relative;
                visibility: visible;
                opacity: 1;
                display: inline-block;
                padding: 0;
                margin-right: 6px;
            }
    
            /* Change the background color when checkbox is checked */
            input[type="checkbox"]:checked {
                background-color: $primary-color;
                border: 1px solid $primary-color;
            }
    
            /* Add a check mark when checked */
            input[type="checkbox"]:checked::after {
                visibility: visible;
                opacity: 1;
                width: 8px;
                height: 8px;
                content: "";
                position: absolute;
                left: 4px;
                top: 4px;
                border-width: 0 3px 3px 0;
                transform: rotate(45deg);
                border-color: rgb(255, 255, 255);
                border-style: solid;
            }
    
        }

// Модальное окно
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: $overlay-bg;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 1000;
    backdrop-filter: blur(3px);
    
    &.active {
        opacity: 1;
        visibility: visible;
    }
    
    .modal {
        background: $modal-bg;
        border-radius: $border-radius;
        width: 90%;
        max-width: 500px;
        max-height: 90vh;
        overflow-y: auto;
        transform: translateY(-50px) scale(0.9);
        opacity: 0;
        transition: all 0.4s ease;
        box-shadow: $shadow;
        border: 1px solid rgba(255, 255, 255, 0.2);
        position: absolute;
        
        &.active {
            transform: translateY(0) scale(1);
            opacity: 1;
        }
        
        &.modal-large {
            max-width: 800px;
        }
    }
}

.modal {
    &-header {
        padding: 20px 24px;
        border-bottom: 1px solid #eee;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: rgb(0, 0, 0);
        border-radius: $border-radius $border-radius 0 0;
        
        h2 {
            font-size: 1.5rem;
            margin: 0;
        }
		// Кнопка закрытия окна
		.btn-close {
			background: rgba(223, 223, 223, .7);
			color: rgb(87, 87, 87);
			border: none;
			width: 32px;
			height: 32px;
			border-radius: 50%;
			font-size: 20px;
			cursor: pointer;
			display: flex;
			align-items: center;
			justify-content: center;
			transition: all 0.3s ease;
			
			&:hover {
				background: rgba(0, 0, 0, 0.7);
				color: rgb(255, 255, 255);
				transform: rotate(90deg);
			}
		}
    }
    
    &-body {
        padding: 24px;
        
        // Форма в модальном окне
		.modal-form {
			margin-top: 10px;
			
			.form-group {
				margin-bottom: 16px;
				
				label {
					display: block;
					margin-bottom: 6px;
					font-weight: 500;
					color: $dark-color;
				}
				
				input, textarea {
					width: 100%;
					padding: 10px 12px;
					border: 1px solid #ddd;
					border-radius: 6px;
					font-size: 14px;
					transition: border-color 0.3s ease;
					
					&:focus {
						outline: none;
						border-color: $primary-color;
						box-shadow: 0 0 0 3px rgba($primary-color, 0.1);
					}
				}
			}
		}
    }
}
// Адаптивность
@media (max-width: 768px) {
    .modal {
        width: 95%;
        margin: 10px;
        
        &.modal-large {
            max-width: 95%;
        }
    }
    
    .modal-header,
    .modal-body,
    .modal-footer {
        padding: 16px;
    }
    
    .modal-footer {
        flex-direction: column;
        
        button {
            width: 100%;
        }
    }
    
    .buttons-container {
        grid-template-columns: 1fr;
    }
}