/* TASK-1053: новый вид вкладки десктопного мегаменю (сниппет kkMegaMenu). Цвета и кнопки — из catalog-2026.css
   (оранжевый #F1861D, текст #16283C, рамка #E4E9EF, кнопки как «Купить в 1 клик»). Сайтовые правила для div
   (display:flex, justify-content:space-between) перебиваются явно. */
#catalog-content .submenu.kkmm.active{display:block!important;padding:0!important}
#catalog-content .kkmm .kkmm-wrap{display:grid!important;grid-template-columns:1fr 1fr 280px;grid-template-rows:1fr auto;gap:0 32px;padding:28px 28px 28px 32px;box-sizing:border-box;width:100%;align-items:stretch;text-align:left}
#catalog-content .kkmm .kkmm-col{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;min-width:0}
#catalog-content .kkmm .kkmm-col>.kkmm-list{flex:1 1 auto;justify-content:space-between!important}
#catalog-content .kkmm .kkmm-col--wide{grid-column:1 / span 2}
#catalog-content .kkmm .kkmm-h{display:block!important;font-size:13px;font-weight:700;line-height:1;letter-spacing:.04em;text-transform:uppercase;color:#8A99A9;margin:0 0 10px;padding:0;border:0}
#catalog-content .kkmm .kkmm-h::after{display:none!important}
#catalog-content .kkmm .kkmm-list{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:2px}
#catalog-content .kkmm .kkmm-list--two{display:grid!important;grid-template-columns:1fr 1fr;gap:2px 32px;align-content:start}
#catalog-content .kkmm a.kkmm-row{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center;gap:12px;padding:6px 10px!important;margin:0 -10px;border-radius:9px;color:#16283C;text-decoration:none;font-size:15px;line-height:1.25;white-space:nowrap;transition:background .15s,color .15s}
#catalog-content .kkmm a.kkmm-row:hover{background:#F7F9FB;color:#F1861D}
#catalog-content .kkmm .kkmm-ico{display:grid!important;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:9px;background:#FFF3E6;color:#F1861D}
#catalog-content .kkmm .kkmm-ico svg{width:20px;height:20px;display:block}
#catalog-content .kkmm .kkmm-sw{display:block!important;width:26px;height:26px;flex:0 0 26px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(22,40,60,.12);margin:0 4px}
#catalog-content .kkmm .kkmm-t{overflow:hidden;text-overflow:ellipsis}
#catalog-content .kkmm .kkmm-n{margin-left:-6px;padding-left:0;flex:none;color:#8A99A9;font-size:13px}
/* один список во вкладке — плитки в ряд (как «Форма»), тянутся по высоте */
#catalog-content .kkmm .kkmm-tiles{display:grid!important;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px;flex:1 1 auto}
#catalog-content .kkmm a.kkmm-tile{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center;gap:8px;min-width:0;padding:12px 6px!important;background:#fff;border:1px solid #E4E9EF;border-radius:12px;text-align:center;color:#16283C;text-decoration:none;font-size:14px;font-weight:600;line-height:1.25;transition:border-color .15s,background .15s}
#catalog-content .kkmm a.kkmm-tile:hover{background:#F7F9FB;border-color:#C7D0D9}
#catalog-content .kkmm a.kkmm-tile .kkmm-sw{width:64px;height:64px;flex:0 0 64px;margin:0}
#catalog-content .kkmm a.kkmm-tile .kkmm-ico{width:64px;height:64px;flex:0 0 64px;border-radius:16px}
#catalog-content .kkmm a.kkmm-tile .kkmm-ico svg{width:36px;height:36px}
#catalog-content .kkmm a.kkmm-tile .kkmm-t{font-size:15px;margin-top:6px}
#catalog-content .kkmm a.kkmm-tile i{display:block;font-style:normal;font-weight:400;color:#8A99A9;font-size:12px;min-height:14px}
/* «Хит раздела» — штатная карточка листинга (.c26 .goods-item из catalog-2026.css), только фото ниже */
#catalog-content .kkmm .kkmm-promo{grid-column:3;grid-row:1 / span 2;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:10px;min-width:0}
#catalog-content .kkmm .kkmm-promo>.catalog-2026{display:flex!important;flex:1 1 auto;min-height:0}
#catalog-content .kkmm .kkmm-promo .c26{display:flex!important;flex:1 1 auto;width:100%}
#catalog-content .kkmm .kkmm-promo .c26 .goods-item{flex:1 1 auto;width:100%;box-sizing:border-box}
#catalog-content .kkmm .kkmm-promo .c26 .goods-item .c26-card__photo{height:150px}
#catalog-content .kkmm .kkmm-promo .c26 .goods-item .c26-card__photo img{max-height:150px}
#catalog-content .kkmm a.kkmm-all{display:flex!important;justify-content:center!important;align-items:center;box-sizing:border-box;width:100%;background:#fff;color:#F1861D!important;border:1px solid #F1861D;border-radius:9px;padding:11px 8px!important;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s,color .15s}
#catalog-content .kkmm a.kkmm-all:hover{background:#F1861D;color:#fff!important}
#catalog-content .kkmm .kkmm-bottom{grid-column:1 / span 2;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:20px;border-top:1px solid #E4E9EF;margin-top:22px;padding-top:20px}
#catalog-content .kkmm .kkmm-b{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;flex:1 1 auto;min-width:0}
#catalog-content .kkmm .kkmm-shapes{display:grid!important;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px}
/* плитки формы и кнопки подборок — как кнопка «Купить в 1 клик»: белые, серая рамка, спокойная подсветка */
#catalog-content .kkmm a.kkmm-shape{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center;min-width:0;padding:10px 4px 9px!important;background:#fff;border:1px solid #E4E9EF;border-radius:12px;text-align:center;color:#16283C;text-decoration:none;font-size:13px;font-weight:600;line-height:1.25;transition:border-color .15s,background .15s}
#catalog-content .kkmm a.kkmm-shape:hover{background:#F7F9FB;border-color:#C7D0D9}
#catalog-content .kkmm a.kkmm-shape svg{width:40px;height:40px;display:block;margin:0 auto 6px;fill:#FFF3E6;stroke:#F1861D;stroke-width:1.6}
#catalog-content .kkmm a.kkmm-shape i{display:block;font-style:normal;font-weight:400;color:#8A99A9;font-size:12px}
#catalog-content .kkmm .kkmm-chips{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:10px}
#catalog-content .kkmm a.kkmm-chip{flex:1 1 calc((100% - (var(--kkmm-per, 4) - 1) * 10px) / var(--kkmm-per, 4));min-width:0;box-sizing:border-box;display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center;gap:6px;padding:10px 12px!important;background:#fff;border:1px solid #E4E9EF;border-radius:9px;color:#16283C;text-decoration:none;font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap;transition:border-color .15s,background .15s}
#catalog-content .kkmm a.kkmm-chip:hover{background:#F7F9FB;border-color:#C7D0D9}
#catalog-content .kkmm a.kkmm-chip i{font-style:normal;font-weight:400;color:#8A99A9;font-size:12px}
@media (max-width:1366px){
  #catalog-content .kkmm .kkmm-wrap{grid-template-columns:1fr 1fr 250px;gap:0 24px;padding:24px}
}
/* TASK-1053: вкладка из подразделов («Офисная мебель») — плитки с фото первого товара, макет A (Дмитрий 22.10) */
#catalog-content .kkmm a.kkmm-ph{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center;min-width:0;padding:14px 12px 16px!important;background:#fff;border:1px solid #E4E9EF;border-radius:12px;color:#16283C;text-decoration:none;text-align:center;transition:border-color .15s}
#catalog-content .kkmm a.kkmm-ph:hover{border-color:#F1861D}
#catalog-content .kkmm a.kkmm-ph img,#catalog-content .kkmm a.kkmm-ph .kkmm-ph-x{display:block;width:100%;height:auto;flex:1 1 auto;min-height:0;object-fit:contain}
#catalog-content .kkmm a.kkmm-ph b{font-size:16px;font-weight:600;margin-top:10px}
#catalog-content .kkmm a.kkmm-ph i{display:block;font-style:normal;font-weight:400;color:#8A99A9;font-size:13px;margin-top:2px;min-height:16px}
#catalog-content .kkmm a.kkmm-ph:hover b{color:#F1861D}
/* TASK-1053: вкладка из разделов с подразделами («Металлическая мебель») — группы плиток, макет утверждён Дмитрием 23.10 */
#catalog-content .kkmm .kkmm-col--grp{grid-row:1 / span 2}
#catalog-content .kkmm .kkmm-grp{display:grid!important;grid-template-rows:auto auto auto;gap:12px;width:100%}
#catalog-content .kkmm .kkmm-grp-h{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:baseline;gap:12px;font-size:13px;font-weight:700;line-height:1;letter-spacing:.04em;text-transform:uppercase;color:#8A99A9}
#catalog-content .kkmm .kkmm-grp-h a{font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:#F1861D;text-decoration:none;white-space:nowrap}
#catalog-content .kkmm .kkmm-grp a.kkmm-ph{padding:10px 10px 12px!important}
#catalog-content .kkmm .kkmm-grp a.kkmm-ph img,#catalog-content .kkmm .kkmm-grp a.kkmm-ph .kkmm-ph-x{width:100%;height:150px;flex:none;object-fit:contain}
#catalog-content .kkmm .kkmm-grp a.kkmm-ph b{font-size:15px;margin-top:6px}