/* Металлопродукция (шаблоны *_metall, с 13.10.2026). Разметка — классы каталога сайта (tovar-block и т. п.),
   здесь только своё: список характеристик, единица цены, кнопка запроса, форма. Классы mt-* есть только на этих страницах. */
.mt-block .mt-descr-box{height:auto;min-height:120px}
.mt-har-list{margin:8px 0 0;padding:0;list-style:none;font-size:14px;line-height:1.45}
.mt-har-list li{margin:0 0 2px}
.mt-har-list li span{color:#777}
.mt-unit{font-size:14px;color:#555;white-space:nowrap}
.mt-ask{font-size:18px!important}
/* та же синяя кнопка, что «Купить», но без значка корзины — текст длиннее */
.td-rc .contents.mt-zapros{text-decoration:none;text-indent:52px;white-space:nowrap;overflow:hidden;background:url("/pics/bg-search.png") left no-repeat}
.td-rc .contents.mt-zapros:hover{background:url("/pics/bg-search-hover.png") left no-repeat;color:#fff}

/* телефон: «Цена по запросу» и кнопка «Узнать цену» ближе друг к другу (Ольга 13.10) */
@media (max-width: 800px){
  .mt-noprice .tovar-price{height:auto!important;min-height:0!important;margin:0 0 6px!important;padding-bottom:0!important}
  .mt-noprice .cms_cartbtn_cont{margin-top:0!important;padding-top:0!important}
  .mt-noprice,.mt-block .tovar-descr-bot{height:auto!important;min-height:0!important}
  .mt-noprice{padding-bottom:10px!important}
}

/* плитки подразделов: карточка «картинка + название под ней», подсветка при наведении (Ольга 13.10) */
.mt-tiles{display:flex;flex-wrap:wrap;gap:14px;margin:15px 0 20px}
.mt-tile{display:flex;flex-direction:column;align-items:center;width:calc(50% - 7px);box-sizing:border-box;padding:10px 10px 12px;background:#fff;border:1px solid #d6e3ef;text-decoration:none!important;transition:border-color .15s,box-shadow .15s}
.mt-tile-img{display:flex;align-items:center;justify-content:center;width:100%;height:150px}
.mt-tile-img img{max-width:100%;max-height:150px;object-fit:contain}
.mt-tile-title{margin-top:8px;text-align:center;font-size:15px;font-weight:bold;line-height:1.3;color:#166caf}
.mt-tile:hover{border-color:#2575b4;box-shadow:0 3px 12px rgba(22,108,175,.25)}
.mt-tile:hover .mt-tile-title{color:#f16522}
@media (min-width: 801px){
  .mt-tile{width:calc(33.333% - 10px)}
}

/* форма запроса */
.mt-modal{position:fixed;z-index:10000;left:0;top:0;right:0;bottom:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.45)}
.mt-modal.mt-open{display:flex}
.mt-form{position:relative;width:92%;max-width:420px;box-sizing:border-box;padding:20px;background:#fff;border:1px solid #2575b4}
.mt-form h3{margin:0 25px 8px 0;font-size:18px;color:#166caf}
.mt-form .mt-f-item{margin:0 0 12px;font-size:13px;color:#555}
.mt-form label{display:block;margin:0 0 10px;font-size:13px}
.mt-form input,.mt-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:4px;padding:8px;border:1px solid #2575b4;font-size:16px}
.mt-form textarea{height:70px;resize:vertical}
.mt-form .mt-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.mt-form .mt-btn{display:block;width:100%;padding:12px;border:0;background:#166caf;color:#fff;font-size:16px;font-weight:bold;cursor:pointer}
.mt-form .mt-btn:hover{background:#2575b4}
.mt-form .mt-x{position:absolute;right:10px;top:8px;border:0;background:none;font-size:24px;line-height:1;cursor:pointer;color:#888}
.mt-form .mt-msg{margin:10px 0 0;font-size:14px}
.mt-form .mt-msg.mt-err{color:#c00}
.mt-form .mt-agree{font-size:11px;color:#888;margin:8px 0 0}
