/* ============================================
   АДАПТИВНЫЕ СТИЛИ ДЛЯ НОУТБУКОВ И МОБИЛЬНЫХ
   ============================================ */

/* ============================================
   НОУТБУКИ (1024px - 1440px)
   ============================================ */
   @media screen and (max-width: 767px) {
    .quality-windows-section3 .quality-windows-section__title-line {
        font-size: 22px;
    }
    .profiles-section__price-wrapper{
        margin-top:30px;
    }
    .profiles-section__features{
        margin-top:auto;
    }
    .quality-windows-section3 .quality-windows-section__title-line span{
        font-size: 22px;
    }
    .quality-windows-section3 {
        margin-bottom:40px;
    }
    .balcony-finishing-section {
        margin-top:3px;
    }
    section.online-quiz.online-quiz-3{
        padding:20px 0px !important;
        margin-bottom:0 !important;
        padding-bottom:0 !important;
    }
    .hero__subtitle span {
        font-weight:700;
    }
    .promo-timer__date span {
        font-weight:500;
    }
}
@media screen and (max-width: 1880px) {
    .promo_man__container {
        padding: 0px 0px;
        margin: auto;
        max-width: 1300px;
    }
}
@media screen and (max-width: 1330px) {
.promo_man .promo_man-banner {
    background-image: url(/wp-content/themes/oknov/images/footer-worker1.png);
}
    .promo_man__container {
        padding: 0px 0px;
        margin: auto;
        max-width: 1140px;
    }
}
@media screen and (max-width: 1024px) {
  .promo_man  .promo_man-banner {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        border-radius: 14px;
        padding: 40px;
        margin: 30px 0;
        background: linear-gradient(208.2deg, #E51F7E 3.57%, #2331ED 95.51%);
    }
}

 @media screen and (max-width: 767px) {
     .promo-form__container2 .promo-form__button-2{
         height: 42px;
     }
     .promo-form__container2 {
         background-size: cover;
     }
 }
   @media screen and (max-width: 1840px) {
    .hero__container {
        padding: 0 100px;
    }
    .hero2 .hero__image{
        right: 8%;

    width: 50%;
    }
}
   @media screen and (max-width: 1440px) {
       .hero2 .hero__image{
width: 42%;
    }
}
@media screen and (max-width: 1200px) {
    .hero2 .hero__image {
        position: sticky;
        width: 100%;
        max-height: 400px;
        top:0;
    }
}
@media screen and (max-width: 1919px) and (min-width: 1385px) {
    .header__container {
        padding: 0 120px;
    }
     .nav__container {
        padding: 0 120px;
    }
}
      @media screen and (max-width: 1200px) {
          .hero__image {
          top: 300px;
          width:40%;
          }
      }
            @media screen and (max-width: 1030px) {
          .hero__image {
          top: 0px;
          }
      }
   @media screen and (max-width: 1224px) {
    .footer-section__cta-banner {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        border-radius: 14px;
        padding: 40px;
        margin: 30px 0;
        background: linear-gradient(208.2deg, #E51F7E 3.57%, #2331ED 95.51%);
    }
}
@media screen and (max-width: 1840px) {
    .windows-pricing__tabs {
        padding: 0;
        max-width: 1299px;
        margin: auto;
    }
}
  @media screen and (max-width: 1880px) {
    .promotions__container { 
        padding: 0px 0px;
        margin:auto;
        max-width:1300px;
    }
} 
@media screen and (max-width: 1444px) {
    .promo-banner {
        width:100%;
    }
}
@media screen and (max-width: 1740px) {
    .calculator__container {
        padding: 40px 80px;
    }
}
@media screen and (max-width: 1440px) {
    :root {
        --spacing-container-padding: 120px;
    }

    /* Header */
    .header__container {
        padding: 0 var(--spacing-container-padding);
    }

    /* Hero */
    .hero__container {
        padding: 0 var(--spacing-container-padding);
    }

    /* Features */
    .features-section__container {
        padding: 0 var(--spacing-container-padding);
        justify-content: center;
    }
.hero__title{
        font-size: 28px;
}
    /* Windows Pricing */
    .windows-pricing__tabs {
        padding: 0 var(--spacing-container-padding);
    }

    .windows-pricing__tabs-header {
        width: 100%;
    }

    .windows-pricing__tab {
        width: auto;
        flex: 1;
    }

    /* Promotions */
    .promotions__container {
        padding: 0 var(--spacing-container-padding);
    }

    /* Promo Form */
    .promo-form__content {
        padding: 20px var(--spacing-container-padding);
        gap: 0px 80px;
    }

    /* Comparison */
    .comparison__container {
        padding: 0 var(--spacing-container-padding);
    }

    /* Calculator */
    .calculator__container {
        padding: 40px var(--spacing-container-padding);
    }

    /* Profiles */
    .profiles__container {
        padding: 0 var(--spacing-container-padding);
    }

    /* Certificates */
    .certificates__container {
        padding: 0 var(--spacing-container-padding);
    }

    /* Director */
    .director__container {
        padding: 0 var(--spacing-container-padding);
    }

    /* Quality Windows */
    .quality-windows-section__container {
        padding: 0 var(--spacing-container-padding);
    }

    /* Reviews */
    .reviews-section__container {
        padding: 0 var(--spacing-container-padding);
    }

    /* Gallery */
    .gallery-section__container {
        padding: 0 var(--spacing-container-padding);
    }

    /* Footer */
    .footer-section__container {
        padding: 0 var(--spacing-container-padding);
    }
}

/* ============================================
   ПЛАНШЕТЫ (768px - 1023px)
   ============================================ */
@media screen and (max-width: 1024px) {
    :root {
        --spacing-container-padding: 60px;
        --spacing-section: 60px;
    }

    /* Header */
    .header {
        height: auto;
        min-height: var(--header-height);
        padding: 20px 0;
    }

    .header__container {
padding: 0 40px !important;
        justify-content: space-between;
        gap: 20px;
        padding: 0 var(--spacing-container-padding);
    }

    .header__logo-section {
        flex-basis: auto;
    }

    .header__social {
        margin-left: 0;
    }

    .header__contact {
        min-width: auto;
        margin-left: 0;
    }

    .header__action {
        min-width: auto;
        margin-left: 0;
        flex: 1 1 100%;
    }

    /* Navigation */
    .nav__container {
        padding: 0 var(--spacing-container-padding);
        flex-wrap: wrap;
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .nav__link {
        font-size: 14px;
        padding: 8px 16px;
    }

    /* Hero */
    .hero {
        padding: 60px 0;
    }

    .hero__container {
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 0 var(--spacing-container-padding);
    }

    .hero__image {
        position: relative;
        width: 100%;
        max-height: 400px;
    }

    .hero__title {
        font-size: 32px;
    }

    .hero__subtitle {
        font-size: 15px;
    }

    /* Promo Timer */
    .promo-timer {
        width: 100%;
        max-width: 100%;
        padding: 30px;
    }

    .promo-timer__title {
        font-size: 32px;
        width: auto;
    }

    .promo-timer__content {
     
        margin-top: 20px;
    }

    .promo-timer__date {
      
        margin-bottom: 20px;
    }

    /* Features */
    .features-section__container {
        padding: 0 var(--spacing-container-padding);
        justify-content: center;
    }

    .feature-card {
  
        max-width: 309px;
    }

    /* Windows Pricing */
    .windows-pricing {
        margin: 100px 0;
    }

    .windows-pricing__header {
        padding: 0 var(--spacing-container-padding);
    }

    .windows-pricing__title {
        font-size: 28px;
    }

    .windows-pricing__tabs {
        padding: 0 var(--spacing-container-padding);
    }

    .windows-pricing__tabs-header {
        width: 100%;
        height: auto;
        flex-direction: column;
        gap: 10px;
    }

    .windows-pricing__tab {
        width: 100%;
        height: auto;
        padding: 15px 20px;
        font-size: 18px;
    }

    .windows-pricing__cards {
        flex-direction: column;
        align-items: center;
    }

    .window-card,
    .apartment-card {
        width: 100%;
        max-width: 500px;
        height: auto;
    }

    /* Promotions */
    .promotions__container {
        padding: 0 var(--spacing-container-padding);
    }

    .promotions__title {
        font-size: 28px;
    }

    .promo-banner--installment {
        min-height: 350px;
    }

    .promo-banner__title {
        font-size: 32px;
    }

    .promo-banner__period {
        font-size: 48px;
    }

    .promotions__bottom {
        flex-direction: column;
    }

    .promo-banner--delivery,
    .promo-banner--discount {
        max-width: 100%;
    }

    /* Promo Form */
    .promo-form {
        margin-top: 60px;
    }

    .promo-form__content {

    }

    .promo-form__heading {
        grid-column: 1;
        font-size: 28px;
    }

    .promo-form__title {
        grid-column: 1;
        font-size: 25px;
        text-align: left;
    }

    .promo-form__form {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    /* Comparison */
    .comparison__container {
        padding: 0 var(--spacing-container-padding);
    }

    .comparison__title {
        font-size: 28px;
    }

    .comparison__cards {
        grid-template-columns: 1fr;
        gap: 24px;
        padding-right: 0;
    }

    .comparison__card--manufacturer {
        order: -1;
    }

    /* Calculator */
    .calculator__container {
        padding: 30px var(--spacing-container-padding);
    }

    .calculator__title {
        font-size: 28px;
    }

    .calculator__content {
        flex-wrap: wrap;
    }

    .calculator__counter-block {
        flex: 1 1 100%;
        margin-bottom: 20px;
        min-height:unset;
    }

    .calculator__price-block {
        flex: 0 0 auto;
     min-height:unset;
     
    }

    .calculator__gift {
        position: static;
        transform: none;
        margin: 20px auto 0;
        width: 300px;
        height: 280px;
    }

    .calculator__button {
        width: 100%;
        max-width: 768px;
    }

    /* Profiles */
    .profiles__container {
        padding: 0 var(--spacing-container-padding);
    }

    .profiles__title {
        font-size: 28px;
    }

    .profiles__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .profile-card {
        min-height: auto;
    }

    /* Certificates */
    .certificates__container {
        padding: 0 var(--spacing-container-padding);
    }

    .certificates__title {
        font-size: 28px;
    }

    .certificates__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    /* Director */
    .director__container {
        padding: 0 var(--spacing-container-padding);
    }

    .director__content {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .director__card {
        max-width: 412px;
        margin: 0 auto;
    }

    /* Quality Windows */
    .quality-windows-section__container {
        padding: 0 var(--spacing-container-padding);
    }

    .quality-windows-section__title {
        font-size: 28px;
    }

    .quality-windows-section__features {
        flex-direction: column;
        gap: 20px;
    }

    /* Reviews */
    .reviews-section__container {
        padding: 0 var(--spacing-container-padding);
    }

    .reviews-section__title {
        font-size: 28px;
    }

    .reviews-section__header {
        flex-direction: column;
        gap: 30px;
    }

    .reviews-section__cards {
        grid-template-columns: 1fr;
    }

    .reviews-section__footer {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .reviews-section__footer-right {
        justify-content: flex-start;
    }

    .reviews-section__button {
        width: 100%;
    }

    /* Gallery */
    .gallery-section__container {
        padding: 0 var(--spacing-container-padding);
    }

    .gallery-section__title {
        font-size: 28px;
    }

    .gallery-section__card {
        flex-direction: column;
    }

    .gallery-section__card-left {
        padding: 30px;
    }

    .gallery-section__card-image-wrapper {
        min-height: 300px;
    }

    .gallery-section__card-price-value {
        font-size: 48px;
    }

    /* Footer */
    .footer-section__container {
        padding: 0 var(--spacing-container-padding);
    }

    .footer-section__cta-banner {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        border-radius: 14px;
        padding: 40px;
        margin: 30px 0;
        background:linear-gradient(208.2deg, #E51F7E 3.57%, #2331ED 95.51%);

    }

    .footer-section__bottom {
        flex-direction: column;
        gap: 30px;
    }

    .footer-section__contacts {
        margin-left: 0;
    }
}

/* ============================================
   МОБИЛЬНЫЕ УСТРОЙСТВА (до 767px)
   ============================================ */
@media screen and (max-width: 767px) {
    :root {
        --spacing-container-padding: 20px;
        --spacing-section: 40px;
        --font-size-phone: 20px;
        --header-height: auto;
    }

    /* Header */
    .header {
        padding: 15px 0;
    }

    .header__container {

        align-items: center;
        gap: 15px;
        padding: 0 20px !important;
    }

    .header__logo-section {
padding-bottom:0;
        justify-content: unset;
    }

    .footer-section .header__logo {
height:unset;
    }

    .footer-section .header__tagline {
  font-size:13px;
    }

    .header__social {
        order: 2;
        margin-left: 0;
        gap: 10px;
    }

    .header__social-icon {
        width: 28px;
        height: 28px;
    }

    .header__contact {
        order: 3;
        align-items: center;
        min-width: auto;
        width: 100%;
    }

    .header__phone-link {
        font-size: var(--font-size-phone);
        text-align: center;
    }

    .header__callback {
        text-align: center;
        font-size: 12px;
    }

    .header__action {
        order: 4;
        width: 100%;
        max-width: 100%;
        min-width: auto;
        margin-left: 0;
    }

    .header__button {
        width: 100%;
        padding: 12px 20px;
        font-size: 14px;
    }

    /* Navigation */
    .nav {
        overflow-x: auto;
    }

    .nav__container {
        padding: 0 var(--spacing-container-padding);
        height: auto;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .nav__link {
        font-size: 13px;
        padding: 8px 12px;
        white-space: nowrap;
    }

    /* Hero */
    .hero {
        padding: 40px 0;
    }
.hero__text{
    gap:0;
}
    .hero__container {
        background-color: #1F31EF;
        padding: 0 0;
        gap: 24px;
                border-radius: 14px;
    }

    .hero__eyebrow {
        font-size: 16px;
    }

    .hero__title {
        font-size: 24px;
        font-weight:500;
        line-height: 1.2;
        order:1;
        letter-spacing: -0.02em;
        font-family: 'Rubik', Arial, sans-serif;
        color:#FFFFFF;
        padding-left:20px;
        padding-right:20px;
        padding-top:20px;
    }
    .hero__subtitle {
        flex-flow: column;
        display: flex;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
        padding-bottom: 35px;
        font-size: 16px;
        max-width: 100%;
        order: 2;
        line-height: 1.0;
        color: #FFFFFF;
        font-weight: 400;
        gap: 10px;
        font-family: 'Inter', Arial, sans-serif;
    }

    .hero__actions {
        flex-direction: column;
        gap: 12px;
        padding-top:45px !important;
padding:20px;
margin:0;
        order: 4;
    }

    .button {
        width: 100%;
        padding: 20px 20px;
        font-size: 15px;
        font-weight:500;
    }

    .hero__badge {
        padding: 8px 14px;
        font-size: 12px;
    }

    .hero__image {
        top:0;
        position: relative;
        width: 100%;
        max-height: 300px;
    }

    /* Promo Timer */
    .promo-timer {
        width: 100%;
        padding: 20px;
        background-size: cover;
        background-position: center;
        order:3;
        height:unset;
    }

    .promo-timer__header {
        flex-direction: column;
    }

    .promo-timer__title {
        max-width:81%;
        font-size: 25px;
        width: 100%;
        margin-bottom: 0px;
        font-weight:700;
        line-height: 100%;
        font-family: 'Rubik', Arial, sans-serif;
    }
    .promo-timer__title span{
  
    }

    .promo-timer__subtitle {
        font-size: 16px;
        width: 100%;
        line-height: 140%;
        height: auto;
        margin-top:10px;
        margin-bottom:24px;
    }

    .promo-timer__date {
        position: static;
        font-size: 16px;
        width: 100%;
        line-height: 140%;
        margin-bottom: 6px;
    }

    .promo-timer__content {
        position: static;
        margin-top: 0;
    }

    .promo-timer__timer {
        width: 100%;
        gap: 16px;
    }

    .promo-timer__timer-item {
        width: auto;
    }

    .promo-timer__timer-digit {
        width: 41px;
        height: 48px;
        font-size: 32px;
    }

    .promo-timer__timer-label {
        font-size: 14px;
    }

    /* Features */
    .features-section {
        margin-top: 13px;
    }

    .features-section__container {
        padding: 0 var(--spacing-container-padding);
        flex-direction: column;
        gap: 16px;
        margin-top: 30px;
        align-content: center;
            display: flex;
    }

    .feature-card {
        width: 100%;
        height: auto;
        min-height: 200px;
        padding: 20px;
    }

    .feature-card__icon {
        width: 80px;
        height: 80px;
        top: 20px;
    }

    .feature-card:nth-child(1) .feature-card__icon,
    .feature-card:nth-child(2) .feature-card__icon,
    .feature-card:nth-child(3) .feature-card__icon {
        left: 50%;
        
    }

    .feature-card__text {
        width: 100%;
        margin: 0 0 20px 0;
        font-size: 16px;
        height: auto;
    }

    .feature-card:nth-child(1) .feature-card__text,
    .feature-card:nth-child(2) .feature-card__text,
    .feature-card:nth-child(3) .feature-card__text {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    /* Windows Pricing */
    .windows-pricing {
        margin: 80px 0;
    }

    .windows-pricing__header {
        padding: 0 var(--spacing-container-padding);
        margin-bottom: 24px;
    }

    .windows-pricing__title {
        font-size: 26px;
    }

    .windows-pricing__subtitle {
        font-size: 16px;
        height: auto;
        text-align: center;
    }

    .windows-pricing__text {
        font-size: 16px;
        margin-top: 12px;
        text-align: center;
    }

    .windows-pricing__tabs {
        padding: 0 var(--spacing-container-padding);
    }

    .windows-pricing__tabs-header {
        width: 100%;
        height: auto;
        flex-direction: column;
        gap: 0px;
        margin-bottom: 20px;
    }

    .windows-pricing__tab {
             width: 100%;
        height: auto;
        padding: 20px 20px;
        font-size: 20px;
        border-radius: 12px 12px 0 0px;
    }

    .windows-pricing__cards {
        flex-direction: column;
        gap: 20px;
    }

    .window-card,
    .apartment-card {
        width: 100%;
        height: auto;
        padding: 30px 20px;
    }

    .window-card__type,
    .apartment-card__title {
        font-size: 20px;
    }

    .window-card__image,
    .apartment-card .window-card__image {
        width: unset;
        height: auto;
    }
.window-card__image-wrapper{
    display:flex;
    align-items:self-start;
}
    .window-card__specs,
    .apartment-card__specs {
        gap: 8px;
    }

    .window-card__spec-label,
    .apartment-card__spec-label {
        font-size: 14px;
    }

    .window-card__spec-value,
    .apartment-card__spec-value {
        font-size: 14px;
    }

    .window-card__new-price,
    .apartment-card__new-price {
        font-size: 20px;
    }

    .window-card__button,
    .apartment-card__button {
        padding: 20px 24px;
        font-size: 15px;
    }

    /* Promotions */
    .promotions {
        margin-bottom: 40px;
    }

    .promotions__container {
        padding: 0 var(--spacing-container-padding);
        gap: 17px;
    }

    .promotions__header {
        gap: 20px;
    }

    .promotions__title {
        font-size: 26px;
    }

    .promotions__subtitle {
        font-size: 16px;
    }

    .promotions__banners {
        gap: 16px;
    }

    .promo-banner {
        padding: 24px 20px;
        min-height: auto;
    }

    .promo-banner--installment {
        min-height: auto;
        padding-bottom: 40px;
    }

    .promo-banner--delivery,
    .promo-banner--discount {
        min-height: auto;
        padding-bottom: 40px;
    }

    .promo-banner__content {
        gap: 16px;
        width: 100%;
    }

    .promo-banner__title {
        font-size: 24px;
        line-height: 1.3;
    }

    .promo-banner--installment .promo-banner__title {
        font-size: 24px;
        max-width: 100%;
    }

    .promo-banner--delivery .promo-banner__title,
    .promo-banner--discount .promo-banner__title {
        font-size: 22px;
        max-width: 100%;
    }

    .promo-banner__period {
        font-size: 24px;
        max-width: 100%;
    }

    .promo-banner__terms {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
        max-width: 100%;
    }

    .promo-banner__separator {
        display: none;
    }

    .promo-banner__term {
        font-size: 16px;
    }

    .promo-banner__button {
        max-width: 100%;
        width: 100%;
        padding: 16px 24px;
        font-size: 14px;
    }

    .promotions__bottom {
        flex-direction: column;
        gap: 16px;
    }

    .promo-banner--delivery,
    .promo-banner--discount {
        max-width: 100%;
    }

    /* Promo Form */
    .promo-form {
        margin-top: 0px;
        padding-top:40px;
    }

    .promo-form__container,
    .promo-form__container2 {
        min-height: auto;
    }

    .promo-form__content {
        grid-template-columns: 1fr;
        padding: 40px 20px;
        gap: 0px;
    }

    .promo-form__heading {
        font-size: 24px;
        grid-column: 1;
    }

    .promo-form__title {
        font-size: 24px;
        grid-column: 1;
        text-align: left;
        white-space: normal;
        font-weight:500;
        margin-bottom:22px;
    }
    .promo-form__button {
        margin-bottom:8px;
        margin-top:18px;
    }
    .promo-form__container2 .promo-form__input, .promo-form__button{
        height:56px !important;
    }

    .promo-form__form {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .promo-form__input,
    .promo-form__button {
        height: 62px;
       
    }

    .promo-form__checkbox-text {
        font-size: 14px;
    }
    .promo-form__checkbox-icon{
        margin-bottom:auto;
    }

    /* Comparison */
    .comparison {
        padding: 40px 0;
    }

    .comparison__container {
        padding: 0 var(--spacing-container-padding);
    }

    .comparison__header {
        margin-bottom: 0px;
    }

    .comparison__title {
        font-size: 23px;
        margin-bottom: 0px;
    }

    .comparison__intro {
        font-size: 16px;
    }

    .comparison__cards {
        gap: 20px;
    }

    .comparison__card-header--manufacturer .comparison__card-title {
        font-size: 22px;
    }

    .comparison__card-subtitle {
        font-size: 14px;
    }

    .comparison__logo-block {
        padding: 20px 30px;
        gap: 16px;
    }

    .comparison__slogan,
    .comparison__slogan-last {
        font-size: 20px;
    }

    .comparison__details--manufacturer {
        padding: 20px;
    }

    .comparison__detail-label {
        font-size: 14px;
    }

    .comparison__detail-value {
        font-size: 24px;
    }

    .comparison__detail-value--highlight {
        font-size: 28px;
    }

    .comparison__card--competitor .comparison__detail-value,
    .comparison__card--private .comparison__detail-value {
        font-size: 20px;
    }

    .comparison__button {
        width: 100%;
        min-width: auto;
        padding: 16px 24px;
        font-size: 14px;
    }

    /* Calculator */
    .calculator {
        margin-top: 10px;
        background-color: #FFFFFF;
    }
.profiles-section{
    margin-top:50px;
}
    .calculator__container {
        padding: 30px 20px;
        min-height: auto;
    }
    section.online-quiz.online-quiz-2 {
        margin-bottom:0 !important;
    }

    .calculator__header {
        margin-bottom: 24px;
        gap:14px;
    }

    .calculator__title {
        font-size: 24px;
    }

    .calculator__description {
        font-size: 16px;
    }

    .calculator__content {

        align-items: anchor-center;
        margin-bottom: 24px;
    }
.profiles-section__carousel-wrapper::after{
        background: none;
}
.promo-form__background {
    display:none;
}
    .calculator__counter-block {
        flex: 1 1 100%;
        padding: 0px;
 margin-bottom:0;
        border:none;
    }

    .calculator__counter-label {
        font-size: 15px;
        margin-bottom: 13px;
        font-weight:500;

    }

    .calculator__counter {
        padding: 20px;
        background-color: #F6F8FA;
    }

    .calculator__counter-btn {
        font-size: 20px;
        width: 20px;
        height: 28px;
    }

    .calculator__counter-value {
        font-size: 20px;
    }

    .calculator__price-block {
        flex: 1 1 100%;
        padding: 20px;
        gap:0;
        flex-direction: unset;
        justify-content: space-between;
    }

    .calculator__price-label {
        font-size: 14px;
    }

    .calculator__price-value {
        font-size: 24px;
        font-weight:500;
    }

    .calculator__gift {
        width: 240px;
        height: 220px;
        margin: 20px auto 0;
        display:none;
    }

    .calculator__button {
        width: 100%;
        height: 58px;
        font-size: 15px;
    }

    /* Profiles */
    .profiles {
        margin-top: 40px;
        padding: 40px 0;
    }

    .profiles__container {
        padding: 0 var(--spacing-container-padding);
    }

    .profiles__header {
        margin-bottom: 30px;
    }

    .profiles__title {
        font-size: 24px;
    }

    .profiles__description {
        font-size: 14px;
    }

    .profiles__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .profile-card {
        min-height: auto;
    }

    .profile-card__window {
        height: 250px;
    }

    .profile-card__progress {
        left: 20px;
        width: calc(100% - 40px);
        bottom: 50px;
    }

    .profile-card__percentages {
        left: 120px;
    }

    .profile-card__price-value {
        font-size: 28px;
    }

    /* Certificates */
    .certificates {
        margin-top: 40px;
        padding-top: 40px;
    }

    .certificates__container {
        padding: 0 var(--spacing-container-padding);
    }

    .certificates__header {
        margin-bottom: 30px;
        text-align: center;
    }

    .certificates__title {
        font-size: 26px;
    }

    .certificates__subtitle {
        font-size: 16px;
    }

    .certificates__description {
        font-size: 16px;
    }

    .certificates__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .certificate-card {
        min-height: auto;
        padding: 24px 20px;
    }

    .certificate-card__image-wrapper {
        height: 160px;
    }

    .certificate-card__title,
    .certificate-card__number {
        font-size: 18px;
    }

    /* Director */
    .director {
        margin-top: 40px;
        padding: 40px 0;
    }

    .director__container {
        padding: 0 var(--spacing-container-padding);
    }

    .director__content {
        gap: 30px;
        margin-bottom:-120px;
    }

    .director__text {
        gap: 20px;
    }

    .director__greeting {
        font-size: 20px;
    }

    .director__paragraph {
        font-size: 14px;
    }

    .director__button {
        width: 100%;
        max-width: 100%;
        padding: 18px 24px;
        font-size: 14px;
        margin-top: 24px;
    }

    .director__card {
        max-width: 100%;
    }

    .director__photo-wrapper {
        height: 350px;
    }

    .director__info {
        top: -100px;
        padding: 16px;
    }

    .director__name {
        font-size: 18px;
    }

    .director__position,
    .director__phone {
        font-size: 14px;
    }

    /* Quality Windows */
    .quality-windows-section {
        padding-bottom: 40px;
        margin-top: 40px;
    }

    .quality-windows-section__container {
        padding: 0 var(--spacing-container-padding);
        min-height: 500px;
        background-size: cover;
    }

    .quality-windows-section__content-wrapper {
        padding: 30px 20px;
        gap: 16px;
    }

    .quality-windows-section__block {
        padding: 24px 20px;
    }
.quality-windows-section3 .quality-windows-section__block--top{
    margin-left:0;
}
.quality-windows-section__title-line{
        display: contents !important;
}
.quality-windows-section3 .quality-windows-section__title-line span{
    display: inline !important;
}
.quality-windows-section__title{
        display: inline !important;
}
    .quality-windows-section__title {
        font-size: 22px;
    }

    .quality-windows-section__text,
    .quality-windows-section__feature-text {
        font-size: 16px;
    }

    .quality-windows-section__features {
        flex-direction: column;
        gap: 16px;
    }

    .quality-windows-section__feature-icon {
        width: 32px;
        height: 32px;
    }

    /* Reviews */
    .reviews-section {
        padding: 40px 0;
    }

    .reviews-section__container {
        padding: 0 var(--spacing-container-padding);
        gap: 24px;
    }

    .reviews-section__header {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 20px;
    }

    .reviews-section__header-left {
        gap: 16px;
    }

    .reviews-section__icon {
        width: 40px;
        height: 40px;
    }

    .reviews-section__title {
        font-size: 22px;
    }

    .reviews-section__description {
        font-size: 14px;
    }

    .reviews-section__subtitle {
        font-size: 18px;
    }

    .reviews-section__cards {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .reviews-section__card {
        padding: 20px;
        gap: 16px;
    }

    .reviews-section__card-name {
        font-size: 16px;
    }

    .reviews-section__card-text {
        font-size: 14px;
    }

    .reviews-section__footer {
        gap: 20px;
    }

    .reviews-section__footer-title {
        font-size: 20px;
    }

    .reviews-section__footer-text {
        font-size: 14px;
    }

    .reviews-section__button {
        width: 100%;
        padding: 14px 24px;
        font-size: 14px;
    }

    /* Gallery */
    .gallery-section {
        padding: 40px 0;
        margin-bottom: 40px;
        margin-top: 40px;
    }
section.promo-form.okna{
    margin-top:80px;
}
.glass-types-section {
    margin-top:20px !important;
}
.comparison {
    margin-top:0;
    
}
section.quality-windows-section2{
    margin-top:80px;
}
.promo_man .promo_man-banner {
    margin-top:80px;
}
.window-profiles-section{
    margin-top:10px !important;
    margin-bottom:0 !important;
}
.balcony-glazing-section{
    margin-top:40px !important;
    margin-bottom:40px !important;
}
    .gallery-section__container {
        padding: 0;
        gap: 20px;
    }

    .gallery-section__title {
        font-size: 24px;
        align-self: center;
    }
    .gallery-section__navigation{
        padding-right:20px;
    }

    .gallery-section__card-left {
        padding: 24px 20px;
        gap: 16px;
        display:none;
    }
    .gallery-section__badge-icon{
        display:none;
    }

    .gallery-section__card-title {
        font-size: 20px;
        padding: 0 0 16px 0;
    }

    .gallery-section__card-details {
        padding-left: 0;
        gap: 6px;
    }

    .gallery-section__card-label {
        font-size: 20px;
    }

    .gallery-section__card-description {
        font-size: 14px;
    }

    .gallery-section__card-price-block {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px;
        gap: 16px;
    }

    .gallery-section__card-price-value {
        font-size: 32px;
    }

    .gallery-section__card-button {
        width: 100%;
        padding: 12px 20px;
    }

    .gallery-section__card-image-wrapper {
        min-height: 250px;
    }

    .gallery-section__card-badge {
        top: 20px;
        right: 20px;
    }

    /* Footer */
    .footer-section {
        padding: 30px 0 20px;
    }

    .footer-section__container {
        padding: 0 var(--spacing-container-padding);
        gap: 24px;
    }

    .footer-section__cta-banner {
        padding: 30px 20px;
        margin: 20px 0;
    }

    .footer-section__cta-title {
        font-size: 20px;
    }

    .footer-section__cta-subtitle {
        font-size: 14px;
    }

    .footer-section__cta-form {
        flex-direction: column;
        max-width: 100%;
    }

    .footer-section__cta-input {
        padding: 14px 16px;
        font-size: 14px;
    }

    .footer-section__cta-button {
        width: 100%;
        padding: 14px 24px;
        font-size: 14px;
    }

    .footer-section__slogan {
        font-size: 18px;
    }

    .footer-section__services {
        font-size: 14px;
    }

    .footer-section__bottom {
        flex-direction: column;
        gap: 28px;
        padding-top: 0px;
    }

    .footer-section__nav {
        gap: 12px;
    }

    .footer-section__nav-title {
        font-size: 16px;
    }

    .footer-section__contacts {
        margin-left: 0;
    }

    .footer-section__contacts-title,
    .footer-section__address-title {
        font-size: 16px;
    }

    .footer-section__phone {
        font-size: 20px;
    }

    .footer-section__address-text {
        font-size: 20px;
    }

    .footer-section__hours {
        font-size: 13px;
    }

    .footer-section__copyright {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        padding-top: 20px;
    }

    .footer-section__copyright-text,
    .footer-section__developer-text {
        font-size: 14px;
    }
    h1.balcony-glazing-section-title{
        font-size:26px !important;
    }
}

/* ============================================
   МАЛЕНЬКИЕ МОБИЛЬНЫЕ (до 480px)
   ============================================ */
@media screen and (max-width: 480px) {
    :root {
        --spacing-container-padding: 16px;
    }

    .header__container {
        padding: 0 var(--spacing-container-padding);
    }




    .promo-banner__title {
        font-size: 20px;
    }

    .promo-banner--installment .promo-banner__title {
        font-size: 20px;
    }

    .promo-banner--delivery .promo-banner__title,
    .promo-banner--discount .promo-banner__title {
        font-size: 18px;
    }

    .promo-banner__period {
        font-size: 24px;
    }

    .promo-banner__button {
        padding: 14px 20px;
        font-size: 13px;
    }

    .windows-pricing__title {
        font-size: 20px;
    }

    .promotions__title {
        font-size: 26px;
    }

    .promo-form__title {

    }

    .comparison__title {
        font-size: 28px;
    }

    .calculator__title {
        font-size: 20px;
    }

    .profiles__title {
        font-size: 20px;
    }

    .certificates__title {
        font-size: 20px;
    }

    .director__greeting {
        font-size: 18px;
    }

    .quality-windows-section__title {
        font-size: 20px;
    }

    .reviews-section__title {
        font-size: 20px;
    }

    .gallery-section__title {
    
    }
}