/* Мобильные стили для модальных окон (max-width: 768px) */
@media (max-width: 768px) {
	/* Общие стили для всех модальных окон */
	.case-modal,
	.service-modal,
	.energy-solutions-modal,
	.calculator-modal,
	.news-modal,
	.consultation-direction-modal,
	.archive-order-modal,
	.faq-modal {
		padding: 20px 0;
		align-items: flex-start;
		justify-content: flex-start;
		overflow-y: auto;
	}
	
	.case-modal__container,
	.service-modal__container,
	.energy-solutions-modal__container,
	.calculator-modal__container,
	.news-modal__container,
	.consultation-direction-modal__container,
	.archive-order-modal__container,
	.faq-modal__container {
		width: 100%;
		max-width: 335px;
		max-height: calc(100vh - 40px);
		margin: 0 auto;
		border-radius: 20px;
		padding: 0;
		position: relative;
	}
	
	.case-modal__close,
	.service-modal__close,
	.energy-solutions-modal__close,
	.calculator-modal__close,
	.news-modal__close,
	.consultation-direction-modal__close,
	.archive-order-modal__close,
	.faq-modal__close {
		position: sticky !important;
		top: 12px !important;
		right: 12px !important;
		width: 42px !important;
		height: 42px !important;
		margin: 0 !important;
		padding: 7px !important;
		border-radius: 8px !important;
		z-index: 10 !important;
		align-self: flex-end !important;
		margin-left: auto !important;
		margin-right: 0 !important;
		margin-top: 0 !important;
		margin-bottom: -42px !important;
	}
    .faq-modal__close svg path {
        stroke: #000!important;
    }
	/* Case Modal */
	.case-modal__slider-wrapper {
		padding: 14px 14px 0 14px;
		min-height: 200px;
		height: 200px;
	}
	
	.case-modal__slide {
		height: 200px;
	}
	
	.case-modal__img,
	.case-modal__video {
		border-radius: 10px;
	}
	
	.case-modal__play-btn {
		width: 40px;
		height: 40px;
	}
	
	.case-modal__slider-pagination {
		bottom: 10px !important;
	}
	
	.case-modal__content {
		padding: 0 14px 14px 14px;
		gap: 20px;
	}
	
	.case-modal__content-wrapper {
		display: flex;
		flex-direction: column;
		gap: 20px;
		margin-top: 0;
	}
	
	.case-modal__title {
		font-size: 24px;
		line-height: 1.2;
		margin-top: 0;
	}
	
	.case-modal__subtitle {
		font-size: 16px;
		line-height: 1.2;
	}
	
	.case-modal__description {
		margin-top: 20px;
	}
	
	.case-modal__description-text {
		font-size: 14px;
		line-height: 1.2;
	}
	
	.case-modal__badges {
		gap: 8px;
		margin-top: 20px;
	}
	
	.case-modal__badge {
		padding: 8px 12px;
		font-size: 12px;
	}
	
	.case-modal__specs {
		gap: 20px;
		margin-top: 0;
	}
	
	.case-modal__spec-item {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}
	
	.case-modal__spec-label {
		font-size: 16px;
		font-weight: 700;
		line-height: 1.2;
	}
	
	.case-modal__spec-value {
		font-size: 16px;
		font-weight: 400;
		line-height: 1.2;
		text-align: left;
	}
	
	.case-modal__review {
		margin-top: 20px;
		padding-top: 20px;
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
	
	.case-modal__review-title {
		font-size: 20px;
		line-height: 1.2;
		grid-column: unset;
	}
	
	.case-modal__review-text {
		font-size: 16px;
		line-height: 1.2;
		margin: 0;
	}
	
	.case-modal__review-author {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		padding: 10px;
	}
	
	.case-modal__review-author-avatar {
		width: 100%;
		height: 100px;
	}
	
	.case-modal__review-author-info {
		gap: 10px;
	}
	
	.case-modal__review-author-position {
		font-size: 12px;
		line-height: 1.2;
	}
	
	.case-modal__review-author-name {
		font-size: 16px;
		font-weight: 700;
		line-height: 1.2;
	}
	
	/* Service Modal */
	.service-modal__slider-wrapper {
		height: 238px;
        min-height: 238px;
        padding: 14px;
	}
	.service-modal__slider-wrapper .swiper-wrapper {
		height: 100%;
		min-height: 100%;
	}
	
	.service-modal__slide {
		height: 100%!important;
	}
	
	.service-modal__img,
	.service-modal__video {
		border-radius: 10px!important;
	}
	
	.service-modal__play-btn {
		width: 40px;
		height: 40px;
	}
	
	.service-modal__slider-pagination {
		bottom: 10px !important;
	}
	
	.service-modal__content {
		padding: 0 14px 14px 14px;
		gap: 20px;
	}
	
	.service-modal__title {
		font-size: 24px;
		line-height: 1.2;
	}
	
	.service-modal__description-text {
		font-size: 14px;
		line-height: 1.2;
	}
	
	.service-modal__button {
		width: 100%;
		max-width: 100%;
	}
	
	/* Energy Solutions Modal */
	.energy-solutions-modal__section {
		padding: 14px;
	}
	
	.energy-solutions-modal__title {
		font-size: 20px;
		line-height: 1.2;
	}
	
	.energy-solutions-modal__subtitle {
		font-size: 18px;
		line-height: 1.2;
	}
	.energy-solutions-modal__progress {
		width: 100%;
	}
	.energy-solutions-modal__progress-bar {
		width: 100%;
		max-width: 100%;
	}
	.energy-solutions-modal__spec-list {
		gap: 20px;
	}
	.energy-solutions-modal__spec-item,
	.energy-solutions-modal__economy-item {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}
	.energy-solutions-modal__footer-buttons {
		width: 100%;
		padding-bottom: 20px;
	}
	.energy-solutions-modal__footer {
		flex-direction: column;
		align-items: start;
		gap: 20px;
	}
	.energy-solutions-modal__spec-value,
	.energy-solutions-modal__economy-value {
		text-align: left;
	}
	
	.energy-solutions-modal__next-btn,
	.energy-solutions-modal__form-btn {
		width: 100%;
		align-self: stretch;
	}
	
	/* Calculator Modal */
	.calculator-modal__content-wrapper {
		padding: 14px;
	}
	
	.calculator-modal__title {
		font-size: 24px;
		line-height: 1.2;
	}
	
	.calculator-modal__label {
		font-size: 16px;
		line-height: 1.2;
	}
	
	.calculator-modal__buttons-group {
		flex-direction: column;
		align-items: stretch;
	}
	
	.calculator-modal__btn-wrapper {
		width: 100%;
	}
	
	.calculator-modal__btn {
		width: 100%;
	}
	
	.calculator-modal__contact-fields {
		grid-template-columns: 1fr;
	}
	
	/* News Modal */
	.news-modal__image {
		height: 200px;
		padding: 14px 14px 0 14px;
	}
	
	.news-modal__img {
		border-radius: 10px;
	}
	
	.news-modal__body {
		padding: 14px;
		gap: 20px;
	}
	
	.news-modal__title {
		font-size: 24px;
		line-height: 1.2;
	}
	
	.news-modal__text {
		font-size: 14px;
		line-height: 1.2;
	}
	
	/* Consultation Direction Modal */
	.consultation-direction-modal__content {
		padding: 14px;
		gap: 20px;
	}
	
	.consultation-direction-modal__buttons {
		flex-direction: column;
		gap: 12px;
	}
	
	.consultation-direction-modal__btn {
		width: 100%;
	}
	
	/* Archive Order Modal */
	.archive-order-modal__content {
		padding: 14px;
		gap: 20px;
	}
	
	.archive-order-modal__title {
		font-size: 24px;
		line-height: 1.2;
	}
	
	/* FAQ Modal */
	.faq-modal__container {
		max-width: 335px;
		border-radius: 20px;
		background: linear-gradient(133deg, rgba(1, 0, 0, 1) 17%, rgba(6, 76, 44, 1) 100%);
		max-height: calc(100vh - 40px);
		overflow-y: auto;
	}

	.faq-modal__content {
		display: flex;
		flex-direction: column;
		padding: 20px 14px;
		gap: 0;
	}


	.faq-modal__close svg {
		width: 32px;
		height: 32px;
	}

	.faq-modal__close svg path {
		stroke: #FFFFFF;
	}

	.faq-modal__header {
		position: relative;
		padding-top: 0;
		margin-bottom: 20px;
        width: 100%;
	}

	.faq-modal__header-slider {
		width: 100%;
		height: 242px;
		border-radius: 0;
		overflow: visible;
		margin-bottom: 0;
		position: relative;
		margin-left: 0;
		margin-right: 0;
	}

	.faq-modal__slider {
		width: 100%;
		height: 242px;
		border-radius: 0;
		overflow: hidden;
		position: relative;
	}

	.faq-modal__slider .swiper-wrapper {
		height: 242px;
		display: flex;
	}

	.faq-modal__slider .swiper-slide {
		width: 100%;
		height: 242px;
		flex-shrink: 0;
	}

	.faq-modal__img {
		width: 100%;
		height: 242px;
		object-fit: cover;
		display: block;
		border-radius: 0 60px 0 0;
	}

	.faq-modal__slider-pagination {
		position: absolute;
		bottom: 10px !important;
		left: 50% !important;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 4px;
		z-index: 5;
		width: auto !important;
	}

	.faq-modal__pagination-dot {
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: rgba(255, 255, 255, 0.6);
		border: none;
		padding: 0;
		margin: 0;
		cursor: pointer;
		transition: all 0.3s ease;
	}

	.faq-modal__pagination-dot--active {
		background: #FFFFFF;
		width: 8px;
		height: 8px;
	}

	.faq-modal__power-buttons {
		position: relative;
		display: flex;
		align-items: center;
		gap: 8px;
		margin: 0;
		padding: 0;
		margin-top: 4px;
		margin-left: 0;
	}

	.faq-modal__power-btn {
		padding: 14px 30px;
		font-size: 12px;
		line-height: 1.2em;
		border-radius: 50px;
		background: rgba(255, 255, 255, 0.1);
		color: #FFFFFF;
		border: none;
		cursor: pointer;
		font-family: 'Geometria', sans-serif;
		font-weight: 400;
	}

	.faq-modal__power-btn--active {
		background: linear-gradient(-15deg, rgba(0, 156, 61, 1) 15%, rgba(19, 86, 45, 1) 100%);
	}

	.faq-modal__body {
		display: flex;
		flex-direction: column;
		gap: 0;
	}

	.faq-modal__header-info {
		margin-bottom: 20px;
	}

	.faq-modal__title {
		font-family: 'Geometria', sans-serif;
		font-weight: 700;
		font-size: 24px;
		line-height: 1.2em;
		letter-spacing: 0.02em;
		color: #FFFFFF;
		margin: 0 0 10px 0;
		text-transform: uppercase;
	}

	.faq-modal__subtitle {
		font-family: 'Geometria', sans-serif;
		font-weight: 400;
		font-size: 12px;
		line-height: 1.2em;
		color: #FFFFFF;
		margin: 0;
	}

	.faq-modal__features {
		list-style: none;
		padding: 0;
		margin: 0 0 20px 0;
		display: flex;
		flex-direction: column;
		gap: 14px;
	}

	.faq-modal__feature {
		display: flex;
		align-items: flex-start;
		gap: 12px;
	}

	.faq-modal__check-icon {
		flex-shrink: 0;
		width: 20px;
		height: 20px;
		color: #E3E3E3;
		margin-top: 0;
	}

	.faq-modal__feature span {
		font-family: 'Geometria', sans-serif;
		font-weight: 400;
		font-size: 14px;
		line-height: 1.2em;
		color: #E3E3E3;
	}

	.faq-modal__dimensions {
		margin: 0 0 20px 0;
		padding: 10px;
		border-radius: 5px;
		background: linear-gradient(210deg, rgba(0, 168, 89, 1) 0%, rgba(4, 63, 35, 1) 78%);
	}

	.faq-modal__dimensions-text {
		font-family: 'Geometria', sans-serif;
		font-weight: 700;
		font-size: 16px;
		line-height: 1.2em;
		color: #FFFFFF;
		margin: 0;
	}

	.faq-modal__section-title {
		font-family: 'Geometria', sans-serif;
		font-weight: 700;
		font-size: 24px;
		line-height: 1.2em;
		color: #FFFFFF;
		margin: 0 0 20px 0;
	}

	.faq-modal__image-block {
		width: 100%;
		margin: 0 0 20px 0;
	}

	.faq-modal__detail-img {
		width: 100%;
		height: auto;
		border-radius: 0;
		object-fit: cover;
	}
    .faq-modal__input-wrapper::after {
        -webkit-backdrop-filter: initial;
    backdrop-filter: initial;
    }
	.faq-modal__form {
		margin-top: 40px;
	}

	.faq-modal__form-title {
		font-family: 'Geometria', sans-serif;
		font-weight: 500;
		font-size: 24px;
		line-height: 1.2em;
		color: #FFFFFF;
		margin: 0 0 20px 0;
	}

	.faq-modal__form-content {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.faq-modal__input-wrapper {
		width: 100%;
		border-radius: 50px;
		background: rgba(255, 255, 255, 0.1);
		overflow: hidden;
	}

	.faq-modal__input-wrapper:nth-child(5) {
		border-radius: 20px;
	}

	.faq-modal__input,
	.faq-modal__textarea {
		width: 100%;
		padding: 18px 20px;
		font-family: 'Geometria', sans-serif;
		font-weight: 400;
		font-size: 12px;
		line-height: 1.2em;
		color: #FFFFFF;
		background: transparent;
		border: none;
		outline: none;
	}

	.faq-modal__input::placeholder,
	.faq-modal__textarea::placeholder {
		color: #FFFFFF;
		opacity: 1;
	}

	.faq-modal__textarea {
		border-radius: 20px;
		resize: none;
		min-height: 50px;
	}

	.faq-modal__checkbox-wrapper {
		display: flex;
		align-items: center;
		gap: 12px;
		margin: 0;
	}

	.faq-modal__checkbox {
		width: 20px;
		height: 20px;
		margin: 0;
		cursor: pointer;
		flex-shrink: 0;
		border: 1px solid #FFFFFF;
		border-radius: 0;
		background: transparent;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
	}

	.faq-modal__checkbox:checked {
		background: transparent;
		border-color: #FFFFFF;
		position: relative;
	}

	.faq-modal__checkbox:checked::after {
		content: '';
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 14px;
		height: 10px;
		background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5L5 9L13 1' stroke='%23FFFFFF' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}

	.faq-modal__checkbox-label {
		font-family: 'Geometria', sans-serif;
		font-weight: 400;
		font-size: 12px;
		line-height: 1.2em;
		color: #FFFFFF;
		margin: 0;
	}

	.faq-modal__checkbox-label a {
		color: #FFFFFF;
		text-decoration: underline;
	}

	.faq-modal__submit {
		width: 100%;
		padding: 18px 22px;
		font-family: 'Geometria', sans-serif;
		font-weight: 700;
		font-size: 16px;
		line-height: 1.2em;
		color: #FFFFFF;
		background: #262626;
		border: none;
		border-radius: 5px;
		cursor: pointer;
		text-align: center;
		margin: 0;
	}

	.faq-modal__submit:disabled {
		opacity: 1;
		cursor: not-allowed;
	}
}