/* 31.10.2026 Heatex: правки мобильной версии и формы заказа. Откат: убрать addCss heatex-mobile-v3.css из heatex_quickorder.xml */

/* Форма заказа в корзине — крупные поля (везде) */
#heatex-order .input-text,#heatex-order textarea{width:100%;height:44px;padding:9px 11px;font-size:16px;line-height:1.3;border:1px solid #c8c8c8;border-radius:3px;box-sizing:border-box;background:#fff;box-shadow:none}
#heatex-order textarea{height:110px}
#heatex-order .input-text:focus,#heatex-order textarea:focus{border-color:#d0261d;outline:none}
#heatex-order label{font-size:14px;margin-bottom:4px;display:block}
#heatex-order .hq-f{margin-bottom:12px}
#heatex-order input[type=checkbox]{width:20px;height:20px;vertical-align:-4px;margin-right:6px}

@media (max-width:767px){
  #heatex-order .hq-submit{width:100%!important;height:50px;font-size:17px;margin-left:0!important}
  /* шапка: логотип не налезает на кнопку меню */
  .header-container .header .logo{margin-left:32px!important}
  .header-container .header .logo .logo{margin-left:0!important}
  .header-container .header a.logo img{max-height:44px!important;width:auto!important}
  /* заголовки разделов и товаров компактнее */
  html body .page .page-title h1,html body .page .product-name h1{font-size:22px!important;line-height:1.25!important}
  /* рекламные баннеры Amasty на телефоне скрыты */
  .ambanners,.ambanners-injected-banner{display:none!important}
}
/* узкие телефоны (360px, 320px): логотип чуть меньше, чтобы шапка была в одну строку */
@media (max-width:374px){
  .header-container .header .logo{margin-left:30px!important}
  .header-container .header a.logo img{max-height:40px!important}
}
@media (max-width:340px){
  .header-container .header .logo{margin-left:28px!important}
  .header-container .header a.logo img{max-height:34px!important}
}
@media (max-width:767px){.header-container .header .logo .logo{margin-left:0!important}}