.ui26 .ui26-grid-1 {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: var(--ui26-gap);
}
.ui26 .ui26-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--ui26-gap);
}
.ui26 .ui26-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--ui26-gap);
}
.ui26 .ui26-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--ui26-gap);
}
.ui26 .ui26-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--ui26-gap);
}
.menu-links .lang-switch {
    margin: 0 auto;
}
.l
@media (max-width: 1600px) {
  .f_case_main {
    width: 94% !important;
  }
	section#about {
		padding-inline: 3% !important;
	}
	section#about .block_z {
		width: 96% !important;
	}
	#pricing .block_z,#benefits .block_z {
		width: 100% !important;
	}
	.section#knowledge {
	    /*width: 94% !important;*/
	}
	.ui26 .ui26-about-wrap {
		grid-template-columns: 1fr 2fr !important;
	}
	section#pricing, section#benefits, section#knowledge {
		padding-inline: 3% !important;
	}
.section {
  padding-inline: clamp(20px, 5vw, 5vw) !important; /* боковые отступы */
}
}

@media (max-width: 1366px) {
  .ui26 .ui26-benefits-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .ui26-benefits,
  .pricing {
    /*width: 94%;
    margin-block: clamp(3vh, 3vw, 40px);*/
  }
	.ui26 .ui26-grid-4 {
	  grid-template-columns: repeat(2, minmax(0, 1fr));
	}
  .blog_link {
    display: none !important;
  }
	
}

@media (max-width: 1280px) {
  .pf-grid--cases {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .case-overlay {
    top: 12px;
    left: 12px;
    right: 12px;
  }
  .none_cat {
    display: block !important;
  }

  .pf-card__title {
    font-size: var(--ui26-h2) !important;
  }
  .case_photo {
    grid-template-columns: repeat(4, 1fr) !important;
  }
  .ui26 .ui26-nav {
    display: none !important;
  }
  .button_menu_2025 {
    display: block !important;
  }
  .ui26 .ui26-panel-contacts {
    display: flex !important;
  }
}

@media (max-width: 1024px) {
  .ui26 .ui26-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }
  .ui26 .ui26-grid-3 {
    grid-template-columns: repeat(1, 1fr);
  }
	.ui26 .ui26-grid-1,#calc26ResultBox {
		width: 100% !important;
	}

  #mobileMenu {
    width: 60%;
  }
  .head_page_2026 {
    margin-top: calc(
      var(--padding_button) + var(--padding_button) + var(--button_size)
    ) !important;
  }
  .ui26 .to-top {
    /*bottom: calc(var(--padding_button) + var(--button_size));*/ 
  }
  .form-container {
    width: clamp(95%, 95%, 1366px) !important;
  }
  .case-wrapper {
    width: clamp(50%, 95%, 1366px);
  }
  .head_page_2026 {
    margin: calc(
        var(--padding_button) + var(--padding_button) + var(--button_size)
      )
      5% 20px 5% !important;
  }
  .case-wrapper ul {
    padding-left: 0px !important;
  }
  .fullscreen-overlay img {
    max-width: 100vw !important;
    max-height: 100vh !important;
  }
  .fullscreen-overlay {
    padding: 0 !important;
  }
  .par_case_2 {
    font-size: clamp(14px, 16px, 21px) !important;
    margin: 15px 0 30px 0px !important;
  }
  .case-subtitle {
    padding: 0px 4% !important; 
  }
  #story-modal-content {
    padding: var(--padding_button) !important;
  }
  #story-text {
    width: 100% !important;
  }
  #story-text {
    padding-inline: 0 !important;
  }
  #story-text .case-wrapper {
    width: 95% !important;
  }
  #story-text .case-wrapper .head_page_2026 {
    margin: var(--button_size) 4% 20px 4% !important;
  }
  .section__head {
    flex-wrap: wrap;
  }
  .dop_t.ui26-small {
    display: none;
  }
  .d_p {
    display: none;
  }
  .case_photo {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  :root {
    --m_mar: 5px !important;
  }
  .pf-grid {
    gap: 10px !important;
  }
  .pf-hero__title {
    font-size: 6vw !important;
    backdrop-filter: blur(2px) !important;
    padding: 30px !important;
    display: flex !important;
    width: 100% !important;
    height: 100% !important;
    align-content: center !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0 !important;
  }
  .filters-pills {
    gap: 5px !important;
  }
  .gallery-controls {
    gap: 10px !important;
  }
	.about__wrap .clients-list {
		grid-template-columns: repeat(8, 1fr);
	}
}
@media (max-width: 800px) {
  .ui26 .ui26-grid-4,
  .ui26 .ui26-grid-3,
  .ui26 .ui26-grid-2 {
    grid-template-columns: 1fr;
  }
  #mobileMenu {
    width: 100%;
  }
	.icon_galery{
		display: none !important;
	}
  .nav-buttons {
    flex-wrap: wrap;
  }
  /*.ui26 .ui26-h2 {
    font-size: 26px !important;
	}*/
  .z_flex .ui26-h2 {
    font-size: 20px !important;
	line-height: 1.2;
	margin-top: 5px;
  }
  .ui26-benefits,
  .pricing {
   /* width: 94% !important;*/
  }
  .ui26 .ui26-about-wrap {
    flex-wrap: wrap;
  }
  section#about {
    padding-inline: 3% !important;
  }
  .about__wrap.ui26-about-wrap.glass.section {
    padding-block: clamp(20px, 5vw, 80px) !important;
	  margin-top: 10px;
  }
  img.ui26-img-rounded {
    width: 100% !important;
    border-radius: 10px !important;
  }
  .section#knowledge {
  /*  width: 94% !important;*/
  }
  .kb .articles-grid {
    margin-inline: -3% !important;
  }
  .ui26 .ui26-footer-phone,
  .ui26 .ui26-footer-mail {
    margin: 4px 0 !important;
    font-size: 20px !important;
  }
  .ui26-icon-copy,
  .ui26-footer-social {
    /*display: none !important;*/
  }
  .ui26-footer {
    padding-bottom: 70px !important;
  }
  .ui26-footer-links a {
    font-size: 16px !important;
  }
  .ui26-footer-links {
    margin-top: 20px;
  }
  /*.pf-grid--cases {
    grid-template-columns: repeat(1, 1fr) !important;
  }*/
  .case_photo {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .b_f_g {
    display: none !important;
  }
  .pf-section {
    margin: 5vw 0 24px !important;
    padding: 10px !important;
  }
  .pf-head {
    margin: 0 !important;
  }
  .pf-hero.pf-glass {
    border-width: 2px !important;
  }
  .pf-hero__link img {
    aspect-ratio: 3 / 4 !important;
  }
  .head_g {
    margin: 15px 0 20px 0px !important;
  }
  .pf-minicard__meta {
    /*left: 5px !important;
    right: 5px !important;
    top: 5px !important;
    background: rgb(0 0 0 / 53%) !important;
    backdrop-filter: blur(2px);*/
  }
  .galery_flex .open_form {
    display: none !important;
  }
  .galery_flex {
    margin-top: 10px !important;
  }
  .dropdown {
    font-size: clamp(14px, 2.2vw, 22px) !important;
  }
  .gallery-controls {
    bottom: var(--padding_button) !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    display: flex !important;
  }

  .dropdown-menu {
    right: 0 !important;
    left: auto !important;
  }
  #benefits .block_z,
  #pricing .block_z,
  #knowledge .block_z {
    width: 90% !important;
    margin: 0px auto 10px auto !important;
    padding: clamp(14px, 3vw, 36px) 0 !important;
  }
	.about__wrap .clients-list {
		grid-template-columns: repeat(4, 1fr);
	}
	.ui26-about-photo {
		width: 100% !important;
	}
	.about__wrap .ui26-text{
		font-size: 17px;
	    color: #ccc;
	}
}
@media (max-width: 640px) {
  img.ui26-img-rounded {
    width: 100% !important;
    border-radius: 10px !important;
  }
	.wi_c_i{
		width: 100% !important;
	}
#calc26Step1, #calc26Step2, #calc26Step3, #calc26Step4 {
    padding: 20px !important;
    border-radius: 9px !important;
}
.glass--elev-1 span {
    margin-left: 5px;
    font-size: 17px;
}
div#calc26ResultBox div {
    color: #2fd600;
    font-size: 29px !important;
}
	.dropdown-toggle::after {
    padding-left: 0 !important;
  }
  .dropdown.is-open .dropdown-toggle::after {
    padding-right: 0 !important;
  }
  .gallery-controls {
    flex-wrap: wrap !important;
    display: none !important;
  }
  .ui26 .ui26-hero-inner {
    /*height: calc(
      100vh - var(--padding_button) - var(--padding_button) - var(--button_size) -
        var(--button_size)
    ) !important;*/
	height:   calc(100% - var(--padding_button) - var(--padding_button)) !important;
    width: calc(
      100vw - var(--padding_button) - var(--padding_button)
    ) !important;
    border-radius: 30px !important;
    margin-top: var(--padding_button) !important;
  }
  .hero {
    height: calc(100vh - var(--button_size)) !important;
    align-items: flex-start !important;
  }
	.pf-h2.cases_h.section__head, .pf-grid--cases,.flex_c.galery_flex,.pf-cats-head,.pf-grid--rail,.f_case_main  {
		display:none !important;
	}
	.pf-glass {
		border-radius: 6px;
	}
	.pf-section {
		border: 0px solid #2e323e !important;
     	padding: 0 !important;
		background: none !important;
	 }
}
@media (max-width: 640px) {
    .section {
        padding-inline: 3vw !important;
    }
}
@media (orientation: landscape) and (max-height: 520px) {
  #form-overlay,#form-overlay_calc {
    top: 150%;
    overflow: scroll;
  }
  #mobileMenu {
    overflow-y: scroll;
  }
  .ui26 .ui26-menu-links {
    font-size: 7vh !important;
  }
  .ui26-footer {
    padding-bottom: 100px !important;
  }
  .ui26-icon-copy,
  .ui26-footer-social {
    display: none !important;
  }
  .ui26-about-wrap {
    flex-wrap: wrap;
  }
  .gallery-controls {
    display: none !important;
  }
  .none_cat {
    display: block !important;
  }
}

.ui26 .ui26-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.ui26 .ui26-typography {
  display: grid;
  gap: 8px;
}
.ui26 .ui26-404 {
  display: grid;
  gap: 12px;
  align-items: center;
  justify-items: start;
}