﻿@media (max-width: 900px){
  .wp-block-post-template.is-layout-grid,
  .wp-block-grid{
    grid-template-columns:1fr !important;
  }

  .wp-block-columns{
    flex-wrap:wrap !important;
    gap:20px !important;
  }
  .wp-block-columns > .wp-block-column{
    flex-basis:100% !important;
    width:100% !important;
  }
}

/* =========================================================
   Mobile layout alignment (LAYOUT ONLY)
   - здесь НЕ трогаем .bo-header вообще
   - только общий gutter для контента
   ========================================================= */
@media (max-width: 720px){
  :root{ --bo-gutter: 12px; }

  .wp-site-blocks{
    padding-left: var(--bo-gutter) !important;
    padding-right: var(--bo-gutter) !important;
  }

  .wp-site-blocks > .alignfull{
    padding-left: var(--bo-gutter) !important;
    padding-right: var(--bo-gutter) !important;
  }

  .bo-hero{
    min-height:auto;
    padding:80px 20px;
  }

  h1{
    font-size: 28px;
    line-height: 1.15;
    letter-spacing: -0.01em;
  }

  .bo-hero p{
    font-size:16px;
    line-height:1.6;
  }

  .wp-block-buttons{
    flex-direction:column;
    align-items:stretch;
  }
  .wp-block-buttons .wp-block-button,
  .wp-block-buttons .wp-block-button__link{
    width:100% !important;
  }

  /* Карточки с фото — уменьшаем высоту изображения */
  .bo-card-img-wrap {
    height: 220px !important;
  }
}