.catalog-card{display:grid;gap:20px;grid-template-rows:300px 142px;width:100%}.catalog-card-img-container{height:100%;position:relative;width:100%}.catalog-card-img{align-items:center;background:var(--gray);border-radius:20px;display:flex;height:100%;justify-content:center;overflow:hidden;transition:var(--transition);width:100%}.catalog-card-img,.catalog-card-img-container img{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.catalog-card-img-container img{aspect-ratio:1/1;height:252px;-o-object-fit:cover;object-fit:cover;width:252px;z-index:2}.catalog-card-bot{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:9px;padding-top:15px;transition:var(--transition)}.catalog-card-btn{margin-top:10px}.catalog-card-name{font-family:Inter;font-size:18px;font-weight:600;letter-spacing:-.03em;min-height:36px;text-transform:uppercase}.catalog-card-desc,.catalog-card-name{color:var(--black);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.catalog-card-desc{min-height:32px}.catalog-card-img-bg{background:var(--violet-gradient);height:100%;inset:0;opacity:0;pointer-events:none;position:absolute;transition:var(--transition);width:100%;z-index:1}.catalog-card:hover .catalog-card-img-bg{opacity:1}.catalog-card:hover .catalog-card-img{border-radius:50px;height:calc(100% + 50px);width:calc(100% + 20px)}.catalog-card:hover .catalog-card-bot{border-color:transparent}@media screen and (max-width:1199px){.catalog-card{grid-template-rows:300px 152px}}