/* spectrum3d.ru — мобильная адаптация без изменения десктопа (15.09.2026).
   Два шаблона: табличный (style.css: #top с лого и 8 пунктами меню по 12%, #center с сеткой галереи 300px и отступами 75px)
   и float-макет 3D.css (#header/#main/#bottom 947, колонки 196|490|260, товары 200+500). Таблицы прайсов 600-800px.
   Все правила только внутри @media (max-width:768px). */
@media screen and (max-width:768px){
  /* ---- табличный шаблон (style.css) ---- */
  table#top,table#top>tbody,table#top>tbody>tr,#menunav,#menunav>tbody,#menunav>tbody>tr{display:block;width:100%!important;box-sizing:border-box}
  table#top,#top{padding:10px}
  a#top{padding:0;display:inline-block;max-width:100%}
  #top td,#menunav td{display:inline-block;width:auto!important;padding:4px 6px;vertical-align:top}
  #top td[colspan],#menunav td[colspan]{display:block;width:auto!important;text-align:center}
  #top div[align="right"],#menunav div[align="right"]{text-align:center}
  #center{padding:10px 8px 40px}
  table#center,table#center>tbody,table#center>tbody>tr,table#center>tbody>tr>td,
  #center>table,#center>table>tbody,#center>table>tbody>tr,#center>table>tbody>tr>td,
  #center table[width="100%"],#center table[width="100%"]>tbody,#center table[width="100%"]>tbody>tr,#center table[width="100%"]>tbody>tr>td{display:block;width:auto!important;height:auto!important;max-width:100%;box-sizing:border-box}
  #center td[width="15"],#center td[width="35"]{display:none}
  td.top{height:auto;padding-right:0;text-align:center}
  td.bmenu{padding-right:0;text-align:center}
  td{white-space:normal!important}
  td.bmenu,td#btm{display:block;width:auto!important}
  /* ---- float-шаблон (3D.css) ---- */
  #header{width:100%;height:auto;min-height:120px;background-size:cover;overflow:hidden}
  #sitetitle{float:none;top:auto;left:auto;padding:10px}
  #quickbtns,#quicknav,#phone{float:none;padding:6px 10px;top:auto;text-align:center}
  #main,#bottom{width:100%}
  #bottom{height:auto;overflow:hidden;padding-bottom:10px}
  #mainleft,#maincenter,#mainright,#secondarycontent{float:none;width:auto;padding:8px}
  #main{display:flex;flex-direction:column}
  #maincenter,#secondarycontent{order:-1}
  #bcopy,#blogo,#bmenu,#maker{float:none;width:auto;text-align:center;padding:4px 0}
  .productimg,.producttitle,.producttxt,.product{float:none;width:auto}
  /* ---- общее: таблицы прайсов/контента с px-шириной — в экран, прокрутка внутри при нехватке ---- */
  table[width]:not([width$="%"]):not(#top):not(#center){display:block;overflow-x:auto;max-width:100%;width:auto!important}
  table{max-width:100%}
  hr{max-width:100%;box-sizing:border-box}
  img{max-width:100%;height:auto}
  iframe,embed,object{max-width:100%}
  body,td,div{overflow-wrap:anywhere;word-wrap:break-word}
}