/* Мобильная версия (2026-10-23). Включается только на узком экране; компьютерная вёрстка не меняется.
   Правила: Google mobile-first (та же страница и то же содержимое), MDN Responsive design
   (viewport width=device-width, без жёстких ширин, картинки не шире экрана). */
@media screen and (max-width: 760px) {
  html, body { min-width: 0 !important; overflow-x: hidden; -webkit-text-size-adjust: 100%; }
  body { font-size: 15px; line-height: 1.5; }
  .main, .wrapper, header, footer, section, article, aside, #content, #content2, .body1, .body2, .body3, .body4, .body5 {
    width: auto !important; max-width: 100% !important; box-sizing: border-box;
  }
  .main { padding: 0 14px !important; }
  img, video, iframe, embed, object { max-width: 100% !important; height: auto !important; }
  table { width: 100% !important; max-width: 100% !important; height: auto !important; }
  td, th { display: block; width: auto !important; }

  /* колонки — одна под другой */
  .col1, .col2, .col3, .cols, [class*="col"] { float: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; }
  .left, .right, .fleft, .fright, .marg_right1, .marg_left1 { float: none !important; }
  figure.left, figure.right { float: none !important; margin: 0 0 12px !important; text-align: center; }
  .line1, .line2 { background-image: none !important; }

  /* фон: у компьютерной вёрстки тёмная шапка нарисована картинкой высотой 560 px — на телефоне
     шапка ниже, поэтому тёмный фон даём самой шапке, а светлый — всей странице */
  .body2, .body3, .body4, .body5 { background-image: none !important; }
  .body1 { background-position: center top !important; }
  header { height: auto !important; padding: 0 14px 12px !important; margin: 0 -14px !important; max-width: none !important;
           background: linear-gradient(#2b2b2b, #0f0f0f) !important; }
  h1 { float: none !important; padding: 14px 0 6px 0 !important; }
  #logo { width: 220px !important; height: 75px !important; background-size: contain !important; }
  #search { display: none !important; }
  #menu { float: none !important; width: auto !important; height: auto !important; padding: 0 !important; margin: 6px 0 0 !important;
          display: flex; flex-wrap: wrap; gap: 6px 14px; }
  #menu li { float: none !important; padding: 0 !important; margin: 0 !important; }
  #menu li a { font-size: 15px !important; }
  .lang { position: static !important; float: none !important; margin: 4px 0 !important; }

  /* карусель работ — лента, листается пальцем вбок */
  #myRoundabout { display: flex !important; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px;
                  width: auto !important; height: auto !important; padding: 0 0 10px !important; margin: 10px 0 !important; }
  #myRoundabout li { position: static !important; flex: 0 0 82%; width: auto !important; height: auto !important;
                     margin: 0 !important; padding: 0 !important; scroll-snap-align: center; transform: none !important;
                     opacity: 1 !important; left: auto !important; top: auto !important; font-size: inherit !important; }
  #myRoundabout li img { width: 100% !important; height: auto !important; }
  .roundabout-moveable-item { margin-top: 0 !important; }
  #gallery, #gallery .relative, header .relative { height: auto !important; }

  /* «Сходство»: пары «фото ↔ вышивка» (картинка меняется при касании) — по центру, во всю ширину */
  td { text-align: center; }
  a.swap { display: block !important; margin: 0 auto 14px; }
  a.swap img { width: 100% !important; max-width: 360px; margin: 0 auto; }

  /* пресса: превью над текстом */
  .press-pics { float: none !important; width: auto !important; margin: 0 0 10px !important; display: flex; gap: 8px; }
  .press-pics a { flex: 1 1 0; min-width: 0; }
  .press-text { overflow: visible !important; }

  /* «Контакты»: подписи слева, значения справа, как на компьютере */
  .pad > span.col3 { float: left !important; width: auto !important; margin-right: 12px !important; }
  .pad_left1, .pad_left2 { padding-left: 0 !important; }

  /* подвал и форма */
  footer .left, footer .right { width: auto !important; float: none !important; }
  #ContactForm span { float: none !important; width: auto !important; display: block; }
  #ContactForm .input, #ContactForm textarea { width: 100% !important; box-sizing: border-box; }

  h2 { font-size: 24px !important; line-height: 1.25 !important; }
  p, li, td { word-wrap: break-word; overflow-wrap: anywhere; }
}