.catalog{background:#fff;height:100vh;min-height:min-content;padding:120px 10px 80px}.catalog--title{justify-content:space-between;align-items:center;gap:80px;display:flex}.catalog__container{max-width:1160px;margin:0 auto}.catalog__grid,.catalog__grid--loading{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px;display:grid}.catalog__card,.catalog-skeleton-card{cursor:pointer;background:#fff;border-radius:15px;width:274px;height:130px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 0 20px #00000026}.catalog__card:hover{transform:translateY(-4px)}.catalog__card-content{justify-content:space-between;align-items:center;gap:15px;height:100%;padding:20px;display:flex}.catalog__card-text{color:#120d2c;flex:1;max-width:160px;font-size:16px;font-weight:500;line-height:1.3;overflow:hidden}.catalog__card-image,.catalog-skeleton-image{border-radius:8px;flex-shrink:0;width:60px}.catalog-skeleton-card{justify-content:space-between;align-items:center;padding:20px;display:flex}.catalog-skeleton-image{background:#e0e0e0}.catalog-skeleton-text{background:#e0e0e0;border-radius:4px;width:70%;height:16px}@media (max-width:1200px){.catalog__grid{grid-template-columns:repeat(3,1fr)}.catalog__card{width:auto}}@media (max-height:878px){.catalog__card{height:100px}}@media (max-width:768px){.catalog{height:min-content;min-height:min-content;padding:60px 10px}.catalog--title{flex-direction:column;align-items:start;gap:20px}.catalog__grid{grid-template-columns:1fr;margin-bottom:20px}.catalog__card{height:90px;padding:0}.catalog__card:hover{transform:none}.catalog__card-content{flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.catalog__card-text{text-align:left;max-width:unset;flex:1;font-size:16px}.catalog__card-image{background:#f3f3f4;flex-shrink:0;width:50px}}@media (max-width:400px){.catalog__card-text{font-size:14px}}