/* Tool Park: каталог — разделы, группы, категории и характеристики товаров. */

.tp-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 0 14px;font-size:13px;color:var(--gray,#6d6d74)}
.tp-crumbs a{color:var(--gray,#6d6d74);text-decoration:none}
.tp-crumbs a:hover{color:var(--red,#f01938)}
.tp-crumbs b{color:#111;font-weight:600}
.tp-crumbs span{color:#c4c4c9}

.tp-tiles-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px}
.tp-tiles-head h2{margin:0;font-size:22px;line-height:1.2}
.tp-tiles-head h2::after{display:none}
.tp-tiles-head a{font-size:13px;font-weight:700;color:var(--red,#f01938);white-space:nowrap}

.tp-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin:0 0 28px}
.tp-tile{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 14px;border:1px solid var(--line,#e7e7e9);border-radius:10px;background:#fff;color:#111;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s}
.tp-tile:hover,.tp-tile:focus-visible{border-color:var(--red,#f01938);transform:translateY(-2px);box-shadow:0 8px 20px #0000000d}
.tp-tile-ic{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:9px;background:#fff0f3;color:var(--red,#f01938)}
.tp-tile-ic .grp-icon{width:26px;height:26px}
.tp-tile-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.tp-tile-txt b{font-size:14px;font-weight:700;line-height:1.25}
.tp-tile-txt small{font-size:12px;color:var(--gray,#6d6d74)}
.tp-tiles-sections .tp-tile{min-height:76px}

.tp-search-note{margin-top:6px;font-size:13px;color:var(--gray,#6d6d74)}

/* Подстрока товара: бренд, категория, артикул */
.pp-product-sub a{color:var(--red,#f01938);text-decoration:none}
.pp-product-sub a:hover{text-decoration:underline}

/* Характеристики — короткие «плашки» и полный список по клику */
.tp-specs{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:8px 0 0;padding:0}
.tp-specs li{display:inline-flex;align-items:baseline;gap:5px;padding:3px 9px;border-radius:6px;background:var(--light,#f5f5f6);font-size:12px;line-height:1.45;color:#1d1d21}
.tp-specs li span{color:var(--gray,#6d6d74)}
.tp-specs-more{margin-top:6px;font-size:12px}
.tp-specs-more summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:var(--red,#f01938);font-weight:600;list-style:none}
.tp-specs-more summary::-webkit-details-marker{display:none}
.tp-specs-more summary::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .18s}
.tp-specs-more[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.tp-specs-more dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 18px;margin:8px 0 0;padding:10px 12px;border:1px solid var(--line,#e7e7e9);border-radius:8px;background:#fff}
.tp-specs-more dl div{display:flex;justify-content:space-between;gap:12px;padding:4px 0;border-bottom:1px dashed var(--line,#e7e7e9)}
.tp-specs-more dt{color:var(--gray,#6d6d74)}
.tp-specs-more dd{margin:0;text-align:right;font-weight:600}

@media(max-width:760px){
  .tp-tiles{grid-template-columns:1fr 1fr;gap:8px}
  .tp-tile{padding:10px;gap:10px;min-height:58px}
  .tp-tile-ic{width:36px;height:36px}
  .tp-tile-ic .grp-icon{width:22px;height:22px}
  .tp-tile-txt b{font-size:13px}
  .tp-tiles-head h2{font-size:19px}
  .tp-specs-more dl{grid-template-columns:1fr}
}
@media(max-width:400px){.tp-tiles{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.tp-tile{transition:none}.tp-tile:hover{transform:none}}