/* ==========================================================================
   ФАЙЛ АДАПТИВНЫХ СТИЛЕЙ И МЕДИАЗАПРОСОВ (css/media.css)
   ========================================================================== */

/* ==========================================================================
   1. БАЗОВАЯ АДАПТИВНАЯ ТИПОГРАФИКА (Все экраны по умолчанию)
   ========================================================================== */

html body :is(h1, .entry-title, .wp-block-heading.has-text-3xl-font-size) {
	font-family: var(--font-display, 'Cabinet Grotesk', 'Helvetica Neue', sans-serif);
	font-size: clamp(2.2rem, 1.2rem + 3.8vw, 3.5rem) !important;
	line-height: 1.1;
	letter-spacing: -0.04em;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

html body :is(h2, .wp-block-heading.has-text-2xl-font-size) {
	font-family: var(--font-display, 'Cabinet Grotesk', 'Helvetica Neue', sans-serif);
	font-size: clamp(1.75rem, 1rem + 2.2vw, 3.25rem) !important;
	line-height: 1.18;
	letter-spacing: -0.03em;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

html body :is(h3, .wp-block-heading.has-text-xl-font-size) {
	font-family: var(--font-display, 'Cabinet Grotesk', 'Helvetica Neue', sans-serif);
	font-size: clamp(1.35rem, 0.9rem + 1.1vw, 2rem) !important;
	line-height: 1.25;
	letter-spacing: -0.02em;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

html body :is(h4, .wp-block-heading.has-text-lg-font-size) {
	font-family: var(--font-body, 'Satoshi', 'Helvetica Neue', sans-serif);
	font-size: clamp(1.1rem, 0.95rem + 0.6vw, 1.45rem) !important;
	line-height: 1.3;
	word-wrap: break-word;
}

html body :is(h5, .wp-block-heading.has-text-base-font-size) {
	font-family: var(--font-body, 'Satoshi', 'Helvetica Neue', sans-serif);
	font-size: clamp(1rem, 0.92rem + 0.3vw, 1.2rem) !important;
	line-height: 1.35;
	word-wrap: break-word;
}

html body :is(h6, .wp-block-heading.has-text-sm-font-size) {
	font-family: var(--font-body, 'Satoshi', 'Helvetica Neue', sans-serif);
	font-size: var(--text-sm, clamp(0.85rem, 0.8rem + 0.2vw, 1rem)) !important;
	line-height: 1.4;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	word-wrap: break-word;
}

html body :is(p, .wp-block-paragraph, .entry-content p) {
	font-family: var(--font-body, 'Satoshi', 'Helvetica Neue', sans-serif);
	font-size: clamp(0.95rem, 0.9rem + 0.25vw, 1.125rem) !important;
	line-height: 1.55;
	max-width: 75ch;
}

html body :is(p.has-small-font-size, small, .subtext) {
	font-size: clamp(0.8rem, 0.75rem + 0.2vw, 0.925rem) !important;
	line-height: 1.45;
}

/* Скрытие кнопки бургера на десктопе по умолчанию */
body .burger-btn {
	display: none !important;
}

/* Добавляем html body для максимального веса селектора */
html body .wp-block-uagb-container.uagb-block-7944ea01.wp-block-uagb-container > *:not( .wp-block-uagb-column ):not( .wp-block-uagb-section ):not( .uagb-container__shape ):not( .uagb-container__video-wrap ):not( .uagb-slider-container ):not( .spectra-container-link-overlay ):not(.spectra-image-gallery__control-lightbox):not(.wp-block-uagb-lottie):not(.uagb-container-inner-blocks-wrap) {
    width: 100% !important;
}

html body .wp-block-uagb-container.uagb-block-cbb7e458.wp-block-uagb-container > *:not( .wp-block-uagb-column ):not( .wp-block-uagb-section ):not( .uagb-container__shape ):not( .uagb-container__video-wrap ):not( .uagb-slider-container ):not( .spectra-container-link-overlay ):not(.spectra-image-gallery__control-lightbox):not(.wp-block-uagb-lottie):not(.uagb-container-inner-blocks-wrap) {
    width: 100% !important;
}

html body .wp-block-uagb-container.uagb-block-77644cf3.wp-block-uagb-container > *:not( .wp-block-uagb-column ):not( .wp-block-uagb-section ):not( .uagb-container__shape ):not( .uagb-container__video-wrap ):not( .uagb-slider-container ):not( .spectra-container-link-overlay ):not(.spectra-image-gallery__control-lightbox):not(.wp-block-uagb-lottie):not(.uagb-container-inner-blocks-wrap) {
    width: 100% !important;
}

html body .wp-block-uagb-container.uagb-block-5ad20d09.wp-block-uagb-container > *:not( .wp-block-uagb-column ):not( .wp-block-uagb-section ):not( .uagb-container__shape ):not( .uagb-container__video-wrap ):not( .uagb-slider-container ):not( .spectra-container-link-overlay ):not(.spectra-image-gallery__control-lightbox):not(.wp-block-uagb-lottie):not(.uagb-container-inner-blocks-wrap) {
	width: 100% !important;
}

/* ==========================================================================
   2. БОЛЬШИЕ ЭКРАНЫ И 4K МОНИТОРЫ (min-width: 1440px)
   ========================================================================== */
@media (min-width: 1440px) {
	html body :is(p, .wp-block-paragraph) {
		line-height: 1.6;
	}

	html body :is(h1, .entry-title) {
		letter-spacing: -0.045em;
	}
}

/* ==========================================================================
   3. ПЛАНШЕТЫ И НОУТБУКИ (max-width: 1300px)
   ========================================================================== */
@media (max-width: 1300px) {
	.content__wrapper > div,
	.footer-inner {
		padding-left: 40px !important;
		padding-right: 40px !important;
	}
}

/* ==========================================================================
   3. ПЛАНШЕТЫ И НОУТБУКИ (max-width: 1200px)
   ========================================================================== */
@media (max-width: 1200px) {
	.uagb-block-ca32ae81 {
		display: grid !important;
		grid-template-columns: repeat(2, auto);
		gap: 15px !important;
	}
	
	.uagb-block-ca32ae81 > div {
		flex-direction: row !important;
		justify-content: flex-start !important;
		gap: 5px !important;
	}
	
	.uagb-block-2513bca3 {
		flex-direction: column !important;
	}
	
	.site-main section {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}


/* ==========================================================================
   3. ПЛАНШЕТЫ И НОУТБУКИ (max-width: 1024px)
   ========================================================================== */
@media (max-width: 1024px) {
	.uagb-block-da1ee1af {
		flex-direction: column !important;
	}
	
	.uagb-block-57628398 {
		display: grid !important;
		grid-template-columns: repeat(2, auto);
		align-items: stretch !important;
	}
	
	.uagb-block-67f29b70 {
		max-width: 100% !important;
	}
	
	.uagb-block-4fca8469,
	.uagb-block-79e59637,
	.uagb-block-e6d36187 {
		flex-direction: column !important;
		align-items: flex-start !important;
	}
	
	.site-main .uagb-block-79e59637 {
		margin-bottom: 0 !important;
	}
	
	.uagb-block-5814fc74 {
		flex-direction: column !important;
	}
	
	.uagb-block-8cb8c0d2,
	.uagb-block-de863259 {
		max-width: 80% !important;
		margin: 0 auto !important;
	}
	
	.uagb-block-22c02923 {
		display: grid !important;
		grid-template-columns: repeat(2, auto);
		align-items: stretch !important;
	}
	
	.uagb-block-22c02923 > div {
		justify-content: flex-start !important;
	}
	
	.uagb-block-22c02923 > div > p {
		margin-bottom: 20px !important;
	}
	
	.site-main .uagb-block-ed53df6d {
		flex-direction: column;
	}
	
	.site-main .uagb-block-ed53df6d > div {
		max-width: 100% !important;
	}
	
	.uagb-block-0c7b3547 {
		flex-direction: column !important;
	}
	
	.uagb-block-993cca0e,
	.uagb-block-77644cf3 {
		max-width: 100% !important;
	}
	
	.site-main .uagb-block-77644cf3 > div {
		width: 100% !important;
	}
	
	.uagb-block-24e38039 {
		grid-template-columns: repeat(2, auto) !important;
	}
	
	.uagb-block-faec09aa {
		max-width: 70% !important;
	}
}


/* ==========================================================================
   4. СРЕДНИЕ ЭКРАНЫ И ПЛАНШЕТЫ (max-width: 980px)
   ========================================================================== */
@media (max-width: 980px) {
	body .footer-inner {
		grid-template-columns: 1fr;
		padding-block: var(--space-8);
		text-align: center;
	}

	body .site-footer .brand-logo {
		margin-inline: auto;
	}

	html body :is(h1, .entry-title) {
		letter-spacing: -0.03em;
		line-height: 1.12;
	}

	html body h2 {
		line-height: 1.2;
	}

	html body :is(p, .wp-block-paragraph) {
		max-width: 100%;
	}
	
	body .site-main .uagb-block-0a0441c4 {
		display: grid;
		grid-template-columns: repeat(3, auto);
		column-gap: 20%;
		width: 100% !important;
	}
	
	body .site-main .uagb-block-0a0441c4 p {
		font-size: clamp(0.6rem, 0.9rem + 0.25vw, 1rem) !important;
	}
	
	body .site-main .uagb-block-0a0441c4 p:nth-of-type(even) {
		display: none;
	}
	
	footer .footer-copyright-wrapper {
		align-items: flex-start !important;
	}
}

@media (max-width: 923px) {
	body #ast-scroll-top .ast-icon.icon-arrow svg {
		transform: translate(50%, 80%) rotate(180deg) !important;
		width: 1em !important;
	}
}

/* ==========================================================================
   5. МОБИЛЬНЫЙ РЕЖИМ (max-width: 768px)
   ========================================================================== */
@media (max-width: 768px) {
	html body :is(h1, .entry-title) {
		font-size: clamp(2rem, 1.1rem + 3.2vw, 3.2rem) !important;
	}

	html body h2 {
		font-size: clamp(1.6rem, 1rem + 2vw, 2.4rem) !important;
	}

	html body h3 {
		font-size: clamp(1.25rem, 0.95rem + 1vw, 1.7rem) !important;
	}

	html body :is(p, .wp-block-paragraph) {
		line-height: 1.5;
	}
	
	/* Переключение навигации */
	body .desktop-nav {
		display: none !important;
	}

	body .burger-btn {
		display: inline-flex !important;
	}
	
	.site-main .wp-block-uagb-container .uagb-block-ca32ae81 {
		grid-template-columns: repeat(1, auto) !important;
		width: 100% !important;
	}
	
	.site-main .uagb-block-57628398 {
		grid-template-columns: repeat(1, auto) !important;
	}
	
	.expertise-engineers-trust_p {
		margin: 0 !important;
	}
	
	.uagb-block-14587de8 {
		flex-direction: column !important;
		align-items: flex-start !important;
	}
	
	.uagb-block-67f29b70 .talk {
		flex-direction: column !important;
	}
	
	.site-main. uagb-block-2513bca3,
	.site-main .uagb-block-4fca8469 {
		margin: 0 !important;
	}
	
	.site-main .uagb-block-8cb8c0d2,
	.site-main .uagb-block-de863259 {
		max-width: 100% !important;
	}
	
	.uagb-block-22c02923 {
		grid-template-columns: repeat(1, auto) !important;
	}
	
	.uagb-block-77644cf3 > div,
	.uagb-block-425f50ff, 
	.uagb-block-0cc85fe7 {
		flex-direction: column !important;
	}
	
	.site-main .uagb-block-77644cf3 > div > div,
	.uagb-block-425f50ff > div, 
	.uagb-block-0cc85fe7 > div {
		max-width: 100% !important;
		width: 100% !important;
	}
	
	.site-main .uagb-block-77644cf3 > div > div > p,
	.uagb-block-425f50ff > div > p, 
	.uagb-block-0cc85fe7 > div > p {
		text-align: left !important;
	}
	
	
	
	.site-main .uagb-block-24e38039 {
		grid-template-columns: repeat(1, auto) !important;
	}
	
	.uagb-block-24e38039 > div {
		display: grid !important;
		grid-template-columns: repeat(3, auto) !important;
		justify-content: flex-start !important;
		gap: 30px !important;
		border-right: none !important;
	}
	
	.uagb-block-24e38039 > div:last-child {
		border-top: none !important;
	}
	
	.site-main .uagb-block-24e38039 > div > div {
		max-width: fit-content !important;
	}
	
	.site-main .uagb-block-faec09aa {
		max-width: 100% !important;
	}
}

@media (max-width: 700px) {
	body :is(.header-inner, .footer-inner) {
		width: min(calc(100% - 2 * var(--space-4)), var(--content-wide));
	}

	body .header-inner {
		min-height: 64px;
	}

	body .header-actions .button-small {
		display: none !important;
	}

	html body :is(h1, .entry-title) {
		line-height: 1.15;
		letter-spacing: -0.025em;
	}

	html body h2 {
		line-height: 1.22;
	}

	html body h3 {
		line-height: 1.28;
	}

	html body :is(p, .wp-block-paragraph) {
		font-size: var(--text-sm, clamp(0.875rem, 0.8rem + 0.35vw, 1rem)) !important;
		line-height: 1.5;
	}
	
	.uagb-block-de863259,
	.uagb-block-8cb8c0d2 {
		padding: 20px !important;
	}
	
	.uagb-block-de863259 .uagb-block-361e0416,
	.uagb-block-8cb8c0d2 .uagb-block-dc64fb6e {
		display: contents !important;
	}
	
	.site-main .wpcf7-form .form-row label {
		height: auto !important;
	}
}

/* ==========================================================================
   5. МОБИЛЬНЫЙ РЕЖИМ (max-width: 600px)
   ========================================================================== */
@media (max-width: 600px) {
	body .content__wrapper > div, .footer-inner {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
	
	body .site-main .uagb-block-0a0441c4 {
		grid-template-columns: repeat(2, auto) !important;
	}
	
	body .site-main .uagb-block-0a0441c4 {
        grid-template-columns: repeat(2, auto) !important;
    }
}

/* ==========================================================================
   6. СМАРТФОНЫ (max-width: 480px)
   ========================================================================== */
@media (max-width: 480px) {
	body .site-header {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	body :is(.header-inner, .footer-inner) {
		width: calc(100% - 2 * var(--space-3));
	}

	body :is(.brand img, .brand .custom-logo) {
		height: 28px;
	}

	body .icon-button {
		width: 40px;
		height: 40px;
	}
	
	/* Исправлен скрытый неразрывный пробел в селекторе */
	html body .wp-block-button .wp-block-button__link,
	html body .wp-block-button:not(.is-style-outline) .wp-block-button__link {
		padding-inline: var(--space-2) !important;
		font-size: 12px !important;
	}

	html body :is(h1, .entry-title) {
		font-size: clamp(1.8rem, 1rem + 3.5vw, 2.4rem) !important;
		letter-spacing: -0.02em;
	}

	html body h2 {
		font-size: clamp(1.45rem, 0.95rem + 2vw, 1.85rem) !important;
	}

	html body h3 {
		font-size: clamp(1.2rem, 0.9rem + 1vw, 1.45rem) !important;
	}

	html body :is(p, .wp-block-paragraph) {
		font-size: 0.925rem !important;
		line-height: 1.48;
	}
	
	header .wp-block-button .wp-block-button__link {
		max-width: 100px;
		padding: 5px 0;
	}
	
	body .uagb-block-24e38039 > div {
		gap: 10px !important;
	}
}

@media (max-width: 360px) {
	html body :is(h1, .entry-title) {
		font-size: 1.65rem !important;
	}

	html body h2 {
		font-size: 1.35rem !important;
	}

	html body :is(p, .wp-block-paragraph) {
		font-size: 0.875rem !important;
	}
}