/* mobile.css — строго только мобилки, десктоп не трогаем */

@media (max-width: 768px) {

  /* базовая защита на мобилках */
  html, body { overflow-x: hidden; }
  * { box-sizing: border-box; }
  img { max-width: 100%; height: auto; }

  /* контейнеры */
  .highest,
  .all,
  .content {
    width: 100% !important;
  }

  .all { margin: 0 auto 15px auto !important; }
  .content { padding: 0 10px !important; }

  /* колонки в одну */
  .leftSide,
  .rightSide  {
    float: none !important;
    width: 100% !important;
	margin: 50px 0 0 0 !important;
  }
  
    .rightSideDD  {
    float: none !important;
    width: 100% !important;
	margin: 50px 0 0 0 !important;
  }

  /* шапка (верх) */
  .header .top {
    height: auto !important;
    padding: 10px 10px 0 10px !important;
    background-size: cover !important;
  }

  /* логотип + “Дженерики” по центру */
  .header .logo {
    position: static !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 57px 0 10px 0 !important;
    text-align: center !important;
    background-position: center top !important;
  }
  .header .logo .name { display: block !important; text-align: center !important; }

  /* call блок (если нужен) */
  .header .call {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin: 1px !important;
    padding: 1px !important;
    background: none !important;
	display: block !important; 
	text-align: center !important;
  }

  /* меню можно скрыть на мобилке */
  .header .topMenu { display: none !important; }

  /* ШАПКА-КАРТИНКА: трогаем ТОЛЬКО .header .bottom (не .bottom вообще!) */
  .header .bottom {
    width: 100% !important;
    height: 120px !important;          /* как в десктопе */
    padding-top: 20px !important;      /* как в десктопе */
    margin-top: 11px !important;
    background-size: cover !important;
    background-position: center top !important;
  }

  .header .bottom .first {
    float: none !important;
    width: 100% !important;
    padding-left: 12px !important;     /* вместо 122px */
    padding-right: 12px !important;
  }

  h1 { font-size: 18px !important; line-height: 1.2 !important; }

  /* заголовки блоков слева: на всю ширину */
  .leftSide .title,
  .block .title,
  .title {

    width: 100% !important;
    display: block !important;
    padding-left: 32px !important;
    padding-right: 15px !important;

  }

  /* ---------- КАРТОЧКИ ТОВАРОВ: сетка 2 в ряд ---------- */

  /* делаем строки flex, но НЕ ломаем всё в display:block как раньше */
  .anons table { width: 115% !important; padding-left: 60px !important;}
  .anons tr { display: flex !important; flex-wrap: wrap !important; }
  .anons td.left {
    display: block !important;
    width: 38% !important;
    padding: 6px !important;
	
  }

  /* карточка растягивается по ячейке */
  /*.anons .cell,
  .anons .cell .bottom,
  .anons .cell .center {
    width: 100% !important;
  }*/

  /* ВАЖНО: НЕ убиваем фоны карточки (bgcell.png), иначе “рамка” пропадёт */
  /* ничего тут не делаем с background для .cell/.bottom/.center */

  /* картинка внутри карточки */
  .anons .cell img {
    max-height: 160px !important;
    height: auto !important;
    margin: 10px auto !important;
    display: block !important;
  }

  /* возвращаем кнопку Купить как в дефолте (buy.png) */
  .anons .cell .buy {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    height: 24px !important;
    width: 82px !important;
    font-size: 12px !important;
    line-height: 24px !important;
    padding-left: 17px !important;
    color: #fff !important;
    margin-top: 13px !important;
    background: url('images/buy.png') no-repeat left bottom transparent !important;
    text-decoration: none !important;
	 margin-bottom: 10px !important;
  }
}

/* очень узкие телефоны: 1 карточка в ряд */
@media (max-width: 480px) {
  .anons td.left { width: 100% !important; }
}




.keyw {
	
	margin: 15px auto!important;
	
}



@media (max-width: 768px) {
	
	/* bottomMenu столбиком на мобилке */
.footer .bottomMenu {
    float: none !important;
    width: 100% !important;
    white-space: normal !important;
    text-align: left !important;
    margin-top: 10px !important;
	text-decoration: none !important; 
}

.footer .bottomMenu li {
    display: block !important;
    padding: 8px 30px !important;
	
	line-height: 5px !important;
}


.footer .bottomMenu p {
    margin: 0px !important;
	
}


.footer .bottomMenu li a {
    display: block !important;

}


.footer .bottomMenu ul {
    margin: 0px !important;
	
}




}