/* горизонт скрол */
 /* Контейнер всей галереи */
    .gallery-scroll {
      display: flex;
      overflow-x: auto;           /* Включает горизонтальный скролл */
      gap: 12px;                  /* Отступ между фото */
      padding: 8px;               /* Внутренний отступ по краям */

      /* Самое важное для свайпа на мобильном: */
      -webkit-overflow-scrolling: touch;  /* Плавный инерционный скролл на iOS */
      touch-action: pan-x pinch-zoom;      /* Разрешает горизонтальный свайп, запрещает зум */
      scroll-snap-type: none;              /* Отключаем «прилипание», чтобы скроллилось свободно */

      width: 100%;
      max-width: 900px;           /* Ограничение ширины — если фото не влезают, будет скролл */
      margin: 0 auto;             /* Центрируем галерею на больших экранах */

      /* Для отладки можно временно включить рамку: */
      /* border: 1px solid #ccc; */
    }

    /* Блок-обёртка для одного фото */
    .img-box {
      flex-shrink: 0;             /* Запрещает блоку сжиматься */
      /* Ширину НЕ задаём — она посчитается автоматически по пропорциям */
    }

    /* Само фото */
    .gallery-img {
      height: 300px;              /* Фиксированная высота (на ПК) */
      width: auto;                /* Ширина считается автоматически, чтобы сохранить пропорции */

      object-fit: contain;        /* Без обрезки: фото целиком влезает в высоту */
      border-radius: 8px;         /* Скруглённые углы (опционально) */
      display: block;             /* Убирает лишние отступы снизу */
    }

    /* Адаптив: на мобильном делаем фото ниже, чтобы было удобнее свайпать */
    @media (max-width: 768px) {
      .gallery-img {
        height: 200px;            /* Высота на мобильном */
      }
      
      .gallery-scroll {
        max-width: 98%;          /* На мобильном галерея во всю ширину экрана */
      }
    }
	

.v {
margin-left: 1%;
}

.photo {
    background: #FF9F4A; /* Цвет фона */
    margin: 10px; /* все четыре отступа 10px */
    padding: 10px 0; /* Поля сверху и снизу */
    text-align: center; /* Выравнивание по центру */
    display: inline-block; /* Строчно-блочный элемент */
    vertical-align: top; /* Выравнивание по верхнему краю */
   }
.photo img {
    border: 2px solid #8b8e4b; /* Параметры рамки */
   }
   


.center-text {
  display: flex;
  justify-content: center;
  align-items: center;
}

.m { 
border: 0.15em solid #99F067; /* толщина в em — зависит от размера шрифта */
padding: 2% 3%; /* процентные отступы — зависят от ширины контейнера */
margin: 1%;
box-sizing: border-box;
font-size: 1rem; /* базовый размер шрифта */
}

.n {
border: 0.15em solid #ff4f00; /* толщина в em — зависит от размера шрифта */
padding: 2% 3%; /* процентные отступы — зависят от ширины контейнера */
margin: 1%;
box-sizing: border-box;
font-size: 1rem; /* базовый размер шрифта */
}

.c {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 100%;
height: 300px; 
object-fit: fill; 
object-position: bottom; 
}

.nos {

/* -moz-user-select: none;

    -webkit-user-select: none;

    -ms-user-select: none;

    -o-user-select: none;

    user-select: none; */

}

h3 {
	text-indent: 50px;
}

			 /* График работ */
.toggle-btn {
      padding: 12px 20px;
      background-color: #333;
      color: white;
      border: none;
      cursor: pointer;
      font-size: 16px;
      transition: background 0.2s;
    }
    .toggle-btn:hover {
      background-color: #555;
    }

    .schedule-box {
      display: none; /* скрыто по умолчанию */
      margin-top: 10px;
      padding: 15px;
      border: 1px solid #ccc;
      background: #fff;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
      width: 200px;
    }

    .schedule-box.visible {
      display: block; /* показываем только когда добавлен класс visible */
    }

    .day {
      margin: 6px 0;
      line-height: 1.4;
    }
	
	/* перенос динамического номера телефона на другую строку */
	#block-a, #block-b {
  white-space: pre-wrap; /* или pre-line */
}

a[href^="tel:"] {
  white-space: pre-wrap;
}