.catalog-mode-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 7px}.catalog-mode-tabs button{border:1px solid #3b5156;border-radius:999px;background:#151a1c;color:#b7c2c3;padding:9px 14px;font-size:12px;font-weight:800;transition:.18s}.catalog-mode-tabs button:hover{border-color:#61d4e9;color:#f3fbfc}.catalog-mode-tabs button.active{border-color:#5fd3e8;background:linear-gradient(110deg,#154d59,#1b3440);color:#e9fbff;box-shadow:0 0 20px #45c9e52b}.catalog-mode-description{margin:0 0 18px;color:#9ba8aa;font-size:12px}.catalog-skin-preview{position:relative;border-color:#5b421b;background:linear-gradient(135deg,#090a0c,#11100a);box-shadow:inset 0 1px #f0bd4930,0 6px 15px #0006}.catalog-skin-row{height:56px;gap:3px;padding:3px;border-bottom:2px solid transparent;border-image:linear-gradient(90deg,#ca8b1e,#efbc45,#b363ed) 1;background:#050607}.catalog-skin-row img{height:48px;border:1px solid #36383a!important;border-radius:4px;filter:saturate(1.08) contrast(1.04);transition:transform .18s,filter .18s}.catalog-skin-row img:hover{transform:translateY(-2px) scale(1.06);filter:saturate(1.2) contrast(1.08);position:relative;z-index:2}.catalog-skin-caption{min-height:20px;background:#070809;color:#a6acad}.catalog-skin-caption b{color:#70e1a6}@media(max-width:650px){.catalog-skin-row{height:50px}.catalog-skin-row img{height:42px}.catalog-mode-tabs button{padding:8px 11px;font-size:11px}}