/* Projektui vienodi breakpoints: 1199px ir 767px. */
@media (max-width: 1199px) {
  :root { --section-spacing: 50px; }
  .home-categories__grid { gap: 16px; }
  .home-categories__card { min-height: 390px; }
  
  .home-categories__grid {
      gap: 16px;
   }
   .home-categories__link {
      min-height: 460px;
      padding: 24px 18px;
   }
   .home-categories__title {
      font-size: 21px;
   } 
   .home-feature {
        grid-template-columns: 42% 58%;
        min-height: 330px;
    }

    .home-feature--beds {
        grid-template-columns: 58% 42%;
    }

    .home-feature__content {
        padding: 35px 28px;
    }

    .home-feature__title {
        font-size: 32px;
        margin-bottom: 18px;
    }

    .home-feature__description {
        font-size: 13px;
        margin-bottom: 20px;
    } 
   .contact-strip__inner {
        grid-template-columns: 1.5fr 1fr 1fr;
    }

    .contact-strip__title {
        font-size: 28px;
    }

    .contact-strip__item {
        gap: 12px;
        padding: 15px;
        font-size: 13px;
    }

    .site-footer__inner {
        grid-template-columns: 1.5fr 1fr 1fr;
        column-gap: 25px;
    }	
}
@media (max-width: 767px) {
  :root { --gutter: 15px; --section-spacing: 40px; }
  .site-header__inner { min-height: 74px; }
  .site-header__logo { max-width: 170px; max-height: 44px; }
  .site-header__panel-top { min-height: 74px; padding: 18px 22px; }
  .site-header__panel-body { padding: 32px 22px; }
  .site-header__nav-list a { font-size: 24px; }
  .home-categories__grid { grid-template-columns: 1fr; gap: 15px; }
  .home-categories__card { min-height: 450px; aspect-ratio: 4 / 5; }
  .home-categories__title { font-size: 23px; }
  .home-categories__description { font-size: 13px; }
  
   .home-categories {
      padding-bottom: 40px;
   }
   .home-categories__grid {
      grid-template-columns: 1fr;
      gap: 16px;
   }
   .home-categories__link {
      min-height: 460px;
      padding: 28px 24px;
   }
   .home-categories__title {
      font-size: 24px;
   }
   .home-categories__description {
      font-size: 14px;
   }
    .home-features {
        gap: 16px;
    }

    .home-feature,
    .home-feature--beds {
        display: flex;
        flex-direction: column;
        min-height: 0;
    }

    .home-feature__media {
        order: -1;
        width: 100%;
        aspect-ratio: 16 / 10;
    }

    .home-feature__content {
        padding: 35px 24px 35px;
    }

    .home-feature__title {
        max-width: 100%;
        font-size: 30px;
        margin-bottom: 18px;
    }

    .home-feature__description {
        max-width: 100%;
        font-size: 14px;
    }
	  .contact-strip {
        padding: 40px 0;
    }

    .contact-strip__inner {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .contact-strip__intro {
        padding: 0 0 25px;
    }

    .contact-strip__title {
        font-size: 28px;
        margin-bottom: 12px;
    }

    .contact-strip__description {
        font-size: 14px;
    }

    .contact-strip__item {
        justify-content: flex-start;
        padding: 16px 0;
        border-left: 0;
        border-top: 1px solid rgba(35, 35, 35, 0.2);
        font-size: 15px;
    }

    .contact-strip__icon {
        width: 22px;
        height: 22px;
    }

    .site-footer {
        padding: 45px 0 55px;
    }

    .site-footer__inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 40px 20px;
    }

    .site-footer__brand {
        grid-column: 1 / -1;
        gap: 24px;
    }

    .site-footer__logo {
        max-width: 210px;
    }

    .site-footer__contacts {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .site-footer__menu {
        gap: 14px;
    }

    .site-footer__menu a {
        font-size: 13px;
    }
}