/* Страница /integrations TwinCard: плитки «логотип + название» на токенах каталога, как витрина Fans. */
#integration-showcase{padding-block:8px 64px}
#integration-showcase .ig-filter{margin-bottom:20px}
#integration-showcase .ig-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
#integration-showcase .ig-tile{font:inherit;align-items:center;justify-content:center;text-align:center;gap:10px;min-width:0;padding:18px 10px;background:var(--surface);border-color:var(--line);border-radius:var(--r-m,16px);box-shadow:none}
#integration-showcase .ig-tile:hover{box-shadow:var(--sh-soft)}
#integration-showcase .ig-tile>b{font-size:14px;font-weight:600;line-height:1.3;overflow-wrap:anywhere;hyphens:auto}
#integration-showcase .ig-tile>.ig-mark{width:76px;height:44px;border-radius:10px;border-color:#e3e8ee;background:#fff;color:#24344a}
@media(max-width:767px){
 #integration-showcase{padding-block:4px 40px}
 #integration-showcase .ig-filter select{width:100%}
 #integration-showcase .ig-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
 #integration-showcase .ig-tile{padding:10px 3px;gap:8px;border-radius:12px}
 #integration-showcase .ig-tile>b{font-size:11px;line-height:1.25}
 #integration-showcase .ig-logo-frame,#integration-showcase .ig-tile>.ig-mark{width:54px;max-width:100%;height:36px;padding:4px}
}